/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; outline: none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { outline: none; display: block}
body { line-height: 1; height: 100%; margin: 0; padding: 0; font-family: 'Open Sans',sans-serif}
html { height: 100%}
ol, ul { list-style: none}
blockquote, q { quotes: none}
    blockquote:before, blockquote:after, q:before, q:after { content: none}
table { border-collapse: collapse; border-spacing: 0; border: 0; border-color: transparent}
html { height: 100%}
a { text-decoration: none; outline: none}
body, html { overflow: hidden}
::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder { color: #fff}
em { font-style: italic}
/* Evo UI */
/* Please Remember to compress your CSS to one line */
::selection { background: #222; color: #fff}
.anim { -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear}
.trans { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; -o-animation-duration: 1s; -o-animation-delay: .2s; -o-animation-timing-function: ease; -o-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both}
.clr, .clear { clear: both}
.keepOpen { color: red }
.keeper { position:relative; left:200px; top:6px; }
/*ie10 hack to remove input X */ input::-ms-clear { width: 0; height: 0}

.no-transitions, .no-transitions * { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; }
.evo-health-monitor { width: 10px; height: 10px !important; padding: 0px 10px 0px 0px; margin-top: 17px; border: none !important; }

/* duplicate of no-transitions to target the context menu on the tree*/
#vakata-contextmenu, #vakata-contextmenu * { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; }

hr.sep { color: #353535; margin: 0; border: 0; margin-bottom: 0px; margin-left: -67px; overflow: hidden; height: 7px}
    hr.sep:before { content: '////////////////////////////////////////////////////////////////////////////////'; font-size: 16px; letter-spacing: -2px; display: inline-block; height: 19px; overflow: hidden}
#cta { max-width: 312px; margin: 0 auto; position: relative}
#logo-lg { max-width: 100%; margin-bottom: 15px}
#overlay { background: url('/assets/images/overlay.png'); height: 100%; z-index: 999; position: absolute; width: 100%; min-width: 229px}
#overlay-inner { max-width: 406px; margin: 200px auto 0 auto}
    #overlay-inner.login { background-image: linear-gradient( to right, rgb(5, 17, 35), #1A0303 )}
#email { position: absolute; width: 100%; top: 49px; opacity: 0; display: none}
    #email input { width: 100%; font: 16px 'Sofia', Arial, sans-serif; outline: none; margin: 0; background: #d45b42; padding: 14px 0px; border: 0; color: #ffe8e3; text-indent: 20px}
#mapDialog-measurement { margin: 10px; padding: 7px; font-size: 11px; height: 10px !important}
#minimize-all { border: none: !important; font-size: 13px; background: rgb(34, 34, 34); vertical-align: middle; width: 19px; display: block; padding: 20px 0px 0 5px; height: 22px !important; color: rgb(82, 82, 82); cursor: pointer}
    #minimize-all:hover { background: rgb(80,80,80); color: rgb(200,200,200)}
#resetEasyStyle { border: none: !important; font-size: 23px; padding: 15px 0px 0px 0px; height: 28px !important; color: #797979 !important; cursor: pointer}
    #resetEasyStyle:hover { color: #bbb !important}

#customDev,
#customDev2,
#customDev3 {
    border: none: !important;
    font-size: 23px;
    padding: 15px 15px 0px 0px;
    height: 28px !important;
    color: #797979 !important;
    cursor: pointer;
}

#customDev:hover,
#customDev2:hover,
#customDev3:hover,
#quick-actions:hover {
    color: #bbb !important
}

#mapDialog-latlon { box-shadow: 0 0 3px #000; z-index: 99998; background: #333; color: #ffffff; position: absolute; bottom: 0; right: 3px; margin: 10px; padding: 7px; font-size: 11px; text-align: center; width: 160px; height: 10px !important}
.last-save { text-transform: uppercase; font-size: 10px; margin-top: 12px; font-family: "Sofia",sans-serif; color: #9D9D9D; text-align: right; display: none}
    .last-save span { display: block; color: #fff; margin-bottom: 2px}

/* Map */
.olMap.body{background: #fff}
.olMap.body i.updateLocation.ss-home.olControlPanZoom { position: absolute; left: 14px; top: 155px; color: #000; cursor: pointer; z-index:1009; }
.olMap { cursor: url('/assets/images/map_cursor.cur'), default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
    .olMap .map-coordinate-helper { pointer-events: none; box-shadow: 0 0 3px #000; background: #333; color: #ffffff; float: left; padding: 7px; font-size: 11px; text-align: center; min-width: 160px; height: 11px}
    .olMap .map-search { box-shadow: 0 0 3px #000; background: #333; color: #ffffff; float: left; font-size: 11px; margin-right: 4px; cursor: pointer}
        .olMap .map-search i { margin: 7px; line-height: 25px}
        .olMap .map-search input { color: #AAA; border: 0; height: 22px; margin: 0; text-indent: 7px; font-size: 12px; font-family: 'Sofia',sans-serif; text-align: left; outline: none; display: none; width: 0}
    .olMap .baselayersettings{position: absolute;right: 100%;top:7px;width: 228px;background: rgba(51, 51, 51, 0.98);padding: 20px}
        .olMap .baselayersettings h3{padding: 0 0 10px 0}
        .olMap .baselayersettings label{float: left;clear:both;width: 50%;font-size: 13px;margin-right: 10%}
        .olMap .baselayersettings .evo-slider{width: 28%;float: left;margin: 4px 7% 0 0}
        .olMap .baselayersettings .evo-slider > .ui-slider-handle {width:15px}
        .olMap .baselayersettings .evo-slider-helper{float: left;font-size: 10px}
        .olMap .baselayersettings .action-fields{margin-bottom:0}
    .olMap .bl-helperstrip { position: absolute; bottom: 7px; right: 13px; height: 26px; z-index: 1009}
    .olMap .map-layerswitcher-trigger { box-shadow: 0 0 3px #000; background: #333; cursor: pointer; margin: 0 4px 0 0; float: left; color: #FFF; padding: 7px; font-size: 11px}
    .olMap .map-layerswitcher-main-trigger { z-index: 99998; height: 10px; position: absolute; bottom: 0; right: 180px; margin: 10px; padding: 7px; box-shadow: 0 0 3px #000; background: #333; cursor: pointer; float: left; color: #FFF; font-size: 11px}
.olFramedCloudPopupContent {color: #ACACAC}
.olMap .map-search-pane { -webkit-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; -ms-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out}
.olMap .map-search-pane { color: #E4E4E4; font-family: "Sofia",sans-serif; position: absolute; top: 0; right: 0; height: 85%; width: 320px; background: rgba(36, 36, 36, 1); z-index: 1009}
    .olMap .map-search-pane.closed { right: -320px}
    .olMap .map-search-pane > i.search-icon { position: absolute; left: -47px; top: 16px; padding: 9px 8px 6px; background: #333; color: #fff !important; font-size: 12px; cursor: pointer}
        .olMap .map-search-pane > i.search-icon.hide { display: none}
    .olMap .map-search-pane .search-head .cancel-search { display: inline-block; margin: 21px 0px 10px 24px; font-size: 12px; text-transform: uppercase; cursor: pointer}
    .olMap .map-search-pane .search-head .options-search { display: inline-block; font-size: 16px; position: absolute; right: 21px; top: 59px; color: #7D7D7D; cursor: pointer}
        .olMap .map-search-pane .search-head .options-search:hover { opacity: 0.8}
    .olMap .map-search-pane .search-head .search-options { display: none; font-size: 11px; padding: 10px 20px}
    .olMap .map-search-pane .search-head .nav { padding: 10px 23px 13px}
        .olMap .map-search-pane .search-head .nav > li { color: #717171; display: inline-block; margin-right: 11px; font-size: 20px; cursor: pointer}
            .olMap .map-search-pane .search-head .nav > li.active { color: #fff}
    .olMap .map-search-pane .search-tab { overflow: hidden}
        .olMap .map-search-pane .search-tab .search-tab-head { width: 85%; margin: 0 auto; position: relative}
            .olMap .map-search-pane .search-tab .search-tab-head > i { position: absolute; right: 9px; top: 11px; color: #707070; cursor: pointer}
        .olMap .map-search-pane .search-tab .search-results { margin-top: 10px; overflow: auto}
            .olMap .map-search-pane .search-tab .search-results .feature-result > div { height: 26px; width: 30px; display: inline-block; margin-right: 7px; vertical-align: middle}
            .olMap .map-search-pane .search-tab .search-results .device-result img { height: 24px; margin: 0 5px 0 0; vertical-align: middle}
            .olMap .map-search-pane .search-tab .search-results li.search-result { padding: 10px; margin: 0 10px; cursor: pointer; font-size: 12px; display: flex; align-items: flex-start; border-bottom: 1px solid #777; }
                .olMap .map-search-pane .search-tab .search-results li.search-result i { font-size: 25px; color: #FFF; }
                .olMap .map-search-pane .search-tab .search-results li.search-result span {
                    margin: 0px 0px 10px 0px;
                    word-break: break-word;
                }
                .olMap .map-search-pane .search-tab .search-results li.search-result > span {
                    font-weight: 700;
                    padding-left: 10px;
                }
            .olMap .map-search-pane .search-tab .search-results li.poi-result span { display: block; margin: 10px 0px 0px 0px; word-break: break-all}
            .olMap .map-search-pane .search-tab .search-results li.poi-result span.match-highlight { display: inline}
            .olMap .map-search-pane .search-tab .search-results li.poi-result .poi-icon { float: left}
            .olMap .map-search-pane .search-tab .search-results li.poi-result .poi-right { display: table-cell; padding-left: 10px}
            .olMap .map-search-pane .search-tab .search-results li.places-result span { display: block; margin: 0px 0px 10px 0px; word-break: break-word; }
            .olMap .map-search-pane .search-tab .search-results li.places-result span:first-child { font-weight: 700; } 
            .olMap .map-search-pane .search-tab .search-results li.places-result span.match-highlight { display: inline}
            .olMap .map-search-pane .search-tab .search-results li.places-result .places-icon { width: 25px; height: 25px; filter: invert(1); }
            .olMap .map-search-pane .search-tab .search-results li.places-result .places-right { display: table-cell; padding-left: 10px}
            .olMap .map-search-pane .search-tab .search-results li.search-result:hover,
            .olMap .map-search-pane > .search-content .search-tab .favorites li:hover { background: #333; }
            .olMap .map-search-pane .search-tab .search-results .no-results { padding: 4px 20px; font-size: 12px}
                .olMap .map-search-pane .search-tab .search-results .no-results:hover,
                .olMap .map-search-pane > .search-content .search-tab .favorites li.no-results:hover { background: transparent}
                .olMap .map-search-pane .search-tab .search-results .no-results.all i { vertical-align: middle; margin: 0 10px 0 0}
                .olMap .map-search-pane .search-tab .search-results .no-results.all { text-align: center}
            .olMap .map-search-pane .search-tab .search-results .search-toggle > a { padding: 11px 20px; display: block; margin: 10px; cursor: pointer; color: #FFF; }
                .olMap .map-search-pane .search-tab .search-results .search-toggle > a > i { font-size: 11px; vertical-align: middle; padding: 6px 6px 5px; background: rgba(68, 68, 68, 0.17); color: #fff; margin: -2px 10px 0 -11px; display: inline-block}
            .olMap .map-search-pane .search-tab .search-results .search-toggle > ul { display: none}
                .olMap .map-search-pane .search-tab .search-results .search-toggle > ul li { padding-left: 4px}
        .olMap .map-search-pane .search-tab li h3 { padding: 13px 20px 13px; margin: 10px; cursor: pointer; color: #1D9FBE}
        .olMap .map-search-pane .search-tab .search-tab-head > input[type='text'] { padding: 8px 0px; width: 100%; text-indent: 10px; font-family: "Sofia",sans-serif; display: block; border: 0; box-shadow: 0 0 5px #999; outline: none}
            .olMap .map-search-pane .search-tab .search-tab-head > input[type='text']:focus { box-shadow: 0 0 5px #6DC3F7}
    .olMap .map-search-pane > .search-content .search-tab { display: none}
        .olMap .map-search-pane > .search-content .search-tab.active { display: block}
        .olMap .map-search-pane > .search-content .search-tab .favorites li { text-transform: capitalize; margin: 0; padding: 11px 20px; font-size: 18px; cursor: pointer}
    .olMap .map-search-pane .favorites li .search-favorite-delete { margin-left: 6px; cursor: pointer; vertical-align: middle; font-size: 11px; display: none}
    .olMap .map-search-pane .favorites li:hover > .search-favorite-delete { display: inline-block}
    .olMap .map-search-pane .favorites li .clock { vertical-align: middle; font-size: 15px; margin: 0 7px 0 0}
    .olMap .map-search-pane .favorites li h3 { margin: 0}
    /* Accoridian */
    .olMap .map-search-pane > .search-content .search-tab .accordion { height: 100%}
    .olMap .map-search-pane > .search-content .search-tab .ui-accordion .ui-accordion-content { padding: 20px; background: transparent; font-family: "Sofia",sans-serif}
    .olMap .map-search-pane > .search-content .search-tab .ui-accordion-content > ul > li { font-size: 16px}
        .olMap .map-search-pane > .search-content .search-tab .ui-accordion-content > ul > li > h4 { color: #30A9C5; display: block; font-size: 20px; padding: 10px 0}
        .olMap .map-search-pane > .search-content .search-tab .ui-accordion-content > ul > li > ul { margin-left: 30px}
    .olMap .map-search-pane > .search-content .search-tab .ui-accordion-header { border-radius: 0; background: rgba(210, 210, 210, 0.28)}
.olMap ul .layerswitcher-groupcheckbox { margin: 0; padding: 0; margin-left: 15px; list-style: none}
    .olMap ul .layerswitcher-groupcheckbox li input { margin-right: .25em; padding: 0}
    .olMap ul.layerswitcher-groupcheckbox li { border: 1px transparent solid}
.olMap .groupHeader.bold { font-weight: bold !important; }
#addtab-helper, #dialog-helper { background: rgba(20,115,137,0.74); display: none; z-index: 99999; position: absolute; text-align: center; bottom: 0; max-width: 100%; max-height: 100%}
#tree-drag-helper{background: rgba(20,115,137,0.74);z-index:99999;position:absolute;text-align: center;width: 100%;height: 100%}
#tree-drag-helper > div{margin: 10%;height: 80%;width: 80%;padding: 0;border: 3px dashed #fff;border-radius: 24px;display:table}
#tree-drag-helper > div p{vertical-align: middle;display: table-cell;font-size: 31px;font-weight: 100;color: #fff}
#vakata-dragged img{vertical-align: center;height:32px;float:left;margin-right:5px}
#vakata-dragged span{display: block;text-transform: uppercase;color: #F94B17;font-size: 10px}
#vakata-dragged.external{font-size: 13px;border-radius:7px;color: rgb(255, 255, 255);padding-right: 11px;background: rgba(36, 36, 36, 0.909804);z-index:999999}
#vakata-dragged > div{float:left;}
#case-attachment { padding: 30px}
#dialog-helper { z-index: 99999}
#addtab-helper.invalid { background: rgba(255,0,0,0.8)}
#addtab-helper i { color: #fff; font-size: 22px; top: 15px; /*font-size: 41px;top: 50%;*/ position: absolute; left: 50%; vertical-align: middle; text-align: center; opacity: 0.6}
.dialog-layout-selector { display: none; color: #222; z-index: 9999999; position: absolute; top: 0; font-size: 14px; margin-top: -80px; width: 164px; left: 50%; margin-left: -80px; top: 50%}
    .dialog-layout-selector .layout span { margin-top: 10px; position: relative; z-index: 1; background: #fff}
        .dialog-layout-selector .layout span:before { content: ""; display: block; position: absolute; top: -6px; border-top: solid 3px #fff; width: 100%; padding-bottom: 12px; min-height: 100%; z-index: 10}
    .dialog-layout-selector .layout { display: inline-block; background: rgb(0,0,0); background: rgba(0,0,0,0.8); border-radius: 5px; padding: 7px 10px 11px; margin: 0 1px 1px; text-align: center}
        .dialog-layout-selector .layout:hover, .dialog-layout-selector .layout.hovered { background: #777; opacity: 0.8}
.dropdown.vertical ul li { float: none !important}
    .dropdown.vertical ul li ul li a i { font-size: 15px !important; margin: 0 5px 0 0; vertical-align: middle}
    .dropdown.vertical ul li ul { padding-bottom: 12px}
.dialog-layout-selector .layout.north { display: block; margin: 0 auto 1px auto; width: 77px}
.dialog-layout-selector .layout.south { display: block; margin: 0 auto; width: 77px; clear: both}
    .dialog-layout-selector .layout.north span,
    .dialog-layout-selector .layout.south span { width: 64px; margin: 10px auto 0; height: 16px; display: block}

.dialog-layout-selector .layout.east { float: left; margin-right: 0}
.dialog-layout-selector .layout.west { float: left}
    .dialog-layout-selector .layout.west span,
    .dialog-layout-selector .layout.east span { width: 27px; display: block; height: 28px}
        .dialog-layout-selector .layout.west span .ss-left,
        .dialog-layout-selector .layout.east span .ss-right { position: relative; display: block; top: 8px}
.dialog-layout-selector .layout.fullscreen { float: left; color: #fff; display: inline-block; font-size: 32px; vertical-align: middle; height: 24px; padding: 16px}

.pushpin-unpinned { transform: rotate(58deg); -ms-transform: rotate(58deg); /* IE 9 */ -webkit-transform: rotate(58deg)}
.pushpin-pinned { transform: rotate(334deg); -ms-transform: rotate(334deg); /* IE 9 */ -webkit-transform: rotate(334deg)}

.undock { transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg)}
    .undock:hover { opacity: 0.5} /*.docked{z-index:1 !important}*/
.docked-north { top: 0; bottom: auto !important; left: 0 !important; width: 100% !important}
.docked-west { left: 0 !important; right: auto !important}
.docked-east { right: 0 !important}
.docked-south { left: 0 !important; width: 100% !important; bottom: 0 !important}
.docked-nw { top: 0; bottom: auto !important; left: 0 !important; width: 50% !important; height: 50% !important}
.docked-ne { right: 0 !important; left: 50% !important; width: 50% !important; height: 50% !important}
.docked-sw { right: 50% !important; width: 50% !important; left: 0 !important; top: auto !important; height: 50% !important}
.docked-se { left: 50% !important; width: 50% !important; bottom: 0 !important; top: auto !important; height: 50% !important}
/*.docked-westauto { left: 0 !important; right: auto !important}*/
/*.docked-neauto { right: 0 !important; left: auto !important; width: 75% !important; bottom: auto !important; top: 0 !important; height: 50% !important}*/
/*.docked-seauto { right: 0 !important; left: auto !important; width: 75% !important; bottom: 0 !important; top: auto !important; height: 50% !important}*/
.docked-westauto { left: 0 !important; bottom: 0 !important; width: 10% }
.docked-neauto { right: 0 !important; bottom: auto !important; top: 0 !important}
.docked-seauto { right: 0 !important; bottom: 0 !important; top: auto !important}

.workspace { position: absolute; overflow: hidden}
    .workspace .window-head { height: 45px; width: 100%; cursor: move; background: #999;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.34)}
    .workspace .workspace-window { position: absolute; top: 0; left: 0; z-index: 1; min-height: 164px; min-width: 227px; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; background: #222}
        .workspace .workspace-window .ui-resizable-handle { z-index: 999999999 !important}
        .workspace .workspace-window .window-body-pane.body-pane-autohide { transition: all 0.5s ease; }
    .workspace > .theme, .workspace > .olMap { display: none}/* Divs that failed to build should not show */
.alt-titles i { float: left}
.titles-container { position: relative; float: left; margin: 0 0 0 7px}
.single-tab .titles-container { margin: 0 0 -13px 7px}
.small-title { color: #999; letter-spacing: 1px; margin-top: -5px; display: block; font-size: 9px}
.small-text { font-size: 9px !important}
.big-title { font-size: 16px; font-family: 'Sofia',sans-serif}
.workspace .window-body { position: relative; overflow-x: hidden; overflow-y: auto}
    .workspace .window-body .body.scroll { overflow-y: auto}
.workspace .window-always-top { z-index: 1000}
    .workspace .window-always-top.docked { z-index: 1}
.workspace .window-body .body { height: 100% !important; width: 100% !important; min-height: 119px; min-width: 227px}
.workspace .window-body iframe.body { overflow-y: auto}
.workspace .window-body iframe { background: #fff}
.workspace .window-body .body.theme form { padding: 20px; font-size: 15px}
    .workspace .window-body .body.theme form label { padding: 0; width: 40%; float: left; margin-top: 5px; font-size: 12px}
    .workspace .window-body .body.theme form span.info { margin-top: 5px; font-size: 12px; position: absolute; top: 415px; }
        .workspace .window-body .body.theme label.info { width: 90%; padding: 14px; margin-top: 0; padding-top: 0; font-size: 12px}
        .required i { color: #f00; }
    .workspace .window-body .body.theme form h4 { padding-left: 0; font-size: 17px; padding-top: 18px}
    .workspace .window-body .body.theme form > span { padding: 0; float: left; margin-top: 5px; font-size: 12px}
    .workspace .window-body .body.theme form input { font-family: 'Open Sans',sans-serif; width: 50%; background: #333; color: #9C9C9C; margin-left: 10px; outline: none; padding: 4px; border: 0; border-radius: 2px; margin-bottom: 12px}
    .workspace .window-body .body.theme form input.timepicker { width: 38%; padding: 3px}
    .workspace .window-body .body.theme form select { width: 50%; background: #333; color: #9C9C9C; margin-left: 10px; float: left; outline: none; padding: 2px; border: 0; border-radius: 2px; vertical-align: middle; margin-bottom: 12px}
        .workspace .window-body .body.theme form select::selection { background: #333; }
        .workspace .window-body .body.theme form select::-moz-selection { background: #333; }
        .workspace .window-body .body.theme form select::-webkit-selection { background: #333; }
    .workspace .window-body .body.theme form textarea { font-family: 'Open Sans',sans-serif; font-size: 13px; width: 50%; background: #333; color: #9C9C9C; margin-left: 10px; float: left; outline: none; padding: 3px; border: 0; border-radius: 2px; resize: none; min-height: 60px; vertical-align: middle; margin-bottom: 12px}
    .workspace .window-body .body.theme form input[type=checkbox] { width: auto}
    .workspace .window-body .body.theme form br { clear: left}
    .workspace .window-body .body.theme form input[type="checkbox"] { margin: 6px 10px; background: none !important}
.workspace .window-body .body.theme input[type="file"] { padding: 3px 0px 3px 3px; background: #191919; border-radius: 3px}
.workspace .window-body-pane { overflow: hidden; }
.workspace .window-body.window-body-pane.bottom { top: 0px !important; }
.workspace .window-body.window-body-pane > div:not(.ui-resizable-handle) { height: 100%; width: 100%; position: absolute; } /* TODO: this may be specific to AHP timeline */

/* Evo Sliders */
.evo-slider{border-radius: 0;background: #4A4A4A;height: 4px}
.evo-slider > .ui-slider-handle{background: rgb(255, 255, 255);height:100%;top:-5px;width:10px;border-radius: 0;cursor:pointer;padding:5px 0;}

/* Inbox */
/* custom checkbox */
.inbox .checkbox, .custom-checkbox { margin: 0; width: 13px; height: 13px !important; background: #444; display: inline-block; position: relative}
    .inbox .checkbox.checked span, .custom-checkbox.checked span { position: absolute; top: 5px; left: 2px; height: 3px; width: 9px; background: #888}

.workspace .window-body .body .ui-jqgrid { background: #333}
    .workspace .window-body .body .ui-jqgrid .ui-jqgrid-resize-ltr { background: #2F2F2F; height: 100% !important}
    .workspace .window-body .body .ui-jqgrid .ui-jqgrid-htable th { background: #2A2A2A; border: none; padding: 3px 2px 0 2px; color: #BEBBBB}
.workspace .window-body .body.inbox .ui-jqgrid .ui-jqgrid-htable th { padding: 9px 2px 0 2px}
.ui-jqgrid tr.ui-state-highlight td { color: #147389; background: #24343D !important}
.workspace .window-body .body .ui-jqgrid-bdiv { background: #1B1B1B}
.workspace .window-body .body .ui-jqgrid tr.jqgrow { background: #222}
.workspace .window-body .body .ui-jqgrid .ui-jqgrid-hdiv { background-color: #292929; }
.workspace .window-body .body .ui-jqgrid .ui-jqgrid-hbox { background: #292929; }
.workspace .window-body .body table tr:last-child { border-bottom: 0px}
.ui-jqgrid tr.ui-row-ltr td { border-right: 1px solid #333232}

.workspace .window-body .inbox .ui-userdata { background: rgb(37, 37, 37) !important}

fieldset { padding: 10px 5px 10px 10px; border: 2px solid rgb(24, 23, 23); margin: 0 0 30px}
    fieldset legend { margin-left: 5px; color: #147389; padding: 14px; font-family: 'Sofia',sans-serif; font-size: 17px; border: 0}
    fieldset div { margin: 30px; padding: 0 20px;} /*border: 1px dotted silver;*/
.device-id { padding: 0; margin: 0 0 26px; font-size: 16px; color: #777; text-align: center; font-family: 'Sofia',sans-serif}
    .device-id i { font-size: 15px; vertical-align: middle; margin: 0 10px 8px 0; display: inline-block; border-radius: 47px; padding: 8px 8px; background: #424242; color: #878A8F}
    .device-id em { font-style: italic; font-size: 10px; display: block; margin-top: -10px}
.grid_count_info { float: right; margin-right: 20px; margin-top: 3px}
.grid_reload { box-shadow: 0 1px 1px rgb(0, 0, 0); color: rgb(78, 78, 78); background: rgb(37, 37, 37); border-radius: 2px; font-size: 12px !important; margin-top: 1px; margin-left: 5px; text-align: center; height: 18px; padding: 2px 4px; display: inline-block}
    .grid_reload:hover { color: rgb(89, 212, 89); background: rgb(30, 122, 63)}
.ui-slides { background: #181818 !important; min-width: 340px; min-height: 200px; border-radius: 0px}
    .ui-slides .menu-helper { color: #353535; display: none; position: absolute; top: 11px; left: 13px; font-size: 22px; cursor: pointer;}
        .ui-slides .menu-helper:hover { opacity: 0.7}
    .ui-slides .slide { position: absolute; display: none; width: 0; height: 100%; right: 0}
    .ui-slides .slide-active { display: block; background: #222; box-shadow: 0 0 9px #000; -moz-box-shadow: 0 0 9px #000; -webkit-box-shadow: 0 0 9px #000; overflow-y: auto; overflow-x: hidden; height: 100%}
    .ui-slides .slide-body { padding: 14px}
        .ui-slides .slide-body.no-padding { padding: 0}
        .ui-slides .slide-body ul li i { margin-right: 10px; vertical-align: middle; font-size: 16px}
        .ui-slides .slide-body ul li i.ss-help { position:absolute; right: 10px; font-size: 12px; }
        .ui-slides .slide-body ul li { clear: both; padding: 10px; background: #292929; border-radius: 20px; padding-left: 19px; color: #999; font-size: 12px; margin: 0 0 10px}
            .ui-slides .slide-body ul li.command-parent ul { width: 100%; margin: 20px 0px 50px; float: left; cursor: default}
            .ui-slides .slide-body ul li:hover { background: #333; cursor: pointer}
            .ui-slides .slide-body ul li.nonsel { background: none; cursor: default; margin: 0; padding: 0 0 10px 0; display: list-item}
        .ui-slides .slide-body label { display: inline-block; vertical-align: middle; padding: 0; width: 40%; }
            .ui-slides .slide-body label.sub-label { padding-left: 6% !important; width: 34% !important}
        .ui-slides .slide-body input, .ui-slides .slide-body .nonsel select{width: 50%; }
        .ui-slides .slide-body input, .ui-slides .slide-body .nonsel select,.evo-input { display: inline-block; vertical-align: baseline; margin-top: 2px; margin-bottom: 5px; background: #333; color: #9C9C9C; margin-left: 10px; /*float: left;*/ outline: none; padding: 5px 4px; border: 0; border-radius: 2px}
        .ui-slides .slide-body .nonsel select { padding: 4px; }
        .ui-slides .slide-body input, .ui-slides .slide-body .switch-button-container { width: 47.75%}
        .ui-slides .slide-body .io-switch-label { vertical-align: top; }
        .ui-slides .slide-body input.timepicker { width: 40%; margin-left: 10px; padding: 5px 4px; }
        .ui-slides .slide-body input.hasDatepicker { width: 40%; margin-left: 10px; padding: 5px 4px; }
        .ui-slides .slide-body .slider-container, .c2 .slider-container { display: inline-block; margin-left: 23px; margin-top: 10px; width: 43%; }
        .c2 .slider-container { margin-left: 0; margin-top: 0; width: 100%; }
        .ui-slides .slide-body .slider-container .slider-value, .c2 .slider-container .slider-value { width: 100%; display: inline-block; margin: 5px 0; text-align: center; color:#999; font-size:10px;}
        .ui-slides .slide-body .slider-label, .c2 .c2-panel label.slider-label {  vertical-align: top; padding-top: 5px; }
        .c2 .c2-panel label.slider-label { width: 100%; display:flex; justify-content: space-between; }
        .c2 .c2-panel label.slider-label i.ss-help { margin-right: 16px; }

        .ui-slides .slide-body .nonsel select { border: none; outline: none; border-color: #333}
        .ui-slides .slide-body .nonsel br { clear: left}
        .ui-slides .slide-body form { padding: 14px}
            .ui-slides .slide-body form.relative { position: relative}
    .ui-slides form.top { padding: 0 !important; margin: 0}
    .ui-slides .form-body { padding: 20px}
    .ui-slides .slide-body .kitchen-sink { position: absolute; right: 13px; top: 29px}
        .ui-slides .slide-body .kitchen-sink i { margin: 0 0 0 4px; display: block; float: left; padding: 7px 6px 5px; background-color: #147389; color: #f0f0f0; cursor: pointer; background-size: 16px 16px; }
            .ui-slides .slide-body .kitchen-sink i:hover { background-color: #1B9EBD}

    .ui-slides .header { padding: 36px 25px; background: #1D1D1D; margin: 0 0 15px}
        .ui-slides .header h3 { padding-bottom: 0}
        .ui-slides .header .back { font-size: 12px; text-transform: uppercase; padding-left: 13px; display: block; margin-bottom: -10px; float: left; cursor: pointer}
            .ui-slides .header .back i { vertical-align: middle; font-size: 10px; margin-right: 0}
    .ui-slides .main-menu .slide-body ul li { clear: left; border-radius: 0; border-left: 4px solid #147389}
        .ui-slides .main-menu .slide-body ul li.half { float: left; width: 46%; clear: none; margin: 13px 2% 0; padding: 14px 0; text-indent: 14px; border-left: 0; border-bottom: 4px solid #147389}
    .ui-slides .slide-body ul li .count { background: #444; padding: 3px 3px 3px 3px; border-radius: 32px; margin: 0 4px 0 0; font-size: 9px; color: #eee}
    .ui-slides .slides-menu { display: block; height: 100%; float: left; overflow-y: auto; overflow-x: hidden}
        .ui-slides .slides-menu li, .vertical-tab-menu li { padding: 16px 11px; text-align: center; background: #222; color: #bbb}
            .ui-slides .slides-menu li:hover, .vertical-tab-menu li:hover { background: #333; cursor: pointer}
            .ui-slides .slides-menu li.active, .vertical-tab-menu li.active { text-shadow: 0 0px 5px rgba(182, 229, 241, 0.38); background: #353535}
            .ui-slides .slides-menu li i, .vertical-tab-menu li i { font-size: 24px; text-align: center; display: block}
            .ui-slides .slides-menu li span, .vertical-tab-menu span { font-size: 10px; text-transform: uppercase; font-family: 'Open Sans',sans-serif}
    .ui-slides .slide-body dt, .ui-slides .slide-body dd { font-size: 11px; margin-bottom: 3px; }
    .ui-slides .slide-body dt, .c2-panel dt { float: left; clear: left; width: 50%; font-weight: bold; margin-right: 10px; font-size: 10pt; color: #eee }
    .ui-slides .slide-body dd, .c2-panel dd { margin: 0 0 0 160px; padding: 0 0 4px; font-size: 10pt; }
    .c2-panel dd { padding-left: 10px; margin-left: 50%; }
    .c2-panel dt { margin-right: 0; width: 50%; text-align: right; }
    .ui-slides .slide-body label.checkbox, .c2-panel label.checkbox { width: 95%; }    
    .ui-slides .slide-body label.checkbox.child-label { margin-left: 12%; width: 82%; margin-bottom: 10px; }
    .ui-slides .slide-body label.checkbox input[type='checkbox'] { width: auto; margin: 0 7px 0 0; vertical-align: bottom; }

    .ui-slides .main-menu .slide-body ul li.button-editor, .c2 .c2-panel.menu ul li.button-editor { border-left: none; margin: 0 20px; background-color: #333; display: none; cursor: default; }
    .c2 .c2-panel.menu ul li.button-editor:hover { background-color: #333; }
    .c2 .c2-panel.menu ul li.button-editor { display: block; margin: -10px 20px 10px 20px; }
    .ui-slides .main-menu .slide-body ul li.button-editor input[type='checkbox'] { width: auto; margin-left: 0; margin-right: 5px; vertical-align: middle; }
    .ui-slides .main-menu .slide-body ul li.button-editor label, .c2 ul li.button-editor label { width: auto; display: block; margin-bottom: 10px; }
    .ui-slides .main-menu .slide-body ul li.button-editor input[type='text'] { width: 20px; }
    .ui-slides .main-menu .slide-body ul li i.settings-button, .c2 ul li i.settings-button { float: right; margin-right: 0; }
    .ui-slides .main-menu .slide-body ul li.button-editor .button-editor-save-panel, .c2 ul li.button-editor .button-editor-save-panel { text-align: right; }
    .ui-slides .main-menu .slide-body ul li.button-editor button { padding: 3px 6px; }
    .ui-slides .main-menu .slide-body ul li.button-editor .slider-container { width: 98%; margin-left: 0; }
    .ui-slides .main-menu .slide-body ul li { margin-top: 10px; margin-bottom: 0; }
    .ui-slides .main-menu .slide-body ul li:first-child { margin-top: 0; margin-bottom: 10px; }
    .c2-panel .slide, .c2-panel .menu-helper  { display: none; }
    .ui-slides .slide-body .nonsel dd { margin: 0 0 0 190px; }



.slides-button { display: block; overflow-y: auto; overflow-x: hidden; clear:both; max-width: 300px; margin: 0 auto; }
.slides-button li { padding: 16px 11px; text-align: center; background: #222; color: #bbb; display: inline-block; zoom: 1; *display: inline; width: 70px; }
.slides-button li:hover { background: #333; cursor: pointer}
.slides-button li.active { text-shadow: 0 0px 5px rgba(182, 229, 241, 0.38); background: #353535}
.slides-button li i { font-size: 24px; text-align: center; display: block}
.slides-button li span { font-size: 10px; text-transform: uppercase; font-family: 'Open Sans',sans-serif}
.organize-buttons {position: absolute; bottom: 0; right: 10px;}

.slide-grid { overflow-y: hidden}

.action-fields, .save-fields, .button-fields, .get-fields { display: block; float: right; margin: 24px 0; }
.get-fields { float: left;  }
button, .button, input[type="button"] { transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; outline: none; color: #fff; padding: 5px 12px; background: #555; border: 0; border-radius: 0; text-transform: uppercase; font-size: 10px; font-family: 'Sofia',sans-serif; cursor: pointer; margin: 0 0 0 5px}
    button:hover, .button:hover input[type="button"] { opacity: 0.6}
    button.disabled { opacity: 0.5; }
    button.disabled:hover { opacity: 0.5 !important}
    button.faded, .button.faded { background: #3f3f3f}
.button { padding: 7px 12px}
.save-fields.inline, .get-fields.inline { display: inline-block; position: static; margin: 2px 0 0 10px}
.save-fields.clear, .get-fields.clear { clear: both; margin-top: 18px; float: left}
.inline-save-button-container { 
    float: none;
    position: relative;
    margin-top: 40px;
}
.inline-save-button-container button {
    float: right;
}
.button-fields.padding-right { padding-right: 20px}
.blue, button.blue, .button.blue, button.new-messages-pending { background: #3C889E}
.green, button.save, button.save, button.green, .button.get,
.button.continue, .button.save, .button.green { background: #478A27}
button.red, .button.red, button.delete { background: #AA3B3B}
button.get, .button.get { background: #147389; position: absolute; bottom: 16px; left: 5px}
button.left, .button.left { float: left; margin: 0 0 0 4px}
.reply-response { width: 100px; padding: 0 0 0 10px; top: 2px; position: absolute; left: 100%}
    .reply-response span { display: block; color: #999}

.document-icon { font-size: 17px; position: relative; text-align: center}
    .document-icon span.label { margin: 3px 0 0 -11px; box-shadow: 0 0 2px #000; text-transform: uppercase; border-radius: 2px; color: #FFF; font-size: 7px !important; padding: 1px 3px !important; background: #267739; left: 50%; position: absolute}
        .document-icon span.label.green { background: #267739}
        .document-icon span.label.blue { background: #3D8FC5}
        .document-icon span.label.red { background: #E72C2C}
        .document-icon span.label.yellow { background: #E7E72C; color: black }
        .document-icon span.label.white { background: white; color: black }

.document-icon span.disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20)}
.hidden { display: none}
.overflow { z-index: -9000; height: 0px; overflow: hidden}
.overflow-dropdown li a i { margin: 0 5px 0 0; vertical-align: middle; }
.ui-dialog .ui-resizable-handle { z-index: 9000 !important; /* Bug fix for the map.. */ }
.ui-dialog .overflow-dropdown { color: #fff; position: relative}
    .ui-dialog .overflow-dropdown > span { vertical-align: middle; cursor: pointer; right: 5px; padding: 5px 6px 5px 9px; border-radius: 7px; font-size: 11px}
        .ui-dialog .overflow-dropdown > span i { opacity: 0.5; font-size: 8px !important; margin-left: 5px; vertical-align: bottom}
    .ui-dialog .overflow-dropdown ul { display: none; border-radius: 5px 5px 5px; position: absolute; top: 33px; right: 5px}
        .ui-dialog .overflow-dropdown ul:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; content: ''}
        .ui-dialog .overflow-dropdown ul li { white-space: nowrap; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans'; padding: 3px 7px;}
        .ui-dialog .overflow-dropdown ul li:hover { background-color: #555; }
        .ui-dialog .overflow-dropdown .dropdown-open { padding: 0; border-radius: 0; }

.number_indicator { font-size: 9px !important; display: none; vertical-align: middle; padding: 2px 6px; margin: 0px 0px 0 7px; font-size: 10px; background: #6B1C1C; color: #fff !important; border-radius: 25px; font-family: Verdana, Geneva, sans-serif}
    .number_indicator.inbox { -webkit-animation: alert 1.5s ease-in-out infinite; -moz-animation: alert 1.5s ease-in-out infinite; -ms-animation: alert 1.5s ease-in-out infinite; -o-animation: alert 1.5s ease-in-out infinite; animation: alert 1.5s ease-in-out infinite}
    .number_indicator.icon-offset { position: absolute; top: 0; right: 0; border-radius: 0; padding: 3px 4px; margin: 0 !important}
.dialog-count { background: #414141; display: none; position: absolute; top: 12px; right: 0; border-radius: 0; padding: 3px 7px; font-size: 11px !important; color: #fff !important}

.hidden-features { cursor: pointer; float: left; box-shadow: 0 0 3px rgba(0, 0, 0, 1); color: #bbb; position: absolute; z-index: 9999; bottom: 10px; left: 0; padding: 10px; background: rgba(41, 41, 41, 0.91)}
    .hidden-features i.icon { font-size: 15px; display: inline-block; vertical-align: middle}
    .hidden-features i.strike { overflow: hidden; height: 19px; font-weight: 900; position: absolute; left: 12px; color: #FF0505; font-size: 23px; top: 7px}
    .hidden-features .count { display: inline-block; margin: -3px 0 0px 7px; font-family: 'Sofia',sans-serif; font-size: 11px; vertical-align: middle; background: #181818; padding: 3px 5px; border-radius: 23px}
    .hidden-features ul { max-height: 204px; display: none; box-shadow: 0 0 3px rgba(0, 0, 0, 1); background: #222; white-space: nowrap; bottom: 100%; position: absolute; float: left; left: 70%}
        .hidden-features ul.overflow-detect { overflow-y: auto; overflow-x: hidden}
            .hidden-features ul.overflow-detect li { padding-right: 30px}
        .hidden-features ul li { padding: 10px; font-size: 11px; color: #eee}
		 body.nShowPearl .hidden-features ul li { color: #000}
            .hidden-features ul li:hover { background: #333}
            .hidden-features ul li i { color: #27a; font-size: 14px; vertical-align: middle; margin: 0 8px 0 0}

.toolstrip { position: absolute; left: 50%; float: left; z-index: 900}
.toolstrip-inner { max-width: 100%; position: relative; left: -50%; float: left; padding: 8px; border-radius: 0 0 10px 10px !important; white-space: nowrap}
.toolstrip-inner-padding { padding: 8px}
.toolstrip-inner .toolstrip-title { font-family: 'Sofia',sans-serif; font-size: 19px; display: inline-block; margin: 0px 30px 0 0}
.toolstrip-inner .menu { display: inline-block; position: relative; top: -6px}
    .toolstrip-inner .menu > ul > li { vertical-align: middle; color: #888; cursor: pointer; text-align: center; font-size: 11px; font-family: 'Sofia',sans-serif; padding: 0 10px 0; display: inline-block; vertical-align: middle}
        .toolstrip-inner .menu > ul > li.more a { color: #888}
    .toolstrip-inner .menu > ul li i { color: #bbb; font-size: 15px; display: block}
    .toolstrip-inner .menu > ul > li.more > a i { display: inline-block; margin: 7px 0 0 2px; font-size: 10px}
.toolstrip-inner .toolstrip-title .in-circle { padding: 9px 10px}
.toolstrip-inner .toolstrip-title i { margin: 0; display: inline}
.toolstrip-inner .dropdown ul li i { display: inline-block; margin: 0 5px; font-size: 15px; vertical-align: middle}
.toolstrip-inner .dropdown ul li { color: #a2a2a2; padding: 8px 10px; font-size: 15px; white-space: nowrap; text-align: left}
    .toolstrip-inner .dropdown ul li:hover { background: #333}
.toolstrip-inner .feature-name { display: inherit}
    .toolstrip-inner .feature-name strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline-block; height: 21px}
.toolstrip span.type { display: block; font-size: 10px; text-transform: uppercase; color: #27a}
.toolstrip-inner .menu.toolstripedit { display: none; /*position: absolute; left:80%;float:left;z-index: 900;*/ }
.toolstrip .dropdown > ul { right: 0}
.toolstrip #svg-preview { height: 30px; width: 36px; display: inline-block; margin: 0 10px 0 0}
.adaptive-menu { display: none}
.container-small .adaptive-menu { display: inline-block; position: relative}
.container-small .adaptive-hide { display: none !important}
.container-small .adaptive-menu .trigger { margin: 0px 10px 6px 10px; cursor: pointer; color: #A2A2A2; font-size: 19px; vertical-align: middle; display: inline-block}
    .container-small .adaptive-menu .trigger:hover { opacity: 0.8}
.container-small .toolstrip-title { margin: 0}

.map-properties { position: absolute; top: 10%; background: rgba(41, 41, 41, 0.92); z-index: 901; color: #888; right: 0; border-radius: 11px 0 0 11px; padding: 20px; /*width:200px; height: 80px;*/ }
    .map-properties .details { margin: 0; display: table}
        .map-properties .details i { margin: 0 10px 0 0; float: left; vertical-align: middle; /*background: #27a;*/ color: #DA262A; border-radius: 47px; padding: 3px 0px 0px 0px; font-size: 15px}
        .map-properties .details .name-details { font-family: 'Sofia',sans-serif; float: left; font-size: 14px}
            .map-properties .details .name-details .name { margin: 0 0 4px 0; font-size: 16px; font-weight: bold; float: left; display: block; color: #ddd}
            .map-properties .details .name-details .id { display: block; font-size: 12px; margin: 0}
    .map-properties > ul { margin: 15px 0 0; font-size: 16px; font-family: 'Sofia',sans-serif; display: table; clear: both}
        .map-properties > ul li { padding: 0 0 7px 0}
            .map-properties > ul li span { color: #999; display: table-cell; font-size: 12px; text-transform: uppercase; padding: 0 10px 0 0;min-width:50px }
            .map-properties > ul li p { color: #27a; display: table-cell; font-size: 12px; font-weight: bold}
/*.map-properties .map-properties-titlebar {margin:6px 4px 0 4px; height:25px}
.map-properties .map-properties-titlebar i {text-shadow: none; background:transparent; color:#fff;color: #DADADA}
.map-properties .map-properties-titlebar span {font-size:10.45px; overflow:hidden; position:absolute; width:144px; white-space:nowrap}
.map-properties.ui-draggable .map-properties-titlebar span {width:122px}
.map-properties .map-properties-titlebar i {float:right; font-size:13px; margin:0 3px; cursor:pointer}*/

.minimap-chrome { position: absolute; left: 50px; top: 8px; height: 224px; width: 208px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; background: #282828}
    .minimap-chrome .minimap-keyvalue { clear: both}
        .minimap-chrome .minimap-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .minimap-chrome .minimap-keyvalue span { float: right; opacity: 0.6; margin-right: -5px; padding-left: 3px}
        .minimap-chrome .minimap-keyvalue table { margin-top: 5px; width: 150px; }
        .minimap-chrome .minimap-keyvalue table th { font-weight: bold; }
        .minimap-chrome .minimap-keyvalue table td, .minimap-chrome .minimap-keyvalue table th { padding-left: 5px; text-align: right; }
        .minimap-chrome .minimap-keyvalue table td { max-width: 75px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
    .minimap-chrome .minimap-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .minimap-chrome .minimap-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .minimap-chrome .minimap-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .minimap-chrome.ui-draggable .minimap-titlebar span { width: 122px}
    .minimap-chrome .minimap-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .minimap-chrome .minimap-pushpin { }
    .minimap-chrome .minimap-slide-viewport { position: absolute; height: 170px; width: 200px; left: 4px; bottom: 25px; overflow: hidden}
    .minimap-chrome .minimap-control-left,
    .minimap-chrome .minimap-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 10px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .minimap-chrome .minimap-control-left {left: 0;text-align: c;}
    .minimap-chrome .minimap-control-right { right: 0; text-align: right}
    .minimap-chrome .minimap-slide-coll { position: absolute; height: 170px; width: 200px}
    .minimap-chrome .minimap-slide { display: none; position: absolute; height: 170px; width: 200px}
        .minimap-chrome .minimap-slide.active { display: block}
    .minimap-chrome .minimap-slide-cont { position: relative; margin: 0 auto; width: 160px; height: 100%; padding: 0 10px; overflow: auto;}
    .minimap-chrome .minimap-no-data { text-align: center; }
    .minimap-chrome .minimap-map { height: 170px; width: 200px}
    .minimap-chrome .minimap-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .minimap-chrome .minimap-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .minimap-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.poiinfo-list { color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828; padding: 5px; }
    .poiinfo-list dt { float: left; clear: left; width: 50px; text-align: right; font-weight: bold; }
    .poiinfo-list dd { margin-left: 55px; }

.poiinfo-chrome { position: absolute; left: 50px; top: 8px; height: 88px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .poiinfo-chrome .poiinfo-slide-viewport { position: absolute; height: 80px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .poiinfo-chrome .poiinfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .poiinfo-chrome .poiinfo-slide-coll { position: absolute; height: 80px; width: 255px}
    .poiinfo-chrome .poiinfo-slide { display: none; position: absolute; height: 80px; width: 300px}
    .poiinfo-chrome .poiinfo-keyvalue { clear: both}
        .poiinfo-chrome .poiinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .poiinfo-chrome .poiinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .poiinfo-chrome .poiinfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .poiinfo-chrome .poiinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .poiinfo-chrome .poiinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .poiinfo-chrome.ui-draggable .poiinfo-titlebar span { width: 122px}
    .poiinfo-chrome .poiinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .poiinfo-chrome .poiinfo-pushpin { }
    .poiinfo-chrome .poiinfo-control-left,
    .poiinfo-chrome .poiinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .poiinfo-chrome .poiinfo-control-left { left: 0; text-align: left}
    .poiinfo-chrome .poiinfo-control-right { right: 0; text-align: right}
    .poiinfo-chrome .poiinfo-slide.active { display: block}

    .poiinfo-chrome .poiinfo-map { height: 170px; width: 200px}
    .poiinfo-chrome .poiinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .poiinfo-chrome .poiinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .poiinfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

    .searchinfo-chrome { position: absolute; left: 50px; top: 8px; height: 38px; width: 208px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .searchinfo-chrome .searchinfo-slide-viewport { position: absolute; height: 30px; width: 200px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .searchinfo-chrome .searchinfo-slide-cont { position: relative; margin: 0 auto; width: 155px; height: 100%; padding: 3px 0}
    .searchinfo-chrome .searchinfo-slide-coll { position: absolute; height: 30px; width: 155px}
    .searchinfo-chrome .searchinfo-slide { display: none; position: absolute; height: 30px; width: 200px}
    .searchinfo-chrome .searchinfo-keyvalue { clear: both}
        .searchinfo-chrome .searchinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .searchinfo-chrome .searchinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .searchinfo-chrome .searchinfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .searchinfo-chrome .searchinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .searchinfo-chrome .searchinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .searchinfo-chrome.ui-draggable .searchinfo-titlebar span { width: 122px}
    .searchinfo-chrome .searchinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .searchinfo-chrome .searchinfo-pushpin { }
    .searchinfo-chrome .searchinfo-control-left,
    .searchinfo-chrome .searchinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .searchinfo-chrome .searchinfo-control-left { left: 0; text-align: left}
    .searchinfo-chrome .searchinfo-control-right { right: 0; text-align: right}
    .searchinfo-chrome .searchinfo-slide.active { display: block}

    .searchinfo-chrome .searchinfo-map { height: 120px; width: 200px}
    .searchinfo-chrome .searchinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .searchinfo-chrome .searchinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .searchinfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.map-popup-chrome {
    position: absolute; 
    left: 50px; 
    top: 8px;
    width: 200px;
    padding: 5px;
    border-radius: 5.5px;
    box-shadow: 0 0 5px #000;
    background-color: #282828;
}
.map-popup-chrome .map-popup-content {
    color: #fff;
    font-size: 11px;
    line-height: 1.3em;
    text-shadow: 0 0 9px #000;
    overflow: auto;
    max-height: 190px;
}
.map-popup-chrome .searchinfo-keyvalue {
    clear: both;
}
.map-popup-chrome .searchinfo-keyvalue label {
    float: left; 
    font-size: 12px; 
    margin-left: -5px;
}
.map-popup-chrome .searchinfo-keyvalue span {
    float: right;
    opacity: 0.6;
    margin-right: -5px;
}
.cellsiteinfo-chrome { position: absolute; left: 50px; top: 8px; height: 148px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .cellsiteinfo-chrome .cellsiteinfo-slide-viewport { position: absolute; height: 140px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .cellsiteinfo-chrome .cellsiteinfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .cellsiteinfo-chrome .cellsiteinfo-slide-coll { position: absolute; height: 140px; width: 255px}
    .cellsiteinfo-chrome .cellsiteinfo-slide { display: none; position: absolute; height: 140px; width: 300px}
    .cellsiteinfo-chrome .cellsiteinfo-keyvalue { clear: both}
        .cellsiteinfo-chrome .cellsiteinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .cellsiteinfo-chrome .cellsiteinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .cellsiteinfo-chrome .cellsiteinfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .cellsiteinfo-chrome .cellsiteinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .cellsiteinfo-chrome .cellsiteinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .cellsiteinfo-chrome.ui-draggable .cellsiteinfo-titlebar span { width: 122px}
    .cellsiteinfo-chrome .cellsiteinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .cellsiteinfo-chrome .cellsiteinfo-pushpin { }
    .cellsiteinfo-chrome .cellsiteinfo-control-left,
    .cellsiteinfo-chrome .cellsiteinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .cellsiteinfo-chrome .cellsiteinfo-control-left { left: 0; text-align: left}
    .cellsiteinfo-chrome .cellsiteinfo-control-right { right: 0; text-align: right}
    .cellsiteinfo-chrome .cellsiteinfo-slide.active { display: block}

    .cellsiteinfo-chrome .cellsiteinfo-map { height: 170px; width: 200px}
    .cellsiteinfo-chrome .cellsiteinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .cellsiteinfo-chrome .cellsiteinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .cellsiteinfo-chrome .cellsite-save-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.cellantennainfo-chrome { position: absolute; left: 50px; top: 8px; height: 48px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .cellantennainfo-chrome .cellantennainfo-slide-viewport { position: absolute; height: 40px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .cellantennainfo-chrome .cellantennainfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .cellantennainfo-chrome .cellantennainfo-slide-coll { position: absolute; height: 40px; width: 255px}
    .cellantennainfo-chrome .cellantennainfo-slide { display: none; position: absolute; height: 40px; width: 300px}
    .cellantennainfo-chrome .cellantennainfo-keyvalue { clear: both}
        .cellantennainfo-chrome .cellantennainfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .cellantennainfo-chrome .cellantennainfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .cellantennainfo-chrome .cellantennainfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .cellantennainfo-chrome .cellantennainfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .cellantennainfo-chrome .cellantennainfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .cellantennainfo-chrome.ui-draggable .cellantennainfo-titlebar span { width: 122px}
    .cellantennainfo-chrome .cellantennainfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .cellantennainfo-chrome .cellantennainfo-pushpin { }
    .cellantennainfo-chrome .cellantennainfo-control-left,
    .cellantennainfo-chrome .cellantennainfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .cellantennainfo-chrome .cellantennainfo-control-left { left: 0; text-align: left}
    .cellantennainfo-chrome .cellantennainfo-control-right { right: 0; text-align: right}
    .cellantennainfo-chrome .cellantennainfo-slide.active { display: block}

    .cellantennainfo-chrome .cellantennainfo-map { height: 170px; width: 200px}
    .cellantennainfo-chrome .cellantennainfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .cellantennainfo-chrome .cellantennainfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .cellantennainfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.cellsectorinfo-chrome { position: absolute; left: 50px; top: 8px; height: 168px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .cellsectorinfo-chrome .cellsectorinfo-slide-viewport { position: absolute; height: 160px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .cellsectorinfo-chrome .cellsectorinfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .cellsectorinfo-chrome .cellsectorinfo-slide-coll { position: absolute; height: 160px; width: 255px}
    .cellsectorinfo-chrome .cellsectorinfo-slide { display: none; position: absolute; height: 160px; width: 300px}
    .cellsectorinfo-chrome .cellsectorinfo-keyvalue { clear: both}
        .cellsectorinfo-chrome .cellsectorinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .cellsectorinfo-chrome .cellsectorinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .cellsectorinfo-chrome .cellsectorinfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .cellsectorinfo-chrome .cellsectorinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .cellsectorinfo-chrome .cellsectorinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .cellsectorinfo-chrome.ui-draggable .cellsectorinfo-titlebar span { width: 122px}
    .cellsectorinfo-chrome .cellsectorinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .cellsectorinfo-chrome .cellsectorinfo-pushpin { }
    .cellsectorinfo-chrome .cellsectorinfo-control-left,
    .cellsectorinfo-chrome .cellsectorinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .cellsectorinfo-chrome .cellsectorinfo-control-left { left: 0; text-align: left}
    .cellsectorinfo-chrome .cellsectorinfo-control-right { right: 0; text-align: right}
    .cellsectorinfo-chrome .cellsectorinfo-slide.active { display: block}

    .cellsectorinfo-chrome .cellsectorinfo-map { height: 170px; width: 200px}
    .cellsectorinfo-chrome .cellsectorinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .cellsectorinfo-chrome .cellsectorinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .cellsectorinfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

    .callrecordinfo-chrome { position: absolute; left: 50px; top: 8px; height: 88px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .callrecordinfo-chrome .callrecordinfo-slide-viewport { position: absolute; height: 80px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .callrecordinfo-chrome .callrecordinfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .callrecordinfo-chrome .callrecordinfo-slide-coll { position: absolute; height: 80px; width: 255px}
    .callrecordinfo-chrome .callrecordinfo-slide { display: none; position: absolute; height: 80px; width: 300px}
    .callrecordinfo-chrome .callrecordinfo-keyvalue { clear: both}
        .callrecordinfo-chrome .callrecordinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .callrecordinfo-chrome .callrecordinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .callrecordinfo-chrome .callrecordinfo-titlebar { margin: 6px 4px 0 4px; height: 85px}
        .callrecordinfo-chrome .callrecordinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .callrecordinfo-chrome .callrecordinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .callrecordinfo-chrome.ui-draggable .callrecordinfo-titlebar span { width: 122px}
    .callrecordinfo-chrome .callrecordinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .callrecordinfo-chrome .callrecordinfo-pushpin { }
    .callrecordinfo-chrome .callrecordinfo-control-left,
    .callrecordinfo-chrome .callrecordinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .callrecordinfo-chrome .callrecordinfo-control-left { left: 0; text-align: left}
    .callrecordinfo-chrome .callrecordinfo-control-right { right: 0; text-align: right}
    .callrecordinfo-chrome .callrecordinfo-slide.active { display: block}

    .callrecordinfo-chrome .callrecordinfo-map { height: 170px; width: 200px}
    .callrecordinfo-chrome .callrecordinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .callrecordinfo-chrome .callrecordinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .callrecordinfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.poiinfo-chrome { position: absolute; left: 50px; top: 8px; height: 148px; width: 308px; color: #FFF; font-size: 11px; line-height: 1.3; text-shadow: 0 0 9px #000; box-shadow: 0 0 5px #000; border-radius: 5.5px; background: #282828}
    .poiinfo-chrome .poiinfo-slide-viewport { position: absolute; height: 140px; width: 300px; left: 4px; bottom: 5px; border-radius: 5px; overflow: hidden}
    .poiinfo-chrome .poiinfo-slide-cont { position: relative; margin: 0 auto; width: 255px; height: 100%; padding: 3px 0}
    .poiinfo-chrome .poiinfo-slide-coll { position: absolute; height: 140px; width: 255px}
    .poiinfo-chrome .poiinfo-slide { display: none; position: absolute; height: 140px; width: 300px}
    .poiinfo-chrome .poiinfo-keyvalue { clear: both}
        .poiinfo-chrome .poiinfo-keyvalue label { float: left; font-size: 12px; margin-left: -5px}
        .poiinfo-chrome .poiinfo-keyvalue span { float: right; opacity: 0.6; margin-right: -5px}
    .poiinfo-chrome .poiinfo-titlebar { margin: 6px 4px 0 4px; height: 25px}
        .poiinfo-chrome .poiinfo-titlebar i { text-shadow: none; background: transparent; color: #fff; color: #DADADA}
        .poiinfo-chrome .poiinfo-titlebar span { font-size: 10.45px; overflow: hidden; position: absolute; width: 144px; white-space: nowrap}
    .poiinfo-chrome.ui-draggable .poiinfo-titlebar span { width: 122px}
    .poiinfo-chrome .poiinfo-titlebar i { float: right; font-size: 13px; margin: 0 3px; cursor: pointer}
    .poiinfo-chrome .poiinfo-pushpin { }
    .poiinfo-chrome .poiinfo-control-left,
    .poiinfo-chrome .poiinfo-control-right { font-size: 14px; font-family: 'Arial',sans-serif; font-weight: 100; position: absolute; top: 25px; bottom: 4px; width: 35px; padding: 36% 3px 0 3px; cursor: pointer; z-index: 800; /*HACK: forces controls above map*/ }
    .poiinfo-chrome .poiinfo-control-left { left: 0; text-align: left}
    .poiinfo-chrome .poiinfo-control-right { right: 0; text-align: right}
    .poiinfo-chrome .poiinfo-slide.active { display: block}

    .poiinfo-chrome .poiinfo-map { height: 170px; width: 200px}
    .poiinfo-chrome .poiinfo-crosshair { position: absolute; top: 50%; left: 50%; z-index: 1000}
        .poiinfo-chrome .poiinfo-crosshair i { position: absolute; top: -17px; left: -17px; font-size: 30px; color: #FF4242; text-shadow: 0 -3px 2px #000; opacity: 0.7}
    .poiinfo-chrome .device-more-link { position: absolute; right: 0; bottom: 12px; left: 0; text-align: center; text-decoration: underline; cursor: pointer}

.ui-dialog .dialog-menu { position: absolute; float: right; right: 0; top: 0; z-index: 9999}
    .ui-dialog .dialog-menu > ul { margin: 10px 4px 0 0}
        .ui-dialog .dialog-menu > ul li { float: left; padding: 5px; color: #fff; font-size: 14px; cursor: pointer}
            .ui-dialog .dialog-menu > ul li > ul { border-radius: 4px}
            .ui-dialog .dialog-menu > ul li ul li { padding: 7px 10px; font-size: 11px; font-family: 'Sofia',sans-serif; cursor: pointer}
                .ui-dialog .dialog-menu > ul li ul li i { margin: 0 5px 0 0}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0px; padding-bottom: 0px}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: inherit; }

.ui-dialog .info-menu {
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    z-index: 9999
}
    .ui-dialog .info-menu > ul { margin: 10px 4px 0 0}
        .ui-dialog .info-menu > ul li { padding: 5px; color: #878787; font-size: 14px; cursor: pointer; position: absolute; right: 0; top: 2px}
            .ui-dialog .info-menu > ul li > ul { border-radius: 4px}
            .ui-dialog .info-menu > ul li ul li { padding: 7px 5px; font-size: 11px; font-family: 'Sofia',sans-serif; cursor: pointer}
                .ui-dialog .info-menu > ul li ul li i { margin: 0 5px 0 0}

h3 { font-size: 20px; color: #147389; padding: 14px; font-family: 'Sofia',sans-serif; clear: both}
h4 { font-size: 15px; color: #0D768F; padding: 9px 0 9px 9px; font-family: 'Sofia',sans-serif; clear: both}
h5 { font-size: 11px; color: #0D768F; padding: 9px; font-family: 'Sofia',sans-serif; clear: both; font-style: italic; }
h3 i { margin-right: 5px}

h5.warning { color: #BB2511; }
h5.note { padding-top: 0; margin-top: -10px; padding-left: 40%; margin-left: 10px; }

/* jQuery UI */
.ui-front { z-index: 2000000}
.ui-dialog-titlebar span i { margin: 0 5px 0 0; vertical-align: middle; text-shadow: none}
.ui-dialog { overflow: visible; min-width: 227px}
    .ui-dialog.single-tab .ui-tabs-nav li:hover,
    .ui-dialog.single-tab .ui-tabs-nav li:active { background: initial; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.single-tab .ui-tabs-nav li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}
.ui-dialog .ui-dialog-titlebar span i { font-size: 17px}
.ui-tabbed-window .ui-widget-header.ui-dialog-titlebar { height: 45px; overflow: hidden}
.ui-sortable-sorting { overflow: visible !important}
.ui-dialog-title { text-transform: uppercase; color: #f0f0f0; font-size: 11px; padding: 14px 14px 12px 14px; font-family: 'Open Sans',sans-serif; float: left; white-space: nowrap}
.tab-head li { float: left}
.ui-tabs ul.tab-head li:last-child .ui-dialog-title { border-right: 1px solid; border-right-color: transparent !important; cursor: pointer}
/*.ui-state-active {*/ /*Theme*/ /*display: block !important}*/
.ui-state-hover { /*Theme*/ }
.ui-sortable-helper:active { box-shadow: 8px 0 15px -8px #000, -8px 0 13px -8px #000; -moz-box-shadow: 8px 0 15px -8px #000, -8px 0 13px -8px #000; -webkit-box-shadow: 8px 0 15px -8px #000, -8px 0 13px -8px #000}
.ui-sortable-helper { position: absolute; z-index: 9001}
.ui-temporary-helper { position: absolute; top: 45px; left: 0; height: 100px; width: 250px; background: #fff}
.ui-widget.ui-widget-content { border: none; }
.ui-widget-content a { color: #fff}
.ui-dialog { background: #fff; max-width: 100%}
    .ui-dialog .undock { display: none}
.ui-tabs .ui-tabs-panel { padding: 0}

.ui-dialog .ui-dialog-titlebar { padding: 0 0px 0 0px}
.ui-dialog.chromeless .ui-dialog-titlebar { height: 0}
.ui-dialog.chromeless .ui-widget-header { overflow: visible}
.ui-dialog.chromeless .ui-dialog-title { top: 0; z-index: 9999; position: absolute; border-top: 5px solid transparent; border-radius: 1px; padding: 5px 7px; left: 20px}
.ui-dialog.chromeless .ui-widget-header ul.tab-head { background: none !important; position: absolute; z-index: 9999}
.ui-dialog.chromeless .ui-widget-header ul li .ui-dialog-title { left: auto; position: static; margin: -1px 0 0 0}
.ui-dialog.chromeless .ui-widget-header.ui-corner-bottom { margin-top: -34px}
.ui-dialog.chromeless .ui-tabs-nav li.ui-state-default { opacity: 0.5}
.ui-dialog.chromeless .ui-tabs-nav li.ui-state-active { opacity: 1}

.ui-dialog.no-close .ui-dialog-titlebar-close { display: none}
.ui-dialog .ui-widget-header .menu { z-index: 9999; background: none; position: absolute; right: 0; top: 0}
    .ui-dialog .ui-widget-header .menu ul { list-style: none; margin: 10px 4px 0 0}
        .ui-dialog .ui-widget-header .menu ul li { /*Always White*/ color: #fff; font-size: 14px; float: left; padding: 5px; cursor: pointer}
            .ui-dialog .ui-widget-header .menu ul li:hover { opacity: 0.5; filter: alpha(opacity=50)}
            .ui-dialog .ui-widget-header .menu ul li:active { opacity: 0.8; filter: alpha(opacity=80)}
.ui-corner-bottom { -webkit-box-shadow: inset 0 3px rgba(0,0,0,.2) !important; -moz-box-shadow: inset 0 3px rgba(0,0,0,.2) !important; box-shadow: inset 3px rgba(0,0,0,.2) !important}
.ui-dialog-buttonset .ui-button { display: inline-block !important; /* padding:0 !important;margin:0 !important;*/ }
.ui-widget-overlay { background: #000; z-index: 1999999 !important}
.modal-open { z-index: 19999999 !important}
.ui-tooltip {
    z-index: 1000000000 !important;
    color: #fff !important;
    /*margin: 0px 0 -8px -8px;*/
    background: #444 !important;
    font-family: 'Sofia',sans-serif !important;
    font-size: 10px !important;
    padding: 5px;
    /*position: absolute;*/
    /*z-index: 9999;*/
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 4px #000;
    border-radius: 0px !important
}
.ui-tooltip-content { white-space: pre-line; }
.ui-autocomplete { z-index: 1000000000 !important}
.tooltip.helper { margin: 5px 0 0; display: inline-block}
.ui-tooltip.medium-text { line-height: 14px; font-size: 12px !important}

/* Spinner */
.ui-spinner-button span { padding: inherit !important; float: none !important; margin-top: -8px !important}
.workspace .window-body .body .ui-spinner-input { width: 100% !important; float: none !important; margin: 0 !important; font-size: 12px}
.workspace .window-body .body .ui-button-text .ui-icon { background-color: #444}
.ui-spinner { background: #444; margin-bottom: 10px; width: 50px}
    .ui-spinner a.ui-spinner-button { background-image: none; background-color: #444}
.spinner-label { display: inline-block; margin-bottom: 10px; font-size: 12px; vertical-align: middle}

/* Slider */
.ui-slider-handle { background: #555}

.nonsel .ui-slider, .c2 .ui-slider {
    margin: 10px 5px 5px 5px;
    background-image: none;
    background-color: #afafaf;
}

.nonsel .ui-slider-handle, .c2 .ui-slider-handle {
    background-color: #898989;
    background-image: none;
    cursor: pointer;
}

.nonsel .slider-value, .c2 .slider-value {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.evo-slider.ui-slider-disabled {
    background-color: #7D7D7D;
}

    .evo-slider.ui-slider-disabled .ui-slider-handle {
        background-color: #444444;
    }


/* Modal Dialog Theming */
.ui-dialog .ui-space { margin-top: 1.0em}
.ui-dialog .ui-button-panel { margin-top: 1.5em; border: 0px}
    .ui-dialog .ui-button-panel button { padding-left: 0.5em !important; padding-right: 0.5em !important; margin-left: 0.25em !important}
    .ui-dialog .ui-button-panel span.button-gap { padding-right: 1.0em; float: right}

/* jUI Overrides */
.ui-dialog { padding: 0; box-shadow: 0 0px 6px #000; -moz-box-shadow: 0 0px 6px #000; -webkit-box-shadow: 0 0px 6px #000}
    .ui-dialog .ui-dialog-content { padding: 0; overflow-x: hidden; width: 100% !important}
.ui-widget-content { color: inherit}
.ui-dialog .ui-dialog-title { width: auto; margin: 0}
.ui-dialog .tab-head .ui-dialog-title { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.ui-dialog.single-tab .tab-head .ui-dialog-title { cursor: move}
.ui-dialog.docked.single-tab .tab-head .ui-dialog-title { cursor: default}
.ui-widget-header { border: none; font-weight: normal; color: inherit}
.ui-widget-content { border: none}
.ui-dialog .tab-head { overflow: visible}
.ui-tabs .ui-tabs-nav { padding: 0; float: left; background: inherit; height: 100%; overflow: hidden; border-radius: 0}
.ui-tabs-nav, .ui-dialog-titlebar { z-index: 900; /*-webkit-box-shadow: inset 0 -3px rgba(0,0,0,.3); -moz-box-shadow: inset 0 -3px rgba(0,0,0,.3); box-shadow: inset 0 -3px rgba(0,0,0,.3);*/ color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.25)}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { border: none; color: inherit}

.ui-tabs .ui-tabs-nav li a { padding: 0}
.ui-tabs .ui-tabs-nav li { /*height: 45px;*/ border-top-right-radius: 0px; border-top-left-radius: 0px; margin: 0}
.ui-helper-reset { line-height: inherit}
.ui-jqgrid .ui-jqgrid-title { font-family: 'Open Sans',sans-serif; font-size: 13px; margin: 7px}
.ui-jqgrid tr.jqgroup td { font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: bold !important; background-color: #B3B3B3}
.ui-dialog-titlebar.ui-corner-all { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px}
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: 0px; bottom: 0px; background-position: -65px -225px}
.resizable-helper { border: 1px dashed rgba(255,255,255,0.5)}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; filter: Alpha(Opacity=100)}
    .ui-state-disabled .window-head { cursor: default}

    
/* jqGrid Overrides */
/* bullet_toggle_minus icon image for trigger */
.bullet_toggle_minus { background: url('/assets/images/icons/bullet_toggle_minus.png') no-repeat scroll 0px 0px transparent !important}

/* bullet_toggle_plus icon image for trigger */
.bullet_toggle_plus { background: url('/assets/images/icons/bullet_toggle_plus.png') no-repeat scroll 0px 0px transparent !important}

    .ui-jqgrid .ui-jqgrid-htable th div {
        padding: 4px 0;
        font-family: sans-serif;
        color: #444;
        letter-spacing: 0.03em;
    }

    body.nShowBlack .ui-jqgrid .ui-jqgrid-htable th div {
        padding: 4px 0;
        font-family: sans-serif;
        color: #777;
        letter-spacing: 0.03em;
    }

.ui-jqgrid-view .ui-state-highlight td, .ui-jqgrid-view .ui-state-highlight { border: 0; background: #acf}
.ui-jqgrid-view .ui-state-hover, .ui-jqgrid-view .ui-widget-content .ui-state-hover { background: #ccc}
.ui-jqgrid-view .ui-state-highlight:hover { background: #9DC4FF}
.ui-jqgrid-view tr.ui-state-hover td { background: #333}
.ui-jqgrid table tr:nth-child(2n+3) { background: #292929 !important; border: none}
.ui-jqgrid table tr:last-child { border-bottom: 1px solid #ccc}
.ui-jqgrid tr.jqgrow td { padding: 0px 0px 0px 6px; height: 19px}
.ui-jqgrid * { -webkit-transition: color 0s, background 0s, border 0s; -moz-transition: color 0s, background 0s, border 0s; -ms-transition: color 0s, background 0s, border 0s; transition: color 0s, background 0s, border 0s}
.ui-jqgrid tr.jqgrow td { height: auto; white-space: normal; padding: 7px; color: #D3D3D3}
.ui-jqgrid tr.jqgrow.caution td { color: #1b1b1b; }
/* Left Padding Override*/
.ui-jqgrid .ui-jqgrid-labels .s-ico .ui-grid-ico-sort { margin-top: -2px}
    /* Sorting Override */
    .ui-jqgrid .ui-jqgrid-labels .s-ico .ui-grid-ico-sort.ui-state-disabled { display: none}
.ui-jqgrid-pager { background: #333 !important}
.ui-userdata { font-family: 'Sofia',sans-serif; padding: 3px 0 0; color: #888 !important; background: #333 !important}
.ui-jqgrid tr.jqgroup td { background: #232323; color: #777}

.ui-jqgrid { font-family: 'Open Sans',sans-serif}
    .ui-jqgrid tr.jqgrow td { text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height: 15px}
    .ui-jqgrid tr.jqgrow td { white-space: normal}
    .ui-jqgrid .loading { background: rgb(0,0,0); background: rgba(0,0,0,0.5); color: #fff; border-radius: 10px; padding: 12px}
    .ui-jqgrid tr.ui-row-ltr td:first-child { padding: 6px 0 0 0}
    .ui-jqgrid tr.ui-row-ltr td { border-bottom: 0px; -webkit-transition-duration: 0s, 0s, 0s}

    /* jQGrid Custom Cell States */
    .ui-jqgrid tr.ui-row-ltr.unread td { font-weight: bold; color: #fff; font-size: 11px}
    .ui-jqgrid tr.ui-row-ltr.read td { color: #848484}
    .ui-jqgrid tr.ui-row-ltr .ss-flag { color: #535353}
        .ui-jqgrid tr.ui-row-ltr .ss-flag.flagged, .workspace .window-body .inbox .ss-flag.flagged.action { color: #f00}

.inbox .ui-jqgrid-view tr input { padding-left: 20%; padding-right: 20%}
.ui-jqgrid tr.ui-row-ltr input { cursor: pointer}
.ui-jqgrid tr .ss-flag { cursor: pointer}

.ui-jqgrid tr.ui-row-ltr.panic { background: #AA3939 !important; color: #FFC8C8}
.ui-jqgrid tr.ui-row-ltr.panic td { border-color: #8D2929; color: #E7C5C5 !important}
.ui-jqgrid tr.ui-row-ltr.panic.read td { color: #DE7575 !important}
.ui-jqgrid tr.ui-state-highlight.panic td { background: #992E2E !important}
.ui-jqgrid tr.ui-state-highlight.read.panic td { background: #992E2E !important; color: #F0BBBB !important}
.ui-jqgrid-view tr.ui-state-hover.panic td { background: #D13E3E !important}
.ui-jqgrid-view tr.ui-state-hover.panic.read td { background: #D13E3E !important; color: #fff !important}

.ui-jqgrid tr.ui-row-ltr.emergency { background: #FF0000 !important; color: #FF0000}
.ui-jqgrid tr.ui-row-ltr.ui-state-highlight.emergency td { background: #D13E3E}
.ui-jqgrid tr.ui-row-ltr.emergency td { border-color: #8D2929}

.ui-jqgrid tr.ui-row-ltr.caution { background: #e6e600 !important; color: #e6e600}
.ui-jqgrid tr.ui-row-ltr.caution td { border-color: #999900; }
.ui-jqgrid tr.ui-row-ltr.ui-state-highlight.caution td { background: #e6e600}
.ui-jqgrid tr.ui-state-highlight.caution td { background: #cccc00 !important; color: #1b1b1b !important; }
.ui-jqgrid-view tr.ui-state-hover.caution td { background: #FFFF00 !important}

.ui-jqgrid tr.ui-row-ltr.info { background: #0000FF !important; color: #E6E6FF !important; }
.ui-jqgrid tr.ui-row-ltr.info td { border-color: #0000E4  !important; }
.ui-jqgrid tr.ui-row-ltr.info.ui-state-hover td { background: #2424FF !important; color: #E6E6FF; }
.ui-jqgrid tr.ui-row-ltr.info.ui-state-highlight td { background: #0000CF !important; color: #E6E6FF; }

.ui-jqgrid tr.ui-row-ltr.nopos { text-decoration: line-through !important}
.ui-jqgrid tr.ui-row-ltr.ui-state-highlight.nopos td { text-decoration:line-through }
.ui-jqgrid tr.ui-row-ltr.nopos td { text-decoration: line-through}

.ui-jqgrid .ui-pg-selbox { background: #5C5C5C; color: #D1CDCD; border: 0; height: 17px; line-height: 17px}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button.ui-state-disabled { display: none}
.ui-jqgrid .ui-jqgrid-pager { border-radius: 0}
.ui-jqgrid .ui-pg-input { background: #444; color: #999; border: none; padding: 2px 3px}
.ui-jqgrid .ui-pg-table td { color: #969696; padding:0 1em}
    .ui-jqgrid .ui-pg-table td:hover { background: none !important}
        .ui-jqgrid .ui-pg-table td:hover span { background-color: #333; border-color: #333}

/* Context Menu Overrides */
.context-menu-list { border: 1px solid #444; background: #444; z-index: 99999999 !important; padding: 0; font-size:11px; border-radius: 0; }
.context-menu-item { background-color: #444; padding: 6px 6px 6px 11px}
    .context-menu-item span i { padding: 0 5px 0 0}
    .context-menu-item.icon { min-height: 0px}
    .context-menu-item.context-menu-hover { background-color: #555}
        .context-menu-item.hover > span > i.ss-icon { color: #666}
        .context-menu-item.disabled > span { color: #555;}
        .context-menu-item.disabled.hover { cursor: default; background-color: #EEE; }
    .context-menu-item > span > i.ss-navigateright { color: #555; left: 101px; position: absolute; font-size: 17px; height: 20px; right: 0; top: 7px}
    .context-menu-item > span { color: #aaa}
.context-menu-submenu:after { content: ""}
.context-menu-separator { padding-bottom: 0; border-bottom: 1px solid #343434; margin: 0;}
a:visited { color: inherit}

/* tree context menu overrides */
.vakata-context { z-index: 2000; }

/* angular context menu */
ul.cmenu { position: absolute; list-style-type: none; top: 0; left: 0; min-width: 120px; z-index: 99999999 !important; }
ul.cmenu > li { padding: 6px; cursor: pointer; font-size: 11px; white-space:nowrap; }
ul.cmenu > li > i { padding: 0 10px 0 0;}
ul.cmenu > li > span i { padding: 0 10px 0 0;}
body.nShowPearl ul.cmenu > li:hover { background-color: #6599C6; color: #eee; }
body.nShowBlack ul.cmenu > li:hover { background-color: #555; }
body.nShowPearl ul.cmenu { box-shadow: 2px 2px 3px #888; }
body.nShowBlack ul.cmenu { box-shadow: 2px 2px 3px #111; }

.ng-context-menu-submenu:after { content: ""}
.ng-context-menu-separator { padding-bottom: 0; border-bottom: 1px solid #343434}

.ng-context-menu-list { border: 1px solid #444;}
.ng-context-menu-list > li { background-color: #444; }
.ng-context-menu-list > li.hover { background-color: #555}
.ng-context-menu-list > li.hover > i.icon { color: #666}
.ng-context-menu-list > li.disabled { color: #555;}
.ng-context-menu-list > li.disabled.hover { cursor: default; background-color: #EEE; }
.ng-context-menu-list > li { color: #aaa}

.command { position: relative}
    .command.success { background: #0B470B !important; color: #29D329 !important}
        .command.success .response-text { color: #28CC28}
    .command.error { background: #6F0D0D !important}
        .command.error .response-text { color: #FF0B0B}
    .command .response-text { font-size: 10px; position: absolute; top: 11px; right: 11px; text-transform: uppercase}
.command-parent ul { display: none}
    .command-parent ul li { float: left}

.slide .slide-body .command-parent ul li.nonsel { width: 100%; }

    .ui-slides .slide-body ul li.command.polling, .ui-slides .slide-body form button.polling { background: #f0e457; color: #5e5711; }
    .ui-slides .slide-body ul li.command.polling i.small-loading, .ui-slides .slide-body form button.polling i.small-loading { float: right; border-bottom-color: #5e5711; margin: 1px 10px 0 0; } 
    .ui-slides .slide-body span.button.get i.small-loading { border-bottom-color: #fff; margin: -4px 0 0 10px; height: 7px; width: 7px; }
/* Noty Overrides */
#noty_topCenter_layout_container {
    z-index: 20000000 !important;
}
#noty_topCenter_layout_container .noty_bar > div {
    border: 0px !important
}
#noty_topCenter_layout_container > li { border: 0px !important; background: transparent !important; box-shadow: rgba(0, 0, 0, 0.87) 0px 3px 3px !important}
#noty_topCenter_layout_container > li .noty_message { color: #999; background: #444}
#noty_topCenter_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; display: inline-block}
 #noty_topCenter_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 0px 12px}
    #noty_topCenter_layout_container > li .noty_message .icon.small.ss-loading {
        padding-top: 3px;
    }

    #noty_topRight_layout_container {
        z-index: 100000 !important
    }
#noty_topRight_layout_container > li { width: 500px; /*position: absolute;*/ right: 2px; top: 0px; border: 0px !important}
#noty_topRight_layout_container > li .noty_message { color: #999; background: #444}
#noty_topRight_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_topRight_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_topRight_layout_container > li { background: transparent !important}

#noty_bottomRight_layout_container > li { border: 0px !important}
#noty_bottomRight_layout_container > li .noty_message { color: #999; background: #444}
#noty_bottomRight_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_bottomRight_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_bottomRight_layout_container > li { background: transparent !important}

#noty_topLeft_layout_container > li { border: 0px !important}
#noty_topLeft_layout_container > li .noty_message { color: #999; background: #444}
#noty_topLeft_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_topLeft_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_topLeft_layout_container > li { background: transparent !important}

#noty_bottomLeft_layout_container > li { border: 0px !important}
#noty_bottomLeft_layout_container > li .noty_message { color: #999; background: #444}
#noty_bottomLeft_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_bottomLeft_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_bottomLeft_layout_container > li { background: transparent !important}

#noty_center_layout_container > li { border: 0px !important}
#noty_center_layout_container > li .noty_message { color: #999; background: #444}
#noty_center_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_center_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_center_layout_container > li { background: transparent !important}

#noty_centerLeft_layout_container > li { border: 0px !important}
#noty_centerLeft_layout_container > li .noty_message { color: #999; background: #444}
#noty_centerLeft_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_centerLeft_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_centerLeft_layout_container > li { background: transparent !important}

#noty_centerRight_layout_container > li { border: 0px !important}
#noty_centerRight_layout_container > li .noty_message { color: #999; background: #444}
#noty_centerRight_layout_container > li .noty_message .icon { vertical-align: middle; float: left; padding: 12px; font-size: 29px; line-height: 100%}
#noty_centerRight_layout_container > li .noty_message .icon.small { font-size: 14px; float: none; padding: 5px 12px}
#noty_centerRight_layout_container > li { background: transparent !important}

/* NOTY MESSAGE TYPES */
.noty_message { z-index: 10000 }
.noty_message.panic { color: #E7C5C5 !important; background: #AA3939 !important}
.noty_message.emergency { color: #1D4216 !important; background: #FF0000 !important}
.noty_message.caution { color: #000000 !important; background: #FFFF00 !important}
.noty_message.error { color: #E7C5C5 !important; background: rgba(216, 99, 104, 1) !important}
.noty_message.success { color: #1D4216 !important; background: rgba(115, 179, 66, 1) !important}
.noty_message.warning { color: #5E5711 !important; background: rgba(240, 228, 87, 1) !important}
.noty_message.info { color: #FFFFFF !important; background: #0000FF !important}

.evo_noty_timestamp {
    text-align: right;
    font-size: 8pt;
}
.evo_noty_checkbox {
    text-align: left;
    padding-top: 10px;
}
/* Multiselect overrides */
.ui-multiselect {
    height: 24px;
    float: left;
    margin: 0 0 10px;
    font-size: 13px;
    background: #333;
    width: 195px;
    color: #999;
    font-family: 'Arial',sans-serif;
    padding: 0px 0px 0px 0px;
    text-align: left;
    margin-left: 10px;
    width: 55% !important;
    text-transform: none
}
.ui-multiselect-all, .ui-multiselect-none, .ui-multiselect-checkboxes label { font-size: 12px; border: none}
.ui-multiselect span.ui-icon { float: right !important; margin-right: 2px}
.ui-multiselect span { margin-bottom: 5px; margin-left: 5px; margin-top: 3px; display: block}
.ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px}
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important}
.ui-multiselect-checkboxes label { border-radius: 5px; color: #eee; padding: 3px 7px 6px 5px}
    .ui-multiselect-checkboxes label.ui-state-hover { border-radius: 0; background: #3A5463; color: #eee}
.ui-multiselect-header { background: #555; margin-bottom: 3px; padding: 6px 2px 6px 7px; border-radius: 0}
    .ui-multiselect-header ul { font-size: 0.9em; white-space: nowrap}
        .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0}
    .ui-multiselect-header a { text-decoration: none}
        .ui-multiselect-header a:hover { text-decoration: underline}
    .ui-multiselect-header span { float: left; margin: 2px 0 0 4px; color: #fff}
        .ui-multiselect-header span.ui-icon { margin: 0}
    .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0}

.ui-multiselect-menu { font-family: 'Open Sans',sans-serif; background: #444; border-radius: 0; display: none; padding: 3px; position: absolute; z-index: 999999999; text-align: left}
.ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll; overflow-x: visible; white-space: nowrap}
    .ui-multiselect-checkboxes label { cursor: default; display: block}
        .ui-multiselect-checkboxes label input { position: relative; top: 3px; outline: none}
    .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px}
        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid}
            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none}
    * html .ui-multiselect-checkboxes label { border: none}
/* remove label borders in IE6 because IE6 does not support transparency */

/* Timepicker overrides */
.ui-timepicker-div .ui-widget-header { 
/*    margin-bottom: 8px;    */
    display:none;
}
/*
.ui-timepicker-div dl { text-align: left}
*/
    .ui-timepicker-div dl dt { 
/*        margin-top: 5px; */        
        font-size: 12px; 
        font-family: 'Sofia',sans-serif}
/*
    .ui-timepicker-div dl dd { top: -10px; font-family: 'Open Sans',sans-serif; margin: 0 10px 10px 85px; text-align: center; text-indent: -27px; position: relative}
.ui-timepicker-div td { font-size: 90%}
    */
.ui-timepicker-div { 
    /*background: #2c2c2c;*/ 
    padding: 7px; 
    box-shadow: inset 0px 5px 9px -7px #000; 
    -moz-box-shadow: inset 0px 5px 9px -7px #000; 
    -webkit-box-shadow: inset 0px 5px 9px -7px #000
}
    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
        border-bottom: 0;
    }
.ui-timepicker-directions {
    font-size: 13px;
    font-family: 'Sofia',sans-serif;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-color: #414141;
}

/*
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0}
.ui-timepicker-div .ui-slider { background: #393939; height: 8px; border-radius: 0}
    .ui-timepicker-div .ui-slider a { height: 100%; top: 0; border-radius: 0; background: #147389; padding: 0}
#timepicker-directions { float: left; font-size: 13px; font-family: 'Sofia',sans-serif}
.ui-timepicker-rtl { direction: rtl}
    .ui-timepicker-rtl dl { text-align: right}
        .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px}
*/
/* Datepicker overrides */
#ui-datepicker-div {
    background: #414141;
    z-index: 999999999 !important;
    border-radius: 0px;
    box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    color: #d4d4d4
}
.ui-datepicker th { font-size: 13px; color: #1D96B2; font-family: 'Sofia',sans-serif; font-weight: 400}
.ui-datepicker td { padding: 0; border-bottom: 2px solid #4B4B4B}
.ui-datepicker-calendar td a { padding: 9px 0; font-size: 13px; font-family: 'Sofia',sans-serif; text-align: center; background: none !important}
.ui-datepicker-calendar td:hover { border-bottom-color: #147389}
.ui-datepicker-calendar td.ui-datepicker-unselectable:hover { border-bottom-color: #ddd}
.ui-datepicker-calendar td.ui-datepicker-current-day { border-bottom-color: #AC349D}
.ui-datepicker-header { background: transparent; font-family: 'Sofia',sans-serif}
.ui-datepicker table tr:nth-child(2n+3) { background: none; border: none}
.ui-datepicker .ui-datepicker-buttonpane button { color: #FFF; padding: 5px 12px; background: #555; border: 0; border-radius: 0; text-transform: uppercase; font-size: 10px; font-family: 'Sofia',sans-serif; cursor: pointer; margin: 0 0 5px 0; font-weight: 400}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close { background: #478A27}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { background: #272727}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover { top: 2px}
.ui-datepicker .ui-datepicker-next-hover { right: 2px}
.ui-datepicker .ui-datepicker-prev-hover { left: 2px}
.hide-now .ui-datepicker-current { display: none}
.ui-datepicker-unselectable span { padding: 9px 0 !important; font-size: 13px; font-family: 'Sofia',sans-serif; text-align: center !important; background: none !important}
.ui-datepicker-unselectable { color: #6A6A6A}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: 0; font-family: "Sofia",sans-serif; background: #333; color: #eee; font-size: 13px; outline: none}
/*.ui-timepicker-div dl dd.ui_tpicker_time { top: -15px; font-family: "Sofia",sans-serif !important; font-size: 22px}
*/
.ui-datepicker-trigger { padding: 7px 5px 5px 5px; border-radius: 2px; margin: 2px 0 0 -2px; vertical-align: top; box-shadow: none; }

.hasDatepicker { width: 47.5%; margin-top: 2px; }


/* Layouts */
#north, #south, #east, #west { position: absolute; z-index: 2}
#west { display: none}
/* Handles Gloabal Animation of Color Changes*/
body *, body { -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out}
    body option /*IE highlighting on option elements dies when easing is applied*/ { -ms-transition: color 0s ease-in-out, background 0s ease-in-out, border 0s ease-in-out; transition: color 0s ease-in-out, background 0s ease-in-out, border 0s ease-in-out}
#north { height: 45px; width: 100%; box-shadow: 0 0px 29px #000; -moz-box-shadow: 0 0px 29px #000; -webkit-box-shadow: 0 0px 29px #000; z-index: 1000000}
    #north ul li { float: left}
    #north ul.menu-left { float: left}
        #north ul.menu-left .dropdown { display: inline-block}
            #north ul.menu-left .dropdown span { cursor: pointer; background: rgba(255,255,255,0.1); border-radius: 7px; font-size: 11px; padding: 2px 6px; margin-right: 14px; color: #777}
                #north ul.menu-left .dropdown span i.ss-dropdown { color: rgba(255,255,255,0.2); font-size: 7px; margin-left: 3px}
            #north ul.menu-left .dropdown > ul li a i { color: rgba(255,255,255,0.7)}
            #north ul.menu-left .dropdown > ul li a:hover > i { color: rgba(255,255,255,0.9)}
            #north ul.menu-left .dropdown > ul { top: 45px; white-space: nowrap; left: -1px; z-index: 1}
    #north ul.menu-right { float: right}
        #north ul.menu-right #themes .custom i { border: 2px dashed; padding: 11px}
        #north ul.menu-right li > a i { font-size: 23px}
        #north ul.menu-right #themes { right: -53px; position: absolute; padding: 20px; top: -2px; width: 237px}
            #north ul.menu-right #themes ul { margin: 10px 0 0}
                #north ul.menu-right #themes ul li { position: relative; cursor: pointer; font-size: 11px; vertical-align: middle; float: none; display: block; padding: 5px 5px 5px 0; border-radius: 16px; -moz-border-radius: 16px}
                    #north ul.menu-right #themes ul li i { vertical-align: middle; display: inline-block; padding: 13px; border-radius: 20px; -moz-border-radius: 20px; margin: 0 10px 0 10px}
                    #north ul.menu-right #themes ul li .ss-check { display: none}
                    #north ul.menu-right #themes ul li.selected .ss-check { display: inline-block; left: 0; padding: 8px; background: none !important; border-radius: 0; -moz-border-radius: 0; float: left; position: absolute}

#themes .custom i { border: 2px dashed; padding: 11px}
#themes ul { margin: 10px 0 0}
    #themes ul li { position: relative; cursor: pointer; font-size: 11px; vertical-align: middle; float: none; display: block; padding: 5px 5px 5px 0; border-radius: 16px; -moz-border-radius: 16px}
        #themes ul li i { vertical-align: middle; display: inline-block; padding: 13px; border-radius: 20px; -moz-border-radius: 20px; margin: 0 10px 0 10px}
        #themes ul li .ss-check { display: none}
        #themes ul li.selected .ss-check { display: inline-block; left: 0; padding: 8px; background: none !important; border-radius: 0; -moz-border-radius: 0; float: left; position: absolute}

/* Actions */
#north ul.menu-right .actions .custom i { border: 2px dashed; padding: 11px}
#north ul.menu-right > li a { padding-bottom: 7px}
#north ul.menu-right .actions { right: -50px; position: absolute; padding: 20px; top: 0px; width: 237px; font-family: "Sofia",sans-serif; box-shadow: 0px 3px 1px rgba(0,0,0,0.2)}
    #north ul.menu-right .actions ul { margin: 10px 0 0}
        #north ul.menu-right .actions ul li { position: relative; cursor: pointer; font-size: 11px; vertical-align: middle; float: none; display: block; padding: 5px 5px 5px 0; border-radius: 16px; -moz-border-radius: 16px}
    #north ul.menu-right .actions #quick-action-items ul li:hover { background: #333}
    #north ul.menu-right .actions #style-action-items ul li:hover { background: #333}
    #north ul.menu-right .actions ul li i { font-size: 17px; vertical-align: middle; display: inline-block; padding: 13px; border-radius: 20px; -moz-border-radius: 20px; margin: 0 5px 0 0}
    #north ul.menu-right .actions ul li .ss-check { display: none}
    #north ul.menu-right .actions ul li.selected .ss-check { display: inline-block; left: 0; padding: 8px; background: none !important; border-radius: 0; -moz-border-radius: 0; float: left; position: absolute}
.new-actions i { display: none; font-size: 16px !important; vertical-align: middle; color: #FFF508 !important; background: none}
.new-actions { right: 7px; top: 23px; position: absolute; pointer-events: none}
#quick-actions, #quick-action-items, #quick-action-items, #style-action-items > ul, #quick-action-items > ul li, #quick-actions > ul { margin: 0 !important; padding: 0}
    #quick-action-items > ul { padding-bottom: 0 !important}
    #quick-action-items ul li { border-radius: 0 !important}
#style-action-items ul li { border-radius: 0 !important}
#quick-actions .body-title { display: block; text-transform: uppercase; color: #C2C2C2; font-size: 10px; margin: 0 0 4px}
#quick-actions .popout{float: right;font-size: 20px;color: #666;cursor:pointer}
.new-item { display: none; font-size: 20px !important; vertical-align: middle; color: #FFF508 !important; background: none; position: absolute; left: 6px; top: 10px}
.just-added { background: #626434}
body.nShowPearl .just-added { background: #eee !important; }
.nobackground { background-image: none !important; }

#north ul li a { min-height: 17px; padding: 14px; display: inline-block; font-family: 'Sofia',sans-serif}
#north ul li a { }
#north > ul > li { /*border-left: 1px solid ;border-right: 1px solid;*/ position: relative}
#north > ul > li { height: 42px; border-bottom: 3px solid transparent}
    #north > ul > li.minimize, #north > ul > li.tray { background: #292929}
#north #mapDialog-latlon,
#north #mapDialog-measurement { border: none !important}
#north ul li:last-child { border-right: 0}
#north ul li:first-child { border-left: 0}
#north ul > li > a i.ss-dropdown { font-size: 9px}
#north .menu-left > li > a { padding-bottom: 7px}
#north .menu-left > li > a i { margin: 0 10px 0 0; font-size: 16px; vertical-align: middle}
#north .menu-left > li > a i.big-icon { font-size: 23px; margin: 0; background-size: 23px 23px !important;}

#north ul li a:hover { /*Theme*/ }
    #north ul li a:hover > i { /*Theme*/ }
#north #view > a img { margin: 0 0 0 5px; vertical-align: middle; width: 30px; padding: 0}
#north #view > a { padding: 10px 0 0 0}
/* M2 Menu Update */
#view > #menu { position: absolute; top: 45px; width: 620px; height: 500px; background: rgba(41,41,41, 0.96); box-shadow: 3px 4px 6px -4px #000; display: none}
    #view > #menu .spacer { height: 1px; background: #1A1A1A; width: 80%; margin: 11px auto; border-bottom: 1px solid #353535}
#menu #menu-right { position: relative; float: left; width: 40%; height: 99%}
    #menu #menu-right #logout { background-size:15px 15px !important; position: absolute; bottom: 5px; right: 10px; background-color: #1886A0; padding: 10px 10px 7px; font-size: 15px; vertical-align: middle; color: #E4E4E4 !important; cursor: pointer}
        #menu #menu-right #logout:hover { opacity: 0.5}
    #menu #menu-right #openOverlayManager { background-size:15px 15px !important; position: absolute; bottom: 5px; right: 55px; background-color: #1886A0; padding: 10px 10px 7px; font-size: 15px; vertical-align: middle; color: #E4E4E4 !important; cursor: pointer}
        #menu #menu-right #openOverlayManager:hover { opacity: 0.5}
    #menu #menu-right #menu-help { position: absolute; bottom: 0; left: 0}
        #menu #menu-right #menu-help a { font-size: 14px; padding: 10px}
            #menu #menu-right #menu-help a i { vertical-align: middle; color: #24627A}
#menu #menu-body-right > ul { margin-top: 15px}
    #menu #menu-body-right > ul > li { position: relative; float: none; cursor: pointer}
        #menu #menu-body-right > ul > li:hover > a i { color: #2E7B99}
        #menu #menu-body-right > ul > li > a { font-size: 12px; padding: 9px 19px; display: block}
            #menu #menu-body-right > ul > li > a i { margin-right: 6px; color: #24627A}
#menu #menu-body-right .dialog-count { background: #1D1D1D; font-size: 9px !important; top: 10px; display: none !important}
#menu #menu-body-right .nav { display: none}
#menu #menu-body-right .slide-down > ul { margin-left: 19px; padding: 0; background: transparent}
    #menu #menu-body-right .slide-down > ul > li { float: none}
        #menu #menu-body-right .slide-down > ul > li a { padding: 8px; font-size: 12px}
            #menu #menu-body-right .slide-down > ul > li a i { margin-right: 9px}
                #menu #menu-body-right .slide-down > ul > li a i:hover { color: #bbb}
#menu #menu-left { float: left; width: 60%; height: 99%; background: rgba(116, 116, 116, 0.54); position: relative}
    #menu #menu-left:after { content: ''; clear: both}
#menu #menu-search { position: relative}
    #menu #menu-search > input { padding: 10px 0; margin: 0; text-indent: 11px; float: left; width: 87%; border: none; outline: none; font-family: 'Sofia',sans-serif}
    #menu #menu-search .delete { position: absolute; right: 44px; z-index: 1; top: 10px; font-size: 23px; color: #aaa; cursor: pointer; display: none}
#menu #search-settings { background: #1886A0; float: left; height: 38px; position: relative; width: 13%}
    #menu #search-settings:hover { background: #1F9FBD}
    #menu #search-settings > ul li:hover { background: transparent !important}
    #menu #search-settings > ul { top: 38px; left: 0px; width: 160px; position: absolute; left: auto; background-color: rgb(170,170,170); border: 0px; box-shadow: 0px 1px 2px #000}
    #menu #search-settings a { padding: 14px 12px 8px; font-size: 11px; cursor: pointer}
        #menu #search-settings a i { color: #E9E9E9}
#menu #menu-body { width: 100%; height: 450px; margin-top: 7px; overflow-y: auto; float: left; position: relative}
    #menu #menu-body li { position: relative; float: none}
        #menu #menu-body li.dialog-creator { position: relative}
        #menu #menu-body li.visible { position: relative; cursor: pointer; /*border-top: 1px solid #4E4D4D;border-bottom: 1px solid #5F5F5F*/ }
            #menu #menu-body li.visible:first-of-type { border-top: none}
            #menu #menu-body li.visible:last-of-type { border-bottom: none}
        #menu #menu-body li:hover > a img { opacity: 1}
        #menu #menu-body li:hover > a .favorite { display: inline-block; text-shadow: 0px 1px #777}
        #menu #menu-body li a .favorite { color: #3D3C3C; cursor: pointer; display: none}
            #menu #menu-body li a .favorite:hover { color: #DFC718; text-shadow: 0px 0px}
        #menu #menu-body li.added > a .favorite { display: inline-block; color: #DFC718; text-shadow: 0px 0px}
    #menu #menu-body .action-list { float: right}
    #menu #menu-body li > a img { width: 15px}
    #menu #menu-body li > a i, #menu #menu-body li > a img { vertical-align: middle; margin-right: 8px; color: #333}
    #menu #menu-body > ul > li.slide-down .slide-down > a .nav { font-size: 10px}
    #menu #menu-body li.visible .ui-draggable-dragging { max-width: 210px; background: #666; padding: 10px}
    #menu #menu-body li a { display: block; font-size: 15px; color: #ddd; padding: 9px}
        #menu #menu-body li a:hover { color: #B0B0B0}
        #menu #menu-body li a img { opacity: 0.75}
    #menu #menu-body .slide-down > ul { margin: 0; padding: 2px 0 2px 25px}
        #menu #menu-body .slide-down > ul .slide-down ul { background: transparent}
    #menu #menu-body .slide-down > a:hover { background: rgba(255, 255, 255, 0.07)}
    #menu #menu-body .dialog-count { position: static; margin-top: -5px; display: inline-block; display: none !important}
#menu .no-match { display: none}
#menu .contains-match { display: list-item}
#menu #search-no-results { text-align: center; margin: 17px 0; font-size: 13px; color: #eee; display: none}
    #menu #search-no-results i { vertical-align: middle; color: #333; font-size: 15px; margin-right: 6px}
#menu .match-highlight, .match-highlight { background-color: #803C6D; color: #fff; display: inline}
#search-settings > ul > li { padding: 0 0 10px; float: none}
    #search-settings > ul > li > ul { padding: 0 10px}
        #search-settings > ul > li > ul li { color: #eee; font-size: 12px; float: none}
            #search-settings > ul > li > ul li input { vertical-align: middle}

/* Active Windows Dropdown */
#active_windows .no-active-windows { padding: 20px; font-size: 12px; color: #fff}
#active_windows > ul li a { padding: 13px 21px; display: block; font-size: 15px}
#active_windows > ul li, #active_windows ul li:last-child { display: block; border-right: 5px solid transparent !important; float: none; list-style: none}
    #active_windows > ul li a i { margin: 0 10px 0 0}
    #active_windows > ul li:hover { border-right-color: #147389 !important; background: #191919}
#active_windows > ul { min-width: 185px}
.workspace-window .tab-head li.activewindow-tab { height: 42px; border-bottom: 3px solid #116477; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important}
#west { height: 100%; z-index: 1101; overflow-x: hidden; overflow-y: auto}
    #west ul { margin-top: 45px; padding: 20px 0 0 35px; min-width: 188px}
        #west ul i { margin: 0 10px 0 0}
        #west ul li ul { padding-top: 10px; padding-bottom: 10px; margin: 0 0 0 -55px; padding-left: 82px; font-size: 16px}
        #west ul li > ul { -webkit-box-shadow: inset 10px 0px 10px 0px rgba(23, 112, 245, 0.3); -moz-box-shadow: inset 10px 0px 10px 0px rgba(23, 112, 245, 0.3); box-shadow: inset 10px 0px 10px 0px rgba(23, 112, 245, 0.3)}
        #west ul li ul li ul { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}
        #west ul li ul li i { font-size: 18px}
        #west ul li ul li { position: relative}
        #west ul li { border-right: 5px solid transparent}
            #west ul li:hover { /*Theme*/ }
            #west ul li a { display: block; padding: 12px 30px 12px 0; font-family: 'Sofia',sans-serif}
                #west ul li a:hover > i { /*Theme*/ }
                #west ul li a:hover { /*Theme*/ }
                #west ul li a i { font-size: 20px; vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out}
    #west a:hover > i.new { color: #1B691B !important; /* Will override theme i:color */ }

#current-workspace { font-size: 17px; padding: 8px 20px; font-family: "Sofia",sans-serif; margin-bottom: 7px; color: #ACACAC}
    #current-workspace span { display: block; font-size: 14px; color: #1886A0}

.slide-down { border-right: 0px !important}
    .slide-down > a:hover { border-right: 5px solid #147389}
    .slide-down > ul { display: none; margin: 0 0 10px; padding: 0 0 0 55px; background: rgba(151, 151, 151, 0.1); margin-left: -33px}
.menu-logo { margin: 0 11px 0 0; width: 19px; vertical-align: middle}

/* The creator input that pops up on menu "+New" action, or "Rename" */
.dialog-creator .creator, .rename { z-index: 2; position: absolute; width: 200px; height: 29px; top: 6px}
    .dialog-creator input, .rename input { font-family: 'Sofia',sans-serif; color: #FFF; padding: 0 30px 0 10px; outline: none; height: 100% !important; background: #444; border: 0; border-radius: 2px; width: 100% !important; margin: 0 !important}
    .dialog-creator .creator .remove, .rename .remove { cursor: pointer; color: #747474 !important; position: absolute; top: 8px; right: -33px}
    .dialog-creator .creator .done, .rename .done { cursor: pointer; color: #69B523 !important; position: absolute; top: 7px; right: -64px}
.rename-icon { position: absolute; right: 18px; top: 13px; cursor: pointer; color: #333}
    .rename-icon:hover { color: #B9B9B9 !important}

/* Themes */
#north ul.menu-right #themes ul li#nShowBlack i { background: #111}
    #north ul.menu-right #themes ul li#nShowBlack i.ss-check { color: #31d420}

#north ul.menu-right #themes ul li#nShowAzure i { background: #85bdc7}
    #north ul.menu-right #themes ul li#nShowAzure i.ss-check { color: #fff}

#north ul.menu-right #themes ul li#nShowPearl i { background: #fff}
    #north ul.menu-right #themes ul li#nShowPearl i.ss-check { color: #000}

#north ul.menu-right #themes ul li#nShowDesert i { background: #a4967c}
    #north ul.menu-right #themes ul li#nShowDesert i.ss-check { color: #2f472c}

/*User Actions */
#north ul.menu-right .actions ul li#nShowBlack i { background: #111}
    #north ul.menu-right .actions ul li#nShowBlack i.ss-check { color: #31d420}

#north ul.menu-right .actions ul li#nShowAzure i { background: #85bdc7}
    #north ul.menu-right .actions ul li#nShowAzure i.ss-check { color: #fff}

#north ul.menu-right .actions ul li#nShowPearl i { background: #fff}
    #north ul.menu-right .actions ul li#nShowPearl i.ss-check { color: #000}

#north ul.menu-right .actions ul li#nShowDesert i { background: #a4967c}
    #north ul.menu-right .actions ul li#nShowDesert i.ss-check { color: #2f472c}

/* Shadow (old theme format) */
body.nShowBlack { background: #141414}
    body.nShowBlack #north { background: #333}

        body.nShowBlack #north ul.menu-right #themes, body.nShowBlack .dropdown > ul { background: #222; color: #147389}
            body.nShowBlack #north ul.menu-right #themes ul { color: #fff}
                body.nShowBlack #north ul.menu-right #themes ul li.active { background: #323232}
            body.nShowBlack #north ul.menu-right #themes .custom i { /*Inherit*/ }

        body.nShowBlack #north ul.menu-right .actions, body.nShowBlack .dropdown > ul { background: #2c2c2c; color: #147389; border: 1px solid #292929; border-top: none}
            body.nShowBlack #north ul.menu-right .actions ul { color: #fff}
                body.nShowBlack #north ul.menu-right .actions ul li.active { background: #323232}
            body.nShowBlack #north ul.menu-right .actions .custom i { /*Inherit*/ }

        body.nShowBlack #north ul li { border-left-color: #222; border-right-color: #111}
            body.nShowBlack #north ul li a { color: #9E9E9E}
                body.nShowBlack #north ul li a i { color: #797979}
                body.nShowBlack #north ul li a:hover { color: #fff}
                    body.nShowBlack #north ul li a:hover > i { color: #444}
                body.nShowBlack #north ul li a:active,
                body.nShowBlack #north > ul > li:hover { border-bottom-color: #efefef}
            body.nShowBlack #north ul li.active { background: #000}
                body.nShowBlack #north ul li.active a { color: #fff}
        body.nShowBlack #north #mapDialog-latlon { color: #777}
        body.nShowBlack #north #mapDialog-measurement { color: #777}

    body.nShowBlack #west { background: rgb(0,0,0); background: rgba(0,0,0,0.95)}
        body.nShowBlack #west ul li:hover { border-right-color: #147389}
        body.nShowBlack #west ul li a, body.nShowBlack #west ul, body.nShowBlack #west ul i { color: #fff}
            body.nShowBlack #west ul li a i, body.nShowBlack #west ul i { color: #464646}
            body.nShowBlack #west ul li a:hover > i { color: #fff}
            body.nShowBlack #west ul li a:hover { }

    body.nShowBlack .ui-dialog .ui-dialog-titlebar { background: #333}
        body.nShowBlack .ui-dialog .ui-dialog-titlebar span i { color: #eee}
    body.nShowBlack .ui-dialog-title { border-right-color: #116477}
    body.nShowBlack .ui-tabs-nav li { background: #333}

    /*  left panel pinned*/

    body.nShowBlack .left-panel-bar {
        margin: 0px;
        padding: 14px 0px;
        width: 45px;
        height: 100%;
        cursor: pointer;
        display: flex;
        flex-flow: column wrap;
    }

    body.nShowBlack .left-panel-bar .tree-button {
        margin: 0px 10px;
        width: 25px;
        height: 45px;
    }

    body.nShowBlack .left-panel-bar .tree-button i.ss-tree {
        color: #e2e2e2;
        font-size: 24px;
    }

    body.nShowBlack .left-panel-bar:hover {
        background-color: #444;
    }

    body.nShowBlack .left-panel-bar:hover .tree-button i.ss-tree {
        color: #fff;
    }

        /*body.nShowBlack .semiTransparent .ui-tabs-nav li{background: transparent}*/
        body.nShowBlack .ui-tabs-nav li:hover { background: #444}
        body.nShowBlack .ui-tabs-nav li.ui-state-active { background: #222}
        body.nShowBlack .ui-tabs-nav li.ui-state-hover,
        body.nShowBlack .ui-tabs-nav li:active { background: #232323}
    body.nShowBlack .overflow-dropdown > span,
    body.nShowBlack .overflow-dropdown ul { background: #434343}
        body.nShowBlack .overflow-dropdown ul:before { /*Caret*/ border-bottom-color: #434343; }
    body.nShowBlack .ui-dialog.chromeless .ui-dialog-title { background: rgb(0,0,0); background: rgba(0,0,0,0.7); border-color: #555}
        body.nShowBlack .ui-dialog.chromeless .ui-dialog-title i { color: #555}

    body.nShowBlack .toolstrip-inner { background: rgb(41, 41, 41); background: rgba(41, 41, 41, 0.92)}
        body.nShowBlack .toolstrip-inner .in-circle { /*background: #27a;*/ color: #DA262A}
        body.nShowBlack .toolstrip-inner .toolstrip-title { color: #bbb}

    body.nShowBlack .body.theme { background: #222; color: #777}
    body.nShowBlack .noty_buttons { box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.79) inset; background: rgba(39, 39, 39, 0.85) !important; border-top: rgba(39, 39, 39, 0.85) !important}

.btn { margin-right: 20px; float: left; font-family: 'Sofia',Arial,sans-serif; display: inline}
    .btn:last-child { margin: 0}
    .btn .btn-left { float: left; padding: 15px 14px 10px; font-size: 20px}
    .btn a { font-size: 16px; padding: 15px 14px 10px; display: block; margin-left: 47px}
    .btn.dropped { margin-bottom: 67px}

    .btn.teale { background: #6cc3a0; position: relative; z-index: 999}
        .btn.teale:hover { background: #78cfac}
            .btn.teale:hover > .btn-left { background: #3b7a61}
        .btn.teale a { color: #e1fff3}
        .btn.teale .btn-left { background: #2f6650; color: #6cc3a0}

    .btn.orange { background: #ec5f41}
        .btn.orange:hover { background: #f0694c}
            .btn.orange:hover > .btn-left { background: #c95036}
        .btn.orange a { color: #ffe8e3}
        .btn.orange .btn-left { background: #c04e36; color: #ec5f41}

#overlay { display: table}
#overlay-inner { display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto}
.field { display: block; position: relative; max-width: 366px; margin: 0 auto}
.ss-icon { left: 0}
.login .logo { opacity: 0 }
    .login.account-recovery .logo {
        opacity: 1;
    }
    .login input[type="text"], .login input[type="password"] {
        margin: 0px 0px 10px 0px;
        background: none repeat scroll 0% 0% #F8F8F8;
        font-size: 16px;
        padding: 15px 58px;
        font-family: "Sofia",sans-serif;
        border: 0px none;
        left: 0px;
        width: 100%;
        color: #474747;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .login input[type="password"],
    .login input[type="text"].forgotPasswordEmail,
    .login input[type="text"].confirmPass {
        margin: 0
    }
        .login input[type="password"].newPass {
            margin: 0 0 10px 0;
        }
        .login input[type="text"]:focus, .login input[type="password"]:focus {
            outline: none;
            box-shadow: 0 0 22px #66B2BA;
            z-index: 3;
            background: #fff
        }
.login input[type="checkbox"] { margin: 20px }
.login #passDiv, .login #userDiv { opacity: 0}
.login .field.error > input { background: #F6A4A4}
.login .field.error > label i { color: #B15E5E}
.login .field.error > a, 
.login .field.error > button { color: #F6A4A4; background: #B15656}
.login label { left: 0; top: 0; color: #747474; position: absolute; font-size: 25px; margin: 14px 16px 13px 16px}
.login .loginCheckboxLabel { position: inherit; font-size: 16px }
.login .trustThisDeviceCheckbox { margin: 0px }
.login .validation-error {     
    color: #B15E5E; 
    text-align: left; 
    padding: 5px; 
    margin: 5px auto; 
    max-width: 366px;
}
.logo { margin: 0 -7px 20px 0; display: inline-block; max-width: 100%}
.login input[type="submit"] { visibility: hidden; display: block}
.login .field a, 
.login .field button { 
    height: 100%; 
    /*width: 23px;*/ 
    right: 0; 
    color: #F4F4F4; 
    background: #808080; 
    position: absolute; 
    top: 0px; 
    padding: 0 13px; 
    font-size: 24px; 
    margin: 0 auto; 
    font-family: "Sofia",sans-serif; 
    line-height: 57px
}
    .login .field a:hover,
    .login .field button:hover{
        background: #9b9b9b
    }
.login h1 { color: #747474; font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 10px }
.login p {color: #747474; padding: 6px 0px 12px 12px }
.login .loginInfoDiv { margin-top: 0px }
.login .loginInfoHeader { vertical-align:middle; color: #747474 }
.login .loginInfoTable { max-width: 800px; margin: auto }
.login .loginInfoText { text-align: left }
.login .loginSessionGeneratedKey { color: #8F0707 }
.login .link-div {
    display: block;
    position: relative;
    max-width: 366px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.login .link-div a {
    color: #fff;
    opacity: .75;
    font-size: 80%;
}
    .login .link-div a:hover {
        opacity: 1;
    }
.dropdown > ul {
    display: none;
    position: absolute;
    box-shadow: 0px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 1px rgba(0,0,0,0.2)
}
.submenu > ul { margin-top: 0 !important; position: absolute; display: none; top: 0; right: 100%; min-width: 200px; box-shadow: 0 0 5px #000; padding: 0 !important}

body #layerSwitcher { position: fixed !important; position: absolute; /*ie6 */ bottom: 0}

/* Responsive */

@media (max-width:449px) {
    #overlay-inner { padding: 0 20px}
    .btn { width: 100%; display: block; margin: 0 0 15px}
}

@media (max-width:405px) {
    .login .field a { right: 0}
}

/* This stuff needs to go in to the corresponding template files. */
div.olControlMousePosition { visibility: hidden}
.firstItemInactive, .secondItemInactive { background: #E8E8E8; border: 2px solid #000000; width: 60px; height: 25px}
.firstItemActive, .secondItemActive { background: #E8E8E8; border: 2px solid #000000; width: 60px; height: 25px}
.Panel { width: 80px; height: 25px; cursor: pointer; right: 50px; top: 0px; color: #000000; font-size: 12px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle}
#coontrolToggle li label { margin: 5px; font-family: 'Open Sans',sans-serif}
#docs { margin: 5px; color: #000000; font-size: 12px; font-family: 'Open Sans',sans-serif; text-decoration: none; vertical-align: middle}

/**
  * Animation
  */
/* Red Number Indicator  */
@-webkit-keyframes alert {
    0% { background-color: #6B1C1C}
    50% { background-color: #B30909}
    100% { background-color: #6B1C1C}
}

@-moz-keyframes alert {
    0% { background-color: #6B1C1C}
    50% { background-color: #B30909}
    100% { background-color: #6B1C1C}
}

@-ms-keyframes alert {
    0% { background-color: #6B1C1C}
    50% { background-color: #B30909}
    100% { background-color: #6B1C1C}
}

@-o-keyframes alert {
    0% { background-color: #6B1C1C}
    50% { background-color: #B30909}
    100% { background-color: #6B1C1C}
}

@keyframes alert {
    0% { background-color: #6B1C1C}
    50% { background-color: #B30909}
    100% { background-color: #6B1C1C}
}

/* C2 Styling */
.ui-autocomplete { background: #555; border-radius: 0 !important; box-shadow: 0 0 5px #000}
    .ui-autocomplete .ui-menu-item a { font-weight: normal !important; border-radius: 0 !important; font-size: 12px; font-family: 'Sofia',sans-serif}
        .ui-autocomplete .ui-menu-item a.ui-state-focus { background: #757575; font-style: normal; border: 0 !important; margin: 0 !important}
.editable.error { background: #723939 !important; color: #E9C3C3 !important}
.ui-tooltip.error { background: #A25C5C !important; color: #E9C3C3 !important}
.c2-message { text-align:center; font-size: 80%; }
    .c2-message > i { padding:4px; }
.c2-modal-notification-panel label { max-width: 100px; line-height: 150%; }
.c2-modal-notification-panel input { margin-bottom: 8px; float:left;}
.c2-modal-notification-panel .checkbox-list label { max-width: inherit !important; }
.c2-modal-notification-panel .button.save-notification { clear: both; float: right; margin-bottom: 20px; }


/* OL Overrides */
.olControlPanZoom { display: none}
.olControlPanZoomBar { display: none}
.olControlLayerSwitcher { display: none}
.map-layerswitcher-main-trigger { display: none}

/* select2 overrides */
.select2-container .select2-choice { background: #333; border: 0; border-radius: 2px}
.select2-container { width: 52%; margin-bottom: 12px; margin-left: 10px}
.select2-drop-active { border: 0}
.select2 { background: #333}
.select2-dropdown-open .select2-choice { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0}
.select2-container .select2-choice .select2-arrow { border-left: none; background: none; background-image: none}
.select2-drop { z-index: 20000001; background: #333}
.select2-search input { border: 0; width: 94% !important; color: #A5A5A5; font-size: 13px; font-family: 'Open Sans',sans-serif; margin: 0 3%; background: url('../lib/jquery/select2/select2.png') no-repeat 100% -22px, #494949}
.select2-container .select2-choice > .select2-chosen { font-size: 13px; margin-top: 0; padding-top: 0; color: #999}
.select2-results li { font-size: 13px; color: #999}
.select2-results .select2-highlighted { background: #305566}
.select2-results .select2-highlighted,
.select2-results .select2-result-label { transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none}
.select2-results .select2-no-results { padding: 10px; background: transparent}
.select2-drop-mask { z-index: 20000000}
.select2-results .select2-result-label > img { max-width: 60px; vertical-align: middle; margin: 0 10px 0 0}

/* Layer switcher */
.olControlLayerSwitcher .refresh-layers { position: absolute; right: 5px; font-size: 8px; background: #3D86AF; top: 5px; padding: 5px; cursor: pointer}
    .olControlLayerSwitcher .refresh-layers:hover { background: #55AFE2}
.olControlLayerSwitcher { z-index: 99997; position: absolute; top: 0; right: 0; height: 85%; font-family: 'Sofia',sans-serif; font-weight: bold; margin: 0; color: white; background-color: transparent}
    .olControlLayerSwitcher .layersDiv { overflow-y: auto; overflow-x: hidden; padding: 0; background-color: rgba(51, 51, 51, 0.92); width: 370px; height: 100%}
        .olControlLayerSwitcher .layersDiv .baseLbl,
        .olControlLayerSwitcher .layersDiv .restLbl,
        .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 10px; margin-left: 15px; margin-bottom: 5px; color: rgb(41, 174, 205); font-weight: 100; font-size: 17px}
        .olControlLayerSwitcher .layersDiv .baseLayersDiv,
        .olControlLayerSwitcher .layersDiv .restLayersDiv,
        .olControlLayerSwitcher .layersDiv .dataLayersDiv { font-weight: 100; font-size: 15px; padding-left: 23px; padding-right: 28px}
        .olControlLayerSwitcher .layersDiv .bold { color: red !important; font-weight: bold !important; }
    .olControlLayerSwitcher .maximizeDiv,
    .olControlLayerSwitcher .minimizeDiv { top: 5px; right: 0; cursor: pointer}
.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint { visibility: hidden}
.olControlLayerSwitcher .layersDiv .baseLbl .settings{font-size: 14px;vertical-align: middle;color: #B1B1B1;margin: 0 5px 0;cursor:pointer}
/* Report a Map Error text*/
.map-popup-minimap .olLayerGoogleCopyright, .minimap .olLayerGoogleCopyright { display: none}
/* Minimap only: Google logo, Mapdata(c) etc. */
.infoBox-popup { color: #999; font-size: 11px; min-width:200px; padding: 10px 65px 10px 10px; position: absolute; bottom: 37px; right: 13px; z-index: 1009; background: rgb(51, 51, 51); display: none; box-shadow: 0 0 3px #000}
    .infoBox-popup .minimap { position: absolute; right: 0; top: 0; height: 100%; width: 50px}
    .infoBox-popup:hover > .minimap-close, .infoBox-popup:hover > .more { opacity: 1}
    .infoBox-popup .minimap-close { top: 3px; right: 3px; color: #fff; text-shadow: 0 0 2px #000}
    .infoBox-popup .more { top: 4px; right: 56px; color: #777}
    .infoBox-popup .minimap-close, .infoBox-popup .more { position: absolute; opacity: 0; cursor: pointer; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out}
    .infoBox-popup .minimap-actions { position: absolute; top: 100%; width: 100%; height: 30px; display: none; left: 0}
        .infoBox-popup .minimap-actions li { float: left; /*width:25%;*/ width: 47%; padding: 4px; text-align: center; background: #292929; position: relative}
            .infoBox-popup .minimap-actions li:nth-child(2n+1) { background: #1F1F1F}
            .infoBox-popup .minimap-actions li:hover { background: #1F5370}
            .infoBox-popup .minimap-actions li i { float: none !important; font-size: 11px}

.snailtrail_map .current-hover { display: none; color: #fff; position: absolute; z-index: 99999999; background: rgba(0, 0, 0, 0.86); padding: 12px; top: 0; right: 0; border-radius: 0px 0px 0px 5px; font-size: 12px; color: #B4B4B4}
    .snailtrail_map .current-hover i { vertical-align: middle; margin: 0 5px 0 0; font-size: 14px; color: rgb(100, 100, 100)}
.snailtrail_map .current-devices > span { cursor: pointer; margin: 0 2px 0 6px; font-size: 9px; vertical-align: middle; padding: 2px 6px; background: #494949; color: #fff; border-radius: 27px; position: relative; top: -1px}
.snailtrail_map .current-devices { display: none; bottom: 50px; position: absolute; z-index: 999999; background: #333; left: 0; padding: 7px 5px}
    .snailtrail_map .current-devices > i { font-size: 12px; vertical-align: middle}
    .snailtrail_map .current-devices ul { position: absolute; display: none; left: 100%; bottom: 10px}
        .snailtrail_map .current-devices ul li { white-space: nowrap; background: #1D1D1D; padding: 7px 9px; font-size: 13px; color: #999}
            .snailtrail_map .current-devices ul li img { cursor: pointer; vertical-align: middle; margin-right: 10px}
                .snailtrail_map .current-devices ul li img:hover { opacity: 0.5}
            .snailtrail_map .current-devices ul li:hover { background: #505050}
.snailtrail .ui-jqgrid img { cursor: pointer}
.snailtrailicon h2 { font-size: 13px; text-align: center; color: #ADADAD; background: #1B1B1B; margin: 0 auto; padding: 15px 5px}

input[readonly] { background-color: #2C2C2C !important; border: 1px dashed #4F4F4F !important; cursor: not-allowed}
textarea[readonly] { background: #2C2C2C !important; border: 1px dashed #4F4F4F !important; cursor: not-allowed }
select[readonly] { background: #2C2C2C !important; border: 1px dashed #4F4F4F !important; cursor: not-allowed }

/* Wizard Summary */
.summary_panel { font-size: 10pt}
.summary_table { /*border: 1px solid black;*/ border-collapse: collapse; margin: 0.5em 0.5em 0.5em 0.5em; width: 400px; height: 200px}

    .summary_table td { border-bottom: 1px solid #444; padding: 0px 4px 1px 4px; vertical-align: middle; text-align: right; font-weight: normal; font-size: 12px; color: #238AA2}
        .summary_table td.key { text-align: left; font-weight: 100; width: 150px; font-size: !2px; color: #fff}
.modal { display: none; position: fixed; z-index: 1000001; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 0, 0, 0, 1 )}
    .inner-modal { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: 99999; display: table; overflow: auto}
    .inner-modal-body {background: #222; color: #ddd; position: relative; display: inline-block;max-width: 100%;max-height: 97%;overflow:auto}
    .inner-modal-content { padding: 20px;text-align:left}
    .inner-modal-container{display: table-cell;text-align: center;vertical-align: middle}
    .inner-modal-content h3 { font-size: 20px; padding: 0 0 20px}
    .inner-modal-close { position: absolute; color: #333; font-size: 19px; top: 10px; right: 10px; cursor: pointer}
    .inner-modal-content label{float: left;clear:both;width: 50%;font-size: 13px;margin-right: 10%;font-weight: bold}
    .inner-modal-content label.checkbox { width: 95%; }
    .inner-modal-content .checkbox-list label{float: left;clear:both;width:auto;margin-right:0;font-size: 13px;font-weight: bold}
    .inner-modal-content ul.checkbox-list label{float: left;font-size: 13px;font-weight: bold;clear:none;width:50%;}
    .inner-modal-content .evo-slider {width: 28%;float: left;margin: 4px 7% 0 0}
    .inner-modal-content .evo-slider > .ui-slider-handle {width:15px}
    .inner-modal-content .evo-slider-helper{float: left;font-size: 10px}
.template-loader { position: absolute; height: 100%; width: 100%; background: rgba(34, 34, 34, 0.94); z-index: 8 }
.template-mask { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); z-index: 8 }
.loading-interior { /*height: 100%;width: 100%;*/ width: 50%; top: 47%; position: absolute; left: 50%; margin-top: -28px}
.loading-body { /*position: relative;width: 76%;margin: 0 auto;margin-top: -141px;top: 50%;*/ position: relative; left: -50%; height: 165px; width: 100%}
    /*new .loading-body h2{font-size: 25px;position: absolute;top: 162px;text-align: center;color: #fff;font-family: 'Sofia',sans-serif;left: 0px}*/
    .loading-body h3 { text-align: center; color: #fff; position: absolute; width: 100%; padding: 0; z-index: 2; top: 19px; /*text-align: right;font-family: 'Sofia',sans-serif;font-size: 145px;margin-bottom: 28px;margin-top: 0;color: #147389;/*text-align: center;font-family:'Sofia',sans-serif;font-size: 12px;margin-bottom: 28px;margin-top: -90px;*/ }
.loader-bg { width: 100%; background: rgb(31, 31, 31); height: 6px}
.loader-bar { width: 0px; box-shadow: 0 0 15px rgb(20, 115, 137); height: 100%; background: rgb(20, 115, 137)}
.loading-body a { font-size: 15px; cursor: pointer; text-transform: uppercase; font-family: 'Sofia',sans-serif; color: #fff; padding: 10px 0; display: inline-block; /*font-size: 13px;color: rgb(116, 205, 255);cursor: pointer*/ }
.loading-body ul.details li { font-family: Sofia,sans-serif; font-size: 16px}
.loading-body ul.details .completed { color: #09C709}
.loading-body ul.details .working { color: #C79105}
.loading-body ul.details .queued { color: #2F2F2F}

/* Task loader */
#task-loader { background: rgba(0,0,0,0.97); display: none}
    #task-loader .loading-text i { vertical-align: middle; margin-right: 7px; font-size: 16px}
    #task-loader .loading-text { color: #fff; font-family: "Sofia",sans-serif; text-align: center; margin: 0 0 20px 0}
    #task-loader .loader-bg { height: 1px}

/* Auto save */
.auto-save { font-family: "Sofia",sans-serif; font-size: 10px; margin-top: 17px; display: none; color: #fff}
.small-loading { background-color: rgba(0,0,0,0); border: 2px solid rgba(17, 100, 119, 0.9); opacity: .9; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-radius: 50px; width: 10px; height: 10px; animation: spinoffPulse 2s infinite linear; -moz-animation: spinoffPulse 2s infinite linear; -webkit-animation: spinoffPulse 2s infinite linear; display: inline-block; vertical-align: middle; margin-right: 9px; margin-top: -4px; border-top-color: rgba(0,0,0,0)}
.green .small-loading { background-color: rgba(0,0,0,0); border: 2px solid rgba(255, 255, 255, 0.9); opacity: .9; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-radius: 50px; width: 10px; height: 10px; animation: spinoffPulse 2s infinite linear; -moz-animation: spinoffPulse 2s infinite linear; -webkit-animation: spinoffPulse 2s infinite linear; display: inline-block; vertical-align: middle; margin-right: 9px; margin-top: -4px; border-top-color: rgba(0,0,0,0)}
#app-save:hover { border-bottom-color: transparent !important}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading { overflow: hidden}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal { display: block}
/* Basic layout of all trigger icons */
.action-trigger { cursor: pointer}

.loader-circle { background-color: rgba(0,0,0,0); border: 2px solid rgba(20, 115, 137,0.9); opacity: .9; border-right: 2px solid rgba(0,0,0,0); border-left: 2px solid rgba(0,0,0,0); border-radius: 42px; /*box-shadow: 0 0 35px rgb(20, 115, 137);*/ width: 45px; height: 45px; margin: 0 auto; animation: spinPulse 2s infinite ease-in-out; -moz-animation: spinPulse 2s infinite ease-in-out; -webkit-animation: spinPulse 2s infinite linear; position: relative; top: 5px}

.loader-circle-inner { background-color: rgba(0,0,0,0); border: 5px solid rgba(20, 115, 137,0.9); opacity: .9; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); border-radius: 50px; /*box-shadow: 0 0 15px rgb(20, 115, 137);*/ width: 30px; height: 30px; margin: 0 auto; position: relative; top: -39px; animation: spinoffPulse 2s infinite linear; -moz-animation: spinoffPulse 2s infinite linear; -webkit-animation: spinoffPulse 2s infinite linear}
#initial-loader .loader-circle-inner { }
.ss-loading { animation: spinPulse 2s infinite ease-in-out; -moz-animation: spinPulse 2s infinite ease-in-out; -webkit-animation: spinPulse 2s infinite linear}

@-moz-keyframes spinPulse {
    0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7}
    50% { -moz-transform: rotate(145deg); opacity: 1}
    100% { -moz-transform: rotate(-320deg); opacity: 0}
}

@-moz-keyframes spinoffPulse {
    0% { -moz-transform: rotate(0deg)}
    100% { -moz-transform: rotate(360deg)}
}

@-webkit-keyframes spinPulse {
    0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7}
    50% { -webkit-transform: rotate(145deg); opacity: 1}
    100% { -webkit-transform: rotate(-320deg); opacity: 0}
}

@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform: rotate(0deg)}
    100% { -webkit-transform: rotate(360deg)}
}

@keyframes spinPulse {
    0% { transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7}
    50% { transform: rotate(145deg); opacity: 1}
    100% { transform: rotate(-320deg); opacity: 0}
}

@keyframes spinoffPulse {
    0% { transform: rotate(0deg)}
    100% { transform: rotate(360deg)}
}

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}

    40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg)}

    70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}

    100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}

    40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg)}

    70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}

    100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}
}
*::-webkit-input-placeholder {    color: #eee;}
*:-moz-placeholder {    /* FF 4-18 */    color: #eee;}
*::-moz-placeholder {    /* FF 19+ */    color: #eee;}
*:-ms-input-placeholder {    /* IE 10+ */    color: #eee;}
.login ::-webkit-input-placeholder {    color: #222;}
.login :-moz-placeholder {    /* FF 4-18 */    color: #222;}
.login ::-moz-placeholder {    /* FF 19+ */    color: #222;}
.login :-ms-input-placeholder {    /* IE 10+ */    color: #222;}


.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}

/* Tree (?) */
#treeView li.tree-category > a { text-transform: capitalize}
.tree-node-data-sources  .jstree-checkbox { visibility: hidden; }

.tempWidthFix { padding-right: 0px !important; padding-left: 0px !important}

.olControlScaleBar { bottom: 10px; left: 10px; font-family: sans-serif; color: #ffffff}

.olControlScaleBarBar { height: 1px; top: 14px; background: #ffffff}

.olControlScaleBarBarAlt { height: 1px; top: 14px; background: #ffffff}

.olControlScaleBarMarkerMajor { height: 7px; width: 1px; top: 11px; background: #ffffff}

.olControlScaleBarMarkerMinor { height: 5px; width: 1px; top: 12px; background: #ffffff}

.olControlScaleBarNumbersBox { width: 40px; height: 13px; top: 21px; font-size: 0.7em}

.olControlScaleBarLabelBox { top: -2px; height: 15px; font-weight: bold; letter-spacing: 0.1em; font-size: 0.7em; font-variant: small-caps}

.olControlScaleBarLabelBoxSingleLine { height: 15px; width: 35px; top: 5px; left: 10px; font-size: 0.7em; font-variant: small-caps}

.trans-slider { width: 100px; position: absolute; right: 36px; top: 18px; height: 4px; border-radius: 0; background: #515151}
    .trans-slider a { height: 100% !important; top: 0px !important; border-radius: 0px; width: 10px !important; background: #fff !important; box-shadow: 0 0 7px #fff}
#scroller { background-color: #00b6ff; color: #ffffff; font-size: 14px; height: 28px !important; line-height: 28px; overflow: hidden; position: relative; width: 1005; padding-top: 1px; position: relative}
.scrollingtext { color: #ffffff; white-space: nowrap; position: absolute; font-size: 14px; font-style: oblique}
    .scrollingtext a:link, .scrollingtext a:visited { color: #ffffff; font-size: 14px}
    .scrollingtext a:visited { text-decoration: none}

.review { padding-right: 50px}

#static-text { position: absolute; padding: 0 10px; background-color: #00b6ff; z-index: 99999; font-weight: bold}

#evolution_about .cascade { display: none}
#about-footer { position: absolute; bottom: 0; width: 100%; height: 52px}
    #about-footer img { margin: 0 0 0 18px; float: left; width: 26%}
#about-desc, #version { font-family: "Sofia",sans-serif; text-align: center}
#about-desc { font-size: 11px; margin-top: 20px}
#version { font-size: 13px}
#about-info { color: rgb(255, 255, 255); padding-top: 90px}
#evolution_about { background: url('/Product/assets/images/about/about-evo.jpg') no-repeat 0 0}
.nShowPearl #evolution_about { background: url('/Product/assets/images/about/about-evo-pearl.jpg') no-repeat 0 0}

/* evoColorPicker
 * Usage:  $(INPUT).colorPicker();
 * Source: http://jsfiddle.net/dietrichg/vuh48gs0/
 */
.evo-color-picker-container { display: inline-block; position: relative}
    .evo-color-picker-container > .evo-input { position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 5; padding:0; margin-left: 0px !important;}
        .evo-color-picker-container > .evo-input > i { position: absolute; height: 100%; width: 100%; font-size: 13px; text-indent: 4px; line-height: 200%}
        .evo-color-picker-container > .evo-input, .evo-color-picker-container > .evo-input > i { border-radius: 2px}
        .evo-color-picker-container[readonly] > .evo-input { border: 1px dashed #4F4F4F; cursor: not-allowed; background-color: #2C2C2C; }
        .evo-color-picker-container[readonly] > .evo-input .select-icon { display: none; }
.evo-color-picker { display: none; position: absolute; box-shadow: 0 0 5px #000; z-index: 30999999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) #fff; border-radius: 3px; overflow: hidden}
.evo-color-picker-container > input { padding: 0; margin: 0; opacity: 0}
.evo-color-picker .break { float: left; clear: both}
.evo-color-picker .cl { height: 12px; width: 12px; float: left; cursor: pointer}
    .evo-color-picker .cl.selected, .evo-color-picker .cl:hover { box-shadow: inset 0 0 0 2px #7FDBFF}
.evo-color-picker .by-status { background: #7A7A7A; color: #fff; font-family: sans-serif; font-size: 10px; padding: 4px; display: block; cursor: pointer}

/* Colorpicker overrides */

.evo-color-picker-container { float: left; width: 52%; margin-bottom: 12px; margin-left: 10px; height: 27px}
    .evo-color-picker-container .select-icon { position: absolute; z-index: 2; color: rgba(145, 145, 145, 0.66); right: 7px; top: 7px}

/* Map Printing */
.print-controls { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; z-index: 99999999; background: #D5D5D5}
    .print-controls h1 { margin: 30px 10px 35px 0; text-align: center; font-size: 1.8em}
    .print-controls .print-security-level { margin: 0 0 20px 20px}
    .print-controls .print-size { margin: 0 0 20px 20px}
    .print-controls input { margin: 0 0 20px 20px}
    .print-controls label { margin: 0 0 30px 5px; font-size: 0.95em}
    .print-controls button { margin: 0 0 20px 45px}
        .print-controls button:last-child { margin: 0 0 20px 10px}
.print-preview { background: #333; position: absolute; left: 200px; top: 0; right: 0; bottom: 0; z-index: 99999999; overflow: auto; padding: 0 15px}
    .print-preview .print-page { position: relative; box-sizing: border-box; margin: 15px auto; background: #FFF; overflow: hidden; box-shadow: 0 1px 5px 0 #000}
        .print-preview .print-page .print-page-content { border: #FFF solid 1px; /*1px covers page margin fudge factor*/ box-sizing: border-box; height: 100%; width: 100%}
        .print-preview .print-page .print-security-label { font-size: 1em; text-align: center; text-transform: uppercase; font-weight: bold}
        .print-preview .print-page .print-metadata { font-size: 0.8em; line-height: 0.85; color: #777}
            .print-preview .print-page .print-metadata .print-date-iso { float: right; font-size: 0.55em}
            .print-preview .print-page .print-metadata .print-user { }
            .print-preview .print-page .print-metadata span { display: inline-block}
            .print-preview .print-page .print-metadata .print-date { }
        .print-preview .print-page .print-map-container { position: relative}
            .print-preview .print-page .print-map-container .print-comments { z-index: 999; height: 85px; width: 190px; padding: 8px; border-radius: 5px; color: #000; font-weight: bold; background: #fff none repeat scroll 0 0 /*rgba(255,255,255,0.15)*/}
                .print-preview .print-page .print-map-container .print-comments:hover { background: rgba(255,255,255,0.8)}
                .print-preview .print-page .print-map-container .print-comments textarea { height: 100%; width: 100%; resize: none; box-sizing: border-box; border-radius: 4px; border: #DDD solid 1px; opacity: 0.85}
            .print-preview .print-page .print-map-container .print-compass-rose:before { content: 'N'; color: #333; position: absolute; right: 44px; bottom: 96px; z-index: 999; pointer-events: none}
            .print-preview .print-page .print-map-container .print-compass-rose:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAKvElEQVR42u2dXUwbVxbH/x4MNGBiCBhc89XwVRAsdusQbdO0NlYt2jWQrFCCEqlVk5bH8tg8pI+8pNpqpajlYfOQClVEgYetENkGIwFuKV0BbnGWlQkmScGuGWwgOB6HYuyZfWDIEmLjT8I4nb90Xzz3Dnd+98ydc8+cOyQhwdTS0iKrqKg4fPfuXXci9VuYaKAdDseJ1dVVCYB/APAnSr+JRILMMIygoqKiWiQS6QAcSaS+JxTohoaGI4WFhTUikagOQC4Pep+kVCrzpFKpgiCIXADlAAQ86H1QWVnZUalUWkbTNAC8BSCVBx1nFRQUpFIU9UZ5eTlY0Goe9D7o/Pnz6WKxWCeVSsEwjB/A64k0TycM6MLCwlyZTKYAQANg2J/redBx1vz8/JtVVVXw+Xz0jp91POg4KzMzs7mgoGB7ft6WCkA6DzpOMhgMh4qKijTsomXnITGA4zzoOOnzzz//s1KpFAU53MyDjpPy8vL+WllZGexwIw86Tjp27JiWIIJ2tZhdJfKgY1FpaWmJQqGo2KNKEoB3edAxqqamplEulxMhroEHHavq6ur+kpaWFnI8AGTxoKPX4ePHj/8pjHpiACd50FFKLpera2trM8KomsYuXnjQ0aixsVElEoleCqNqMgAlOByf5jJogUKhqEtKSkoOs34+ADkPOkJJJBJ5TU2NLDU17JCzlLVqHnQkOnfu3DGxWJwrEIQ9G2TwFh3dalCRnJycEWGzSgAyHnT4kpaUlLwqFosjbfcqgBIedJhqa2uryMjIeDU5OTnSpkWsVfOgw9GJEyfK09LSCqNs/hoAEQ86tNLT09OVUqk06lU7gGwedAidPXs2JzMzs04kitooawG8zIMOIbVaLcvMzFTEcIpU1p8W8qCDS+j1el975ZVXYoWkAZDCgw7ubaRmZWVpJBJJrKfi3NtxToGur69Py8vL08ThVNlcWyVyCvTg4KC8qqpqzwA+TdPCMOdfLafmxAP+2ynsLS4HoDUYDO/n5OTEfGKBQICjR4++r1KpBrVarWl4ePjxtWvXNgD4/iigRext/TLrGWjY+TQbAB48eIDW1lb666+/FmRnZ0cdW9bpdPTNmzdfXl5eHjSbzQ9Pnjw5VF1dPZSSkvLLyMiIvaenZxmABy+YZNh6zfQxgK8AjAP4HVuJigFLS0sLvbi4yASSzWZj1Gr1nm2Xl5fp3e0cDgczPj6+qdfrJ3p6ejqvX7/+UVtb29vYCq8mpAQAFAA+AnAVgB7A/F5ggwFzOp0Rgd5rgHbK7XYzFouFMZlMC6Ojo4NdXV1ftre3fyyRSBTg+C6CLABNAP4GYBjALIBHkcLdXZqammiKop6CZLVaA4JuamoKODCh5PV6GafTydjt9kdms3mut7f3+8uXL38hl8ubARzmAtxyAJ8AuMVa7BoAb6xwdxetVsv4fL6nQKtUqmfq7B6QaETTNLO+vs5QFOUlSfKRXq//raOj4/apU6faS0tLn1v4NR1bid9/B2BhofrjDTZQ0Wg0DE3TAUFrNJqnBmI/5PF4mLGxMX9nZ6f54sWLV3U6Xb3BYDgU6Xwa6LdUtuSycHWsdyA+qNunoaEBfX19WFlZwblz52AwGNDQ0IDvvvsOEbzuilk0TWNmZgZGo5FaWFgYWltb6ysuLv7RarU6uru7PTabbWMv0EnY2iC5va3sLWxtxnmdSw+C06dP47PPPsOlS5eQkZGBmzdvIiXlYEMaNpsNZrMZdrt9yuVy3RKJRD/Nzc09MBqNSwMDA6sCgYABAEFjY2O+3W5vTk1N1aWlpdURBJFL0zRomt7elMMctE+/nXwuFApRXV0NAPjggw8gk8ng9/ufWqg8s/QliH1bpAgEAhAEAaFQSAAgSJKExWIBSZJzJElOWa3W6dnZ2f/m5uaOCYVCIZOTk+MsLi6eyM/PX5dKpQqpVFpWXl4OqVSaBID2+Xw0C35fb8m9ICclJcFut6OrqwsAcOnSJfh8vmcu/IBEA2AEAkESQRAgCKKMpunDFEUdoijKceTIkf/3jGEYQUNDwxGlUplXVlZ2lKKoN8RisU4mkymqqqpQUFBwoLeo1+tFa2sr3G43rly5go6ODnz77bdcc3N/BjAC4AfWYXAAWAXgD2oCBQUFqefPn08vLCzMnZ+ffzMzM7O5qKhIo1QqRZWVldgjMTzuYhgG7733HgYGBqBSqXDjxg1kZ2ejubkZAwMDBwnWBcDAurjDLNgNtkR/+xsMhkM6na7+4sWLVzs7O81jY2N+j8ezr66Vz+djNBrNE3dOpVIxVqv1id+789g+Fz/r0lpYF7f+ucW8S0tLS06dOtXe0dFxW6/X/0aS5COKorzr6+tP/N5YRFEUo9Vqn7rgnaC3B2J3nTgVL7sIm2ct9hNwZAvHYblc3nz58uUvent7vzebzXN2u/2R0+lkvF5vxJCdTifT1NRE7wagVqsZm832zIAEqhtFecSGD4bZcEITOJ7gLpBIJIr29vaPu7q6vhwdHR00mUwLFouFcbvdISEvLi4yLS0tAcEFAr09MMHahCjzbODrKhsI43xgaS9J29ra3r5+/fpHPT09nXq9fmJ8fHzT4XA8A2x5eZneC1gw0KEGaEf5nQ3VfsWGbk/iOeTrHcTIpZ89ezZHrVbLvF7va1lZWZq8vDxNVVVVVk5ODlpbW+n+/v6gLo1arcY333yD/Pz8gMdXVlaYDz/8kNl1jhXWOxgCYASwyP5G4Q8iYVtbW3p3d7fkwoUL75SUlNjZJSsTjUXvDALV1tYuArgC4B0AEmxtvxCCF8CCiRn0/Pw8c+HChXe4dGFcS6AZDKOOL1T8wmw2P9RqtSYedHCZ2LkzJi0tLQ0NDw8/5kEHl4d9aEUtp9OJhw8fDrHpBTzoYLEj1jOIWr/++qsvJSXlFxxgDkcigPax7lfU1ri2tjY1MjJi59pTnouJ6IsA7kTTkKIorK2tTbAJMjzoEFoBMBFNQ5Ik4fF4jOBgFhIXQVMAfomm4ePHj61jY2MWLi4QuLr9bQbAQiQNNjc34Xa77167dm2WBx2+7gO4G0kDl8uF+/fv3wVA8qDDl5216kgs2j05OTnF1dgCl79uYAIQ1uflGYaBy+Vy3LhxY5IHHbmM4U4DGxsbmJ6etjudThMPOjqL/i2cin6/f3NqamoCzy/Z54UCzbBWvRnGQuX3/v5+A4evhfMfrzIACBmFu3PnjttkMo3woKPXKLaSVPbU+Pj4f7D1BvvFBH3mzBnizJkzL+1j/x4CmA6xGsTExMS/OG4wMVv0dqLJfuo2tpIIAz8xTSZ6enq6n+ugY3pZ2dvbyzyHJ/1tbKVjBTSKqamp2Xv37t1/0S36eciCrSSXZ0TTNCYnJwcT4BoS5tPzAaeGmZkZLC0t/ZMHHT/1BVw6Go3Up59++m8edPw0vtPN287sX1hYGFKpVOs86PjpqbfjBEHAZrNhbW2tL0H6n1D/K+vWE1dJKCTMZjOKi4t/5EHHX8PbMwcAwm63T1mtVgcPOv5yAPhZIBAkkSQJl8t1q7u728ODjr82AIwQBAGLxQKRSPRTsF2qPOjYQf9AEARIkpybm5t7kEB9TyjQDAALTdMOkiSnjEbjEg96H+dpiqImrFbr9MDAwGoidTzRMuBXKYq6NTs769zezM6D3h/5y8rK+oRCIZNg/cb/AMjJzh7ngcIuAAAAAElFTkSuQmCC'); position: absolute; right: 5px; bottom: 5px; z-index: 999; opacity: 0.8; pointer-events: none}
            .print-preview .print-page .print-map-container .olLayerGoogleCopyright { display: none}
            .print-preview .print-page .print-map-container .olControlScaleLine { opacity: 0.8}
            .print-preview .print-page .print-map-container .bl-helperstrip { display: none; }

/* Icon Chooser */
.evo-icon-chooser { cursor: pointer !important; background-size: 18px 18px !important; background-position: 4px 4px !important; background-repeat: no-repeat !important; color: transparent !important; float: left; }
    .evo-icon-chooser::-ms-clear { display: none}
    .evo-icon-chooser[readonly] { border: 1px solid #4F4F4F; cursor: not-allowed !important; background-color: #2C2C2C !important; }
 .ui-dialog .ui-slides .slide .evo-icon-chooser-text[readonly] {
    cursor: not-allowed;
}

.evo-icon-chooser-button { box-shadow: none !important; }
.ui-slides .slide-body input.evo-icon-chooser-button[readonly] { display: none; }

.ui-dialog .ui-slides .slide .evo-icon-chooser-button { width: 28px !important; float: right !important; margin-top: -38px; margin-right: 30px; height: 26px; text-align: right; background: transparent !important; }
.ui-dialog .ui-slides .slide .evo-icon-chooser-text { cursor: pointer; margin-top: -38px !important; display: inline-block; float: left; padding-top: 8px; margin-left: 200px; color: #9c9c9c; font-size: 12px; }

.evo-icon-chooser-wrapper { position: absolute; top: 200px; left: 10px}
    .evo-icon-chooser-wrapper .ui-dialog.single-tab .tab-head .ui-dialog-title { cursor: default}
.evo-icon-chooser-sidebar { min-width: 120px}
.evo-icon-chooser-popover { z-index: 20000000}
    .evo-icon-chooser-popover > * { display: inline-block; position: relative}
.evo-popover { z-index: 9999}
    .evo-popover > * { display: inline-block; position: relative}
.evo-popover-arrow { border-width: 10px; border-style: solid; height: 0px; width: 0px; display: inline-block; vertical-align: top}
.evo-popover-arrow-l { border-color: transparent #888 transparent transparent; float: left}
.evo-popover-arrow-r { border-color: transparent transparent transparent #888; float: right}

.nShowBlack .evo-icon-chooser-body img:hover { background-color: #333; border: solid 1px #888; }
.nShowPearl .evo-icon-chooser-body img:hover { background-color: #666; border: solid 1px #888; }

.evo-icon-chooser-body { overflow-x: hidden; overflow-y: auto; height: 100%}
    .evo-icon-chooser-body a { cursor: pointer}
        .evo-icon-chooser-body a.selected img { background-color: #147389}
    .evo-icon-chooser-body img { padding: 4px; margin: 6px; border-radius: 6px; border: solid 1px transparent}
    .evo-icon-chooser-body .loading-interior { top: 48%; position: relative; left: 49%; margin-top: -28px}

.evo-icon-chooser-sidebar { float: left; height: 100%; position: relative; box-shadow: 0 0 5px #000; z-index: 1}
    .evo-icon-chooser-sidebar .search { position: relative}
        .evo-icon-chooser-sidebar .search > input { font-family: 'Sofia',sans-serif; width: 100%; margin: 0; padding: 8px 0 9px; text-indent: 8px; outline: none; background: #444; border: 0; color: #888}
            .evo-icon-chooser-sidebar .search > input:focus { background: #fff; color: #000}
        .evo-icon-chooser-sidebar .search .delete { position: absolute; right: 10px; top: 11px; cursor: pointer; z-index: 9999; opacity: 0}
        .evo-icon-chooser-sidebar .search.focused .delete { opacity: 1}
        .evo-icon-chooser-sidebar .search .search-icon { font-size: 14px; opacity: 1; position: absolute; right: 10px; top: 12px; cursor: pointer; color: #b9b9b9}
        .evo-icon-chooser-sidebar .search.focused .search-icon { opacity: 0}
    .evo-icon-chooser-sidebar ul > li { color: #bebebe; font-size: 12px; font-family: 'Sofia',sans-serif; cursor: pointer}
        .evo-icon-chooser-sidebar ul > li > a { padding: 12px 15px 10px; display: block}
    .evo-icon-chooser-sidebar .search > input::-ms-clear { display: none}
    .evo-icon-chooser-sidebar .evo-icon-chooser-sidebar-wrapper { overflow-y: auto; overflow-x: hidden}
    .evo-icon-chooser-sidebar ul > li.active > a { background: #2B2B2B; border-left: 3px solid #116477; }
    .evo-icon-chooser-sidebar .search-history { position: absolute; bottom: 0; left: 0; padding: 10px; font-size: 11px; color: #777; }
    .evo-icon-chooser-sidebar i.ss-clock { vertical-align: middle; margin: 0 5px 0 0; }
    .evo-icon-chooser-sidebar .ss-dropdown { color: #777; float: right; font-size: 7px; vertical-align: middle; padding-top: 5px; margin-left: 5px; }

.nShowPearl .evo-icon-chooser-text { color: black !important; }
.nShowPearl .evo-icon-chooser-body { background-color: #C0C0C0 !important; }
.nShowPearl .evo-icon-chooser-sidebar { background-color: #EBEBEB !important; }
    .nShowPearl .evo-icon-chooser-sidebar .search > input { background:#f4f4f4 }
    .nShowPearl .evo-icon-chooser-sidebar ul > li{ color: #555555 }
    .nShowPearl .evo-icon-chooser-sidebar ul > li.active > a {background: #C0C0C0}
        .nShowPearl .evo-icon-chooser-sidebar .search .delete{color: #444}
        .nShowPearl .evo-icon-chooser-sidebar .search .search-icon{color: #717171}

.auditlog .summary-key { padding-right: 35px; font-weight: 300; font-size: 9px; }
.auditlog .inner-modal table { font-size: 11px;  line-height: 20px; }
.auditlog .inner-modal table td { border-bottom: 1px solid #888; }

.ahp-wrapped-left .template-loader { margin-top: 25px; z-index: 1011 /* .advanced-history has z-index 1010 */; }
.ahp-wrapped-bottom .ui-resizable-n,
.ahp-wrapped-left .ui-resizable-e
{ background-color: #888; }

/* BEGIN jQuery UI switchButton Overrides */
.switch-button-container { display: inline-block; vertical-align: text-bottom; margin: 0 0 20px 10px; }
.switch-button-label { font-size: 10pt; padding-top: 5px; }
.switch-button-label.off { color: #adadad; }
.switch-button-label.on { color: #0D768F; }
.switch-button-background { background: #afafaf; border: 1px solid #afafaf; margin: 1px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.switch-button-button { left: -1px; top : -1px; background: #147389; border: 1px solid #147389; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.switch-button-container.readonly span, .switch-button-container.readonly div { cursor: not-allowed }
.switch-button-container.readonly .switch-button-button { border-color: #2C2C2C; background: #2C2C2C !important; }
.switch-button-container.readonly .switch-button-background { border: 1px dashed #4F4F4F !important; }
.switch-button-container.readonly .switch-button-label.on { color: #2C2C2C }
/* END jQuery UI switchButton Overrides */

.workspace .window-body .body.theme form .evo-input-container { width: 50%; display: inline-block; }
.workspace .window-body .body.theme form .evo-input-container input { width: 70%; }
.workspace .window-body .body.theme form .evo-input-container select { width: 100%; }
/* Listbox Editor*/
.ui-listbox-editor-button { cursor: pointer; background-color: #147389; color: #f0f0f0; cursor: pointer; padding: 5px 5px 4px; display: inline-block;}
/*.ui-listbox-editor-button:hover { background-color: #1B9EBD; }*/
/* End Listbox Editor */

/* Device Properties Dialog */
.semiTransparent {    
    background-color: rgba(40, 40, 40, 0.5) !important;
    color: white !important;
}

    .semiTransparent .ui-dialog-title,
    .semiTransparent .ss-delete,
    .semiTransparent .ss-info,
    .semiTransparent .ui-dialog-titlebar .ss-delete {
        color: white !important;
    }

div.infoDlg {
    color: #FFF;
}

div.infoDlg .info-tab ul li a {
    color: #FFF;
}

    div.infoDlg .info-tab ul li a:link.current {
        border-bottom: 2px solid #116477;
        background-color: rgba(35,35,35,0.5);
    }

.olImageLoadError {
    display: none !important;
}

.c2-panel .panel-loading {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 7px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 11px;
    padding: 11px;
    background-color: #444444;
    color: #999999;
    z-index: 1;
}

.c2 .c2-panel {
    display: block;
    background: #353535;
    box-shadow: 0 0 9px #000;
    -moz-box-shadow: 0 0 9px #000;
    -webkit-box-shadow: 0 0 9px #000;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    padding: 14px;
    margin-left: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.c2 .evo-slides-content .c2-panel { padding: 0; box-shadow: none; }
.c2 .c2-panel.menu ul li i { margin-right: 10px; vertical-align: middle; font-size: 16px}
.c2 .c2-panel.menu ul li {padding: 10px 10px 10px 19px; background: #292929; font-size: 12px; margin-top: 0; margin-bottom: 10px; color: #999; border-left: 4px solid #147389;}
.c2 .c2-panel.menu {margin-left: 0;}
.c2 .c2-panel.menu ul li:hover { background: #333; cursor: pointer}
.c2 .c2-panel .indented-menu { margin-left: 40px; }


.c2 .c2-subpanel { margin-left: 0; position: relative; overflow: visible; }
.c2 .sub-menu { width: 120px; margin-top: 42px; position: absolute; }
.c2 .sub-menu li { padding: 16px 11px; text-align: center; background: #222; color: #bbb; cursor: pointer; }
.c2 .sub-menu li.active-slide { text-shadow: 0 0px 5px rgba(182, 229, 241, 0.38); background: #353535; }
.c2 .sub-menu li:hover { background: #353535; }
.c2 .sub-menu li i { font-size: 24px; text-align: center; display: block; }
.c2 .sub-menu li span { font-size: 10px; text-transform: uppercase; font-family: 'Open Sans',sans-serif; }
.c2 .interstitial-menu { margin-top: 42px; position: absolute; }

.slide-body h5 { margin: 10px 15px; }
.c2 .c2-panel label {font-size:12px;display:inline-block;padding:0;vertical-align:middle;width:40%;color:#999;}
.c2 .c2-panel label.checkbox { width:90%; } 
.c2 .c2-panel label input[type='checkbox'] { margin: 5px 10px; width: auto; }
.c2 .c2-panel label.sub-label { padding-left: 6% !important; width: 34% !important}
.c2 .c2-panel label.slider-label-wide { margin-top: 10px; display: block; }
.c2 .c2-panel label.checkbox-single { width: 100%; margin-bottom: 10px; }
.c2 .c2-panel input, 
.c2 .c2-panel select { display: inline-block; vertical-align: baseline; margin-top: 2px; margin-bottom: 5px; background: #444; color: #9C9C9C; margin-left: 10px; outline: none; padding: 5px 4px; border: 0; border-radius: 2px;width:47.5%;}
.c2 .c2-panel select[multiple='multiple'] { width: 75%; }
.c2 .c2-panel form {padding: 14px;}
.c2 .c2-panel h3 i { font-size: 16px }
.c2 .c2-panel.command-menu { margin-left: 50px; }
.c2 .c2-panel.command-menu ul li { display: flex; }
.c2 .c2-panel.command-menu ul li .ss-help { margin-right: 0; flex: 1 0 auto; text-align: right; }
.c2 .c2-panel-wrapper {height:100%;}
.c2 .c2-panel-wrapper.has-menu-button .evo-slides-menu { padding-top: 42px; }
.c2 .menu-button { color: #353535; position: absolute; top: 11px; left: 13px; font-size: 22px; cursor: pointer;}
.c2 .menu-button:hover { opacity: 0.7}
.c2 .c2-panel .button-container { float: right; margin: 37px 0 20px; }
.c2 input[type="submit"], .c2 input[type="button"] {transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity ease-in-out .2s !important; outline: none; color: #fff; padding: 5px 12px; background: #555; border: 0; border-radius: 0; text-transform: uppercase; font-size: 10px; font-family: 'Sofia',sans-serif; cursor: pointer; margin: 0 0 0 5px;width:auto;}
.c2 input[type="button"].red { background: #AA3B3B; }
.c2 input[type="submit"]:hover, .c2 input[type="button"]:hover {opacity: 0.7;}
.c2 .c2-panel input.ok {background: #478A27}
.c2 .c2-panel input.hasDatepicker { width: 42% }
.c2 .c2-panel .show-events { cursor: pointer; }

/* geofence panel */

.c2 .load-existing, .c2 .geofencemap-container { display: inline-block; width: 49%; }
.c2 .load-existing { text-align: center; vertical-align: top; }
.c2 .load-existing select { padding: 2px; border: 0; border-radius: 2px; width: 75%; }
.c2 .send-container { background: rgba(93,93,93,0.2); width: 100%; height: 75px; position: relative; }
.c2 .overlay { background: rgba(0,0,0,0.5); position: absolute; width: 50%; height: 75px; z-index: 9999; display: inline-block; }
.c2 .overlay .create { top: 35%; position: absolute; left: 50%; margin-left: -50px; }

.c2 .geofencemap-container { position: absolute; width: 50%; }
.c2 .geofencemap-container .olControlZoom { top: 40px; }
.c2 .geofencemap-container .toolbar { background: rgba(0,0,0,0.5); margin: 0; border: 0; padding: 4px 0; display: none; position: absolute; width: 100%; z-index:9999; }
.c2 .geofencemap-container .toolbar select { border: 0; padding: 2px 2px; font-size: 11px; width: auto; }
.c2 .geofencemap-container .toolbar .pan { float: right; color: #fff; font-size: 11px; margin: 4px 4px 0 4px; }
.c2 .geofencemap-container .toolbar .pan label { width: auto; margin-top: 3px; }
.c2 .geofencemap-container .toolbar .pan input { vertical-align: middle; margin: -3px 3px 0 0; }

.c2 .fence-create .geofencemap-container .toolbar { display: inherit; }
.c2 .fence-create .geofencemap-container { width: 100%; height: 100%; }
.c2 .fence-create .geofencemap-container .overlay { height: 30px; }
.c2 .fence-create .load-existing, .c2 .fence-create .overlay { display: none; }
.c2 .fence-create .geofencemap, .c2 .fence-create { height: 399px; }

.c2 .geofencemap { height: 75px; width: 100%; }
.c2 .c2-geofence-list li { margin-bottom: 7px; }
.c2 .help-icon { margin-left: 10px; }
/* end geofence panel */
.ngMultiselectMenuContainer {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 2px 0 5px 5px;
}

.ngMultiselectButton {
    width: 98%;
}

.ngMultiselectHeader {
    overflow: hidden;
}

.ngMultiselectButtonContainer {
    float: left;
    margin-bottom: 5px;
}

.ngMultiselectClose {
    float: right;
    margin: 5px;
    cursor: pointer;
}

.ngMultiselectMenu {
    display: flex;
    flex-direction: column;
    font-size: .8em;
    position: absolute;
    background: #222222;
    min-width: 220px;
    padding-top: 5px;
    z-index: 9999999;
    right: -30px;
}

.ngMultiselectList {
    max-height: 175px;
    list-style: none;
    overflow-y: auto;
    padding: 5px 10px 5px 5px;
    color: #999 !important;
}

    .ngMultiselectList li {
        cursor: pointer;
        white-space: nowrap;
        padding: 4px;
    }

        .ngMultiselectList li span {
            vertical-align: middle;
            padding-left: 7px;
        }

        .ngMultiselectList li input[type='checkbox'] {
            width: auto;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

/* angular switch overrides */
.switch .switch-text { font-size: 12px; white-space: nowrap; }
.switch .on { left: 50px; color: #999; }
.switch .off { right: 50px; color: #147389; }
.switch .on, .switch .off { display: block !important; }
.switch.checked small { left: 20px; }
.switch.checked .off { color: #999 }
.switch.checked .on { color: #147389; }
.switch small { text-align: center; color: #dadada; }
.single .switch { margin-left: 20%; }
.c2 .c2-panel .single > label { width: 20%; }

.ui-slider-horizontal .ui-slider-handle { margin-left:-0.3em; width: 10px; border-radius: 0; cursor: pointer; }

/* ========== User Info Label ===========*/
.user-info {
    padding-left: 14px;
    padding-right: 14px;
}
.user-info .user-info-username {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 16px;
}
    .user-info .user-info-role {
        border-top: 3px solid #BB2511;
        border-bottom: 3px solid #BB2511;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 13px;
        color: #BB2511;
        font-size: 14px;
        margin-left: 10px;
    }
.ui-slides .loading-message {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 7px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 11px;
    padding: 11px;
    background-color: #444444;
    color: #999999;
    z-index: 1;
}
.ui-slides .loading-message .small-loading {
    border-bottom-color: #999;
}

.minimap-chrome .minimap-footer { position: absolute; height: 20px; width: 200px; left: 4px; bottom: 2px; overflow: hidden; text-align:center }

.battery {
    line-height:20px;
    vertical-align: middle;
    color: white;
    text-shadow: 1px 1px black;
    height:20px;
    background-repeat: no-repeat;
}

.battery-menu  { 
    text-align: center;
    text-indent: -2px;
    background-position: center; 
}

/*.battery-menu:hover {
    text-align: center;
    text-indent: -0px;
    background-position: center; 
}*/

#vakata-contextmenu .battery-menu  { 
    text-align: center;
    text-indent: -13px;
    background-position: center; 
}

#vakata-contextmenu .battery-menu:hover {
    text-align: center;
    text-indent: -8px;
    background-position: center;
}

#overlay.obfuscate {
    z-index: 1000000;
}
#overlay.obfuscate .logo, #overlay.obfuscate .field {
    opacity:1;
}