@import 'css3mixins';
/*custom fonts - Bitter, Montserrat*/
$background-dark: #aaa;
$background-light: #eee;
$navbar-height: 50px;
$tooltip-header: #aaa;
$rightpanel-width: 355px;

.modal-backdrop.in
{
    display:none;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1);
}
 ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
}
@import url('http://fonts.googleapis.com/css?family=Noto Sans|Montserrat');
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2');

/*----------------------
webfont
------------------------*/
@font-face {
    font-family: "Sans-serif";
    font-style: normal;
    font-weight: normal;
    /*src: url("ROsanswebtextregular.ttf") format("opentype");*/
}
html,
body,
#map {
    /*font-family: ROSans;*/
    height: 100%;
    overflow: hidden;
    width: 100%;
    position:static;
}
html,
body,
#container {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.editor-text-input {
    clear: left;
    width: 80%;
}
.editor-title {
    font-size: 18px;
    display: block;
    margin-top: 8px;
}
.map-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* layer editor */

.layer-editor-icon
{
    width:30px;height:30px;margin-right:10px;border:none;float:left;background:transparent
}

/** notifications */

.alert-warning
{

}

.ui-pnotify-container
{
    background:gold;
    border-style: none;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    color: black;

}

.csNotify
{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top:0px;
    width:700px;
    background:white;

}

/* idee */

.dc-table-column {
    padding-right: 10px;
}

.dc-chart g.row text {
            fill: black;
        }

        .gridster > ul {
            list-style: none
        }

        .gridster > ul > li {
            background: white;
            box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
        }

        .chart-title {
            font-size: 20px;
            visibility: visible;
            position: relative;
        }

        .gridster > * {
            padding: 0;
            width: 100% !important;
        }

        .gridster .gs-w {
            list-style: none;
        }

        .scan-loading {
            font-size: 50px;
            width: 100%;
            text-align: center;
            margin-top: 200px;
        }

/* general structure */
        .righttab-box {
            position: absolute;
            left: 50%;
            top:-1px;
            transform: translate(-50%, 0);
            width: 350px;
            height: 50px;
            background: white;
            box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
        }

        .header-box {
            position: absolute;
            left: 25px;
            top: 15px;
                min-width: 400px;
            height: 50px;
            background: white;
            box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
        }

        .lp-tab {
            width: 60px;
            height: 60px;
            float: left;
            padding: 15px;
            /* padding-left: 20px; */
            cursor: pointer;
            border-right: 1px solid lightgray;
            font-size: 30px;
            color: black;
        }

        .lp-tab.active {
            background: lightskyblue
        }

        .lp-tab.close-tab {
            width: 26px;
            float: right;
            padding: 0px;
            cursor: pointer;
            font-size: 28px;
            margin-top: -4px;
        }

        .search-icon {
            width: 40px;
            float: left;
            cursor: pointer;
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: lightgray;
        }

/* icons */

.maps-icon
{
    background-image:  url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><style>.st0{clip-path:url(#SVGID_2_)}.st1{clip-path:url(#SVGID_4_)}.st2{clip-path:url(#SVGID_6_)}</style><path d="M30.5 39.6c.4.4.9.5 1.4.5.5 0 1-.2 1.4-.5.5-.5 12.6-11.2 12.6-22.3 0-7.7-6.3-14-14-14s-14 6.3-14 14C18 28.4 30 39.1 30.5 39.6zm1.4-26c2 0 3.6 1.6 3.6 3.7 0 2-1.6 3.7-3.6 3.7s-3.6-1.6-3.6-3.7 1.6-3.7 3.6-3.7z"/><defs><path id="SVGID_1_" d="M0 3.3h64V60H0z"/></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><path class="st0" d="M58.8 39.6l-1.6-5.7c-.3-.9-1.1-1.6-2.1-1.6H43.6c-.4.6-.9 1.2-1.3 1.9-3.2 4.4-6.5 7.3-6.9 7.6-.9.8-2.1 1.3-3.4 1.3-1.3 0-2.5-.5-3.4-1.3-.4-.3-3.7-3.3-6.9-7.6-.5-.6-.9-1.3-1.3-1.9H8.8c-1 0-1.8.6-2.1 1.6l-1.9 6.8 43.1 7.9 10.9-9z"/><g><defs><path id="SVGID_3_" d="M0 3.3h64V60H0z"/></defs><clipPath id="SVGID_4_"><use xlink:href="#SVGID_3_" overflow="visible"/></clipPath><path class="st1" d="M63.8 57.1l-4.1-14.5-20.6 17.2h22.6c.7 0 1.3-.3 1.7-.9.5-.4.6-1.1.4-1.8z"/></g><g><defs><path id="SVGID_5_" d="M0 3.3h64V60H0z"/></defs><clipPath id="SVGID_6_"><use xlink:href="#SVGID_5_" overflow="visible"/></clipPath><path class="st2" d="M10.5 44.8L4 43.6.1 57.1c-.2.7-.1 1.4.3 1.9s1 .9 1.7.9h8.4V44.8z"/></g><path d="M13.5 45.3v14.5h21L45 51l-31.5-5.7z"/></svg>');
}

.layers-icon
{
    background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g fill="#010002"><path d="M64 19.4L32 2 0 19.4l32 17.4z"/><path d="M32 42.4L5.9 28.2 0 31.5l32 17.4 32-17.4-5.9-3.3z"/><path d="M32 54.5L5.9 40.3 0 43.5l32 17.4 32-17.4-5.9-3.2z"/></g></svg>');
}

.brush-icon
{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M25.3 34.5c-1.2 1.3-1.5 2.3-3.1 4.8 1 .7 3 2.4 4.4 5.2 2.7-1.6 4-1.8 5.5-3C41.6 33.5 64.8 4.9 64 4c-.8-.8-30.3 21.4-38.7 30.5zm-5.8 7.1c-4.1-.7-8.2 1.9-10.9 8.4C5.9 56.5 1 59.1.1 59c5.1 1.8 20.5 6.5 24.4-11.3-1.7-4.4-5-6.1-5-6.1z"/></svg>')
}

.loop-icon
{
     background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M61.3 51.2l-16.1-16c1.7-3.3 2.6-7 2.6-10.8 0-6.4-2.5-12.4-7-16.9C36.3 3 30.3.5 23.9.5 17.5.5 11.5 3 7 7.5 2.5 12 0 18 0 24.4c0 6.4 2.5 12.4 7 16.9 4.5 4.5 10.5 7 16.9 7 3.8 0 7.5-.9 10.8-2.6l16 16.1c1.5 1.5 3.4 2.2 5.3 2.2s3.8-.7 5.3-2.2c2.9-3 2.9-7.7 0-10.6zm-48-16.3c-2.8-2.8-4.4-6.6-4.4-10.6s1.6-7.8 4.4-10.6c2.8-2.8 6.6-4.4 10.6-4.4s7.8 1.6 10.6 4.4c2.8 2.8 4.4 6.6 4.4 10.6s-1.6 7.8-4.4 10.6c-2.8 2.8-6.6 4.4-10.6 4.4s-7.7-1.6-10.6-4.4zm0 0"/></svg>');
}



/* layers */

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.layer-actions
{
    width:100%;
    height:40px;
    border-bottom-style: solid;
    border-bottom-color: lightgray;
    border-bottom-width: thin;
    background: $background-light;
}

.layer-action
{
    float: right;
    padding-top: 5;
    cursor: pointer;
    border-width: thin;
    border-left-style: solid;
    border-left-color: lightgray;
    border-left-width: thin !important;
    border-color: lightgray;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    height: 40px;
    align-content: center;
    vertical-align: middle;
    background: white;
    border-style: solid;
    border-right-style: none;
}

.save
{
    background: rgba(0, 128, 0, 0.15);
}

.layer-action:disabled
{
    opacity:0.5;
    background:rgba(255, 113, 113, 0.15);
    cursor: not-allowed
}

.layer-action-icon
{
    margin-right: 3px;
    margin-left: 5px;
}

.layers-create-form
{
       position: absolute;
    left: 15px;
    right: 0px;
    top: 0;
    /* padding: 5px; */
    bottom: 0;
    background: white;
    /* margin: 5px; */
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: lightgray;
}


/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak],
[ng-cloak],
.ng-cloak {
    display: none !important;
}
.hidden {
    display: none;
}

/* navigate */
.feature-item {
    cursor: pointer;
}

/* focus time widget */
.focustime-widget-date
{
    font-size: 20px;
    color:black
}

.focustime-widget-compare
{
    margin-left:20px;
    font-size: 14px;
}

.focustime-widget-time
{
    font-size: 30px;
    color:black;
    font-weight: 700;
}

.featureType-item
{
    margin: 5px;
    position: relative;
}

/* layer editor */
.featureType-name
{
    font-size: 20px;
    margin-left: 10px;
    margin-top: 8px;
    float: left;
    min-width: 250px;
}

/* layers */
.addlayer-container {
    cursor: pointer;
    position: relative;
    clear: both;
    padding-top: 5px;
}
.addlayer-title {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 0;
    float: left;
}
.addlayer-image {
    width: 25px;
    height: 25px;
    float: left;
}
.addlayer-filter {
    margin-right: 10px;
    border: 1px;
    border-color: black;
    border-style: solid;
    padding: 3px;
    width: 250px;
}
.layer-dir-type {
    clear: left;
    font-size: 10px;
    color: #aaa;
}

.header-template
{
    cursor: pointer;
}

.header-container
{
    color:black;
    padding: 4px;
    height:40px;
}

.header-title
{
    font-size: 25px;
    font-weight: bold;
}

.header-description
{
    background: white;
    color: black;
}

/* vega charts */
.vega-title {
    font-size: 16px;
    margin-bottom: 10px;
}
/* leaflet context menu */
.leaflet-contextmenu {
    display: none;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 0;
    background-color: #fff;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.leaflet-contextmenu a.leaflet-contextmenu-item {
    display: block;
    color: #222;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 12px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: default;
    outline: none;
}
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {
    opacity: 0.5;
}
.leaflet-contextmenu a.leaflet-contextmenu-item.over {
    background-color: #f4f4f4;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {
    background-color: inherit;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.leaflet-contextmenu-icon {
    margin: 2px 8px 0 0;
    width: 16px;
    height: 16px;
    float: left;
    border: 0;
}
.leaflet-contextmenu-separator {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}

/* timeline */
.focustimeContainer {
    bottom: 45px;
}
#timelinecontainer {
    pointer-events: none;
}

/* right panel */
.rightpanelContainer {
    position: absolute;
    width: 100%;
    bottom:0;
    padding: 0;
    top:0;
}
.rightpanelTabs {
    pointer-events: none;
    margin-right: 0;
    width: 60px;
    height: 100%;
    right: 350px;
    position: absolute;
}

.rightpanel-closebutton
{
    position: absolute;
    right:8px;
    top:5px;
    font-size: 30px;
    cursor:pointer;
}

.rightpanelTabs-collapsed {
    right: 0;
}
.rightpanelTabPanes {
    pointer-events: all;
    position: absolute;
    vertical-align: top;
    width: $rightpanel-width - 5px;
    height: 100%;
    background-color: white;
    right: 0;
}
.rightpanel-hidetab {
    background: $background-dark;
}
.rightpanel-header-icon {
    width: 30px;
    height: 24px;
    margin-left: 5px;
    float: left;
    margin-right: 10px;
}
.rightpanel-header-button {
    border: 0;
    margin-right: 5px;
    background: transparent;
}

/* Start StyleList */
.legend-description {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: black;
}
.legend-entry-item-d {
    list-style-type: none;
    height: 25px;
}
.legend-entry-item-i {
    list-style-type: none;
    height: 40px;
}
.legend-color-square {
    display: inline;
    width: 20px;
    height: 20px;
    position: relative;
    left: -40px;
}
.legend-color-gradient-rect {
    display: inline;
    width: 30px;
    height: 40px;
    position: relative;
    left: -40px;
}
.legend-label-d {
    display: inline;
    font-size: 13px;
    position: relative;
    top: 2px;
    left: -25px;
}
.legend-label-i {
    display: inline;
    font-size: 13px;
    position: absolute;
    left: 40px;
}
.legend-entry-row {
    padding-left: 12px;
    padding-bottom: 2px;
}

/* End StyleList */
/* Start OfflineSearch */
.typeahead-group-header {
    margin-left: 10px;
    font-weight: bold;
    font-size: 120%;
}

/* End OfflineSearch */
/* Start Indicators */
.indicator-list {
    list-style: none;
    padding-left: 0;
}
.indicator-group {
    position: relative;
    cursor: pointer;
}

/*sparkline*/
.indicator-sparkline-group {
    height: 75px;
}
.indicator-sparkline-title {
    font-size: 20px;
    font-weight: bold;
}
.indicator-sparkline-value {
    font-size: 20px;
    font-weight: bold;
    right: 5px;
    position: absolute;
    bottom: 10px;
}

/*circular*/
.indicator-circular-group {
    height: 200px;
}
.indicator-circular-title {
    font-size: 20px;
    font-weight: 300;
}
.indicator-circular-value {
    font-size: 22px;
    font-weight: 800;
}
.isActive {
    background-color: $background-light;
}
.indicatorwidget-title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

/* End Indicators */
/* Start FeatureRelations */
.relationgroup-title {
    font-size: 18px;
    font-weight: bold;
}
.relation-title {
    font-size: 16px;
}

/* End FeatureRelations */
/* Start LayersList */
.layer {
    margin-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.disconnected-layer {
    opacity: 0.5;
}
.connected-layer {
    opacity: 1;
}
.pointer {
    cursor: pointer;
}
.left-menu {
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: 3px;
  top: 0;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAXUlEQVQ4T2P8//8/A0Vg1AAGhtEwoCwM5s6de55QIDJCUymMhifaVatW7a+vr/9PyABsqZyxv7//CUgzWQZMmzbtJkwzqQYwzpw58yqyZpIMAAUYumaiDcClGWQAAOzWdn0ACsmvAAAAAElFTkSuQmCC);
  cursor: pointer;
}
.menu {
    position: relative;
}

.dropdown-menu > li > a {
    cursor: pointer;
}

.menu > .dropdown-menu {
    position: static;
    display: block;
}
#featureTabs > .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
.filter-dropdown .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* End LayersList */
.background-image {
    width: 100%;
    height: 100%;
    position: absolute;
}

#compare-widget-table tbody > tr > td {
    max-width: 150px;
}

.widgetShadow
{
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4)
}

.widget-scrollable
{
    position: absolute;
    top: 40px;
    left:0;
    right:0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;

}

.widget-min-max-close{
    display: inline-block;
    float: right;
    padding: 0 2px;
    cursor: pointer;
}
.widgethover {
    opacity: 0.5;
}
.widget-entrance {
    -webkit-animation: fadeIn 1s;
}
.widgeteditbutton {
    width: 25px;
    height: 25px;
    margin-top: 2px;
    margin-right: 2px;
    padding-top: 3px;
}
.widgeteditmode {
    background: gray;
    border-radius: 10px;
}
.dashboard-selection {
    border-bottom: transparent;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    height: 50px;
}
.dashboardselectionactive {
        border-bottom: gold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
       height: 50px;
}

.dashboard-selection :hover {
    border-bottom: gold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    height: 50px;
}

.credits-title {
    margin-top: 16px;
    font-size: 18px;
    font-weight: bold;
}

.no-margin {
    margin: 0;
}

.project-logo
{
    height: 40px;
    float: left;
    margin: 5px;
}

.dashboard-base {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.dashboard-main {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.dashboard-option {
    color: white;
    font-size: 20px;
    cursor: pointer;
}
.dashboard-option-selected {
    color: red;
}
.btn-filter-delete {
    position: relative;
    right: 0;
    margin-top: 2px;
}
.filter-text {
    width: 200px;
}
.style-title {
    font-size: 14px;
}
.style-settings {
    position: relative;
    right: 5px;
}
.style-aspect {
    background-size: 20px;
    width: 20px;
    height: 20px;
}
.style-fillColor {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAI80lEQVR42u2di5XcRBBFyxEYIvA4ApsIPETAEgFyBJgIEBGwRICIAIiAIQKWCBARsEQAeiv1erzWp6o/1dVS33N0sPGMpNF76k91dfczKo9Xw3EejtdXxxKX4bib/ovj39w3b41nuW+ACURvhuNmOE4B5/llOG6H4/fcP8gK1g3wZjhaGt/4mFym8x7eCFYN8GI4Ooov/FNQIjR04KrBogG+pvHt/ETpej2NJjhkaWDNAD/SKEYO2uH4LvcD0MaKAZ7TWC+/DjxPKN1wvM39MDSxYAAr4js6OpAJLBjgN0rf2JPS0UFMkNsAOev8Ld4Nxw+5byI1OQ3wBY3dMF/upu9fpj9fd+XQjTxPRxNwDXz3p2xPSIFcBoBAEM2nq9fR2GL/W3AtfL7xuNY9jW0T7rWKI5cBfIr+u+k7f3peE1HFjuShZFz3M7Uno0wOA0CIi/A7HcVplPn2OFraaYwghwGkrf6O4rbIn0/nvBF+D6bxLX3Mom0A6dvfUbru2B8kKwlw358nupdsaBvgZ+K/eah7z5RuoManOsC9/5rofrKgaQC0xnvB5zWKXOQZXIjfG8H9v0x8T6poGgCjfLfMz3akF4mT3BdoaEexAU0DSOrcE+n2vSVVU087KgW0DCAp/jvSj8NLq6eGdlIKaBlAUszm6m59S2N/n0NPOykFtAzAjfz1lO/BoleAnseJ+fkz7SCLSMsAfxHvwaKU+CbwWog19OTXhpCUAh3tYMhYywD/MT/n089G/f2O5lPGpWngKAV64ncLcb2iB4o0DCCJ/uHBcwM/EAviNozPXqbPccSSlALF5wxYMkBP/PpfGsABGNo903YD8/n0WQ7FjxRqGOArGuvLLS7Ei7X7iO/gmkAyXH2igqsBDQNwi9QLbRsgRHwHxwSSaqvoasCSAbZ6ADHEd3BMwO25FF0NaBiAm/u39ibFFN+xZYLvp3viIGm8mkLDANww64nm69IU4jvWTIDr3jHPU+wwsVYcYOttWir+U4rv6Gm598GtBjoqNCikORq4ZIKO5h+ehviOE82XPiWEsIPQzghCdYDiEqKi+EXbQLvYn6Oh+dE9bheWqNB2QO6ZQXNoiw86mi+FJEGhItsB1gyQQ3yi9RgEN5GlpQJTxy0ZIJf4AG/5pwv/xm0H4N6Lyxq2YoCc4juWngU3maWnAhuCFgxgQXyw9CwkYWELzzPKj9bCivjgTMt5A9x8huJmD+U0gCXxwZmWDfAP8z7XzmGSXAawJj4407J43PmMLRXWE8hhAIvig7VnwZ030FI1wCpWxQdrzyJkSPvV9P97er9msZkEEk0DWBZ/LQ4AQpNanv72fvo7QuFZo4daBrAsPtF2EIeb07B2nqVncE/vzaA+20jDANbFB1vZSNxYAD6zZqStZ+EGyDpS6k2kNkAJ4oOG1t++WAaQPBMko9xS4lIhpQFKER+caL1hFtMAQPJsUCrcTkf04eZUBihJ/J62Y/hcA6D4/pJ5XekzSmKEFAYoSXzAmY/I7QVw5x04fCe4ILMqStUQ2wClid/R+DC33igkhuDtPjPOqWECcDfde1BjMaYBShRfmsjJDQlrmQAEzaiOZYDSxPedzCGZPaxpAu9VVGMYoDTxwZn8i07JaieaJsC1WhJOUws1QIni9xSWuSNJFCXSNQHoSFC1hRigRPFBR+GTOKTL3WqbgL3Ipq8BShUftBQ+ZOuz2rlJE/gYoGTxQUvhBpCsK3iNORNIDVC6+CDGQlQh+xxpm2A1OikxwB7EBz3pNgLn0DbBoum5BtiL+I4z+XcDJfMF19A2wezUNY4B9iY+kf8sHulikltoxwk+2v9oywB7FN/RkrwxmGKbO00TfNQeWDPAnsV3tMQ3Qco9DjVN8EFVsGSAI4jvwO9sablN4LvbmBQtE/R01QieM8CRxL+mp7GIdC38E42CnBTvQcsEDU35BE8NcFTxLaFhgsfR0GeBJ6qkQWoCn67pw0RWZ4Aqvj2kOQuSRa7BQ3DIGYC7HFpFl4b4uX/SCGU/HC9hAJ+tXCs6SEsB6RjFaxhAWnRUdJEsPyc1QFMNYJ8z8cctpNvhdjCAdOPEii7cZWekW9+BS20D2Ic7YutTkt+7k3MXQarowm0ESje7esQZQFp3VHTg7kbi3Y5zBqjtAHugT3+i7R6AT93/iDNAjDSnSly4b39IfuIHDYyU490VGR3x5i5wl65Z5OlgEHeLlEo6uJM6vBt+1zztYgQVJ5Vg2DN6SLap1SJPDVBjAvmQiB+ttJ4LMtS2gD4S8UG0bvucAV5MN1RzA3SQih9rXsIDS2HGOkCkg1T82PMSVuPMNUkkLVLxQfQXc80AtUGYDh/xQfSXcmukKUpXo/IBvuJHrfsdWwZAnXOhOlAUC1/xQZIBO+7k0BohDCdE/GQacJMN6mhhGCHig2RVsWSBCN9lUY5OqPggWb6GxADR+6AHIIb4QeP9WxxxjSAtYogPkrT+HT6rhAWPQR+AWOKDpF1x33UCa6NwmZjig6RD9CErhdZRw4+JLT7g7lrqRehawTWb+D0pxAdJU/ZDDVAjhSOpxAemDQCO3j1MKX7ybO2jbhgRi5Tig+QjskfeMiaU1OKDpEEgcPRNo3zREN9hvg3wlL2bQFN8kDQzq24cKUNbfJA03lK3juWTQ3yQNPReN4/mkUt8EGUK2BJa28d3VG6wKKf4jmTVgIYBQKkRQwvig2TdQS0DgNJMYEV8R5JSQNMASX9IZKyJD1K0Be5zGAAkzXIJxKL4jtg9gksuA4A304+x1EOwLL4jZgl6m9MAwFIPoQTxHbHyMG5yGwCgbusob8p5SeKDGA3qh1XILBjAkSvPsDTxHaEm6IbjrSUDAO0qoVTxHTABXppG+L3HPQStGcChsUBF6eJfg9KzJX6DuqGFTaMskbI02JP4DpQGLa3PIbif/v1xFxLLBnBI3b3FHsW/Bka4mY7rZ4bfjepCtHWsFTju5rB38cWUYgAHBkVa8guEVPFnKM0ADhihobFE4FQNVfwFSjXANYiPo74703zuHOq9lqr4s+zBANegZDhd/R1vfhV+hf8BUJRv8V37HmsAAAAASUVORK5CYII=')/*../includes/images/fillcolor.png*/
    ;
}
.style-strokeColor {
    background-image: url('data:image/png;base64, ')/*../includes/images/bordercolor.png*/
    ;
}
.style-strokeWidth {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACABAMAAAAxEHz4AAAAFVBMVEX///8zMzMyMjIwMDAzMzMzMzMzMzNlQ0uHAAAABnRSTlMAoDgQKDhCZ/0NAAAAUElEQVR4Xu3UQQ2AQBAEwbFwFrCABSxgAf8SSLAwPDaXKgH97EwBHKU8pS8gILBKmQJYpZ2eKCAgIHCW8hPgKu25NAEBAQEBAQEBgbuUIYAXTmzw29JhSiYAAAAASUVORK5CYII=")/*../includes/images/line-width.png*/
    ;
}

.dropdown-item-icon
{
    position:absolute;right:5px;top:5px
}

.dropdown-item
{
    position:relative;
}
// .popover {
//     min-width: 250px;
// }
.popover-content {
    margin-left: 10px;
}
.legend {
    display: table;
}
.legendItem {
    display: table-row;
    padding-top: 10px;
}
.legendImage {
    width: 24px;
    height: 24px;
}
.makeNarrow {
    margin-left: -2px;
    margin-right: -4px;
}
.legendIcon {
    background: none;
    border: black 1px solid;
    border-radius: 15%;
    float: left;
    width: 30px;
    height: 30px;
    margin: 5px;
    padding: 2px;
}
.table > td {
    border: none;
}
.datatable-propertytype-admin {
    color: #777;
}
.datatable-download {
    background: white;
    float: right;
    text-align: right;
}
.datatable-download-text > span {
    cursor: pointer;
    padding: 4px;
}
.datatable-download-text {
    font-size: 18px;
}
#cs-data-table>tbody>tr>td ul {
    max-height: 21px!important;
    overflow: auto;
}
@media (min-width: 992px ) {
    .datatable-download-large {
        display: inline-block!important;
    }
    .datatable-download-small {
        display: none!important;
    }
}
@media (max-width: 992px ) {
    .datatable-download-large {
        display: none!important;
    }
    .datatable-download-small {
        display: inline-block!important;
    }
}
.legendTable {
   display: table;
   width: 100%;
   table-layout: fixed;
   padding: 8px 4px 8px 4px;
}
.legendCellLeft {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 35px;
}
.legendCellRight {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 100%;
}
.legendPanelItem {
    padding-bottom: 5px;
    margin-left: -10px;
    margin-top: -10px;
}
.legendTitle {
    display: inline-block;
    margin: 0 0 4px 0;
    position: relative;
    font-weight: bold;
    overflow: hidden;
}
.legend-prop-title {
    display: inline-block;
    margin-top: -4px;
    position: relative;
    overflow: hidden;
    font-size: 12px;
}
.legend-prop-value {
    margin-top: -4px;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    float: right!important;
}
.widget-parent {
    display: block;
}
.widget-parent:hover .widget-edit {
    /* This selector will apply styles to hotqcontent when parent_div will be hovered */
    display: block;
    /* Other styles goes here */
}
.filter-group-count {
    margin-left: 13px;
}
.popup-title {
    font-weight: bold;
    font-size: 18px;
}
// .feature-prop-active-filter {

// }
.aster-score {
    line-height: 1;
    font-weight: bold;
    font-size: 100%;
}
.d3-tip {
    line-height: 1;
    font-weight: bold;
    padding: 12px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 4px;
    z-index: 1000;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    line-height: 1;
    color: #000;
    color: rgba(0, 0, 0, 0.8);
    content: "\25BC";
    position: absolute;
    text-align: center;
    z-index: 1000;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
    margin: -1px 0 0;
    top: 100%;
    left: 0;
    z-index: 1000;
}

.mca-criterion {
    display: inline-block;
    width: 280px;
    font-weight: bold;
}

.mca-criterion-colorbox {
    display: inline-block;
    margin-bottom: 6px;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    border: solid 1px black;
}

/*#scoringFunctions {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 2px 0;
}

    #scoringFunctions a, #scoringFunctions a:visited {
        color: #999;
        text-decoration: none;
    }

        #scoringFunctions a:hover {
            color: #000;
            text-decoration: none;
        }*/
#scoringFunctions .ascending {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEJwAABCcB2U8dgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFmSURBVEiJ7dY9axVBFAbg55WAFqkEEVJaiWCRSoSgSJogCBbaiKSS4Ecr6A+wCLY2FgErEQUbPyBoZa9dIIUWt/AX2FiIHosbIZF74+7dzU1hDky155xnZ4eZnVSV/YhD+6L+n3CS80lOTRsOBlivqpu9NU1O4CFmxqSsjHvQBZ3DexzGxri0XuEkR/FuC12oqsG43N7gJLNYx3Gc2w3tDU5yBK9wEheqavNfNZ3hJDN4jrNYqqpPTeo6wUmCJ7iIy1X1oWlt1xk/wjVcr6q3bQonhpM8wB3cqqpnk/QY4HFVaTpwF4X7ber+6tEOxo0tdHVStDWMq/jZ9guNGo3/TkmW8BQvcHuSNd0ejeAkC3hpeAYvV9WvPYeTzOMNPuJKVf3oirJtOyU5jcURL3YPX3Cpqr73ge6AcQarI3I+Gx6F3/pCd8BVtYa1PpvvFn9uILP4Oi2U4Yxf49g0UcjBhf4A3qv4DUN2PFHJY+YgAAAAAElFTkSuQmCC') no-repeat left top;
    /*images/plot_ascending.png*/
}
#scoringFunctions .descending {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAzFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALedlLAAAAQ3RSTlMAqNDgmPhwsLi6/UofRz+XdSqFZ5VYAQL6d7L2Pghl8YcNyusoE9Xjixre2xcj5tERLO3GCzfzBkKktgQOT/Tsv5MyLFsrjgAAAIlJREFUeF7NycUCglAABdGrCEqG3d3d3e///0nBrdwtzGYWB2FmuZSlhJn0GhYCWE99UzU7gH+viyZjOKLEGGmRYYyslmOcPxV1wriUK1XCqD0bb8JotTtdwuj1BwZhjMaTKWHM5oslYazWmy1h7PbqgTCO8lnxu/5l3O6yn+ExS3rESXjFWIhuH1hSCtORBh32AAAAAElFTkSuQmCC') no-repeat left center;
    /*images/plot_descending.png*/
}
#scoringFunctions .ascendingsigmoid {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEJwAABCcB2U8dgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAF4SURBVEiJ7dbBi05RGMfxzzOmpGTHQhEbi/kLNBsWiiVFWfgDNLZSsrWhFNnInpUdi0k2CitZKBupsbAQOwYzDX4W9069infmvff1zsI89XQ79/Q73/N77rnnnEpiI2JqQ6j/J7iqDlXVzKTBhbeYT3J2LANW7cbsQO7TVHYLviTZC9PjgLXAKdzE3MDrn/iAFSzj62rHWMBVVbiD01jAXTzBsySf/qQZl+NzLfQFjiX5uJag96quqv24is84uR4o43F8Bdswl2RhvaJejqtqFqfwCrdH0fYt9bX2eT7Jj4mAq+oEDuJRkvlR9Z3A7T97uW1e7DJGV8dnMIN7SZ5PBFxVOzRuv+NSF2gnsGZb3IMbSV53BdMcEreSGJbtJK8jeImta2mG5dANpC3rYRzBURzAGxxPstzH7W+OcQGLWNJ8wwzkEh5gVx+nf3O8iPctdEVzjD3FQzxO8q2vy9UY+0VgVPB2vJskeBr3sXOSUKjNC/0m+F/FLzXD6L0asiqyAAAAAElFTkSuQmCC') no-repeat left center;
    /*images/plot_ascending_sigmoid.png*/
}
#scoringFunctions .descendingsigmoid {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAz1BMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6rQz2AAAARHRSTlMAqNDgmCr4xtrsl+P93nLqa6DIHQY+5Oh6P5ZcGNyALVULAcw8Rb5WMAeeeBnx92HWHOaRWiN//PnuDUR+uArS1cuTs3Jsz9QAAACQSURBVHhezclFDsIAFATQT0tVcHd3d9e5/5kIIeza2cLbPvmlvEZbDUvEyjpmvFgK6JiXieoAEknffkulKwYcza+/cjDrpKUAm/Wl7FZJSw1P1o0mWqSlDYO1dNBl3XO9PmkZYMh6NJ5opGWK2Zy02FgsV+vAls0WwE7X9/4th+PprFxv908zqqUQ8ggx8r9ewccOUbIqEcoAAAAASUVORK5CYII=') no-repeat left center;
    /*images/plot_descending_sigmoid.png*/
}
#scoringFunctions .gaussianpeak {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEJwAABCcB2U8dgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGzSURBVEiJ5dbPi01xGMfx1yNG6i5IFsKQlUhJSmmkcclCJkk2tlbKRtn7J9QsrJQVFjKa/NoQFiYlCyzkLqyQlYmh5rE439HtZtx7bnPdxTz19Ol8zznP+zzPec73OZGZhmErhkJdnuCIOBQRO4cBb2EyM9VxVbUmMFr33szsr9QR0cR73MaLiBirG6Pfd3wZW3ADa3F94OCI2IUxTGXmGVzDaETsHygY54pOFr1Z9HTdQC01mgtvMIuRcrwKX/EBMZDmioiN2IHHmfkTMvMX7mIb9vQaq26pDxd92LE+XfTYoMBHiz7oWL+P+UGCj+ATXrcvZuYXzOBARDSWFBwR49iEe/n3WTqNETSXFIyLRa8scv4WEpd6DdjS5XNSZTGPp12uW4Cf6uGz/De4QGfxAwe7BNuN78UnaoFV5d+Ok7hTMp3D8R43mCa+lcxncB7rFgNfVW2Br8rTZps/w3jNkblPtZXOtcX5jJeqibY3CviJarYG3hV/i0eZ+bzXZum0iFiPsziBrdiMNbjwp9RY3c9Ar+toZKaFjBv42G9m/dhKVQNt+J9Qyhgbhi3D/+plB/4N/AgMj4ynRG0AAAAASUVORK5CYII=') no-repeat left center;
    /*images/plot_gaussian_peak.png*/
}
#scoringFunctions .gaussianvalley {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEJwAABCcB2U8dgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHZSURBVEiJ5dY7aFVBEAbgbySaiCJEUfAtCL7AQrATEUHBiGBhpaWFlb1aWCh2KbQRLASxsdI04gtjpQHRLmCslEQCamFsFBQJY3E2cLnceO+R5KbID8Ny9vw7/86wO7ORmRYCSxZEdXEKR8ShiNjTbeHAOJ5iCH/wPjO/zKlIRC82YjM24LEifA/ZYFMYwVWsy0x1DctxGk8w3eT/SmPEj7Afu7ELO9CL3xjMzMs1IryEi1hVhEYwhkl8woOZiG+12HEfzuFjWXy9w0gHC/8rrmH7LLzWwg2EtXhXnJ1vI3qq8MawqQ3338KFtB4/MIGeWTiBUdUBbRllo3V0jzPzM+5gS4mqFQawF3cz80M7n3UKyI0ynp3l/4ky3u7EWcfCJYpRHIyIvhaUAXzH2zkVLniuup8HGicjYie2YTgzp+dDeLiMR5vmj5XxWaeO6gq/VJ3aI03zx1XXaH6EM/Mn3mBfRKyGiOjHYbzOzMl5ES4YKuvOlO+TWIr7dR2Na1NAmgrFGvxSVadleKFK89Y6TaSn7i4z81tEDKk6zxRW4FVmTtTx878vkAu4qSqTw6p018a4GqluSnu/WWp3O5vpxytVvbJr6MFDVevrKmKmN3Ybi/BdveiE/wKeRN5mRVmz9AAAAABJRU5ErkJggg==') no-repeat left center;
    /*images/plot_gaussian_valley.png */
}
#scoringFunctions .manual {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACxQAAAsUBidZ/7wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFUSURBVDiNndQ/S5xBEMfxz3NRE0Q5FIIgQdFSg4KkESFF3kDQJqQIKXw3FjZ2FhbaCBZCCrUQO8FCAnZilAhpQqJWVv4bC/dCfHzO5+4GBnZnme/+doZZEaEVx2vsYPRRvEVYLw4Q+IvxloGoYj/Ban6BdxGhonm7wnku1oPtLMsmm1HWiSX04yW+5VQGNhuFvcJ2SjrCG7Rj7T/YHrobgXVgI6fkBIN4gZVU02ppU9CG9YKnBU4xjAq6S7ucbl+tA/tXsyd5dWAVLJfADtFXCkSGxRLYMfoLxRQAF0pgpxioW6ocbK4E9gtDzzUyPyk/UmKR/caHiPhZ5/zBkrIpTKf1V9zmlP3BSENDkCDzuMantP+c9uFhbscaHtEEOEnJN/iSYjNJ2USTv5G3uefdYjYddjUDqzXlY66sZ3ifZVk1Ii6fbUCBZdjFHbaSf4+a9hbsHlixj6qGJsHqAAAAAElFTkSuQmCC') no-repeat left center;
    /*images/pen_small.png*/
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.heatmapIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAFEAAABRAB94LrIgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAK8SURBVEiJtZdNTxRBEIafHr6yKLAS0KysF0JM4OTJoOj/UI8m+qM08aj+Ci5G5MwBjUZOsISFrCCrIF/loWuY3pqencHE91hdXU/3dFV3jRMRqso5NwnMAGPAdTV3gUNgS0Q6lWOVgZ1zo8AiMA9Ml8TbBT4DqyLy+5/AzrlBBT4GRkqAVn+AD7qAs8pg59w48AS4fUWgVQt4LyI/S8HOuQbwDH+O/VQDHND3k+LP/62IbBeCdacvyRIn1Cj+C6SJNaD2c7IEaxUspAu8Cnd+CXbODQHPgUZkYhOYBZKS3V0AG8BmZGwbeCMip5hADyLQYeAeMFcBmsab0znDZqyhjEvHtGSWIoEWgHoFoFVd51otKYtBNSySL5mZAug4MEWWfIfAHmAzt64xtgLbiLKWU7BdXQ1/pqGc2poRwB38uW4AYZnMAh3gKLAtAMuJc25adxCqQZa1YRALDZUmYKgB8nkz5ZybTgqC2RqeKIGG8ImSWADNpGDA2uwX6SfrG42fkL8samRJlyp2oRTJ+g5qzB6fKrX5X5Tgr7NQR4B9UaxPP1nfM3qzGqAbA4OvzVB7VwBbXxvrEhy7V63zAb0XQZG21LcMvJmISBtf5KFa+Fcn1Ibai9RSn1DnkTkdEWmn2bsOPAoGj4HvwN3AdgF8A9r4Fii8MnfJ7xSNcWxs65CVzSpwn94XpYWvyUkz8aAAYtUhv9sTZfnXSUS6wEpk8hfyx1BFHZ1rtaKsnjf2I7ATWeEa8JX8mcd0rr5rOjfUjjKAfOtTB14A1yJBa/gLP219htR+Stb6bJOvWYBfwGsR2Y+CFd4EnhbAQ43gn0qbPDHoOxHpKdui9rau8FslQcu0o9B9O9CvoR/Ct0MPyfdPZTrBJ+vHtLmrDA4WMIZv0uaBGyXAH/hfmE8iEruxqoPNIm7S/6etXTXWX1NO6vEXnUsrAAAAAElFTkSuQmCC') no-repeat left center;
    /*images/heatmap.png*/
}
.mcaIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEJwAABCcB2U8dgAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIlSURBVEiJzZa/axRBFMc/X+MdCQZFwYCVVyooWImCoL2FIir5B/wFFmmUlKKVnZ0BuwNBxU4s7QSxULQwjTYigqk0iMFwXr4We0Pm9mb3do/F+ODLzLx9M9+ZN++9HdlmK2R7SilJwK5I1bf9s0nibQX6e8D3CD8kXWiSWLaRdBU4CXiAM8COnO0n4GVkkwIVvr+x3Q2uPgbMj9nkBtAj81IKqqATMAN0k3dcIK9sX65hnxRJi1AQXAXSkXSe7OQB/dy4im4mJl4DVslcIWB20MZyguxKVIIq8hgA2yMgHUR3UrYF88PdTg0O1wLaA7RsZ1GdF0l7gdORah14Yrtf8VRjJUn8L6ROcCHpCnAwUr213Z2YWNJOYDfDRSC0oX8UWEps5gvwYczcuP1luxeCYZHyitMk5m3Xc3WBXANekHkvoJUbB3TCpCaIV2x/rGIo6QBwpCni+5LuAn8i9HLjgGngQUz8HPhGeVU6BFxPED8EPjNcvcrWeQ818ljSLPCUXDqRBct6pUXi9f7bAiJpjs2Xim2vNMI8ptgvMJqHt6r+LMoQnj4LwMUcwQZZQO3J7XUVeJ2wzW+wSHfb9nJwdQc4XtFJ02SRGX57UzX6+4A5YHmSPP5t++YE85B0KvQnIW5LusTmk6Zfo38YeBcTfyVzXz7Z95M9g4Y2DtxI2OafQEXfzgFjo3qJ0QB51FhUF4mkNnCWKI+BZ7bXyu6iimxZ5foLmBS7KXfgm40AAAAASUVORK5CYII=') no-repeat left center;
    /*images/sliders.png*/
}
.searchIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    width: 30px;
    height: 30px;
    // background: url("/cs/images/search.png") no-repeat left center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAABUUlEQVR42mP4//8/A7EYCIqA+A4QfwLizUAsRYp+rGYSYelrIP5PBBalqgOAoI5Ii1EwVRwABL/IsRwJs5LtAAKWnwRidSDmB+JSAo5gItkBQJCBwzA2AunkJbnRgW4QuiF/ScghqVj0txPtAGj2oixBMTDMIdUMfL5nIytbYZpjTpYDyC5YGBji0Mz6R9ABQBCLpmkbRaUbCZ6BabiCpkmC3g74RY3gp8QBx9E0WdLbAWZomu7T1QFUzgUz0cy6Qm45kEWlckCGWAekU6EkfE12SYjD9f9JsPwJFv1apDqAG0dteBiPxRIEqmUOUtsDKRQ2RrBhdlJbRNE0cAQrqW1CVjIs+UtAnoWcVrEkERbPRlL/noBaZpIcQGZZ8InY9iJNHAB1xBdimu80cwDUEd8IOYKmDoA64seAOgDqiJ8D6gCoI37TPQ3gCgmaZ0NSMAB74x5YB1CyNgAAAABJRU5ErkJggg==);
    /*images/map-black.png*/
}
.mapIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAllJREFUSEut1C20jVEQxvETBEEQBEEQBEEQBEEQBEEQBEEQBUEQBMFagiAIgiAIgiAIgiAIgiAIgiAIgiAIgiDw/F6es/Z5nesed5m1/vfj3XvPM7NnZi/+YrvCibA3XAi7w07sYLjx689VOxJuh0/hQ7DxR/ga7oeTYTsTlOCeB2f5mmxfuBxeBwtlFJp/vxkOhdGOh3tBUN37MRwOi8fhWxgdla2ERl4GgvzM196E/WGy+eLIJkJwnS9m356GPYFNNRoX5+xUyLVqJqirb8vFdbwLB4JirlsvFVKPc4G5sjYDVg6MSJ1ITZsr9qVwJzwLDYDQ+dCrOhW65veVsOIcOuZiqEm/DtaZADpjfhuN76ECOu5BWBGxKGpmnqTeGr0NOut6OBumlh3MOVddAaKyb0cvRWzqXHgRZPYwOHA6mLO7QS0+B2fsMXvq8SgQEJh95kkm9b8Uab9XxHy4FiYb2amNiefM/jPhWjDwgrTeDIisCI0iikqk2cmIdXPR9scCce0roPkc/SE0z8Qdi1g9OGSjA/guqP5v/7ZCrCLQBO7X4v8Q0oFPwlLEom7yXHRzhb6Efuv3TYT4dmP2Lt4HC4pqZlxdN3Oo69TraNCuuutV2ErIQ6r7DLtXgv8pYD+oK64N2ngU4qR/u1KHFV+k2pgje3wXkCw0iMFtjSYh/zjknXJFWrVZ6qquVbwHDazh7ewJcNzHb4WmGrku71Y3XA2yq4OaSGVkWAltUiPvnyufrMUXvQHczvpSjEKcVUj9ZOdmVuxWWKr+ozmnFn57Mebv329bLH4CIUE+mpZOyxMAAAAASUVORK5CYII=') no-repeat left center;
    /*images/map-black.png*/
}
.layersIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAITgAACE4BjDEA7AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAChSURBVEiJ7ZWxCQJBFETnqYFmBheY2Y7FWIoFXAmWYWYNl9mC+cEYuGa72f1dcG9gYOHDfywz8LGtFto0oa7gmtqVBsAYyL1SajUQWfdDfxm3BQN34JV8qwH+tfok6ZzeQw1wpxmv4L8GF4+EpHcg10Ww7WMgOPvjLbBfaP9se85O0ll8SHKAR9vKub9WY1vARd9DsbQm288iuIX6y7g/8AfbTEvA8/EQmwAAAABJRU5ErkJggg==') no-repeat left center;
    /*images/layers-black.png*/
}
.filtersIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEUwAABFMBAq/upQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADzSURBVEiJ7dU/CsIwFMfxb9QTeIKO7u6eRW/gAdqhoOAgCAoOXbyLV/AQgouzODwHX6H+q0ltU8U+yNDk5ffJEFIjItRRrVrUOuEOgDFmBAw8mVsR2XT0owcMPcEHAPRyGSABpOKRAEZErnAGX1eIrlP0Bs4cYFUBunpw7icUX5SILp4azyYVn5eAzl/mv1pQfPYBOsvNzltUfFIAnbzNfdegeOyAxlaZNk2KRxZoZJ1n26h4mIOGTlmOcJADBy5Z//dbbOAG/np4B+x9wkdgDPRF5OS0s+DLdQaWQNdl/ydPZhuYAr2iYDqMBnqvn7/VznUBfK8Thil9sWQAAAAASUVORK5CYII=') no-repeat left center;
    /*images/filter-black.png*/
}
.stylesIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJOgAACToB8GSSSgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIoSURBVFiF1ddPS1RRGAbwX2M5raygIKzMTbgQkpa1iYqgkAhSN9GioI9Q9AWkNn2BNoUF5jLaVBiFUIsgsD9QEJRRgUhZCkVFMba4d/DM6d7RuY5GD7wwc573vM9zzuE9Z4Z/jFUF5rSiG+3YjBKm8BHP8bVp7gKU0I8RzGIuJ37iHs5gQ7PEeyUryxPNi1lcwPqiwmUMRUVfY6KO6Js0JxybwO5GxTfhYVCkguMBfyoSqeBkwJ9Ix6r8r4ivi3IkPoc7GXljAX8/gx+NavzGsTiplDHxEvZEY9MZeZ8a4KEFw5IOykWv7LP9jC1B3na13TCDjoDfii85tcbktH8LnuVMmsMkBnFe0vcxP5Vyg2luvQ756yhgYIFJzYwbWQZGgoQXqaF9uLYEoatpjQG8DMZ/iO6HVvNn+h3bInN3C4iPRjU6UuEqf4D5LuhGW/r5Fd5nGGgU8Zx3ae0qOkMD7RHRphY9BQzEc9ZVRVOsDcnTarfvNrokD8o5tbfaYqOCs2mNLsllFvJ99QysRHQyfwSTWXu4jHiEt+HALiu7+oOxozXyr85mx8W8bbm+QuIteQb6l0m0ggfYnyUavkoljGNnnsMFMIpb+JZ+r0geqHF8WGyRw4qtcqig6UxcKWBgbzMNlCVn1oiBzPd9KdjYoIknWN1sE2VcbsDEkWYbqOIQni7CwNHlMkDSon2Sy2omQ/yxZMcaRtE/pz3YIXnjp3FT8mvn/8MfDJG3iVeExkQAAAAASUVORK5CYII=') no-repeat left center;
    /*images/style-black.png*/
    /*background-size: 32px 32px;*/
}
.featuresIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAGHSURBVEhLvda7LgVRFMbxQ0IlUVC4vYJLdC4doiEKnUqlEBGFiCcQiUdQiRYh4gFER+caKiUNHUFc/l/MSSYr6wyz5/Ilv2RnW7NWzNlz5lRSZgCbuMVrRGvtDSL3tGAX33/YQytySSfu4A3yqFbXZEoDTuENSHIGXRucRXiNX3AS0dqrWUJQ6nEP2/AA8c9R633YOl2rHqnTA9vsAo2w0d45bH0vUmcGttECamUetn4WqTMH22gKtTIBW68eqTMJ22gFtbIMWz+N1OnAF+KNdGCaYaM9exA/0Y6gXCLeTPSM9qEuogPkPetXCM4abEPRnXjEQ7T2atYRHP1nXtP/6EdwdCt1y7zGSa6ROTrJXvMkq8icNnzAG+B5R/BpttmBN8Sjd3JuGYE3xDOG3KK3zA28QXGq0YHMNd5LwEp6iQSnCU/wBsozVFNI9G3kDZUNFJYu6HGxQ9+gvxWaLdjB2yg83Yi/GLTWz6RScojq4CNtlJUhVAcPa6PMHEdKzyjGf5dpU6n8AF/HEIV5eUk2AAAAAElFTkSuQmCC') no-repeat left center;
    /*images/marker-black.png*/
}
.mainLegendIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAITgAACE4BjDEA7AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFvSURBVEiJ5ZdBK0RRFMd/f2SBjyDFWmI2voGdTHYWtlNKKVlIlI2djZK9j0AWYiUpRSm7WdLYyYaYlb8Fb1zj3YVm7ryFU6fX69z6nXPPPefcK9sUIV2FUPPAktRRsKSSpDPgVVJVUiUp+SvHw8Az4CZdsE2mQD1nzV/12HYj4kVgIMevlXYHmkkGHorYB1PlPAPfROy3TlRvPV/fHWAOGA1sdWC5af0J0Nsi8xpAWUCS+oAlYBK4A/ZsV1uEREVFda6e8EfSCDAO1IBr2++pwOFWbwIbfB+4M2DW9lPg2DzQ3SLzwfZp1hhmyC/2/dQNpBzxbrrF6KJS+HQ6iNiPUoHDw7UFrAbOXABl24+NxW08XD/quJBy6rQ0GkghLVNSP3DJ7yExZfs8cO6QNgwJ2+tZY1gjv9ivUjeQiYh3Y6kvAvcRey3VRSAD7wIvOfbtFFCAMH8lPifSG1AFKmF+262/6liSUm3vD86/ezt9AGXpNJ0IAiNWAAAAAElFTkSuQmCC') no-repeat left center;
    /*images/legend.png*/
}
.smallFilterIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 12px;
    float: left;
    width: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAARSAAAEUgHQ6AxBAAAA3UlEQVR42p2QMQqDUBBEVytBEkhnY6UWit4mTSAkvZfJadIHvIOdIPKL5Agi+rOz+X4MGBIiDCuzb9xBoj+eI0v/qIckHMc5f4OZufPc2TNsnD7Brutikud5RFVVUZIkEuLFYQVW2MVxTE3TsKM1tW0rhgntF3DHc4td13XCUt/38qKUoiAIUM1naaMrPOzADMPwujCOo8yiKHDER2fT+wpvydA0TdZI09QGcAGBPM9lBw4SeFaWZRIAbC5cwjB8Y9YCHsM3nhsOUlmW8mVbaSWAP0VRFFFd17buXP0Jgam4hZTLQIMAAAAASUVORK5CYII=') no-repeat left center;
    /*cssImages/filter-black-small.png*/
}
.smallFaIconSelected {
    color: #0d5088;
}
// .smallStyleIcon {
//     overflow: hidden;
//     float: left;
//     width: 16px;
//     padding-top: 18px;
//     color: #428bca;
//     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJOgAACToB8GSSSgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMsSURBVFiF7ZVNaFxVGIaf795pb8WUoiCKbdEgwVlJKZlJqWKTCUi10IhCiqALsbQIWmo6k4IgRndmnFoUXbTdiHWjgn9IlDIz9SdtM0HEgmAR0S76o/gDtVEnzJzXRSYzyeR2Mremq/ZdnXvOy/c+95zv3AvXdLXLopjvy5XWVpwNCG0xuB1YC4D4Bc9OgwrCjRXTG75eUoDUvmOrqcRGMB4H/MX8Ql955r2YTyeO/G+AvtzkVnM6DKwEXTRsXCgOdltTpZ9NnBK6G6wDwMSBv2OV3ceHNv5zqfpeq/DU6MTT5vT+bLic153PJDcHwY13Ap83wq0YLL8hns8kNzvzE8AUgIwd11X9Yu/r33VEBujLTW7FbP+sx7Dx4t7EKYCxXV1lQ2/V8+XeHtvVVQY4mu7+Hmx8ztb0eFNTH/SOFGNtA6T2HVtd2/b6ulD8/ld/CBrPrJsTctfsqHekuAIUn1fQ6Peu73gqLCu0B/qyk4cMPdE8LzjqocMz4fYkjYasYvaGyX0r7DFgU0jZC8v8SudnQxv/aAkwc9X4iTa6PapktrOYThyYO7fgCCrOBhrh9kwQuFUm3QucbzfI4Jxk9wSBWyWzoXqY9FCzN6Qx9EBtcLyQSeyvjb/sz05kheXaARA2WhxOzDbiK/2jpUEZGyS6mr1hTXhHOyEtAWz+0co082zc2uxd0AOpbOkCsHJmUXuWBzpUnvbW4XgH4+Y2Gc6bNGjOP6mY2y7xcm3+10ImOa9G6N2sk2O5crm27ZH+Gtwisy/kO1Bj0rDJZmPYEZyLFBVBknuzHYAfr0w6+UIm+d6iACb7ZMnDjZJVtA0zNS8tAKiq+iFQXaLo3zCecxenNuWf7fk9nC1EqdHSQYztEYLOmJGV01kAmTct587c1Hn6m3cHB1u+TOgt8BV7vmqVbdSu42IS3sOFdPdEBOC6Qv+GR/auPyvPHgVcO0X+9adPXk74JQEAinsSHyHtbgdiRWXZI0sOAFAY7nkNeBD4q5XPTC9cEQCAQib5se9iceAgUAnzaN73LpoifWB7Xzqxxjd/QKYtQCdojbA/PbEjP5z89HIhrunq1n+7nx5P1EuhmAAAAABJRU5ErkJggg==') no-repeat left;
//     background-size: 16px 16px;
// }
// .smallStyleIconSelected {
//     background: url('data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogIzBENTA4OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0IDZDMTQuMDYgNiA2IDE0LjA2IDYgMjRzOC4wNiAxOCAxOCAxOGMxLjY2IDAgMy0xLjM0IDMtMyAwLS43OC0uMjktMS40OC0uNzgtMi4wMS0uNDctLjUzLS43NS0xLjIyLS43NS0xLjk5IDAtMS42NiAxLjM0LTMgMy0zSDMyYzUuNTIgMCAxMC00LjQ4IDEwLTEwIDAtOC44NC04LjA2LTE2LTE4LTE2ek0xMyAyNGMtMS42NiAwLTMtMS4zNC0zLTNzMS4zNC0zIDMtMyAzIDEuMzQgMyAzLTEuMzQgMy0zIDN6bTYtOGMtMS42NiAwLTMtMS4zNC0zLTNzMS4zNC0zIDMtMyAzIDEuMzQgMyAzLTEuMzQgMy0zIDN6bTEwIDBjLTEuNjYgMC0zLTEuMzQtMy0zczEuMzQtMyAzLTMgMyAxLjM0IDMgMy0xLjM0IDMtMyAzem02IDhjLTEuNjYgMC0zLTEuMzQtMy0zczEuMzQtMyAzLTMgMyAxLjM0IDMgMy0xLjM0IDMtMyAzeiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=') no-repeat left;
//     background-size: 16px 16px;
// }
.leaflet-popup-content-wrapper {
    display: block;
    padding: 0;
}
.leaflet-popup-close-button {
    display: none;
}
.leaflet-popup-content-wrapper a {
    color: rgba(255, 255, 255, 0.5);
}
.leaflet-popup-tip-container {
    width: 30px;
    height: 10px;
}
.leaflet-popup-tip {
    display: none;
}
.featureTooltip {
    margin: 20px;
    padding: 0;
    width: 100%;
    -webkit-box-shadow: 10px 10px 5px #888;
    -ms-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    border: 0;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}
.featureTooltip table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.featureTooltip tr:last-child td:last-child {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.featureTooltip tr:first-child td:last-child {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.featureTooltip tr:first-child td:first-child {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.featureTooltip tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.featureTooltip td {
    vertical-align: middle;
    background-color: #b2b2b2;
    border: 0;
    border-width: 0 1px 1px 0;
    text-align: left;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

/* Header */
.featureTooltip tr:first-child td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2));
    background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100%);

    // -webkit-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    // -moz-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    // -o-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    // filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    background: -o-linear-gradient(top, #cccccc, b2b2b2);
    background-color: #ccc;
    border: 0 solid #000;
    text-align: center;
    border-width: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.featureTooltip td:first-child {
    width: 16px;
}
.featureTooltip td:nth-child(2) {
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px;
    width: 100%;
}
.featureTooltip td:nth-child(3) {
    white-space: nowrap;
    width: 0;
    text-align: right;
    font-weight: bold;
}

@mixin css3-prefix($property, $value) {
  -webkit-#{$property}: #{$value};
   -khtml-#{$property}: #{$value};
     -moz-#{$property}: #{$value};
      -ms-#{$property}: #{$value};
       -o-#{$property}: #{$value};
          #{$property}: #{$value};
}

@mixin box-shadow($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4), $inset: "") {
  @if ($inset != "") {
    @include css3-prefix('box-shadow', $inset $x $y $blur $color);
  } @else {
    @include css3-prefix('box-shadow', $x $y $blur $color);
  }
}

.fullbox-shadow {
    @include box-shadow(0px, 0px, 12px, rgba(0, 0, 0, .3));
    background-color: white;
}

.featureTooltip td {
    background-color: white;
}

.featureTooltip tr:first-child td {
   background: inherit;
   background-color: white;
}

.tooltip-holder {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    padding: 15px;
    width: 260px;
    background-color: white;
    font-size: 18px;
    @include box-shadow(0px, 0px, 12px, rgba(0, 0, 0, .3));
}

.tooltip-holder div.title {
    text-align: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    word-wrap: break-word;
}

.tooltip-holder div.content {
    border-top: solid 1px #ccc;
    margin-top: 5px;
}

.csweb-tooltip-value {
    display: inline-block;
    font-size: 14px;
    text-align: right;
    width: 100px;
}

.csweb-tooltip-label-entry {
    display: inline-block;
    font-size: 14px;
    width: 130px;
}
.style-icon {
    border-radius: 25%;
    border: red;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    padding-left: 4px;
}
.panel-group {
    margin: 10px;
}
.property-edit {
    clear: both;
}
.not-valid-input {
    color: red;
}
.icons-on-hover {
   float: left;
   position: relative;
   display: none;
   top: -10px;
}
.property-action {
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.icons-on-hover:hover {
    display: block;
}
.feature-prop-item {
    border-radius: 3px;
    min-height: 36px;
    margin-left:-10px;
    border: none;
}

.feature-prop-content {
    position:relative;
}

.feature-prop-config {
    margin-left: 0;
    margin-top: 0;
}
.feature-prop-value {
    font-weight: 800;
}
.feature-prop-property {
    margin-left: 0;
    background: transparent;
}
.feature-prop-stats {
    font-size: 12px;
    opacity: 0.8;
}
.feature-prop-value-align-right {
    max-height: 36px;
    margin-top: -2em;
    float: right;
}
.item-stat {
    white-space: nowrap;
}
// .item-stat-title {

// }
.item-stat-value {
    font-weight: 700;
    margin-right: 10px;
}
.feature-prop-title {
    overflow: hidden;
    padding-left: 4px;
    padding-right: 20px;
    position: relative;
    left:0;
    top:-8px;
    font-size: 12px;
    pointer-events: none;
}
.feature-prop-property:hover {
    margin-left: 0;
    background-color: rgb(228, 228, 228);
}
.panel-heading:hover .icons-on-hover {
    display: block;

}
.clickable-feature-prop {
    cursor: pointer;
    color:darkblue;
}
// #featureprops-content:before {
//     display: block;
//     content: "";
//     height: 50px;
//     margin: -50px 0 0;
// }
#featureprops-content:hover leftpanel-header-button-container {
    opacity: 0.5;
}

#featureprops-content {
    max-width: $rightpanel-width;
}

.enable-newlines {
    white-space: pre-wrap;
}

/* button widget */
.button-widget
{
    background: red;
    cursor: pointer;
}

.button-layer-editor
{
   margin:20px;
}

.button-widget-image
{
    float:left;
    max-height:45px;
    max-width:45px;
    margin-top:5px;
    margin-right:5px;
    border-radius: 4px;
}

.button-widget-image-active
{
    float:left;
    max-height:25px;
    max-width:25px;
    margin-top:5px;
    margin-right:25px;
    border-radius: 4px;
}

.button-widget-content {
    height: 100%;
    width: 100%;
}

.button-widget-image-minimal {
    &.down {
        border: 3px black solid;
    }
    height: 100%;
    margin: 0 0 8px;
    border-radius: 4px;
    border: 0px black solid;
    -webkit-box-shadow:  0 4px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:  0 4px 5px rgba(0, 0, 0, 0.3);
    box-shadow:  0 4px 5px rgba(0, 0, 0, 0.3);
}

.button-widget-description
{
    font-size:13px;
    color: #444;
    margin-top:-2px;
}

.button-title
{
    font-size: 20px;
}

.button-legend-label
{
    float:left;
    font-size:10px;
    margin-right:4px;
}

.button-legend-entries {
    float: left;
    margin-right: 4px;
    margin-top: 3px;
}

.button-legend-color-entry {
    width: 20px;
    height: 8px;
}

.button-container {
    background: rgba(255, 255, 255, 0.77);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    cursor : pointer;
    font-size: 20px;
    margin-top: 5px;
    margin-right: 8px;
    color:black;
    min-height: 46px;
}

.button-container-minimal {
    background: none;
    cursor : pointer;
    margin: 0 0 8px;
    padding-left: 10px;
    color:black;
    height: 100%;
    float: left;
}

.button-container:active {
    background: rgba(100, 100, 100, 0.77);
    color: white;
}

.button-container-down {
    background: #aaa;
    color: white;
}

.button-toggle-button
{
    cursor: pointer;
    position: absolute;
    color: black;
    text-decoration: none;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
}


.button-edit-button
{
    cursor:pointer;
    position: absolute;
    color:white;
    padding-top:5px;
    padding-left:5px;
    text-decoration: none;
    right: 0;
    top: 0;
    width: 50px;
    background: rgba(100, 100, 100, 0.77);
}

.button-edit-button > span {
    margin:10px
}

.layer-list-title :hover
{
    font-weight:700 !important;
}

  /**
 * Base style
 */

    .s3d {
        padding-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .3);
        height: 100%;
        margin: 0 0 10px;
        position: relative;
        text-decoration: none;

        width: 100%;
    }




/* leftpanel */

.leftpanel-scroll
{
 overflow-y: scroll !important;
 position: absolute;
 overflow-y: scroll !important;
 overflow-x: hidden;
 top: 40px;
 bottom: 0;
 left: 0;
 right: 0;
}

.leftpanel-entrance {
    -webkit-animation: fadeInLeft 0.1s;
}
.leftpanel-entrance.ng-hide {
    opacity: 0;
}
.leftpanel-exit {
    -webkit-animation: fadeOutLeft 0.0s;
}
.leftpanel-header-button {
    float: right;
    border: 0;
    background: transparent;
}
.leftpanel-header-button-container {
    float: right;
    margin-right: 10px;
}
.leftpanel-header-button-container-left {
    float: left;
    margin-left: -5px;
    margin-right: 5px;
}

/* dashboard */
.dashboard-directive {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 350px;
}
.leftpanel-collapsed .dashboard-directive {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 10px;
}
.dashboard-name {
    font-size: 18px;
    cursor : pointer;
}
.dashboard-item {
    margin-right: 5px;
    padding: 3px;
    cursor: pointer;
}

.dashboard-header-link
{
  cursor:pointer;
}

.dashboard-selected {
    background: black;
    color: white;
    border-radius: 3px;
}
.dashboard-edit-checkbox {
    font-size: 18px;
}
.control-label {
    font-size: 16px;
    width: 120px;
    margin-left: 5px;
}
.control-label-marvel {
    font-size: 16px;
    width: 200px;
    margin-left: 2px;
}
.marvel-input {
    width: 90px;
}
.widgets-edit-list {
    list-style-type: none;
    padding: 0;
}
.widget-edit-item {
    font-size: 18px;
}
.gridster-content {
    pointer-events: all;
}
.widget-edit {
    float: right;
    position: absolute;
    top: 10px;
    display: none;
    right: 10px;
    opacity: 0.75;
    cursor: pointer;
}
.widget-button {
    margin-right: 5px;
}
.widget-title {
    font-size: 18px;
    position: absolute;
    font-weight: bold;
    margin: 4px;
}
.widget-container {
    border-style: solid;
    background: white;
    padding: 3px;
    pointer-events: all;
}
// .modal {
//     display: block;
// }
// .modal-body:before,
// .modal-body:after {
//     display: table;
//     content: " ";
// }
// .modal-header:before,
// .modal-header:after {
//     display: table;
//     content: " ";
// }

.tablewidget-row {
    height: 30px;
    width: 100%;
    padding: 5px;
}

.tablewidget-cell {
    padding: 5px;
}

.border-right {
    border-right: solid black 1px;
}

.border-bottom {
    border-bottom: solid black 1px;
}

/*HISTOGRAM*/
.bar rect {
    fill: steelblue;
    shape-rendering: crispEdges;
}
.bar text {
    fill: #fff;
}
.bar.highlight rect {
    fill: red;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

/*MCA Voting style*/
.avoid {
    background: #f00;
    background: rgba(255, 0, 0, 0.3);
}
.prefer {
    background: #0064ff;
    background: rgba(0, 100, 255, 0.3);
}
.disabledMca {
    background: #d2d2d2;
    background: rgba(210, 210, 210, 0.3);
}
.ignoredCriteria {
    text-decoration: line-through;
}
.wide-tooltip .tooltip-inner {
    width: 400px;
    max-width: 400px;
}

/* spinner */
.spinner {
    text-align: center;
    float: right;
    position: absolute;
    top: 0;
    margin-right: 5px;
}
.spinner > div {
    width: 6px;
    height: 6px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0);
    }
    40% {
        -webkit-transform: scale(1.0);
    }
}
@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.accordionIcon {
    width: 12px;
    margin: 0 2px;
}

/* START CHART STYLE */
.chart {
    background: #eee;
    padding: 3px;
}
.chart div {
    width: 0;
    transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}
.chart div {
    font: 10px sans-serif;
    background-color: steelblue;
    text-align: right;
    padding: 3px;
    margin: 5px;
    color: white;
    box-shadow: 2px 2px 2px #666;
}
.sparkline {
    fill: none;
    stroke: #000;
    stroke-width: 1px;
}
.sparkcircle-max {
    fill: red;
}
.sparkcircle-min {
    fill: green;
}
.sparkline-path {
    stroke: steelblue;
    stroke-width: 1;
}
.sparkline-axis path,
.sparkline-axis line {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}
.sparkline-axis text {
    font-family: sans-serif;
    font-size: 11px;
}

/* END CHART STYLE */
/* START TIMELINE STYLE */
#timeline {
    position: absolute;
    bottom: 0;
    /*height: 100px;*/
    width: 100%;
    background: white;
    z-index:3
}

.timeline-widget {
    height:150px;position:absolute;bottom:0;width:100%;pointer-events:none
}

.vis-timeline {
    border-style: none;
    box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.4);
}

.vis-panel.vis-center {
    border-style:none;
}

.timeline-expand-button {
   pointer-events: auto;
    cursor: pointer;
    width: 65px;
    background: white;
    right: 400px;
    height: 55px;
    font-size: 20px;
    padding: 5px;
    padding-left: 23px;
    opacity: 0.8;
}

.timeline-select-button {
   pointer-events: auto;
    cursor: pointer;
    width: 65px;
    background: white;
    right: 470px;
    height: 55px;
    font-size: 20px;
    padding: 5px;
    padding-left: 23px;
    opacity: 0.8;
}

.timeline-date-picker {
      pointer-events: auto;
    cursor: pointer;
    /* width: 265px; */
    // background: white;
    right: 370px;
    bottom:120px;
    height: 155px;
    font-size: 20px;
    position: absolute;
    padding: 5px;
    padding-left: 23px;
    /* opacity: 0.8; */
}

.timeline-expand-button ::hover
{
    opacity:1;
}

.callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #444;
}
.callout::before {
    content: "";
    width: 0;
    height: 0;
    border: 0.8em solid transparent;
    position: absolute;
}
.callout-icon {
    margin-left:5px;
    width: 24px;
    height: 24px;
}
.pintimeButton {
    margin: 3px;
    cursor: pointer;
}
.focustimeButton {
    margin: 3px;
    cursor: pointer;
}
#focustimeContainer {
        width: 130px;
    cursor: e-resize;
    height: 67px;
    right: 200px;
    /* bottom: 105px; */
    bottom: 45px;
    color: white;
    position: absolute;
    z-index: 1000;
    display: block;
    margin-bottom: 2px;
}
.timelineControl {
    background: black;
    height: 23px;
    visibility: hidden;
}
#focustimeContainer:hover .timelineControl {
    visibility: visible;
}
.isPlaying {
    background: gray;
}
.showControl {
    height: 75px;
}
.focustimeText {
    text-align: center;
    background: #444;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 45px;
}
.pinButton {
    color: red;
}
.timelineFocusState {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
    margin-right: 0;
    border: none;
}
.livebutton {
    /*font: 16px;*/
    color: rgba(255, 255, 255, 1);
    /*text-decoration: normal;*/
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: pre;
    cursor: pointer;
    /*transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);*/
}
@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
.islivebutton {
    color: rgba(255, 255, 255, 1);
    /*text-decoration: normal;*/
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: pre;
    cursor: pointer;
    text-shadow: 0 0 2.5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 7.5px rgba(255, 255, 255, 1), 0 0 10px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000, 0 0 25px #f00;
    /*-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);*/
    /*-webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;*/
}

/* END TIMELINE STYLE */
/* START USER EXPERIENCE STYLE */
.adminExpertUserIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 12px;
    float: left;
    width: 32px;
    height: 32px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKOSURBVFiF7dc9iFVXEAfw3+zLZpWYQvETJUoUJGFRCVoYRLARJYkJNjYK2qlgZ5vGchtFtBELCwMBsTCkiB8oVrGISQrR4IagCCpu4QdCVsUdi3ufPu7uvr1v98VtMjC8M8yZOf8zd87/nBeZaTqlZ1pX/x8APuhWooiYhwYS/TiMEczAxsx89J8CwNlywbk4iEG8wnxlpSNiNpZiODP/6jaABj5sybm9xdcbEafwoJzXU4IkM7uiuKMo/zC2lOOmLsSfLfb9Ztz7bMLfW8aLImIxHZ6CiGhExGRBX6/Ya2sDiIgvIuIynuFpRFyIiP5uAKjzbb9UdHNWdBirOuiBmZU8v9TtgePGPi19OFpv82Tmv7hZrUDbYxgRH2N1mynrI6IvM1/gV/yoICE4ghf4pGX+ZVxSVGJORCybqAK9iDb+hnebeIk1CjIawmelPacEAlfwkaKXruBpTHQdR8QgVozjvp6ZayPipGZTdSa/1QHwDX4aw5XYlJlXI2KLotE6lYd1WW4b/vGug29jc83YvS26supvW4Hyhvs8M6+W9kK8zsyh0t6JnzPzSZsc53CrNG9gMWbjVWZ+3w75ATxWNNe3Y/gHymoMYU+bPK18sBtnFCfkfGaOJiJF1x+vBI4ouHwAJ3HPaGI6VBPAnXI8PB6AY2Mkr6ujQHQEAFunsHjiNTZ0AuAtEUXELJwwNenBqYjo6ySgKbuwZIoAYDl2TAbA3i4s3pT9HQGIiF6cxjXFRTFZeYkL+CEiGnUCRhFR+f3WYF2pnyqu3hmV3x7cVbx+/8YfuJiZzyv5qkT0VRnXn5lfT3gX1NpFxGosGse9qmV8DwsUr+cRXOvWs3wfvptE3GBXKjAVmfb/hm8AYtcORd8CHZAAAAAASUVORK5CYII=')/*cssImages/UserAdminExpert.png*/
    no-repeat left center;
}
.expertUserIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 12px;
    float: left;
    width: 32px;
    height: 32px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJxSURBVFiF7ddNbxVlFAfw32nFC4mgIQUxGiC4ghjQJi5oDMSNURN16QYWsmfnJ3BJWBnYEdMFfAFj0qQGk+66ojWR8Brf0MRIoiAvtqXtYTHTOBku07m3vXTjSU7mOfOceZ7/eb83MtNG0tCG3o7nBnFoROzEWOXVRGbODxRARLyFDpaxHZ9jES9hGn8MFADG8SKexwncxaP6HRExgi2ZeWu9AVzH79hfyh9W9joRMY5/8Sfu4TTIzHVh/IzEHN4v1yu8CxcwgV8xs/LdQJLwKfQqjpbrkYgYyszlZ1mGVyvrLdhLj30gIoYjol/QV2ry/tYAImI0Ir7DP7gbEZMR8UaPAK7W5CJZWyTXmKKcssZzONhDEu6uvfsqM1t54Kzu5drBl+2MB7fwsCKvHoKI2IpDDSqHI6LT5vYs3HStDmC1MtyEaNgfLs+Yx4+KOL9c7l1UtOLtFf1L+A2XMR8RrzR6IDP/ws0GldnMfFCuFxXxXyzl+VJeqOj/oIj/URzB1ljt90BEfISvu+HDu5k5FRF7MKqYA4mfsK+ie9l/gwnulM+5tm32Y4WLVzL4Ot6r7E97skra8GyjByJiBw5k5lQp78JSZt4u5WP4prR2W6Mru9P9JqtP4m9FDD/psn+qtOI2Put7iHU5OBS1X3XVsiKDT+Gcoqbr7vxivQCc6TOefYGoX/7BGi5PLOGdvgDghae4tle+iU5bANVGdByvtcrdZnodn7bWrnjg+5YWtuHpnjwQEZtwXtFQHq3B+gVM4kJEDLf54IlGVE63N/F2yfsUo3dz7TmEX3BDEfcZfJuZ93tBvOosGDRt+H/D/wE8BoLclfADLdr1AAAAAElFTkSuQmCC')/*cssImages/User Expert.png*/
    no-repeat left center;
}
.intermediateUserIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 12px;
    float: left;
    width: 32px;
    height: 32px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJKSURBVFiF7Zc7a1RBFMd//6xhfcYqohgQIkISxRdYKFqkMBDER2ejhR/ARvwElpainXb6BcRCIwjpVvARC03QIKiFyooSSTTm4bGYWTPeXO6de5PdbTxw2HPmzJ35n//MnJmVmdFO6Wjr7MCa1R5Q0i5gt3dnzex+SwEAJ4AzwfgtB7AIfPJ2VxiQ1INj5UszAWwAznr7s6Q+4DIwB7wH6sCtRudWbMIpHBP9wCXgWBhsBgP/iJl9lDQEbPZN/WG8VcdwIrD7SgOQVJFUBvR4YHdJ2l4IgKSDkh4B34EpSSOS9hQAMJHw/y5DLgBJR4DHwCCwHtgIHAeeSNobCWA84Q9EAwBukL5Zq8C1SADlGJC0CdiX0eWwpGoEgLe4OrAMQN4x7ASUEa/4MX4FbT+BB96uApjZgqQarkK+BNY1OmcyYGZfgcmMLmNmNpP8DJj1uhC0P8XVgmHgQIM55b0HJJ0E7qbhAwbNbFTSDpay2gJs8/Y88Mrb3cAM8CMYYxYzy1XgFG4dzetrYCiI14JYER3LZEBSNzBgZqPe3wosmlnd++eAe0AviZsvUqazsr4IfMPt3tMp8as+izpwIYbJ1HlSBhbu7IdU/Qae+UlvAh9S6LyyWgCul1zPUiCSkw+vYHLDvYaOlgKAq/Fp1BbVSaAaCyAsROeBnqi9my07WXqS5UvAwIvIDGO0VogBSZ3AbVxBmV9B9nPACHBHUiXmg2WFyNfo/cAhr724S2Vt4rcDeAe8wa37c+ChmU0XQZx7FzRb2v7f8D+APw2UGjiCbN0jAAAAAElFTkSuQmCC')/*cssImages/User Intermediate.png*/
    no-repeat left center;
}
.beginnerUserIcon {
    overflow: hidden;
    padding-left: 0;
    padding-top: 12px;
    float: left;
    width: 32px;
    height: 32px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHlSURBVFiF7da9ahVREAfw3ySGqBjRQrAQhIgIIhoEQUUQG8FCLW208AF8AUtLS9HOUl9ArCIoAYtUGks1iGIZUKKJ5IM4FnfBNdm72XtvcoPiwLCcnTkz/5kzZ+ZEZtpKGthS79i2WYYjYi/Ol369yMzZvgHAEdzGD+zCR0z1EwDM4Dv2tNXIzE1hnEaWeKxKb8uL8D+AjgBExGBEbCjoRsYi4mREPMc3zEbEeEQc2xAEDar5LJb9WdGJBRzvxy14oLpfDONej/HXA4iIEZyoUTkTEcO9AFivEw4hauSDhY3FNvKXmMdIOwO1GcjML5iuUZnKzPka+aJWrSy1U4j13gMRcRlPqvDhQmZORMRB7Fgl34nDpfXbAkyZFpr29Sv44HdFv8PFknzS2lvShKdqMxAR+3A0MyeK9X6sZOZMsb6OpxjF7raG2tNcXdS38FXr/K5WyO8WUczgZtdTs8JwaN39cqp+4lXh9CE+V6TzzkYBuN/leXYFYrXzSz04T6zgXFcAtN5tVantlKcx3BRAuRHdwIFGtVtPh3CtsXYpA28aRtiEJzvKQEQM4ZFWQ1nuIfoljONxRAw22bCmERXTbQynCh7VGr3bV30H8Anvtc79NZ5l5lwniNedBZtNf9ej9J8E8Ash8o2zdgLO5wAAAABJRU5ErkJggg==')/*cssImages/User Novice.png*/
    no-repeat left center;
}
.circle {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 12px;
    color: #000;
    line-height: 40px;
    text-align: center;

}

/* END USER EXPERIENCE STYLE */
.cesium-viewer {
    z-index: 500;
}
#cesiumContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#contextMenu {
    position: absolute;
    display: none;
}
a:focus {
    color: #0d5088;
}

/* Area / locationfilter style */
div.leaflet-marker-icon.location-filter.resize-marker {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAMAAACOacfrAAAALVBMVEUiDQ0iDQ0iDQ0iDQ0iDQ0zICAyHx8rFxdDMTJZSkstGRkqFRYlEBDl4+b7+/+nLPGjAAAADXRSTlMAERc1TczY8PDw9vj7dZmqRQAAAClJREFUeAG9xzcBACAAA8EPvfuXC0sscNtBqZYhtm0jvB37Ms1uC1AyuBBbBg3H+NahAAAAAElFTkSuQmCC) no-repeat;
    cursor: move;
}
div.leaflet-marker-icon.location-filter.move-marker {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAARVBMVEUAAABOUVRPUVNPUVRPUlVQUlRRVFdRVFhSVFZSVFdSVFhiZGdjZGRkZGVvcHFwcHFwcHJwcXJxcXFxcXJxcXOCg4SDg4NMud+xAAAAAXRSTlMAQObYZgAAAE5JREFUeNqNzjkSgCAQRNFmU3EYEFnuf1QpBlPLDl74q6EPDcFsBpwYAkVCaQVC7hlfc95NJMUpYBEZ9wi8/KioXQH2tAjrxuAiCdReJw9PVAP1TnoDEQAAAABJRU5ErkJggg==) no-repeat;
    cursor: move;
}
.sidebar {
    pointer-events: none;
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
}
.sidebar-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}
.sidebar-table {
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 124px;
    width: 100%;
}
#sidebar {
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    float: left;
    height: 100%;
    max-width: 100%;
    transition: all 0.25s ease-out;
    width: 100%;
}
.body {
    position: absolute;
    width: 100%;
    top: $navbar-height;
    bottom: 0;
    // padding-top: 50px;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 0;
}
#loading {
    height: 19px;
    left: 50%;
    margin: -10px 0 0 -110px;
    position: absolute;
    top: 50%;
    width: 220px;
    z-index: 20001;
}

.project-header
{
    color:black; margin-top:0px; padding-bottom: 0; cursor: pointer; font-size:24px;
}

.sidebar-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.sidebar-table {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 150px;
    width: 100%;
}
.leaflet-sidebar {
    z-index: 1020;
}
.leaflet-sidebar > .leaflet-control {
    padding: 0;
}
.leaflet-sidebar .close {
    background: transparent;
    font-size: 28px;
    right: 0;
    top: 5px;
}
.leaflet-control-layers label {
    font-weight: normal;
    margin-bottom: 0;
}
.leaflet-control-layers-group-name {
    display: block;
    font-weight: bold;
    margin-bottom: 0.2em;
}
.leaflet-control-layers-group {
    margin-bottom: 0.5em;
}
.leaflet-control-layers-group label {
    padding-left: 0.5em;
}
.table {
    margin-bottom: 0;
}
.nav > li {
    cursor: pointer;
}
.nav-pills > li > a {
    border-radius: 0;
}
.navbar .navbar-brand {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin-left: 10px;
}
.navbar-collapse.in {
    overflow-y: hidden;
}
.typeahead {
    background-color: #fff;
}
.tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    max-height: 300px;
    overflow: auto;
    padding: 4px 0;
    width: 100%;
}
.tt-suggestion {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 10px;
}
.tt-suggestion.tt-cursor {
    background-color: #0097cf;
    color: #fff;
    cursor: pointer;
}
.tt-suggestion p {
    margin: 0;
}
.tt-suggestion + .tt-suggestion {
    border-top: 1px solid #ccc;
}
.typeahead-header {
    border-bottom: 2px solid #333;
    margin: 0 5px 5px;
    padding: 3px 0;
}
.has-feedback .form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 34px;
}
@media (max-width: 992px) {
    .navbar .navbar-brand {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .url-break {
        -webkit-hyphens: auto;
        hyphens: auto;
        word-break: break-all;
    }
}
@media print {
    .navbar {
        display: none !important;
    }
    .leaflet-control-container {
        display: none !important;
    }
}
.group-title {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 15px;
}
.togglebutton {
    cursor: pointer;
}
.toggle-arrow-up {
    display: none;
}
.collapsed .toggle-arrow-up {
    display: block;
}
.toggle-arrow-down {
    display: block;
}
.collapsed .toggle-arrow-down {
    display: none;
}
.select-basestyle {
    cursor: pointer;
    margin-top: 5px;
}
.preview-base-layer {
    float: left;
    height: 50px;
    width: 50px;
}
.menutoggle {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    color: white;
    cursor: pointer;
    float: left;
    font-size: 22px;
    height: 50px;
    padding-left: 22px;
    padding-top: 10px;
    transition: all 0.2s ease-out 0s;
    width: 70px;
}
.menutoggle-right {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border-right: 1px solid #eee;
    color: white;
    cursor: pointer;
    float: right;
    font-size: 22px;
    height: 50px;
    padding-left: 15px;
    padding-top: 10px;
    transition: all 0.2s ease-out 0s;
    width: 50px;
}
.leftpanel {
    background: white;

    height: 100%;
    left: 0;
    display: inline-block;
    pointer-events: all;
    top: 0;
    z-index: 100;
}
.dashboard-container {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.leftpanel-container {
    z-index: 100;
    background: white;
    position: absolute;
    left:25px;
    top:85px;
    width: 400px;
    bottom:60px;
    pointer-events: all;
    @include box-shadow(2px,0,10px,rgba(0,0,0,.2));
}
.rightpanel {
    position: absolute;
    width: 100%;
    // max-width: 400px;
    // margin-top: 50px;
    // display: table-cell;
    pointer-events: none;
    right: 0;
    bottom:0;
    top: 0;
    z-index: 9999;
}
#rightpanelTabPanes {
    @include box-shadow(-2px,0,10px,rgba(0,0,0,.2));
}
.rightpanel-content {
    display: inline-block;
    width: 100%;
}
.rightpanel .nav {
    margin-left: 2px;
    margin-top: 5px;
}
.navbar {
    /*#B5A3C1*/
    background: $background-dark;
    left: 0;
}

.table-condensed > tbody > tr > td {
    border-bottom: 1px;
    border-bottom-style: groove;
    border-top-style: none;
    white-space: nowrap;
}
.rightpanel-header {
    color: black;
    font-size: 22px;
    font-weight: bold;
    margin-top: 1px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 36px;
    padding-top: 5px;
    margin-bottom: -10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    background:$background-light;
}
.leftpanel-header {
    font-size: 35px;
    font-weight: bold;
    margin-top: 7px;
    padding-bottom: 10px;
    width: 100%;
}
.leftpanel-collapsed .navbar {
    left: 0;
}
.leftpanel-content {
         position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 60px;
    margin: 0;
    bottom: 0;

}

.leftpanel-tab {
      width: 100%;
    position: absolute;
    z-index: 1;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: lightgray;
}

/* Header bar should be overwritten by children, so if you increase the border-top height above, you should match it here */
.leftpanel-content > .tab-content {

}
.leftpanel-collapsed .leftpanel-content {
    display: none;
    width: 0;
}
.leftpanel-collapsed .leftpanel {
    display: none;
}
.leftpanel-collapsed .leaflet-container {
    margin-left: 0;
}
.nav-bracket {
    margin-bottom: 30px;
}
.nav-bracket > li > a {
    color: black;
    font-size: 18px;
    padding: 7px 10px;
}
.nav-bracket > li > a:hover,
.nav-bracket > li > a:active,
.nav-bracket > li > a:focus {
    background-color: #649ec9;
    color: #1d2939;
}
.nav-bracket > li.nav-parent > a {
    background: transparent url("../images/plus-white.png") no-repeat 96% center;
}
.nav-bracket > li.nav-parent > a:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color: none;*/
    color: #8f939e;
}
.nav-bracket > li.nav-parent > a:hover,
.nav-bracket > li.nav-parent > a:active {
    background-color: #649ec9;
    background-image: url("../images/plus.png");
    color: #1d2939;
}
.nav-bracket > li.nav-active > a {
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #649ec9;
    background-image: url("../images/minus.png");
    color: #1d2939;
}
.nav-bracket > li.nav-active > a:hover {
    background-image: url("../../images/minus.png");
    background-repeat: no-repeat;
}
.nav-bracket > li.nav-active > a:focus {
    color: #1d2939;
}
.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus {
    background-color: #649ec9;
    color: #fff;
}
.nav-bracket > li.active > a {
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.nav-bracket > li.nav-parent.active > a {
    background-image: url("../images/plus.png");
}
.nav-bracket > li.nav-active.active > a {
    background-image: url("../images/minus.png");
}
.nav-bracket > li.nav-active.active > a:hover {
    background-image: url("../images/minus.png");
}
.nav-bracket li .fa,
.nav-bracket li .glyphicon {
    font-size: 18px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 16px;
}
.nav-bracket .children {
    display: none;
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.nav-bracket .children > li > a {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    color: black;
    display: block;
    font-size: 16px;
    padding: 5px 0 5px 27px;
    transition: all 0.2s ease-out 0s;
}
.nav-bracket .children > li > a > span {
    margin-top: 2px;
}
.nav-bracket .children > li > a:hover,
.nav-bracket .children > li > a:active,
.nav-bracket .children > li > a:focus {
    color: red;
    text-decoration: none;
}
.nav-bracket .children > li .fa {
    font-size: 12px;
    margin-right: 5px;
    opacity: 0.5;
    text-align: left;
    vertical-align: baseline;
    width: auto;
}
.nav-bracket .children > li.active > a {
    color: red;
}
.nav-bracket .children ul {
    border: 0;
    margin-left: 12px;
}
.leftpanel-collapsed .nav-bracket {
    margin: 5px;
}
.leftpanel-collapsed .nav-bracket li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    position: relative;
    text-align: center;
}
.leftpanel-collapsed .nav-bracket > li > a:hover {
    border-radius: 2px 0 0 2px;
}
.leftpanel-collapsed .nav-bracket > li.nav-parent > a {
    background-image: none;
}
.leftpanel-collapsed .nav-bracket > li > a > span:last-child {
    -moz-border-radius: 0 2px 2px 0;
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    background: #649ec9;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    display: none;
    left: 40px;
    min-width: 209px;
    padding: 10px 10px 10px 5px;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 100;
}
.leftpanel-collapsed .nav-bracket > li.active > a > span:last-child {
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
}
.leftpanel-collapsed .nav-bracket ul {
    display: none;
}
.leftpanel-collapsed .nav-bracket > li.nav-hover > a {
    background: #649ec9;
    color: #1d2939;
}
.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
    background: #649ec9;
    color: #fff;
}
.leftpanel-collapsed .nav-bracket > li.nav-hover > a > span:last-child {
    display: block;
}
.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
    background: #649ec9;
    color: #fff;
}
.leftpanel-collapsed .nav-bracket li.nav-hover ul {
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    background: white;
    border-radius: 0 0 2px 0;
    display: block;
    left: 52px;
    margin: 0;
    min-width: 194px;
    padding: 5px;
    position: absolute;
    top: 46px;
    z-index: 100;
}
.leftpanel-collapsed .nav-bracket ul a {
    padding: 6px 10px;
    padding-left: 0;
    text-align: left;
}
.leftpanel-collapsed .nav-bracket ul a:hover {
    background: none;
}
.leftpanel-collapsed .nav-bracket li a i {
    margin-right: 0;
}
.leftpanel-show section {
    overflow-x: hidden;
}
.leftpanel-show .leftpanel {
    display: block;
}
.leftpanel-show .mainpanel {
    margin-left: 240px;
}
.children {
    margin-left: 0;
    padding: 0;
}
.ng-binding {
}
.children ul {
    margin-left: 0;
}
.accordion {
    margin-bottom: 20px;
}
.accordion a {
    text-decoration: none;
}
.accordion ul {
    list-style: none;
    margin: 5px 0;
    margin-left: 0;
    padding: 0;
}

/*.accordion li {
	text-decoration: none;
}*/
.accordion-group {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 2px;
    margin-top: 5px;
}
.accordion-heading {
    border-bottom: 0;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-inner {
    border-top: 1px solid #e5e5e5;
    padding: 9px 15px;
}

/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-07-24
 * Copyright (c) 2014 ?smail Demirbilek
 * License: MIT
 */
.tabs-left,
.tabs-right {
    border-bottom: none;
    /*padding-top: 2px;*/
}
.tabs-left > li > a {
    align-content: center;
    margin-left: -10px;
    opacity: 0.7;
    padding: 10px;
}
.tabs-left {
    border-right: 0 solid #ddd;
}
.tabs-right {
    border-left: 1px solid #ddd;
}
.tabs-left > li,
.tabs-right > li {
    float: none;
    margin-bottom: 2px;
}
.tabs-left > li {
    margin-right: -1px;
}
.tabs-right > li {
    margin-left: -1px;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    background-color: white;
    border-right-color: transparent;
}
.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
    border-left-color: transparent;
}
.tabs-left > li > a {
    border-radius: 4px;
    display: block;
    margin-right: 0;
}
.tabs-right > li > a {

    margin-right: 0;
}
.my-div-icon {
    background: url("/images/verzorgingstehuis.png") no-repeat right center;
    background-size: 100% 100%;
    /*background: #f00;*/
    border: 1px solid #666;
}
#leftArr {
    left: -8px;
}
#rightArr {
    right: -8px;
}
#featureTabs {
    padding-left: 10px;
    position: static;
    white-space: nowrap;
    z-index: -1;
}
#featureTabs > li {
    display: inline-block;
    float: none;
}
#featureTabs > li > a {
    color: black;
    font-weight: bold;
}
.rightpanel-tabs {
    background: $background-light;
    margin-top: -10px;
}

.tab-content {
    width: $rightpanel-width;
}

/* custom inclusion of right, left and below tabs */
#rightpanelTabContainer.tabs-below > .nav-tabs,
#rightpanelTabContainer.tabs-right > .nav-tabs,
#rightpanelTabContainer.tabs-left > .nav-tabs {
    border-bottom: 0;
}
#rightpanelTabContainer.tab-content > .tab-pane,
#rightpanelTabContainer.pill-content > .pill-pane {
    display: none;
}
#rightpanelTabContainer.tab-content > .active,
#rightpanelTabContainer.pill-content > .active {
    display: block;
}
#rightpanelTabContainer.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}
#rightpanelTabContainer.tabs-below > .nav-tabs > li {
    margin-bottom: 0;
    margin-top: -1px;
}
#rightpanelTabContainer.tabs-below > .nav-tabs > li > a {
    color: black;
}
#rightpanelTabContainer.tabs-below > .nav-tabs > li > a:hover,
#rightpanelTabContainer.tabs-below > .nav-tabs > li > a:focus {
    border-bottom-color: transparent;
    border-top-color: #ddd;
}
#rightpanelTabContainer.tabs-below > .nav-tabs > .active > a,
#rightpanelTabContainer.tabs-below > .nav-tabs > .active > a:hover,
#rightpanelTabContainer.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}
#rightpanelTabContainer.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    pointer-events: all;
    float: none;
}
#rightpanelTabContainer.tabs-left > .nav-tabs > li > a,
#rightpanelTabContainer.tabs-right > .nav-tabs > li > a {
    margin-right: 0;
    height:60px;
    font-size:18px;
    padding-left: 20px;
    padding-top: 15px;
    margin-bottom: 10px;
    border-radius:0;

}
#rightpanelTabContainer.tabs-left > .nav-tabs {
    border-right: 1px solid #ddd;
    float: left;
}
#rightpanelTabContainer.tabs-left > .nav-tabs > li > a {
    background-color: rgba(255, 255, 255, 0.7);
    margin-right: -1px;
}
#rightpanelTabContainer.tabs-left > .nav-tabs > li > a:hover {
    background-color: white;
}
#rightpanelTabContainer.tabs-left > .nav-tabs > li > a:hover,
#rightpanelTabContainer.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eee #ddd #eee #eee;
}
#rightpanelTabContainer.tabs-left > .nav-tabs .active > a,
#rightpanelTabContainer.tabs-left > .nav-tabs .active > a:hover,
#rightpanelTabContainer.tabs-left > .nav-tabs .active > a:focus {
    background-color: white;
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff;
}
#rightpanelTabContainer.tabs-right > .nav-tabs {
    border-left: 1px solid #ddd;
    float: right;
    margin-left: 5px;
}
#rightpanelTabContainer.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
}
#rightpanelTabContainer.tabs-right > .nav-tabs > li > a:hover,
#rightpanelTabContainer.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eee #eee #eee #ddd;
}
#rightpanelTabContainer.tabs-right > .nav-tabs .active > a,
#rightpanelTabContainer.tabs-right > .nav-tabs .active > a:hover,
#rightpanelTabContainer.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff;
}
.rightPanelTabAnimated {
    -webkit-transition: 0.5s ease-in-out all;
    /* Chrome */
    left: 0;
    opacity: 1;
    transition: 0.5s ease-in-out all;
}
.rightPanelTabAnimated.ng-hide {
    display: block !important;
    left: 50px;
    opacity: 0;
}
.tab-pane {
    -webkit-transition: 1s ease-in-out all;
    /* Chrome */
    display: none !important;
    transition: 1s ease-in-out all;
    width: $rightpanel-width;
}
.tab-pane.active {
    display: block !important;
}
.leaflet-popup-content-wrapper {
    background: $background-light;
}
#scrollable-dropdown-menu ul {
    max-height: 500px;
    overflow-y: auto;
}
.indent {
    padding-left: 20px;
}
.featureTooltip td {
    background-color: $background-light;
}

/* Header */
.featureTooltip tr:first-child td {
    background: -o-linear-gradient(bottom, $background-light 5%, $tooltip-header 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, $tooltip-header), color-stop(1, $tooltip-header));
    background: -moz-linear-gradient( center top, $background-light 5%, $tooltip-header 100%);

    // -webkit-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$background-light", endColorstr="#A593B1");
    // -moz-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$background-light", endColorstr="#A593B1");
    // -o-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$background-light", endColorstr="#A593B1");
    // filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$background-light", endColorstr="#A593B1");
    background: -o-linear-gradient(top, $background-light, $tooltip-header);
    background-color: $background-light;
    border: 0 solid #000;
    text-align: center;
    border-width: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

/* Overrule icons in menu */
.mapIcon {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGJSURBVFiF7ddPqA1hGMfxz3McFF2kS8qflWwU1ux0d7JQFmThT+rKio2U1NnfnRUbCys73aW1smSl3CRRFkKWSngszD3NPc3MmXOdOql56q2ZeZ/n9/su3rd+E5lpltWbqft/AxAR+yJiKSJuRsSmiDixHrOI6EXEuYh4ERFnQWbWLhzBI/xAYoBjxfMyDjfNl3T6uISVYjYxyMxqACzgaak5SwCXS+8/8RD7a3Q24xreVWmtASgoL+BlRXMZ4F7F9+9Yws5Cawtu4GOT1hAAe/G+obkM8Kxh/xvu41MbrczUL87HFRwwvgJHG/Z3YLGFzrBWb8GGlv0HMTeJQVuAtnVymubrAdgza4CpVwfQAXQAHUAHMCnA7yl6v54E4AOuYxdu4fM/GL/BYmY+xjARDVSnlre4io0jWW8rbuNLzVzVeo4z6K3RqgFYwUX0x6TdOdzB1xrTX3iC47UaIwCvcH6UskXs3oa7/mbC1ZD6AIfGzhYC8ziNmMS4AmQ7TmF325nofk5nDfAHT/azUWnxRlsAAAAASUVORK5CYII=')/*../images/1005 kaart.png*/
    no-repeat left center;
}
.layersIcon {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHKSURBVFiF7dcxSxxBGAbgZz0PSR9E0EIIlrbWJ2oh2Fkkjb/AH2BnEwLXpPMnpElrZ2EhVlpY5QekiREUhGus7jbFfQfrcOferitnkYW32Jnve993Zmfmm83yPDfLZ26m6pivm5hlWYbP8fozrzuVeZ5XBhZxhjxwhsVaXDXEO7gtiI9wi86bGTBcL8fojxEfoR8xc40awBLOXxBOcY6lRgxgG3cVxEe4w3ZtA2jha8mUl6EfHK1KBrCMi1cIp7jA8lQGsIv7BsVHuMfuRAOGh1IXgzcQH2EQGvPjDBy+oXCKw/c3AzNfA+9iFxgWmSN80PA5EJxHkqJVFN/A30j8hfWmTkKsB2ceGhvjDGyiVyB4EqvVK2qB4e56KvT1sDnpE6zhJiE7xUcVq2HknCb9N1grOwkXcJIk/sFW9HeU3AewFTnF/hMsVClG+3hMRtdF24QbUfR1k1l6xH6tcoxVXCUjucYnZPgSyKLtOom9wmqtclww0cZ3z0/IHg4KMQeeL+BB5LRL+csCCiJ7eEhG+CNQbHvA3tS80waGiRVcvrALLrFSibNKcJho4VvySQbRNvHm05iBgpEd/A7s1OXJgmxmz8z/Df8b+Afx3W1k7zdfsgAAAABJRU5ErkJggg==')/*../images/1009 kaart lagen.png*/
    no-repeat left center;
}
.filtersIcon {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHZSURBVFiF7dfJahVBFAbgr0RBNwFxAHGIw8YBFDcxLi5BcKHoA+gbZBd8B3eC4Cv4BIIEzCq40EU2Ths3GhPcKAbEgBGncnGP0Fxu963uBC6CBw5FV536/79Pnxo65ZyN07aNlR3bS4JSSjtxEZdwAfuxF3uQ8Sn8A55iEUs55x8jwXPOtR4k97ARRIP+M3zY2DpuY6KJI9XVQEppGguYiK5FPMObiq/E2CROVPx8ZEtkppdzft0qA3gSb/IWU01vUTN/KuZmPKyNawB4H5Nn25JXMGYD42VdTNMqWI12LqV0piFuqMWcuXhcrotrWgWr+pV/Eq9SSo/wQj+ty9H+FXkEx3Es2nO4ghTj72pZGtJ3w/DqLl0FVZ/pUgMJzwvAR/l8Y52MKKLrmyT/hbOdBQwsxy5+fyR+gYCZjuTfMLlpASFivoOAu0XYhQIO4GML8hXs3jIBIeIqfheQf8d0MW5pYIi4UyDgVivMlgJ2YKmB/EEbvJwbjuM6Syntwk2cxlH09C8oX3Ew5/y5DV7RjahqOeeNlFIPl3GoMrTWlryTgLBr2DfQt94FqOuldBjZl3ELGHsGxi7g/yf4NzPQatusbMmn8Bhr+qfkAg53wWq9FW+1jf3v+A9kGf78bla+RAAAAABJRU5ErkJggg==')/*../images/1006 filter.png*/
    no-repeat left center;
}
.stylesIcon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAMNgAADDYBf+DwcQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGVSURBVEiJvda/S1ZRHAfgp1dMCgnDTMighsAgXGwpmxRcbfI/ENpqjjaDVjdpi4ZaAzcnA0HhpUkxHDRCaShEUCNQqutw31tXeN/3/jqvH/guh3vuc++555x7OJ/UcPWcrH95gn1EWMNIp8Ea5hpguj53Er2Id03QpC53Au3FYht0pxPoAOpt0AizodFb2MxA99EfEr2H3Qw0wrOQ6APs5UC3xJMuSKbwKwca4XEodAa/c6JLodBp/M2J/sFoCLQmXot50AhvQqBwtwB6hKFWT180lwpc+xzfShhNcwXHst/2o3Iv1jZvM9DvuF0VGccrLGAVY+Kf+kYL9BCPqoBDWG5y4y3cQB/mcdBoP8YHDFdBe7HeBE3qCyYa13bhOnqKIgPioexOtb1og6arrtgsP5Me8S70CQ9x0/8zUp7qKwvDdupGebfCZDvsKgMm62wl1XahQP+vDbw0/L5MZ/HZqlJq4m+cd4gjnOBOVRju42cBOOgxZhI/MsATPA2JJrmGl+ITY3qG7+C1QMOblW4MqrBJtMopgkT2ObgExlAAAAAASUVORK5CYII=')no-repeat left center;
}
.featuresIcon {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHJSURBVFiFxZe/TgJBEMZ/S0iwsxSIryAJFnQWViaCL8ALWPsMJLwG0YaahMbKwkJotJEeEgttMFKqYWwGcx7H3ewtkUkmuZuZ/b7vZv/k1okIu7TCTtmBou8A59wZcALUgWMNPwJPwL2I3HoBiojJgQowACTDB0DFjGskbwLvBvKVvwPNrQgAqsB8A9GnelJuDlS3IWCYAN4HGkBJvaGxeN0wSABwngB6mVJ/mVB/HiKgE//ySK4AtNQLkXi8E50QAfFV34iQTyLxyUqETsefXREiYBpbcCWNtxJa3dJcKbYwp2kcWSfhV0beYukYGR24JnwKrkM68BB7v1LRS+AIuFA/0thvTQqGVwdqrM+17zashSxCB4wSQK0H0QhwuQVE5nSZAJ51FC/RNRMkQEX0NpCkec+EbRRQBhYe5AugbME2/RGJyCvQtdSqdXWMCdzahT1gZvj6GbBnxrUWqoi2QUDbC9NTgAPGKeRjMrZdkAAV0UwRYPoNi7pTULM554rAC3AQS70BhyLy7YPnfS9Qgn5Cqu9LvgLMMw111ttfz4WVZ5CKeI6QP+fFCbma3Wx49jLvRfg70Ll94E5fT0Xk418FbMt2fjv+ASTpg5BX8ZgVAAAAAElFTkSuQmCC')/*../images/1007 locatie marker.png*/
    no-repeat left center;
}
#focustimeContainer {
    bottom: 45px;
}

/* Start LayersDirective.tpl.html styles */
.addlayer-container {
    cursor: pointer;
    position: relative;
}
.addlayer-title {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px;
}
.addlayer-image {
    width: 25px;
    height: 25px;
}
.layer-dir-type {
    clear: left;
    font-size: 10px;
    color: #aaa;
}

/* End LayersDirective.tpl.html styles */
/*Flexbox layout, comparable to a WPF stack*/
.horizontalstack {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: center;
    align-items: center;
}
.verticalstack {
    display: flex;
    flex-direction: column;
    flex-wrap: no-wrap;
    justify-content: center;
    align-items: center;
}
.stackitem {
    margin: 5px;
}
.disabledImg {
    opacity: 0.4;
    filter:alpha(opacity=40);
    /* msie */
    background-color: #000;
}
.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
    border: 0;
}

/* Traffic light indicators, source http://jsfiddle.net/XrHcA/ */
.led {
    margin: 5px 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: #000 0 -1px 6px 1px;
}
.led-red {
    background-color: #f00;
    box-shadow: #000 0 -1px 6px 1px, inset #600 0 -1px 8px, #f00 0 3px 11px;
}
.led-orange {
    background-color: #ff7000;
    box-shadow: #000 0 -1px 6px 1px, inset #630 0 -1px 8px, #ff7000 0 3px 11px;
}
.led-yellow {
    background-color: #ff0;
    box-shadow: #000 0 -1px 6px 1px, inset #660 0 -1px 8px, #ff0 0 3px 11px;
}
.led-green {
    background-color: #80ff00;
    box-shadow: #000 0 -1px 6px 1px, inset #460 0 -1px 8px, #80ff00 0 3px 11px;
}
.led-blue {
    background-color: #06f;
    box-shadow: #000 0 -1px 6px 1px, inset #006 0 -1px 8px, #06f 0 3px 11px;
}

/* Kanban board style */
.kanbanColumn-column {
    position: relative;
    display: inline-block;
    width: 300px;
    float: left;
    margin-right: 10px;
    height: 700px;
}
.kanbanColumnSettings {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
.card-list {
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%;
}
.card-new-button {
    position: absolute;
    top: 20px;
    right: -25px;
    width: 50px;
    height: 50px;
    color: white;
    background-color: gray;
    border-radius: 25px;
    cursor: pointer;
}
.card-new-button:hover {
    background-color: black;
}
.card-item {
    min-height: 65px;
    margin-bottom: 20px;
    width: 95%;

    -webkit-box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
    transition: box-shadow 1s;
    transition: -webkit-box-shadow 1s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}
.card-title {
    font-size: 16px;
    font-weight: bolder;
    cursor: pointer;
}
.card-prio {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    color: white;
    background: red;
    text-align: center;
    cursor: pointer;
}
.card-button {
    position: absolute;
    bottom: 5px;
    width: 20px;
    height: 20px;
    color: white;
    background: gray;
    text-align: center;
    cursor: pointer;
}
.card-edit {
    right: 30px;
}
.card-map {
    right: 55px;
}
.card-answer {
    right: 80px;
}
.card-question {
    right: 80px;
}
.card-share {
    right: 5px;
}
.kanbanColumn-title {
    font-size: 30px;
    /*float: left;*/
}
.kanbanColumn-option {
    float: right;
    margin: 3px;
}
.kanbanColumn-order-option {
    clear: both;
}
.kanbanColumn-tags {
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 60px;
    background-color: lightgray;
    padding: 5px;
}
.card-item:hover .card-item-options {
    opacity: 0.9;
}
.card-item-options {
    opacity: 0.05;
}
.card-description {
    width: 250px;
    margin-left: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-title {
    position: absolute;
    font-weight: bold;
}
.filter-values {
    position: absolute;
    font-weight: bold;
    left: 75px;
}
.isQuestion {
    background-color: #f5f5f5;
    background-image: url("../images/question.png");
    background-repeat: no-repeat;
    background-position: right;
}
.isAnsweredQuestion {
    background-color: #f5f5f5;
    background-image: url("../images/check.png");
    background-repeat: no-repeat;
    background-position: right;
}
.filter-row {
    position: relative;
}
.card-list-scroll-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left:-10px;
}
.card-list-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    overflow-y: scroll;
}
.available-featuretype {
    font-size: 14px;
}

.search-result-title{
    font-size: 15px;
    font-weight: 700;
}

.search-result-list
{
        overflow-y: auto;
    overflow-x: hidden;
    /* margin-top: 10px; */
    /* height: 509px; */
    position: absolute;
    top: 75px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.search-result-description{
    font-size:13px;
}

.search-result-details
{
    left: 37px;
    position: relative;
    top: 0;
    width: 230px;
    margin-bottom: 4px;
}

.search-result-image
{
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    // height:20px;
}

.property-style
{
margin-left: -10px;
    padding-left: 5px;
}

.property-style-selected {
    height: 50px;

    background: lightgray;
}

.pointer-cursor {
    cursor: pointer;
}

.pin {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50% 50% 50% 0;
    border-radius: 50% 50% 50% 0;
    background: #89849b;
    position: absolute;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    /*-webkit-animation-name: bounce;
        -moz-animation-name: bounce;
        -o-animation-name: bounce;
        -ms-animation-name: bounce;
        animation-name: bounce;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        -ms-animation-duration: 1s;
        animation-duration: 1s;*/
}

.pin-inner {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 24pt;
    font-weight: bold;
    color: white;
}

.bubble {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50% 50% 0 50%;
    border-radius: 50% 50% 0 50%;
    background: #89849b;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
// .bubble:after {
//   content: '';
//   width: 14px;
//   height: 14px;
//   margin: 8px 0 0 8px;
//   background: #2f2f2f;
//   position: absolute;
//   -webkit-border-radius: 50%;
//   border-radius: 50%;
// }


/* End Kanban board style */

/* dc-charts */
.dc-chart g.row text {fill: black;}

.profile-tab-form {
    margin: 5px 5px 0px 25px;
}

.profile-tab-label {
    width: 72px;
}