::-webkit-scrollbar {
    width: 4px;
    background-color:transparent;
}

::-webkit-scrollbar-track {
    background-color:transparent;
    width: 10px;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px #474747;
}

html {
    -webkit-scrollbar-width: thin;
    scrollbar-width: thin;
}

/** CUSTOM CONTROL CLASSES **/

.disabled {
    pointer-events: none;
}

.nav-user-name {
    line-height: 30px !important;
    cursor: default !important;
}

.nav-user-name:hover {
    background-color: transparent !important;
}

#loading .loader {
    font-size: 150px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: absolute;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    z-index: 9999;
    top: 33%;
    left: 45%;
}

.dropdown-menu > li > a {
    padding: 4px 13px;
    line-height: 13px;
}

#advancedSearch .dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
}

/** NORMALIZE **/
body.logged-in.aside-collapsed .topnavbar .navbar-header {
    width: auto;
}

body.logged-in .brand-logo-collapsed img,
body.logged-in .brand-logo-collapsed span {
    float: left;
}

.brand-logo-collapsed img {
    margin-top: 5px;
}

body.logged-in .brand-logo-collapsed img {
    width: 33px;
    float: left;
    margin-top: 6px;
}

body.logged-in .brand-logo-collapsed span {
    float: left;
    color: #fff;
    font-size: 25px;
    margin-left: 25px;
    margin-top: 9px;
    font-weight: 600;
}

.logged-in .brand-logo-collapsed img {
    margin-top: 6px;
    margin-left: 1px;
}

#map-choice-filter {
    min-width: auto !important;
}

.aside-collapsed .topnavbar .navbar-header {
    width: 215px;
}

#datiISTAT {
    position: absolute;
    right: 0;
    top: 70px;
    transition: width 300ms;
    z-index: 2;
}

#datiISTAT .table tbody tr td, #datiISTAT .table tbody tr th {
    font-weight: 700;
}

.card.card-toggled .card-footer {
    display: none;
}

#datiISTAT.open {
    min-width: 400px;
}

#datiISTAT.closed {
    width: 0;
}

#datiISTAT.closed .card-header {
    display: none;
}

#datiISTAT.card .body {
    overflow: scroll;
    max-height: calc(100vh - 322px);
    -webkit-scrollbar-width: thin;
    scrollbar-width: thin;
    position: relative;
}

.close-card-custom {
    position: absolute;
    left: -40px;
    background: #fff;
    top: 0;
    height: 62px;
    padding: 17px 10px;
    cursor: pointer;
}

#sectorOptions {
    top: 66px;
    position: fixed;
    z-index: 1;
    margin: 0 auto;
    display: block;
    left: 50%!important;
    transform: translateX(-50%);

}

#actionsLoc {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#actionsSettore, #markerActions {
    margin: 3px auto;
    background: #fff;
    padding: 15px 12px;
    box-sizing: border-box;
}

#markerActions #close-marker {
    float: right;
}

#markerActions {
    text-align: left;
}

#sectorOptions i {
    cursor: pointer;
    font-size: 25px;
}

#sectorOptions::before {
    content: "\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -15px;
    display: none;
}

.datiSettore {
    min-width: 230px;
}

.datiSettore label {
    width: 100%;
    margin: 0;
}

.is-homepage .wrapper {
    max-height: 100vh;
    overflow: hidden;
}

.table tbody tr td, .table tbody tr th {
    padding: 5px 10px;
}

.table tbody tr td, .table tbody tr th, .table {
    border: none !important;
}

.aside > ul.dropdown-menu {
    margin-top: 0 !important;
}

.tt-suggestion.tt-cursor {
    background-color: #eee;
}

.jstree-default .noicon {
    display: none;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -51px -11px;
    background-size: 445px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -8px -14px;
    background-size: 445px;
}

.jstree-default .jstree-icon:empty {
    width: 30px;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
    height: 30px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-anchor {
    line-height: 30px;
}

#jstree_localita {
    margin: 20px 0;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    display: none;
}

#jstree_localita .show-action {
    float: right;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    display: block;
    padding: 0px 6px;
    position: relative;
}

.show-action.fa-caret-down {
    color: red;
}

.istat-prefs label {
    float: left;
    margin-bottom: 0;
}

.light .jstree-default .jstree-wholerow-clicked {
    z-index: -1;
}

#loading {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

#loading.is-loading {
    display: block !important;
    opacity: 0.4;
    z-index: 9999;
}

#treeResults {
    display: none;
}

.sidebar-subnav > li {
    padding: 10px 20px;
}

.bootstrap-select.form-control {
    border-bottom: none !important;
}

.main-search__container {
    height: calc(100vh - 126px);
}

.sidebar-subnav.nav-floating {
    transition: width 300ms;
}

.close-navigation {
    float: right;
    cursor: pointer;
    display: inline-block;
}

.content-wrapper {
    padding: 0;
    margin: 0;
}

body.light .wrapper > .aside > .nav-floating:not(#map-search-menu) {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.6);
}

body.dark .wrapper > .aside > .nav-floating:not(#map-search-menu) {
    box-shadow: 3px 4px 8px rgba(165, 165, 165, 0.7);
}

body.dark #searcher .tt-menu {
    background: #fff;
    color: #333;
}

.topnavbar .navbar-header .brand-logo-collapsed {
    padding: 5px 14px;
}

#map-canvas {
    position: relative;
}

.login-page {
    background: transparent;
}

.login-logo {
    background: gray;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.login-logo img {
    width: 80%;
}

#search-map-button {
    width: 100%;
}

#mainFilters > *, #advancedSearch > * {
    margin-bottom: 10px;
    width: 100%;
}

#map-canvas {
    height: calc(100vh - 66px) !important;
}

#tooltipFeature {
    position: fixed;
    bottom: 10px;
    z-index: 99;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    padding: 10px;
}

.wrapper > .aside > .nav-floating {
    min-width: 350px;
    scrollbar-width: thin;
}

.filters-change-menu .media .media-body {
    padding: 5px 0;
}

.tt-suggestion {
    padding: 10px 15px;
}

/** DARK THEME **/
.dark .jstree-wholerow:hover,
.dark .jstree-default .jstree-wholerow-clicked,
.dark .jstree-default .jstree-wholerow-hovered {
    background-color: #f7f7f7;
    background: #f7f7f7;
}

.dark .jstree-hovered, .dark .jstree-clicked {
    color: #333 !important;
}

.aside .dropdown-menu ul.menu .menu-note h4 {
    margin-bottom: 0;
    padding: 0 10px;
}

.dark .close-navigation,
.dark .jstree-anchor,
.dark .aside .dropdown-menu ul.menu,
.dark .aside .dropdown-menu ul.menu .menu-note,
.dark .aside .dropdown-menu ul.menu .menu-note h4 {
    color: #fff;
}

.dark .aside .dropdown-menu ul.menu:hover,
.dark .aside .dropdown-menu ul.menu li.media:hover,
.dark .aside .dropdown-menu ul.menu li.media:hover .menu-note h4,
.dark .aside .dropdown-menu ul.menu li.media .menu-note:hover,
.dark .aside .dropdown-menu ul.menu li.media .menu-note:hover h4,
.dark .aside .dropdown-menu ul.menu li.media .menu-note h4:hover,
.dark .aside .dropdown-menu ul.menu li.media .menu-note h4:hover label {
    color: #333 !important;
}

/** LIGHT THEME **/
.light .close-navigation {
    color: #333;
}

.light .jstree-anchor {
    color: #333;
}

.light .jstree-wholerow:hover {
    background-color: #f7f7f7;
}

.light .jstree-default .jstree-wholerow-clicked,
.light .jstree-default .jstree-wholerow-hovered {
    background: #d8d8d8;
}

.jstree-children[role="group"] li.jstree-leaf {
    margin-left: 40px !important;
}

/** TAGGLE JS **/
.taggle_placeholder {
    top: 45px;
    display: block !important;
}

.taggle_list {
    padding: 0 !important;
}

.taggle_list li:not(.taggle) {
    width: 100% !important;
    margin-top: 20px;
}

.taggle_list input.taggle_input {
    width: 100% !important;
    padding: 6px 12px !important;
    border: 1px solid #ccc;
}

.buttonsSettore a.btn {
    width: 100%;
}

.nav-premium-button {
    padding-bottom: 20px !important;
    line-height: 26px !important;;
    background-color: #faa61a;
    font-weight: 900;
}

.jstree-default .jstree-node, .jstree-default .jstree-anchor {
    line-height: 20px;
}

.jstree-default .jstree-anchor, .jstree-default .jstree-wholerow {
    height: 20px;
}

.jstree-default .jstree-themeicon:not(.shared-icon, .shared-by-icon, .shared-multi-icon) {
    background-position: -260px -7px;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: -9px;
}

.jstree-default .jstree-icon:empty {
    width: 25px;
}

.jstree-default .jstree-themeicon-custom:not(.shared-icon, .shared-by-icon, .shared-multi-icon) {
    display: none;
}

.card .card-header .card-controls i {
    font-size: 30px;
}

.dark .aside .dropdown-menu ul.menu .menu-note:hover h4 {
    color: #333 !important;
}

#filter-results label {
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.dark .jstree-default .jstree-icon {
    background-image: url("/css/jstree/dist/themes/default-dark/32px.png");
}

.dark #jstree_localita .show-action {
    color: #fff;
}

.dark #jstree_localita .jstree-wholerow-clicked ~ .show-action,
.dark #jstree_localita .jstree-wholerow-hovered ~ .show-action {
    color: #333;
}

#advancedSearch .bootstrap-select {
    margin-bottom: 7px;
    background-color: transparent;
    height: auto;
}

#advancedSearch .bootstrap-select .btn {
    padding: 4px 12px;
}

#advancedSearch .caret {
    border-top: 3px dashed;
    border-top: 3px solid;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    line-height: 14px;
}

.aside-collapsed .sidebar > .nav > li > a:focus {
    background-color: transparent !important;
    color: #333 !important;
}

.topnavbar .navbar-header, .sidebar > .nav > li.active {
    background-color: transparent !important;
}

.sidebar > .nav > li > a:hover {
    color: #333333;
}

.ol-control button, .ol-scale-line .ol-scale-line-inner, .is-themed, .sk-fading-circle .sk-circle::before, [type="checkbox"].filled-in:checked + label::after, #search-map-button,
.topnavbar, .topnavbar .navbar-header, .sidebar > .nav > li.active {
    color: #fff;
    border-color: #474747;
    background-color: #474747;
}

.theme-red #loading .loader {
    color: #f44336;
}

.theme-red .ol-control button, .theme-red .ol-scale-line .ol-scale-line-inner, .theme-red .is-themed, .theme-red .sk-fading-circle .sk-circle::before,
.theme-red [type="checkbox"].filled-in:checked + label::after,
.theme-red #search-map-button,
.theme-red .btn.is-themed,
.theme-red .topnavbar,
.theme-red .topnavbar .navbar-header,
.theme-red .sidebar > .nav > li.active {
    color: #fff;
    border-color: #f44336;
    background-color: #f44336;
}

.theme-grey #loading .loader {
    color: #474747;
}

.theme-grey .ol-control button, .theme-grey .ol-scale-line .ol-scale-line-inner, .theme-grey .is-themed, .theme-grey .sk-fading-circle .sk-circle::before,
.theme-grey [type="checkbox"].filled-in:checked + label::after,
.theme-grey #search-map-button,
.theme-grey .btn.is-themed,
.theme-grey .topnavbar,
.theme-grey .topnavbar .navbar-header,
.theme-grey .sidebar > .nav > li.active {
    color: #fff;
    border-color: #474747;
    background-color: #474747;
}

.theme-pink #loading .loader {
    color: #E91E63;
}

.theme-pink .ol-control button, .theme-pink .ol-scale-line .ol-scale-line-inner, .theme-pink .is-themed, .theme-pink .sk-fading-circle .sk-circle::before,
.theme-pink [type="checkbox"].filled-in:checked + label::after,
.theme-pink #search-map-button,
.theme-pink .btn.is-themed,
.theme-pink .topnavbar,
.theme-pink .topnavbar .navbar-header,
.theme-pink .sidebar > .nav > li.active {
    color: #fff;
    border-color: #E91E63;
    background-color: #E91E63;
}

.theme-purple #loading .loader {
    color: #9C27B0;
}

.theme-purple .ol-control button, .theme-purple .ol-scale-line .ol-scale-line-inner, .theme-purple .is-themed, .theme-purple .sk-fading-circle .sk-circle::before,
.theme-purple [type="checkbox"].filled-in:checked + label::after,
.theme-purple #search-map-button,
.theme-purple .btn.is-themed,
.theme-purple .topnavbar,
.theme-purple .topnavbar .navbar-header,
.theme-purple .sidebar > .nav > li.active {
    color: #fff;
    border-color: #9C27B0;
    background-color: #9C27B0;
}

.theme-indigo #loading .loader {
    color: #3F51B5;
}

.theme-indigo .ol-control button, .theme-indigo .ol-scale-line .ol-scale-line-inner, .theme-indigo .is-themed, .theme-indigo .sk-fading-circle .sk-circle::before,
.theme-indigo [type="checkbox"].filled-in:checked + label::after,
.theme-indigo #search-map-button,
.theme-indigo .btn.is-themed,
.theme-indigo .topnavbar,
.theme-indigo .topnavbar .navbar-header,
.theme-indigo .sidebar > .nav > li.active {
    color: #fff;
    border-color: #3F51B5;
    background-color: #3F51B5;
}

.theme-blue #loading .loader {
    color: #2196F3;
}

.theme-blue .ol-control button, .theme-blue .ol-scale-line .ol-scale-line-inner, .theme-blue .is-themed, .theme-blue .sk-fading-circle .sk-circle::before,
.theme-blue [type="checkbox"].filled-in:checked + label::after,
.theme-blue #search-map-button,
.theme-blue .btn.is-themed,
.theme-blue .topnavbar,
.theme-blue .topnavbar .navbar-header,
.theme-blue .sidebar > .nav > li.active {
    color: #fff;
    border-color: #2196F3;
    background-color: #2196F3;
}

.theme-light-blue #loading .loader {
    color: #03A9F4;
}

.theme-light-blue .ol-control button, .theme-light-blue .ol-scale-line .ol-scale-line-inner, .theme-light-blue .is-themed, .theme-light-blue .sk-fading-circle .sk-circle::before,
.theme-light-blue [type="checkbox"].filled-in:checked + label::after,
.theme-light-blue #search-map-button,
.theme-light-blue .btn.is-themed,
.theme-light-blue .topnavbar,
.theme-light-blue .topnavbar .navbar-header,
.theme-light-blue .sidebar > .nav > li.active {
    color: #fff;
    border-color: #03A9F4;
    background-color: #03A9F4;
}

.theme-cyan #loading .loader {
    color: #00BCD4;
}

.theme-cyan .ol-control button, .theme-cyan .ol-scale-line .ol-scale-line-inner, .theme-cyan .is-themed, .theme-cyan .sk-fading-circle .sk-circle::before,
.theme-cyan [type="checkbox"].filled-in:checked + label::after,
.theme-cyan #search-map-button,
.theme-cyan .btn.is-themed,
.theme-cyan .topnavbar,
.theme-cyan .topnavbar .navbar-header,
.theme-cyan .sidebar > .nav > li.active {
    color: #fff;
    border-color: #00BCD4;
    background-color: #00BCD4;
}

.theme-teal #loading .loader {
    color: #009688;
}

.theme-teal .ol-control button, .theme-teal .ol-scale-line .ol-scale-line-inner, .theme-teal .is-themed, .theme-teal .sk-fading-circle .sk-circle::before,
.theme-teal [type="checkbox"].filled-in:checked + label::after,
.theme-teal #search-map-button,
.theme-teal .btn.is-themed,
.theme-teal .topnavbar,
.theme-teal .topnavbar .navbar-header,
.theme-teal .sidebar > .nav > li.active {
    color: #fff;
    border-color: #009688;
    background-color: #009688;
}

.theme-green #loading .loader {
    color: #4CAF50;
}

.theme-green .ol-control button, .theme-green .ol-scale-line .ol-scale-line-inner, .theme-green .is-themed, .theme-green .sk-fading-circle .sk-circle::before,
.theme-green [type="checkbox"].filled-in:checked + label::after,
.theme-green #search-map-button,
.theme-green .btn.is-themed,
.theme-green .topnavbar,
.theme-green .topnavbar .navbar-header,
.theme-green .sidebar > .nav > li.active {
    color: #fff;
    border-color: #4CAF50;
    background-color: #4CAF50;
}

.theme-lime #loading .loader {
    color: #CDDC39;
}

.theme-lime .ol-control button, .theme-lime .ol-scale-line .ol-scale-line-inner, .theme-lime .is-themed, .theme-lime .sk-fading-circle .sk-circle::before,
.theme-lime [type="checkbox"].filled-in:checked + label::after,
.theme-lime #search-map-button,
.theme-lime .btn.is-themed,
.theme-lime .topnavbar,
.theme-lime .topnavbar .navbar-header,
.theme-lime .sidebar > .nav > li.active {
    color: #fff;
    border-color: #CDDC39;
    background-color: #CDDC39;
}

.theme-yellow #loading .loader {
    color: #FFE821;
}

.theme-yellow .ol-control button, .theme-yellow .ol-scale-line .ol-scale-line-inner, .theme-yellow .is-themed, .theme-yellow .sk-fading-circle .sk-circle::before,
.theme-yellow [type="checkbox"].filled-in:checked + label::after,
.theme-yellow #search-map-button,
.theme-yellow .btn.is-themed,
.theme-yellow .topnavbar,
.theme-yellow .topnavbar .navbar-header,
.theme-yellow .topnavbar .nav-wrapper,
.theme-yellow .sidebar > .nav > li.active {
    color: #fff;
    border-color: #FFE821;
    background-color: #FFE821;
}

.theme-orange #loading .loader {
    color: #FF9800;
}

.theme-orange .ol-control button, .theme-orange .ol-scale-line .ol-scale-line-inner, .theme-orange .is-themed, .theme-orange .sk-fading-circle .sk-circle::before,
.theme-orange [type="checkbox"].filled-in:checked + label::after,
.theme-orange #search-map-button,
.theme-orange .btn.is-themed,
.theme-orange .topnavbar,
.theme-orange .topnavbar .navbar-header,
.theme-orange .sidebar > .nav > li.active {
    color: #fff;
    border-color: #FF9800;
    background-color: #FF9800;
}

.theme-brown #loading .loader {
    color: #795548;
}

.theme-brown .ol-control button, .theme-brown .ol-scale-line .ol-scale-line-inner, .theme-brown .is-themed, .theme-brown .sk-fading-circle .sk-circle::before,
.theme-brown [type="checkbox"].filled-in:checked + label::after,
.theme-brown #search-map-button,
.theme-brown .btn.is-themed,
.theme-brown .topnavbar,
.theme-brown .topnavbar .navbar-header,
.theme-brown .sidebar > .nav > li.active {
    color: #fff;
    border-color: #795548;
    background-color: #795548;
}

.register-ac {
    background: transparent;
}

/*.visibilityContainer {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/

/*.visibilityContainer label {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    width: 23px;*/
/*    height: 14px;*/
/*}*/

#map-filters-header .visibilityContainer label {
    margin: 0;
    padding: 0 10px;
    height: 22px;
}

input {
    background-position: 98% 50% !important;
}

.topnavbar .navbar-form {
    top: -101%;
}

.jstree-default .jstree-node {
    margin-left: 15px;
}

.sk-fading-circle {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    position: relative;
    top: -30px;
}

/** open layer */
.ol-rotate.ol-unselectable.ol-control {
    position: fixed;
    bottom: 80px;
    right: 2px;
    top: auto;
}

.ol-scale-line.ol-unselectable {
    position: fixed;
    bottom: 0px;
    right: 0;
    top: auto;
}

.ol-zoom.ol-unselectable.ol-control {
    position: fixed;
    bottom: 25px;
    right: 0;
    top: auto;
    left: calc(100vw - 30px);
}

.is-homepage .ol-overlaycontainer-stopevent {
    height: 100vh;
    width: 100vw;
    display: block;
    float: left;
}

.ol-box {
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #00f
}

.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.ol-scale-line {
    border-radius: 4px;
    padding: 2px;
    position: absolute;
    top: -28px;
    right: 0;
}

.ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents, width
}

.ol-overlay-container {
    will-change: left, right, top, bottom
}

.ol-unsupported {
    display: none
}

.ol-unselectable, .ol-viewport {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.ol-selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.ol-control {
    background-color: rgba(255, 255, 255, .4);
    padding: 2px
}

.ol-control:hover {
    background-color: rgba(255, 255, 255, .6)
}

.ol-zoom {
    top: .5em;
    left: .5em
}

.ol-rotate {
    top: .5em;
    right: .5em;
    transition: opacity .25s linear, visibility 0s linear
}

.ol-rotate.ol-hidden {
    transition: opacity .25s linear, visibility 0s linear .25s;
    visibility: hidden;
    opacity: 0;
}

.ol-zoom-extent {
    top: 4.643em;
    left: .5em
}

.ol-full-screen {
    right: .5em;
    top: .5em;
    display: none;
}

@media print {
    .ol-control {
        display: none
    }
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: rgba(0, 60, 136, .5);
    border: none;
    border-radius: 2px
}

.ol-control button::-moz-focus-inner {
    border: none;
    padding: 0
}

.ol-zoom-extent button {
    line-height: 1.4em
}

.ol-compass {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    will-change: transform
}

.ol-touch .ol-control button {
    font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
    top: 5.5em
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    background-color: rgba(0, 60, 136, .7)
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px
}

.ol-attribution {
    position: absolute;
    text-align: right;
    bottom: .5em;
    left: 0px;
    max-width: calc(100% - 1.3em);
    /*display: none;*/
}

.ol-attribution ul {
    margin: 0;
    padding: 0 .5em;
    font-size: 1rem;
    line-height: 1.375em;
    color: #000;
    text-shadow: 0 0 2px #fff
}

.ol-attribution li {
    display: inline;
    list-style: none;
    line-height: inherit
}

.ol-attribution li:not (:last-child ):after {
    content: " "
}

.ol-attribution img {
    max-height: 2em;
    max-width: inherit;
    vertical-align: middle
}

.ol-attribution button, .ol-attribution ul {
    display: inline-block
}

.ol-attribution.ol-collapsed ul {
    display: none
}

.ol-attribution.ol-logo-only ul {
    display: block
}

.ol-attribution:not (.ol-collapsed ) {
    background: rgba(255, 255, 255, .8)
}

.ol-attribution.ol-uncollapsible {
    bottom: 2px;
    left: 0;
    border-radius: 4px 0 0;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-logo-only {
    background: 0 0;
    bottom: .4em;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-uncollapsible img {
    margin-top: -.2em;
    max-height: 1.6em
}

.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {
    display: none
}

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    height: 200px
}

.ol-zoomslider button {
    position: relative;
    height: 10px
}

.ol-touch .ol-zoomslider {
    top: 5.5em
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em
}

.ol-overviewmap.ol-uncollapsible {
    bottom: 0;
    left: 0;
    border-radius: 0 4px 0 0
}

.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
    display: inline-block
}

.ol-overviewmap .ol-overviewmap-map {
    border: 1px solid #7b98bc;
    height: 150px;
    margin: 2px;
    width: 150px
}

.ol-overviewmap:not (.ol-collapsed ) button {
    bottom: 1px;
    left: 2px;
    position: absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
    display: none
}

.ol-overviewmap:not (.ol-collapsed ) {
    background: rgba(255, 255, 255, .8)
}

.ol-overviewmap-box {
    border: 2px dotted rgba(0, 60, 136, .7)
}

.ol-overviewmap .ol-overviewmap-box:hover {
    cursor: move
}

.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 315px;
    z-index: 99;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-closer:after {
    content: "✖";
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

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

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

#map-filters-header {
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    padding-bottom: 0;
    position: relative;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#map-filters-header > div {
    display: block;
    border: 1px solid;
    margin: 3px;
    border-color: #d5d5d5;
    margin-right: 2px;
    float: left;
}

#map-filters-header > div > span {
    margin: 0 0;
    display: block;
    float: left;
    text-align: center;
    min-height: 58px;
    padding-top: 5px;
    min-width: 90px;
    max-width: 90px;
}

#map-filters-header > div > span > span {
    font-size: 11px !important;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}

#map-filters-header > div > span.marker-container > span {
    margin-top: 2px;
}

#map-filters-header > p {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    position: relative;
}

#map-filters-header .popover {
    text-align: center;
}

#map-filters-header.is-active-mode {
    /*min-width: 280px;*/
}

#actionsSettore #switcher label.switch {
    margin-bottom: 11px;
}

#actionsSettore #switcher label.switch .lever {
    margin-left: 8px;
}

.is-active-mode > div > span:not(.is-active-edit) {
    background: #d4d4d4;
    pointer-events: none;
}

.ol-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    touch-action: none;
}

.twitter-typeahead {
    display: inline-block!important;
    height: 100%;
}

.jstree-children[role="group"] li.jstree-leaf {
    padding-top: 5px;
}

[type="checkbox"].filled-in:disabled:checked + label::after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}

#jstree-marker {
    z-index: 9999;
    margin: -6px 0px 0 -7px;
}

.shared-icon {
    background-image: url('/images/condiviso.png') !important;
    width: 16px !important;
    height: 16px !important;
}

.shared-by-icon {
    background-image: url('/images/shared-by.png') !important;
    width: 16px !important;
    height: 16px !important;
}

.shared-multi-icon {
    background-image: url('/images/shared-multi.png') !important;
    width: 16px !important;
    height: 16px !important;
}

#block-marker-shared-by{
    /*display:none;*/
    padding:3px !important;
}