html, body {
    height: 100%;
    margin: 0px;
    padding: 0;
    background-color: #dddddd;
    font-family: 'Roboto Condensed', sans-serif;
    color: #4E4E4E;
    scrollbar-base-color: #C0C0C0; scrollbar-base-color: #C0C0C0; scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0; scrollbar-track-color: #EBEBEB; scrollbar-arrow-color: black; scrollbar-shadow-color: #C0C0C0; scrollbar-dark-shadow-color: #C0C0C0; cursor: default;
    overflow: hidden;
}

body.rtl {
    direction: rtl;
}


.primary-color {
  color: #2ECC71 !important;
}

.primary-background {
  background-color: #2ECC71 !important;
}

.secondary-color {
    color: #FD7E14 !important;
}

.secondary-background-color {
  background-color: #FD7E14 !important;
}

.secondary-background {
    background-color: #FD7E14 !important;
}

.primary-light-color {
    color: '#ffffff';
  }

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#list-user-view::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}

/* ############### IE10+ exceptions ###############*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .clear-txt {
        display: none;
    }
}

/*.leaflet-map-pane svg {
    z-index: 0 !important;
}*/

/*############# LAYOUT #################*/
.galigeo-no-event {
    pointer-events : none !important;
}

.map.mode-create {
    cursor: crosshair;
}
#ggoMap{
	background-color: white;
}
#welcome_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    /* background-color: rgba(10,10,10,.7); 
    background-color: rgba(129,162,15,1);*/
    background-color: #bdbdbd;
    z-index: 9999999;
    text-align: center;
    color: #fff;
    font-size: 30px;
    padding-bottom: 20%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    transition: background 1s ease;
}

#welcome_overlay::before {
    content: '';
    height: 100px;
    background-image: url("../img/welcome_logo.png");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100px;
    z-index: 40001;
}



.join-field {
    display: inline-block;
    color: #333;
    margin: 0px 5px;
    text-decoration: underline;
}

.join-field:hover {
    color: #2ECC71;
}

.infowindow-link {
    animation: link-down 400ms;
    z-index: 6;
}

@keyframes link-down {
    0% {
        top: -0px;
    }

    25% {
        top: 250px;
    }

    50% {
        top: 250px;
    }

    75% {
        top: 250px;
    }

    100% {
        top: 250px;
    }
}

.infowindow-link-item {
    background-color: #fff;
    padding: 0px;
    margin: 5px;
    animation: link-item-down 200ms 1;
}

@keyframes link-item-down {
    0% {
        margin: 5px;
    }

    25% {
        margin: 8px;
    }

    50% {
        margin: 3px;
    }

    75% {
        margin: 7px;
    }

    100% {
        margin: 5px;
    }
}

.btn-confirm {
    min-width: 100px;
}

.advanced-setting-label {
    padding-left: 0px;
    background-size: 18px;
    background-repeat: no-repeat;
    /* background-image: url(../img/arrow_down_48.png); */
    font-weight: 600;
    background-position: 0 2px;
}

.advanced-setting-label.collapsed {
    background-image: url(../img/arrow_right_48.png);
}

.field[draggable=true] {
    -khtml-user-drag: element;
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.field[draggable=true]:hover {
    background-color: #2ECC71;
}

.help-message {
    color: #aaa;
    cursor: help;
    text-align: right;
    display: inline-block;
}

.help-button {
    display: block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 3000;
    right: 10px;
    bottom: 95px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    color: black;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
}

.help-button:hover {
    background-color: #f4f4f4;
}

.tabs .tab {
    margin: 0px 15px;
}

.tabs .tab a {
    display: inline-block;
    margin: 0px;
}

.tabs .tab a.active {
    text-decoration: underline;
}

#help-manual {
    color: black;
}

#privacy-options-container {
    padding-top: 7px;
}

#row-limit-select {
    display: flex;
    float: right;
}

#row-limit-select > .item {
    display: inline-block;
    line-height: 30px;
    width: 150px;
}

#row-limit-select select {
    max-width: 240px;
}

@media only screen and (min-width: 800px) {
    #limit-options-container {
        text-align: right;
    }
}

/*@media only screen and (min-width: 670px){
  #btn-open-formula-input{
      float: right;
  }
}*/
#btn-add-report, #btn-add-filter {
    margin: 8px;
}

#btn-open-formula-input {
    border: thin solid #ccc;
    border-top: none;
    text-align: left;
    float: left;
    margin-left: 10px;
}

#btn-add-report, #btn-add-filter {
    float: left;
    margin-right: 10px;
}

#btn-open-formula-input.long-bottom {
    margin-bottom: 100px;
}

.btn-delete-report.disabled {
    color: #ccc;
    cursor: default;
}

#config-data-set table tr, #georeport-data table tr {
    line-height: 20px;
}

#georeport-data, #prompt-filter-data {
    padding: 0px;
    margin: 8px;
    border: 1px solid #ddd;
}

#config-data-set table tr:nth-child(2n+1) td, #georeport-data table tr:nth-child(2n+1) td {
    background-color: #f5f5f5;
}

#config-data-set-header table tr:nth-child(1), #georeport-data table tr:nth-child(1) {
    border-bottom: 2px solid #bbb;
}

#config-data-set-header table tr th, #georeport-data table tr th, #prompt-filter-data table tr th {
    background-color: #ddd;
    font-weight: bold;
    text-align: center;
    /* padding: 15px 10px; */
    line-height: 40px;
}

#config-data-set table tr td, #georeport-data table tr td, #prompt-filter-data table tr td {
    /*min-width: 200px;*/
    text-overflow: ellipsis;
    border: 1px solid #ddd;
}

#config-data-set table tr td.checkbox-collumn {
    text-align: center;
}

#btn-formula-evaluate {
    float: right;
}

#modal-missing-data-confirm #missing-data-error {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#modal-missing-data-confirm #missing-data-warning {
    margin-top: 10px;
}

#modal-missing-data-confirm, #modal-data-delete-confirm {
    max-width: 300px;
    max-height: 200px;
}

#modal-data-delete {
    margin: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reimport-label {
    white-space: nowrap;
    text-overflow: ellipsis;
}

#modal-data, #modal-datahub  {
    z-index: 30002;
    padding: 0px;
}

#modal-data > .ggo-modal > .ggo-modal-footer > a {
    margin: 0px 5px;
}

.dragged {
    opacity: 0.6;
}

.drop-zone-frame {
    display: none;
    position: absolute;
    padding-top: 160px;
    padding-left: 270px;
    background-color: #666;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
}

.drop-zone-frame > .drop-zone-frame-title {
    display: none;
    color: #fff;
    font-size: 1.5em;
    /* padding: 50px; */
    /* height: 20%; */
    /* vertical-align: middle; */
}

.drop-zone-frame > .drop-zone-area {
    display: none;
    position: relative;
    /*display: inline-block;*/
    vertical-align: top;
    padding: 5px;
    margin: 5px;
    /*width: 30%;
  height: 80%;*/
    width: 80%;
    height: 20%;
    border: #fff 2px dashed;
}

.drop-zone-frame > .drop-zone-area > .drop-zone-title, .drop-zone-frame > .drop-zone-area > .drop-zone-description, .drop-zone-frame > .drop-zone-area > .drop-zone-image {
    color: #fff;
    padding: 5px;
}

.drop-zone-frame > .drop-zone-area > .drop-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.drop-zone-frame > .drop-zone-area > .drop-zone-title {
    font-size: 1em;
}

.drop-zone-frame > .drop-zone-area > .drop-zone-description {
    display: none;
}

.drop-zone-frame > .drop-zone-area > .drop-zone-image {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 5%;
    height: 100px;
    width: 100px;
    background-color: #fff;
}

.drop-zone-active {
    background-color: #2ECC71;
}

/* minimal width for class drop-zone-area */
@media only screen and (min-width: 380px) and (min-height: 480px) {
    .drop-zone-frame > .drop-zone-area {
        display: initial;
        display: inline-block;
    }
}

/* minimal height for class drop-zone-area */
@media only screen and (min-width: 450px) and (min-height: 400px) {
    .drop-zone-frame > .drop-zone-area {
        display: inline-block;
    }
}

/* minimal height for clas drop-zone-frame-title */
@media only screen and (min-width: 500px) and (min-height: 480px) {
    .drop-zone-frame > .drop-zone-frame-title {
        display: inline-block;
        width: 100%;
    }
}

/* minimal height for class drop-zone-description */
@media only screen and (min-width: 750px) and (min-height: 450px) {
    .drop-zone-frame > .drop-zone-area {
        border-width: 3px;
        width: 30%;
        height: 55%;
    }

    .drop-zone-frame > .drop-zone-area > .drop-zone-title {
        font-size: 1.2em;
    }

    .drop-zone-frame > .drop-zone-area > .drop-zone-description {
        display: block;
    }
}

/* minimum height for class drop-zone-image */
@media only screen and (min-width: 1000px) and (min-height: 580px) {
    .drop-zone-frame > .drop-zone-area {
        height: 60%;
    }

    .drop-zone-frame > .drop-zone-area > .drop-zone-image {
        display: block;
    }
}

.type-aggregation-select {
    display: none;
    position: relative;
    z-index: 5000;
    background-color: #fff;
    text-align: center;
    box-shadow: 2px 2px 5px #ccc;
    left: -10px;
    top: -22px;
    width: 120%;
}

.type-aggregation-select.formula {
    top: -35px;
}

.type-aggregation-select-data-type, .type-aggregation-select-data-aggregation {
    text-align: left;
    padding: 5px;
}

.type-aggregation-select-data-type > .title, .type-aggregation-select-data-aggregation > .title {
    font-weight: bold;
    padding: 5px;
}

.type-aggregation-select-data-aggregation > .title.disabled {
    color: #ccc;
}

.type-aggregation-select-data-type > label, .type-aggregation-select-data-aggregation > label {
    display: inline-block;
    width: 45%;
}

.type-aggregation-text, .select-data-type {
    background-image: ,url("../img/arrow_down.png");
    background-size: 12px 12px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 22px;
}

.select-data-type {
    background-position: 5px;
    min-width: 100px;
}

.custom-expression-trigger {
    position: absolute;
    z-index: 1;
    margin-left: -10px;
}

.custom-expression-trigger:hover {
    cursor: pointer;
}

.custom-expression-trigger.disabled {
    color: #ddd;
}

.custom-expression-trigger.disabled:hover {
    cursor: default;
}

.type-aggregation-text.formula {
    position: relative;
    left: 20px;
    top: -13px;
    width: 100%;
}

.select-data-type.formula {
    position: relative;
}

.type-aggregation-text:hover {
    cursor: pointer;
}

.type-aggregation-text.disabled {
    opacity: 0.3;
}

.select-data-type:disabled, .select-aggregation:disabled {
    opacity: 0.3;
    cursor: default;
}

td.disabled .type-aggregation-text:hover, .type-aggregation-text.disabled:hover, td.disabled .type-aggregation .fa.fa-calculator {
    cursor: default;
}

.type-aggregation {
    min-width: 150px;
    height: 25px;
    overflow: visible;
    padding-left: 10px;
    /*cursor: pointer;*/
    background-color: #fff;
    border: thin solid #ccc;
    background-image: url("../img/arrow_down.png");
    background-size: 15px 15px;
    background-position: right;
    background-repeat: no-repeat;
    line-height: 22px;
    /* opacity: .8; */
}

.type-aggregation > i.fa.fa-calculator {
    position: relative;
    left: 0px;
    top: 4px;
    cursor: pointer;
}

.type-aggregation-select-button {
    text-align: center;
}

.type-aggregation-select-button > .btn {
    display: inline-block;
    margin: 5px !important;
    width: 40%;
    cursor: pointer;
}

#advanced-options-label {
    padding-left: 5px;
    /* cursor: pointer; */
    font-size: 16px;
}

#modal-join {
    top: 5% !important;
    max-width: 450px;
    height: 100%;
    overflow: visible;
}

#modal-formula-input {
    z-index: 30003;
}

#modal-formula-input > .modal-content > .modal-header {
    background-image: url("../img/calc_48.png");
    background-size: 28px;
    background-position: 10px;
    background-repeat: no-repeat;
}

@media only screen and (min-height: 350px) and (min-width: 600px) {
    #modal-join {
        top: 10% !important;
        /* height: 400px; */
    }
}

#modal-join > .modal-content {
    height: 105%;
    width: 100%;
    overflow-y: auto;
    padding-bottom: 5px;
}

#modal-join > .modal-header {
    max-width: 450px;
    max-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#modal-join > .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#modal-join .row.tabs-container {
    margin: 10px 0 0 0;
    padding: 0;
    border: 0px;
}

#modal-join .modal-body > div {
    border: 1px solid #c0c0c0;
    border-width: 0 1px 0 1px;
    margin: 0px;
    padding: 5px;
}

#modal-join .modal-body > div:last-child {
    border: 1px solid #c0c0c0;
    border-width: 0 1px 1px 1px;
    margin: 0px;
}

#modal-join .modal-body > div .u-tool-section {
    margin: 0;
    /* padding: 0; */
}

#tab-join .tabs-container {
    margin: 5px -5px 25px;
}

#tab-join #map-tab.tabs:before {
    display: block;
    content: '';
    border: solid #c0c0c0;
    border-width: 0px 0px 1px 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 0;
}

#tab-join #map-tab.tabs {
    float: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 30px;
    overflow: hidden;
    /* padding: 10px; */
}

#tab-join #map-tab .tab {
    float: none;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    z-index: 1;
    border: 1px solid #c0c0c0;
    border-width: 1px 1px 0px 1px;
    margin: 1px 2px 0px;
    /* padding: 5px; */
    height: 100%;
    line-height: 25px;
    width: inherit;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    min-width 20px; /* min-width: 20px; */ overflow: hidden;
    max-width: 30%;
    border-radius: 2px 2px 0 0;
    /* transition: width 0.2s ease; */
}

#tab-join #map-tab .tab:not(.active):hover {
    height: 29px;
    padding-top: 1px;
    background-color: #f7f7f7;
}

#tab-join #map-tab .tab * {
    color: #888;
}

#tab-join #map-tab .tab:first-of-type {
    margin-left: 10px;
}

#tab-join #map-tab .tab.active * {
    color: #4e4e4e;
}

#tab-join #map-tab .tab.active .edit-field {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

#tab-join #map-tab .tab.add {
    width: 23px;
    color: #4e4e4e;
    min-width: 23px;
    /* margin-bottom: 5px; */
    height: 24px;
    border-width: 1px;
    position: relative;
    background-color: #f7f7f7;
    border-radius: 2px;
    top: 2px;
}

#tab-join #map-tab .tab.add:hover {
    height: 23px;
    padding: 0;
}

#tab-join #map-tab .tab.add:before {
    display: block;
    position: absolute;
    content: '\f067';
    font-family: 'FontAwesome';
    top: -0.5px;
    left: 5px;
    pointer-events: none;
    /* line-height: 25px; */
}

#tab-join #map-tab .tab.add a {
    color: #f7f7f7;
    margin: 0;
    border radius: ;
}

#tab-join #map-tab .tab.active {
    background-color: #fff;
}

#tab-join #map-tab .tab a, #tab-join #map-tab .tab .show-field {
    text-decoration: none;
    margin: 0 0 0 5px;
    /* width: 50px; */
    height: inherit;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 30px;
    min-width: 0;
    /* flex: 0 1 auto; */
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    text-transform: initial;
}

#tab-join #map-tab .tab .btn {
    /* position: static; */
    display: block;
    font-size: 14px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

#modal-select-sheet {
    top: 10% !important;
    width: 350px;
    height: 50%;
}

#modal-select-sheet > .modal-content {
    height: 85%;
    max-width: 100%;
    overflow: hidden;
}

#modal-select-sheet > .modal-content > .modal-body {
    height: 100%;
    margin-bottom: 10%;
    overflow-y: scroll;
}

#xy-coordinates-selection + .row {
    margin: 0;
}

#xy-coordinates-selection {
    padding-top: 25px;
}

.match-percentage-container {
    position: relative;
}

#refresh-mapper {
    position: absolute;
    top: 120px;
    right: 2%;
    max-width: 250px;
}

#no-match-found {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 200px;
    right: 0px;
    color: red;
    /* border: thin solid red; */
    padding: 5px;
    font-weight: 100;
}

#match-percentage {
    display: block;
    position: absolute;
    padding: 10px;
    top: 0px;
    right: -10px;
    font-weight: 100px;
    font-size: 12px;
    color: #2ECC71;
    margin-right: 30px;
    width: 60px;
    border: solid thin #2ECC71;
    border-radius: 100%;
    text-align: center;
}

#match-percentage-loading {
    display: block;
    position: absolute;
    padding: 10px;
    top: 0px;
    right: -10px;
    font-weight: 100px;
    font-size: 12px;
    color: #2ECC71;
    margin-right: 30px;
    width: 60px;
    border: solid thin #2ECC71;
    border-radius: 100%;
    text-align: center;
}

#no-match-found:before {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f06a";
}

@media screen and (min-width: 601px) {
    #no-match-found {
        position: absolute;
        top: 165px;
        left: auto;
        right: 10%;
        color: red;
        width: 80px;
        font-size: 12px;
        font-weight: 100;
        border: none;
    }

    #refresh-mapper {
        position: absolute;
        top: 300px;
        left: calc(350px + 20%);
        max-width: 250px;
    }

    #match-percentage, #match-percentage-loading {
        display: block;
        position: absolute;
        top: 175px;
        right: 10%;
        font-weight: 100;
        font-size: 12px;
        text-align: left;
        color: #2ECC71;
        margin-right: 5px;
        width: 35px;
        border: none;
    }

    #match-percentage::before {
        content: '';
        display: block;
        position: absolute;
        border: 1px solid #2ECC71;
        border-left: none;
        width: 5px;
        height: 80px;
        top: -20px;
        left: -5px;
    }
}

@media screen and (min-width: 800px) {
    #no-match-found {
        top: 165px;
        left: calc( 350px + 25%);
    }

    #match-percentage, #match-percentage-loading {
        top: 175px;
        left: calc( 350px + 25%);
    }
}

.sample-data {
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
    margin-top: -15px;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.sample-data:after {
    content: ' ...';
}

/*#match-percentage{
    display: block;
    position: absolute;
    top: 160px;
    right: 0px;
    font-weight: 100;
    font-size: 12px;
    text-align: left;
    margin-right: 10px;
    width: 35px;
}

#match-percentage::before{
    content:'';
    display: block;
    position: absolute;
    border: 1px solid #999;
    border-left: none;
    width: 5px;
    height: 80px;
    top: -30px;
    left: -15px;
}*/
#ignore-case-frame label {
    line-height: 20px;
    margin: 8px 0;
}

#ignore-case-frame label:hover::after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -7px;
    width: 30px;
    height: 30px;
    /* border: solid thin #2ECC71; */
    background-color: rgba(0,0,0,.1);
    border-radius: 100%;
    opacity: 0.6;
}

#welcome_label {
    z-index: 1;
}

#welcome_overlay .progress {
    background-color: #fff;
    z-index: 1;
}

#welcome_overlay .progress .indeterminate {
    background-color: #4e4e4e;
    /* background-color: #2ECC71; */
}

#map {
    height: 100%;
    z-index: 0;
}

.btn-import-update {
    /* max-width: 250px; */
    /* margin-left: 15px; */
}

.u-left-container {
    position: absolute;
    height: 100%;
    z-index: 30001;
    pointer-events: none;
}

.u-left-container > * {
    pointer-events: auto;
}

.u-bottom-container {
    position: fixed;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    z-index: 10000;
}

.u-bottom-container.hidden {
    display: none;
}

.bottom-container {
    float: left;
    position: relative;
    /* left: -55px; */
}

.u-right-container {
    /* float: right; */
    position: absolute;
    margin-left: -291px;
    left: 100%;
    /*z-index: 1100;*/
    /* width: auto; */
    z-index: 2001;
    pointer-events: none;
}

.u-right-container > * {
    pointer-events: auto;
}

.u-tool {
    min-height: 40px;
    width: 270px !important;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 10px 10px 10px 10px;
    /* border-radius: 3px; */
    /* border-right: solid 1px #888888; */
    z-index: 1;
    -webkit-transition: width 0s, margin-left 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: width 0s, margin-left 0.5s;
}

.u-tool.collapsed {
    -webkit-transition: width 0.5s, margin-left 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: width 0.5s, margin-left 0.5s;
}

.u-tool-container {
    height: 100%;
    float: left;
}

.bottom-container .u-tool {
    border-top: solid 1px #888888;
}

.u-left-container .u-tool {
    float: left;
    margin: 0;
    height: 100%;
    display: none;
    box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.u-left-container .u-tool.active {
    display: block;
}

.u-bottom-container .u-tool {
    float: left;
    margin: 0;
    width: 100%;
    margin: 0 10px;
    display: none;
}

.u-bottom-container .u-tool.active {
    display: block;
    z-index: 120;
    border-radius: 0 3px;
}

.u-bottom-container .u-tool.temp {
    height: 50px;
}

.u-right-container .u-tool-main {
    overflow: auto;
}

.u-tool-tab-container {
    float: left;
    background-color: rgba(0,0,0,0);
    /*necessary for IE*/
    /* position: absolute; */
}

.u-bottom-container .u-tool-tab-container {
    margin-left: 10px;
    z-index: 100;
}

.u-left-container .u-tool-tab {
    display: block;
    width: 0px;
    height: 0px;
    /*background-color:#fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    border: none;
    border-radius: 100%;
    cursor: pointer;
    background-image: url("../img/tools_48.png");
    background-position: 0px 0px;
    background-size: 0px 0px;
    background-repeat: no-repeat;
    margin: 10px 0 0 30px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1), width 300ms cubic-bezier(.4,0,1,1), height 300ms cubic-bezier(.4,0,1,1), margin 300ms cubic-bezier(.4,0,1,1), background-position 300ms cubic-bezier(.4,0,1,1), background-size 300ms cubic-bezier(.4,0,1,1);
}

#tab-filters {
    background-image: url("../img/filter_48.png");
}

#tab-layers {
    background-image: url("../img/layers_48.png");
}

  #btnThematic {
    background-image: url("../img/save-48.png");
  }
  #add_personal_data {
    height: 36px;
    width: 100%;
}
#add_personal_data .dropdown-arrow {
    position: absolute;
    right: 0;
}
#modal-import-title {
    font-size: 22px;
    font-weight: 700;
}
#layer-mask-modal.modal > .modal-header {
    background-image: url("../img/rule-48.png");
  }
#tab-selection {
    background-image: url("../img/selection_48.png");
}

#tab-basemaps {
    background-image: url("../img/basemaps_48.png");
    background-position-y: 6px;
}

#tab-search {
    background-image: url("../img/search_48.png");
}

#tab-legend {
    background-image: url("../img/legend_48.png");
}

#tab-print {
    background-image: url("../img/print.png");
}

#tab-traffic {
    background-image: url("../img/flow.png");
}

#tab-territoryManager {
    background-image: url("../img/tm_48.png");
    background-position: 5px 4px;
}

#tab-report {
    background-image: url("../img/report.png");
}

#tab-toolbox {
    background-image: url("../img/tools_48.png");
}

#tab-motion {
    background-image: url("../img/motion_map_play_48.png");
}

#tab-motion {
    background-image: url("../img/motion_map_edit_48.png");
}

#tab-publish {
    background-image: url("../img/cluster_48.png");
}

#tab-legend, #tab-search, #tab-prompt, #tab-createForm{
    display: none;
    /* hides the menu button for search, legend and motion map player. Comment to show them again*/
}

#tab-streetView.streetview-active {
    background-color: #2ECC71;
    background-image: url("../img/streetview_active_48.png");
}

#tab-streetView {
    background-image: url("../img/streetview_48.png");
}
.flow-streetView {
    background-image: url("../img/streetview_48.ico");
    padding-top: 7px !important;
    background-size: 25px;
    background-position: 8px 3px !important;
    background-repeat: no-repeat !important;
  }

#tab-importData {
    background-image: url("../img/data_48.png");
    background-position: 6px 6px;
}

#tab-co {
    background-image: url("../img/config_48.png");
    background-position: 6px 6px;
}

#tab-admin {
    background-image: url("../img/admin_48.png");
    background-position: 3px 4px;
    background-size: 24px 24px;
}

#tab-zonesDistrib {
    background-image: url("../img/zd_48.png");
}

#tab-annotation {
	background-image: url("../img/annotate_48.png");
	background-position: 6px 6px;
}

.u-bottom-container .u-tool-tab .tab-label {
    line-height: 30px;
    text-align: center;
    /* font-weight: 300; */
    color: #888;
}

.u-bottom-container .u-tool-tab.active .tab-label {
    line-height: 30px;
    /* font-weight: 600; */
    /* height: 30px; */
    color: #333;
}

.u-left-container .u-tool-tab .tab-label {
    position: absolute;
    top: 3px;
    left: 10px;
    /* height: 20px; */
    width: auto;
    line-height: 20px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    display: block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    visibility: hidden;
    transition: background-color 150ms cubic-bezier(.4,0,1,1), color 100ms cubic-bezier(.4,0,1,1), left 100ms cubic-bezier(.4,0,1,1);
    /* float: left; */
    transition-delay: 150ms;
    text-overflow: initial;
    white-space: nowrap;
    padding: 3px 5px;
}

.u-left-container .u-tool-tab:hover {
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 8px 10px rgba(0,0,0,.28);
    width: 40px;
    height: 40px;
    /* background-image: url("../img/close_white_48.png"); */
}

.u-left-container .u-tool-tab:hover .tab-label {
    visibility: visible;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    z-index: 99999999999;
    left: 45px;
}
/*
.u-left-container .u-tool-tab-container:hover > .u-tool-tab {
    width: 30px;
    height: 30px;
    margin: 5px 0 0 15px;
    background-position: 5px 5px;
    background-size: 20px 20px;
    overflow: visible;
}*/

.u-left-container .u-tool-tab.expanded {
    width: 30px;
    height: 30px;
    margin: 5px 0 0 15px;
    background-position: 5px 5px;
    background-size: 20px 20px;
    overflow: visible;
    /* margin: 10px 10px 10px 0px; */
}

.u-left-container .u-tool-tab.main-tab,.u-left-container .u-tool-tab-container:hover > .main-tab {
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px 0 10px 10px;
    background-position: 8px 8px;
    background-size: 24px 24px;
    background-color: #2ECC71;
    background-image: none;
    transition: 150ms;
    cursor: pointer;
    padding: 8px;
}

.u-left-container .u-tool-tab-container > .main-tab::after {
    content: '';
    display: block;
    background-color: none;
    width: 24px !important;
    height: 24px !important;
    margin: 0;
    width: 30px;
    /* padding: 8px; */
    height: 30px;
    background-image: url("../img/menu_white_48.png");
    background-position: 0px 0px;
    background-size: 24px 24px;
    /* box-sizing: content-box !important; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.u-left-container .u-tool-tab-container.opened > .main-tab {
    box-shadow: 0 0 2px rgba(0,0,0,.14),0 3px 6px rgba(0,0,0,.28);
    background-color: #2ECC71
}

.u-left-container .u-tool-tab-container.opened > .main-tab::after, .u-left-container .u-tool-tab-container.opened > .main-tab::after {
    background-image: url("../img/menu_white_expanded_48.png");
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.u-left-container .main-tab .tab-label {
    top: 10px;
    left: 50px;
}

.u-left-container .u-tool-tab.active {
    /* background-image: url("../img/arrow_48.png"),url("../img/tab.fw.png"); */
    /* background-size: 24px 24px, 66px 71px; */
    /* background-position: 18px, 0 0; */
}

.u-left-container .u-tool-tab.active .tab-label {
    /* display: none; */
}

.u-bottom-container .u-tool-tab {
    display: inline-block;
    width: 70px;
    height: 30px;
    margin: 0;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    position: relative;
    /* background-image: url("../img/tab_shadow_btm.fw.png"),url("../img/layers_48.png"),url("../img/tab_btm.fw.png"); */
    /* background-position: 8px 26px, 24px 16px, 0 0; */
    /* background-size: 57px 40px, 24px 24px, 71px 66px; */
    /* background-repeat: no-repeat, no-repeat; */
    background-color: #f8f8f8;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,.1);
}

.u-bottom-container .u-tool-tab.active {
    /* background-image: url("../img/arrow_down.png"),url("../img/tab_btm.fw.png"); */
    /* background-position: 24px 16px, 0 0; */
    /* background-size: 24px 24px, 71px 66px; */
    background-color: #fff;
    box-shadow: none;
}

.u-bottom-container .u-tool-tab.active .tab-label {
    /* color: white; */
}

.u-tool-main {
    margin: 0;
    /* height: 100%; edit VDN : removing this property, it breaks half of the right panels and create a permanent scrollbar */
    /*I checked and it doesn't seem to break something however to keep this property break the TM panel layer*/
    z-index: -2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: hidden;
}

.u-tool-header-button {
    max-width: 270px;
    margin-top: 10px;
}

.u-tool-main-content {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
}

#layers > .u-tool-main, #importData > .u-tool-main {
    height: 100%;
}

#filters .u-tool-main, #basemaps .u-tool-main {
    padding-left: 10px;
    overflow-y: auto;
    height: 100%;
}

.u-tool-section {
    padding: 5px 10px 0 10px;
    margin-top: 5px;
}

.u-tool-section.top-divider {
    border-top: solid 1px #eee;
    margin-top: 15px;
}

.u-tool-section.buttons-left,.u-tool-section.buttons-right,.u-tool-section.buttons-spread {
    display: -webkit-flex;
    display: flex;
}

.u-tool-section.buttons-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.u-tool-section.buttons-spread {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#legendtool {
    border-radius: 20px;
    background-color: #ffffff;
}

#legendtool-header {
    display: inline-block;
}

#legendtool .u-tool-main {
}

#legendtool .u-tool-main.expanded:before {
    content: '';
    height: 5px;
    display: block;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-bottom: 5px;
}

#legendtool .u-tool-header {
    background-color: #fff;
    box-shadow: none;
    border-radius: 20px;
}

.dialog .u-tool-main {
    height: auto;
}

.u-tool-main h1 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px 0;
    font-weight: 300;
}

.u-tool-main h2 {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    font-weight: bold;
}

.u-tool-header {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 6px;
    border-bottom: solid 0px #fff !important;
    margin: 0;
    background-position: 10px;
    height: 40px;
    padding-left: 40px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
    z-index: 2;
    position: relative;
}

.u-tool-header span {
    font-size: 1rem;
    display: inline-block;
    margin-top: 0.5rem;
}

#territoryManager .u-tool-header, #territoryManager .u-tool-header, #tab-territoryManager {
    background-image: url("../img/tm_48.png");
    /* to have its own logo */
}

.galigeo-project-wrapper {
    padding : 0 10px;
}

.filter-active {
    width: 180px;
}

.filter-active i {
    left: 16px!important;
}

.filter-active input {
    width : 145px;
    position : absolute;
    right : 0;
    bottom : 0;
    top : 0;
    border : none;
    font-size : 15px;
}

.filter-active input:focus {
    outline : none;
}

.prompt .u-tool-header {
    background-image: url("../img/legend_48.png");
}

.u-tool-search {
    height: 40px;
    display: inline-block;
    vertical-align: top;
}

.u-tool-motion {
    display: inline-block;
    vertical-align: top;
}

.u-right-container .u-tool-header {
    background-image: url("../img/arrow_48.png");
    background-size: 20px;
    background-position: 200px 10px;
    padding-left: 0px;
    margin: 0;
    width: 220px;
    cursor: pointer;
}

.u-right-container .u-tool-header.expanded {
    background-image: url("../img/arrow_down_48.png");
}

.u-bottom-container .u-tool-header, .u-left-container .u-tool-header {
    border-bottom: solid 1px #666666;
}

.collapsed .u-tool-main {
    display: none;
}

.u-bottom-container .u-tool-main {
    height: 100px;
}

.u-right-container .u-tool-main.expanded {
    display: block;
}

.u-right-container .u-tool-main {
    display: none;
}

.u-tool-close-button {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    /*background-image: url("../img/close_48.png");*/
    background-image: url("../img/left.png");
    background-position: 0px 0px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    /*background-size: cover; */
    cursor: pointer;
    margin-top: 8px;
    border-radius: 14px;
}



.u-tool-close-button:hover {
    background-color: rgba(0,0,0,.1);
}

/*######### COMMON ELEMENTS #############*/
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2ECC71;
    box-shadow: none;
}

label {
    color: #4e4e4e;
    font-size: 14px;
}

.g-select select {
    display: block;
    cursor: pointer;
    height: auto;
}

.modal .modal-content {
    padding: 0;
    background-color: #fff;
}

.modal .modal-header, .ggo-modal .ggo-modal-header {
    display: block;
    background-color: #fff;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 0 6px;
    border-bottom: solid 1px  #dadada;
    margin: 0;
    background-position: 10px;
    padding: 10px 10px 10px 45px;
    line-height: 40px;
    z-index: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 5px;
}

#import-catalog-modal .modal-header {
    padding: 10px 10px 10px 10px;
}


.modal .modal-header .btn {
    position: absolute;
    top: 3px;
    right: 3px;
}


.modal .modal-header .btn.circle.small i {
    font-size: 14px;
}

.modal .modal-body {
    padding: 0px 10px 0 10px;
}

.modal .modal-body p {
    margin: 5px 0;
}

.modal .modal-body tr th {
    white-space: nowrap;
}

.modal .modal-footer {
    background-color: #fff;
}

.modal .modal-footer .btn {
    margin-left: 10px;
}

.card {
    display: block;
    float: left;
    width: 246px;
    /* height: 35px; */
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    margin: 0 0 5px 2px;
    padding: 5px;
    cursor: pointer;
}

.card.waves-effect {
    transition: box-shadow 200ms cubic-bezier(.4,0,1,1);
}

.card.waves-effect:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.btn {
    font-family: 'Roboto Condensed',Helvetica,Tahoma;
    font-size: 14px;
    position: relative;
    display: block;
    margin: 10px auto;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    background-color: #2ECC71;
    color: #fff;
    cursor: pointer;
    transition: box-shadow 200ms cubic-bezier(.4,0,1,1) , background-color 200ms cubic-bezier(.4,0,1,1);
    line-height: 16px;
}

.btn.text {
    margin: 0;
    text-transform: none;
    padding: 10px 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn.circle {
    margin: 3px;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    font-size: 24px;
    line-height: 34px;
    background: none;
    box-shadow: none;
    color: #4E4E4E;
}

.btn.circle i {
    font-size: 24px;
}

.btn.circle.small {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    line-height: 28px;
}

.btn.circle.small i {
    font-size: 22px;
}

.btn.circle:hover {
    background-color: #eee;
    box-shadow: none;
}

.btn.circle i {
    margin: auto;
    font-size: 20px;
}

.btn.white {
    background-color: #FFF;
    color: #4E4E4E;
}

.btn.white:hover {
    background-color: #eee;
}

.btn.orange {
    background-color: #f39c12;
    color: #fff;
}

.btn.orange:hover {
    background-color: #FFC224;
}

.btn.square {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    cursor: pointer;
    background-color: #FFF;
    color: #4E4E4E;
    background-size: 24px 48px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    transition: box-shadow 150ms cubic-bezier(.4,0,1,1);
    border-radius: 2px;
    font-size: 20px;
}

.buttons-left .btn {
    margin-right: 10px;
}

.buttons-right .btn {
    margin-left: 10px;
}

.btn i {
    vertical-align: middle;
    height: 18px;
    margin-right: 5px;
}

.btn.square i {
    position: absolute;
    font-size: 20px;
    line-height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.btn.disabled:hover {
    box-shadow: none;
}

.layermenu .btn {
    display: inline-block;
    margin: 5px 0px 0px 20px;
    font-size: 10px;
    width: 70px;
}
#list-flux .layermenu i.active {
    color: #fff !important;
}
#list-flux {
    height: calc(100vh - 330px);
    overflow: hidden;
    overflow-y: auto;
}
.btn:hover, .btn:active, .btn:focus {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #2ECC71;
}

.btn.square:hover, .btn.square:active, .btn.square:focus {
    background-color: #fff;
}
/*
.btn span {
    display: inline-block;
    padding: 12px 10px;
    text-transform: none;
}*/

#btn-mapping span {
    padding: 0;
}

#btn-mapping, #btn-mapping-ok {
    margin-top: 5px;
}

.btn span span {
    padding: 0;
}

.btn.white {
    background-color: #fff;
    color: #333;
}

.layermenu .btn span {
    padding: 0px;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inputBtnSection {
    display: inline-block;
    /* vertical-align:top; */
    /* font-size:0; */
}

.disableInputField {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    margin: 10px 0;
    padding: 0 3px;
    width: 150px;
    line-height: 24px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.uploadBtn {
    font-family: 'Roboto Condensed',Helvetica,Tahoma;
    font-size: 14px;
    position: relative;
    display: block;
    margin: 10px auto;
    padding: 7px 10px;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    color: #454545;
    cursor: pointer;
    transition: box-shadow 200ms cubic-bezier(.4,0,1,1) , background-color 200ms cubic-bezier(.4,0,1,1);
    margin-right: 10px;
    margin-left: 5px;
    line-height: 22px;
}

.uploadBtn:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:10;
}

td [type="checkbox"]+label:before {
    margin-left: 5px;
}

[type="checkbox"]+label:before {
    width: 16px;
    height: 16px;
}

[type="checkbox"]+label.indeterminate:before {
    content: '';
    background-image: url('../img/ic_indeterminate_check_box_black_24dp_2x.png');
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: -2px;
    border: none;
    width: 20px;
    height: 20px;
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -3px;
    width: 8px;
    height: 18px;
    border-right: 2px solid #2ECC71;
    border-bottom: 2px solid #2ECC71;
}

[type="radio"]:checked+label:after {
    border: 2px solid #2ECC71;
    background-color: #2ECC71;
}

dataTables_scrollBody {
    margin-right: 10px;
}

#toast-container {
    /* min-width: 8% !important; */
    top: 5px;
    right: initial;
    margin: 0 auto;
    bottom: inherit;
    left: inherit;
    z-index: 10001001;
    /* min-width: 350px; */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    max-width: 100%;
    pointer-events: none;
    width: 100%;
}

.picker__frame {
    left: 50%;
    margin-left: -162px;
}

.picker__date-display {
    background-color: #2ECC71;
}

.picker__year-display {
    color: #fff;
}

.picker__weekday-display {
    background-color: #76991A;
}

.picker__day.picker__day--today, .picker__close, .picker__today {
    color: #2ECC71;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    background-color: #D8EE9B;
}

.print-option:hover {
    background-color: #eee;
    color: #000;
}

.print-option.active {
    color: white;
    background-color: #FD7E14;
}

.print-option {
    cursor: pointer;
    border: 1px #eee solid;
    font-size: 1rem;
    padding: 5px 10px;
    text-align: center;
}

#print-step-container {
    border-bottom: none;
    overflow-y: auto;
    height: calc(80vh - 150px);
    min-height: 200px;
}

#print-bottom {
    position: fixed;
    background-color: white;
    width: 250px;
    bottom: 0px;
}
#printFields {
    position: fixed;
    bottom: 130px;
    width: 250px;
    min-height: 100px;
    max-height: 170px;
    overflow: hidden;
    overflow-y: auto;
}

/*
input[type="checkbox"]::after{
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    margin-left: -2px;
    background-image: url("../img/checkbox_32.png");
    background-size: 16px 32px;
    cursor: pointer;
    }
input[type="checkbox"]:checked::after{
    background-position: 0 16px;

}

 input[type="checkbox"].selectAllCheckBox{
    margin-left: -8px;
}

input[type="radio"]::after{
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    margin-left: -2px;
    background-image: url("../img/radio_32.png");
    background-size: 16px 32px;
    cursor: pointer;
    }
input[type="radio"]:checked::after{
    background-position: 0 16px;

}*/
.toast i {
    margin-right: 10px;
}

.toast.alert {
    background-color: #FFC400;
    color: #4e4e4e;
}

.toast {
    height: auto;
    max-width: 500px;
    line-height: 20px;
    padding: 14px 10px;
}

/*########### LEAFLET SPECIFIC ############# */
/*
.leaflet-top .leaflet-control {
  margin-top: 110px !important;
}
*/
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
}

.esri-leaflet-logo {
    display: none;
}

.leaflet-popup-tip-container {
    margin-top : -1px !important;
}

/*########### Headers Icons ############# */
#filters .u-tool-header {
    background-image: url("../img/filter_48.png");
}

#thematicFilter .modal-header {
    background-image: url("../img/filter.png");
}

#layers .u-tool-header {
    background-image: url("../img/layers_48.png");
}
#report .u-tool-header {
    background-image: url("../img/report.png");
}
#traffic .u-tool-header {
    background-image: url("../img/flow.png");
}

#selection .u-tool-header {
    background-image: url("../img/selection_48.png");
}

#print .u-tool-header {
    background-image: url("../img/print.png");
}

#basemaps .u-tool-header {
    background-image: url("../img/basemaps_48.png");
}

#data5 .u-tool-header {
    background-image: url("../img/tm_48.png");
}

#toolbox .u-tool-header {
    background-image: url("../img/tools_48.png");
}

#motion .u-tool-header {
    background-image: url("../img/motion_map_edit_48.png");
}

#importData .u-tool-header, #modal-join .modal-header, #modal-data .ggo-modal-header, #modal-report .modal-header, #modal-import-normal .modal-header, #modal-import-update .modal-header, #modal-edit-excel .modal-header, #modal-edit-csv .modal-header, #modal-select-sheet .modal-header {
    background-image: url("../img/data_48.png");
}

#tm-save-as-modal .modal-header {
    /*background-image: url("../img/save.png");*/
    padding-left: 10px !important;
}

#tm-georeport-modal {
    max-width: 600px;
    max-height: 450px;
}

#tm-save-as-modal, #tm-rename-hierarchy-modal {
    max-width: 450px;
    max-height: 250px;
}

#tm-rename-hierarchy-modal .modal-header {
    background-image: url("../img/edit_48.png");
}

#tm-georeport-modal .modal-header {
    background-image: url("../img/georeport.png");
}

.tm-header-buttons {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

#modal-data .ggo-modal-header {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 10px 10px;
    z-index: 60000;
    width: calc(100% - 40px) !important;
}

#modal-data .ggo-modal-content {
    padding: 0px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 40px;
}
#modal-datahub .ggo-modal-header {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 10px 10px;
    z-index: 60000;
    width: calc(100% - 40px) !important;
}

#modal-datahub .ggo-modal-content {
    margin-top: 0px;
    padding: 0px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}
#modal-edit-csv .modal-header, #modal-import-normal .modal-header, #modal-import-update .modal-header, #import-catalog-modal .modal-header {
    position: absolute;
}


.motion_edit_query .fa-info-circle, .motion_edit_axis .fa-info-circle {
    margin-left: 5px;
    display: none;
}

#motion select {
    display: inline-block;
    width: 240px;
}

#motion .s-tool-btn {
    margin: 0 1px;
    /*margin: 0 0 0 10px;*/
}

#motionSavedFilterList {
    margin: 0 7px 0 2px;
    padding: 0 5px;
}

.motion_edit_query, .motion_edit_axis {
    margin-top: 5px;
    margin-left: 10px;
}

.motion_edit_query .motion_edit_label, .motion_edit_axis .motion_edit_label {
    font-size: 16px;
    font-weight: bold;
}

.saved-motion-name {
    display: inline-block;
    max-width: 170px;
    overflow: visible;
}
.view-user-name {
    display: inline-block;
    max-width: 170px;
    overflow: visible;
    margin-left: 10px;
}
.saved-motion-img img {
    max-height: 100px;
}
.saved-motion-img {
    display: inline-block;
    width: 239px;
    height: 100px;
    border: 1px solid #ccc;
}
.motionFilter.active .saved-motion-img::before{
    content: '';
    display: block;
    position: absolute;
    height: 100px;
    width: 239px;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.2);
    z-index: 0;
}
.motionFilter.active .saved-motion-img-bloc::before {
    content: '';
    display: block;
    position: absolute;
    height: 60px;
    width: 30px;
    border-bottom: solid 15px #fff;
    border-right: solid 15px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    left: 50%;
    top: 15px;
    z-index: 9;
    margin-left: -15px;
}
.view-user-show-name {
    width: 145px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}

.view-user-edit-name {
    width: 120px;
    font-size: 14px;
}

.view-user-name .view-user-input-name {
    height: 17px;
    margin: 0px;
    font-size: 14px;
    max-width: 142px;
    height: 28px !important;
    color: #7d7b7b;
}
.saved-motion-show-name {
    width: 170px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.saved-motion-edit-name {
    width: 150px;
    font-size: 14px;
}

.saved-motion-name .saved-motion-input-name {
    height: 17px;
    margin: 0px;
    font-size: 14px;
}

.saved-motion-detail {
    width: 230px;
    height: 19px;
    font-size: 14px;
    font-weight: 200;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.motion-confirm-edit {
    display: inline;
}
.view-user-confirm-edit {
    display: inline;
}
.motion-delete i.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.motion-map-confirm.color {
    color: #2ECC71;
}

.motion-map-cancel.color {
    color: #f39c12;
}

#annotation .u-tool-header {
    background-image: url("../img/annotate_48.png");
}

/*########### PROMPTS ############# */
.promptList {
    width: 240px;
    /* height: 100%; */
}

.filterApply {
    width: 100%;
}

.overlay {
    position: fixed;
    /*z-index: 40000;*/
    z-index: 100005;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(0,0,0,0.5);
}

.overlay .dialog {
    position: absolute;
    max-width: 700px;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    box-sizing: border-box;
    padding: 0;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
    width: 95%;
    font-size: 14px;
    z-index: 4000 !important;
}

.overlay .dialog .u-tool-header {
    border-bottom: 1px solid #4e4e4e;
}

.overlay .dialog.prompt .u-tool-main {
    margin: 10px;
    overflow: hidden;
}

.btn-prompt {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#promptValidate {
    font-size: 14px;
    background-color: #ddd;
    pointer-events: none;
}

#promptValidate.changed {
    font-size: 14px;
    background-color: #2ECC71;
    pointer-events: auto;
    transition: background-color .3s linear;
}

#new_saved_motion {
    /* font-size: 12px; */
    background-color: #ddd;
    pointer-events: none;
}

#new_saved_motion.valid {
    font-size: 14px;
    background-color: #2ECC71;
    pointer-events: auto;
}

.prompt.card {
    transition: background-color 150ms cubic-bezier(.4,0,1,1), box-shadow 150ms cubic-bezier(.4,0,1,1);
    padding-bottom: 0;
    width: 100%
}

.prompt.card:hover {
    /*background-color: rgba(0,0,0,.05);*/
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.card .prompt-selectedValues {
    width: 240px;
    height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prompt-group {
    margin-bottom: 15px;
    /* padding: 0px 5px; */
    /* height: 500px; */
}

.prompt-group h1 {
    font-size: 16px;
    margin: 5px 0;
    line-height: 20px;
    font-weight: 600;
}

.prompt-allSelectValues {
    display: none;
}

.prompt-icon {
    display: block;
    width: 20px;
    height: 16px;
    float: left;
    background-image: url("../img/prompt-filter_32.png");
    background-size: 16px 16px;
    background-position: 3px;
    background-repeat: no-repeat;
}

.MONO .prompt-icon, .RADIO .prompt-icon {
    background-image: url("../img/prompt-filter-mono_32.png");
}

.MULTI .prompt-icon, .CHECK .prompt-icon {
    background-image: url("../img/prompt-filter-multi_32.png");
}

.DATE .prompt-icon {
    background-image: url("../img/prompt-calendar_32.png");
}

.TEXT .prompt-icon {
    background-image: url("../img/prompt-alpha_32.png");
}

.prompt-alias {
    display: block;
    float: left;
    height: 16px;
    font-size: 15px;
    line-height: 16px;
    max-width: 198px;
    overflow: hidden;
    margin-left: 6px;
    margin-bottom: 3px;
}

.prompt-edit {
    display: block;
    width: 16px;
    height: 16px;
    float: right;
    background-image: url("../img/edit_32.png");
    background-size: 12px 12px;
    background-position: 3px;
    background-repeat: no-repeat;
    transition: background-size 100ms cubic-bezier(.4,0,1,1), background-position 100ms cubic-bezier(.4,0,1,1);
    /* border-radius: 100%; */
}

.prompt-edit:hover {
    background-size: 16px 16px;
    background-position: 0px;
}

.prompt-checkbox {
    display: block;
    width: 16px;
    height: 16px;
    /*background-image: url("../img/checkbox_32.png");*/
    background-size: 16px 32px;
    float: left;
}

.prompt-selectedValues {
    display: block;
    float: left;
    height: 16px;
    font-size: 13px;
    font-weight: 200;
    line-height: 16px;
    max-width: 198px;
    margin-left: 6px;
    overflow: hidden;
}

.prompt-allSelectValues {
    position: relative;
    display: none;
    /* height:16px; */
    font-size: 10px;
    font-weight: 200;
    line-height: 12px;
    max-width: 198px;
    /* margin-left: 3px; */
    /* overflow: hidden; */
    left: 240px;
    top: -50%;
    color: #fff;
    background-color: rgba(0,0,0,.8);
    border-radius: 3px;
}

.dialog.prompt button:focus {
    outline: none;
    background-color: #2ECC71;
}

/*########### SELECTION ############# */
#data3 .u-tool-main {
    margin-right: 10px;
}

#selection .u-tool-main, #motion .u-tool-main, #importData .u-tool-main {
    margin-top: 0;
    margin-left: 0;
    min-height: 100px;
    overflow-y: auto;
}

#selection .u-tool-main, #importData .u-tool-main {
    overflow-y: initial;
}

#importData .u-tool-main {
    overflow-x: hidden;
    overflow-y: auto;
}

.selection-new {
    height: 100%;
    /* overflow: auto; */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.selection-menu, .galigeo-top-panel-wrapper {
    margin: 10px;
    position: relative;
}

.selection-list {
    margin-right: 10px;
}

.selection-buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
}

.selection-buttons #new_selection, .selection-buttons #addSmartQuery, .selection-buttons #load_selection , .selection-buttons #save_selection {
    background-color: #fff;
    color: #4e4e4e;
    margin-top: 5px;
}

#new_selection {
    cursor: pointer;
    color: #fff;
    background-color: #2ECC71;
}
#addSmartQuery {
    cursor: pointer;
    width: 30px;
}

div#new_selection.disabled {
    opacity: 0.5;
}

.selection-buttons #new_selection {
    width: 215px;
    background-color: #7FAC02;
}

.selection-buttons #new_selection.disabled {
    background-color: #D9D9D9;
}


.selection-buttons #load_selection {
    background-color: #C9C9C9;
}
.selection-buttons #addSmartQuery {
    background-color: #C9C9C9;
}
.selection-buttons #load_selection , .selection-buttons #save_selection, .selection-buttons #addSmartQuery {
    min-width: 90px;
}

.selection-buttons i {
    color: white;
}

.current-selections-container {
    margin: 10px !important;
}

.current-selections-container .collapsible-header {
    background-color: #dddddd;
    line-height: 0px;
    height: 30px;
    width: 100%
}

.current-selections-container .collapsible-body {
    display: block;
    margin: 3px 2px;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #2ECC71;
    cursor: pointer;
}

.current-selections-container .collapsible-body.active {
    background-color:#2ECC71;
    color: white;
}

.current-selections-container li.active {
    border-top: none;
}

.motionFilter.card {
    padding-bottom: 0;
    width: 100%;
    height: 150px;
}
.selection.card{
    transition: background-color 150ms cubic-bezier(.4,0,1,1), box-shadow 150ms cubic-bezier(.4,0,1,1);
    padding-bottom: 0;
    width: 100%;
    height: 50px;
}
.selection.card.active {
    background-color: #2ECC71;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
}

.selection.card:hover {
    /*background-color: rgba(0,0,0,.05);*/
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.selection.card.active:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
}

.card .selection-layer {
    width: 155px;
    height: 19px;
    font-size: 14px;
    font-weight: 200;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card .selection-count {
    width: 75px;
    height: 19px;
    font-size: 14px;
    font-weight: 200;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    right: 0;
    overflow: hidden;
    float: right;
}

.s-tool-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 10px;
    cursor: pointer;
    background-size: 24px 48px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1);
    border-radius: 2px;
    font-size: 20px;
}

.s-tool-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.s-tool-btn:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.s-tool-btn.active {
    background-position: 3px -22px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.s-tool-btn:active, .s-tool-btn:hover.active {
    background-position: 3px -22px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.s-tool-btn#free {
    background-image: url("../img/select-free_48.png");
    background-position-x: center;
    background-repeat: no-repeat;
}

.selection-menu .s-tool-btn {
    margin: 0 10px 0 2px;
}

.selection-step {
    font-size: 12px;
}

.selection-mode.disabled {
    opacity: 0.4;
}

.selection-mode.disabled label {
    cursor: default;
}

.selection-mode input[type="radio"] {
    display: none;
}

.selection-mode label {
    border: 1px solid #EEEEEE;
    height: 100% !important;
}

.selection-mode label::before, .selection-mode label::after {
    content:none
}

.selection-mode [type="radio"]:checked + label {
    background-color: #2ECC71;
    color: white;
}

#selection-tools .s-tool-btn.active {
    color: white;
    background-color: #2ECC71;
}

.selection-mode .row {
    margin: 10px;
    height: 30px;
}

.selection-step h1 {
    font-size: 16px;
}

.selection-mode h1, .selection-editable h1 {
    margin: 10px;
    font-size: 15px;
}

.selection-tool-form h1, .selection-tool-form label {
    font-size: 14px !important;
    line-height: 14px;
    /* padding-top: 3px; */
}

.selection-step p, .selection-step option {
    font-weight: 200;
    margin: 5px 0;
}

.selection-step label {
    margin-right: 25px;
    padding-left: 28px !important;
}

.selection-step > .row {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    /*border-bottom: solid 1px #EEEEEE;*/
}

.selection-step .row div {
   /* margin: 10px;*/
}

.selection-step #load_selection, .selection-step #new_selection, .selection-buttons #addSmartQuery {
    width: 30px;
    border-radius: 2px;
}

.selection-table-wrap tr {
    font-size: 12px !important;
}

.selection-table-wrap tr th {
    font-size: 14px !important;
}

#g-select-layer {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 2px;
}

#selectionStatsTable_wrapper tr {
    cursor: pointer;
}

#selectionStatsTable_wrapper thead tr {
    cursor: default;
}

#drive_time_form, #isodistance_form {
    width: 90%;
    margin-top: 12px;
    padding-left: 10px;
}

#tm-drive-time-form {
    position: absolute;
    z-index : 1000000;
    top: 67px;
    left: 183px;
    width: 200px;
}

#drive_time_form:before, #isodistance_form:before, #tm-drive-time-form:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #eee;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 105px;
    z-index: 0;
}

#isodistance_form:before {
    left: 58px;
}

#tm-drive-time-form form {
    background-color: #eee;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 5px;
    z-index: 2;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.selection-tool-form h1 {
    margin: 0
}

.selection-tool-form input {
    margin-bottom: 5px;
    height: 25px
}

#selection-tools .row {
    margin: 10px;
}

#selection-tools .row div {
    margin: 0px;
    box-shadow: none;
    border: 1px solid #EEEEEE;
    border-radius: 0px;
}

input#selectionFilter {
    height: 22px;
    margin-bottom: 5px;
    padding-right: 20px;
    width: 230px;
}

#selectionFilterDetail {
    font-size: 12px
}
/*
#selection_add + label, #isodistance_meter + label, #drive_time_min + label {
    margin-left: 10px;
    width: 96px;
}
*/
.selection-georeport-list {
    display: block;
    width: 100px;
}

.georeport-card {
    padding: 10px;
}

.georeport-card:hover {
    cursor: pointer;
    background-color: #2ECC71;
}

#selectionName {
    width: 220px;
    height: 20px;
    padding-right: 20px;
}

#selectionInformation {
    max-height: 50px;
    overflow: hidden;
    overflow-y: auto;
}

#selectionChartsSwitcher {
    font-size: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    /* margin: 0 5px 0 10px; */
    padding: 4px;
    cursor: pointer;
    /* position: absolute; */
    left: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1);
    border-radius: 2px;
    float: right;
    background-image: url("../img/graph_48.png");
    background-size: 24px;
}

#selectionChartsSwitcher:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/*
.#selectionChartsSwitcher:active, .#selectionChartsSwitcher.active, .#selectionChartsSwitcher:hover.active{
    background-color: #2ECC71;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}*/
/*########### PRINT ############# */
.print-step {
    margin-bottom: 15px;
    font-size: 12px;
}

.print-buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#print-button {
    width: 100%;
}

.print-step label {
    padding-left: 25px !important ;
}

#PrintMethod label:first-of-type {
    margin-right: 15px;
}

#title-input {
    width: 245px;
    height: 2em;
}

#printName {
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    width: 89%;
    height: 25px;
    padding-right: 20px;
}

.print-step h1 {
    font-size: 16px;
}

#print .u-tool-main {
    margin: 10px;
    overflow-y: auto;
}

/*########### LAYERS ############# */
#layers .u-tool-main {
    margin: 0;
}

.l-tool-btn ,.import-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 2px;
    cursor: pointer;
    background-size: 24px 48px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-radius: 2px;
    font-size: 20px;
}

.l-tool-btn:hover, .import-btn:hover {
    /*box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);*/
}

.l-tool-btn#btnMaskLayer {
    background-size: 24px;
}
.l-tool-btn#btnThematic {
    background-size: 24px;
}
.l-tool-btn#btnAddLayerOnly {
    background-size: 30px;
    margin-top: 0px;
    border-radius: 7px;
    background-position: 0px 0px;
    height: 30px;
    width: 30px;
}
.l-tool-btn:hover {
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.51), 0 2px 10px 0 rgba(0, 0, 0, 0.51);
}
/*.add-dropdown {
   height: 110px;
   border-radius: 8px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.add-dropdown .add-header {
    font-weight: 600;
    margin-left: 10px;
}
.add-dropdown .add-list {
    padding-left: 0px;
    padding-top: 15px;
    margin: 0;
}
.add-dropdown .add-list li {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 15px;
}
.add-dropdown .add-list li a{
    padding: 5px 21px;
    display: inline-block;
    color: rgb(134, 128, 128);
}
.add-dropdown .add-list li i{
   height: 16px;
   width: 16px;
   display: inline-block;
}
.add-dropdown .add-list li > a{
    padding: 5px 15px;
    display: inline-block;
    font-size: 14px;
}
*/

#layer-mask-modal.modal > .modal-header{
    background-size: 24px;
    background-position: 5px 5px;
}

#layer-mask-modal.modal > .modal-content{
    padding: 5px;
    padding-bottom: 30px;
    margin-top: 5px;
    /* margin-bottom: 15px; */
    max-height: 85%;
}

#layer-mask-modal.modal >
.modal-content >
.filter {
    line-height: 20px;
    height: 20px;
    padding-left: 20px;
    background-image: url('../img/filter.png');
    background-position: 0px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    margin: 20px 0px;
}

#layer-mask-modal.modal >
.modal-content >
.filter >
input {
    line-height: 20px;
    height: 20px;
    width: 300px;
}

#layer-mask-modal.modal >
.modal-content .collapsible >
li {
    margin: 10px 0px;
}

#layer-mask-modal.modal >
.modal-content .collapsible-header {
    padding-left: 30px;
    background-image: url('../img/arrow_right_48.png');
    background-position: 0px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-color: #F0F0EF;
}

#layer-mask-modal.modal >
.modal-content .collapsible-header.expanded {
    background-image: url('../img/arrow_down_48.png');
}

#layer-mask-modal.modal >
.modal-content .collapsible-header:hover {
    background-color: #e2e2e2;
}

#layer-mask-modal.modal >
.modal-content .collapsible-header >
span {
    float: right;
    font-size: 15px;
    font-weight: normal;
}

#layer-mask-modal.modal >
.modal-content .collapsible-body i {
    margin: 0px 5px;
}

#layer-mask-modal.modal >
.modal-content .collapsible-body label {
    float: right;
}

.layer-buttons {
    /*
    display: flex;
 display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    */
    /*margin-left: -10px;*/
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: space-between;
    padding-left: 10px;
    position: relative;
    padding-right: 7px;
}

.l-tool-btn i , .import-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

/*
.l-tool-btn.active {
    background-color: #2ECC71;
}

.l-tool-btn.active > i.material-icons {
    color: white;
}
*/


.layer-tool {
    margin-right: 7px;
    margin-left: 10px;
    padding-top: 5px;
}
#user-view-panel {
    background: #f8f9fa;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
	padding: 10px;
	padding-right: 7px;
	position: relative;
}
.layer-tool .collection {
    margin: 0;
    border: 0px;
    /*margin-left: 6px;*/
}

.layer-tool .collection .collection-item {
   /* border-bottom-color: #eee;*/
    border-bottom: none;
    padding: 4px 0px;
    font-weight: 200;
    position: relative;
}

.layer-tool .collection .collection-item:last-child {
    /*border-bottom: 0px solid #fff;*/
}
.layercontent::before {
       font: normal normal normal 14px/1 FontAwesome;
    content: "\f054";
    line-height: 20px;
    margin-right: 2px;
    font-size: 11px;

}
.layercontent.expanded::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f078';
    line-height: 20px;
    margin-right: 2px;
    font-size: 11px;

}
#catalog-link-mapManager::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f1c0';
    line-height: 20px;
    margin-right: 5px;
}

.catalog-link-container {
    padding: 10px;
    text-align: center;
    margin-top: auto;
    border-top: 1px solid #E4E4E4;
}
.catalog-link-container:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

.g-i {
    margin: 0 1px !important;
}
.collection-item.open .mdi-layer-label.selected-item {
  display: block  !important;
}
.collection-item.open .mdi-layer-filter.selected-item {
    display: block  !important;
  }

.layer-tool .collection .collection-item i, .galigeo-project-body-wrapper i {
    font-size: 24px;
    line-height: 16px;
    top: 5px;
    /*position: relative;*/
    margin: 0 2px;
    /* left: 5px; */
    height: 30px;
    width: 30px;
    border-radius: 17px;
    background-position: 2px 2px;
    /*margin: 0;*/
}

.galigeo-project-body-wrapper i {
    top: 0;
    color: red;
}

.layer-tool .collection .collection-item i:hover {
    background-color: #e9e9e9;
}

.layer-tool .collection .collection-item .layercontent i:hover {
    background-color: #fff;
}

.layer-tool .switch {
    margin: 5px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    margin-right: 1px;
}
.layer-menu-close {
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../img/close_48.png);
        background-position: 0px 0px;
        background-size: 20px 20px;
        cursor: pointer;
        float: right;

}
.layer-menu-add-close {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/close_48.png);
    background-position: 0px 0px;
    background-size: 20px 20px;
    cursor: pointer;
    float: right;

}
.add-list li {
    padding-left: 30px;
    padding-right: 20px;
    line-height: 32px;
    background-position: 7px 8px;
    cursor: pointer;
}
.add-list li:hover {
    background-color: #ccc;
}
.layer-tool .collapsible-header {
    padding: 8px 45px 8px 0px;
    min-height: 35px;
    height: inherit;
    line-height: normal;
    /* overflow-x: hidden; */
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: #F0F0EF;
    /*background-image: url(../img/svg/chevron2.svg);*/
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 0px 12px;
    border: none;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}
.layer-header .display-field div {
    font-size: 14px;
}
.layer-tool .collapsible-header i {
    font-size: 14px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 2px;
}
.layer-tool .collapsible-header:hover {
    /*background-color: #e2e2e2;*/
}

.layer-tool .collapsible-header + * {
    /*border-width: 0px 5px 5px 5px !important;*/
}

.layer-tool .collapsible-header + * {
    /*border-bottom: 1px solid #e2e2e2 !important;
    border-left: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
    border-width: 0px 1px 1px 1px !important;*/
}
.layer-menu-item {
    border: 1px solid #e2e2e2 !important;
}
.layer-tool .collapsible-header + * {
    /*border-bottom: 1px solid #e2e2e2 !important;
    border-left: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
    border-width: 0px 1px 1px 1px !important;*/
}

.layer-tool .collapsible-header.collapsed {
    /*background-image: url(../img/arrow_right_48.png);
    background-size: 12px;
    -webkit-transition: background-image 1.1s ease-in-out;
    transition: background-image 1.1s ease-in-out;*/
    /*color: #666;*/
}
.layer-tool .collapsible-header:before {
    content: '\f0da';
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-family: 'FontAwesome';
    display: block;
    transition: transform 200ms;
    transform: rotate(90deg);
}
.layer-tool .collapsible-header.collapsed:before {
    transform: rotate(0deg);
}

.layer-tool .collapsible-header.collapsed + .collapsible-body {
    border-width: 0px !important;
}

.layer-tool .collapsible-header.collapsed + .collapsible-body ul {
    display: none !important ;
}

.layer-tool .collapsible-header .fa-pencil {
    right : 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    transition: color 0.3s ease-out, color 0.3s ease-out;
    background-color: #d0d0d0;
}

.layer-tool .collapsible-header .fa-pencil:hover {
    color: #000;
    background-color: #c7c7c7;
}

.layer-tool .collapsible-header .display-field {
    line-height: 20px;
    font-weight: 400;
}

.layer-tool .collapsible-header .display-field > div {
    min-width: 40px;
    min-height: 22px;
}

.layer-tool .collapsible-header .edit-field {
}

.layer-tool .switch label .lever {
    margin: 0px;
}
.layer-tool .switch label .lever:before, .layer-tool .switch label .lever:after {
    top: 0px;
}
.layer-tool .switch label .lever {
    height: 20px;
    width: 33px;
}

.layer-tool .collapsible-body .collection-item {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 1px 7px 0 rgba(0,0,0,0.12);
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #87f1b3;
    box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.invisible .switch label input[type=checkbox]:checked+.lever {
    background-color: #818181;
}

.switch label input[type=checkbox]:checked+.lever::after {
    background-color: #F1F1F1;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.15);
}

.invisible .switch label input[type=checkbox]:checked+.lever::after {
    background-color: #F1F1F1;
}

.invisible ul {
    opacity: 0.6;
}

.layer-tool .collection .collection-item.ui-sortable-handle {
    cursor: default;
    /* display: flex; */
    /* flex-direction: column; */
    /*position: relative;*/
}

.layer-tool .collection .collection-item.ui-sortable-placeholder {
    background-color: #2ECC71;
    visibility: visible !important;
    height: 40px;
    padding: 5px;
}

.layer-tool .collection .collection-item.ui-sortable-placeholder::before {
    display: block;
    height: 30px;
    width: 100%;
    border: 3px dotted #fff;
    color: #fff;
    content: '';
}

.layer-tool .collection .collection-item.ui-sortable-helper {
    border: 1px solid #eee;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.collection .collection-item.inscale {
    background-color: #FFFFFF;
}

.collection .collection-item.outofscale .layercontent-layername  {
    opacity: 0.5;
}

.collapsible-header.outofscale, .collapsible-header.outofscale .collapsible-body, .collection-item.outofscale {
   /* background-color: #EBEBEB;*/
    opacity: 0.5;
}

/*.collection .collection-item.outofscale:before, .collapsible-header.outofscale:before{
content: ' ';
display:block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,.6);z-index: 1;}*/
/*########### BASEMAPS ############# */
#basemap_list {
    padding-top: 10px;
    padding-left: 8px !important;
}

.basemapcard {
    padding: 0;
    margin-bottom: 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.basemapcard.active::before {
    content: '';
    display: block;
    position: absolute;
    height: 60px;
    width: 30px;
    border-bottom: solid 15px #fff;
    border-right: solid 15px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    left: 50%;
    top: 15px;
    z-index: 9;
    margin-left: -15px;
}

.basemapcard.active::before::before {
    content: '';
    display: block;
    position: absolute;
    height: 60px;
    width: 30px;
    border-bottom: solid 15px #fff;
    border-right: solid 15px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: 10;
}

.basemapcard .card-content, .basemapcard .card-reveal {
    padding: 10px;
}

.basemapcard .card-image {
    height: 100px;
    overflow: hidden;
}

.basemapcard.active .card-image::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.2);
    z-index: 9;
}

.basemapcard .card-content .card-title, .basemapcard .card-reveal .card-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.basemapcard .card-reveal {
    overflow: hidden;
    z-index: 10;
}

.basemapcard .card-reveal p {
    font-weight: 100;
    margin: 10px 0 0 0;
}

/*########### SEARCH ############# */
#locateUserBtn {
    height: 32px;
    width: 32px;
    top: 8px;
}

#searchtool {
    border-radius: 20px;
    background-color: #ffffff;
}

#searchtool i {
    font-size: 18px;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    transition: background-color 100ms cubic-bezier(.4,0,1,1);
}

#searchtool i:hover {
    background-color: #eee;
}

#searchtool .input-field {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
}

#searchtool input[type=text] {
    background-color: #ffffff;
    padding: 5px;
    height: 30px;
    width: 180px;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#searchtool input[type=text].valid {
    border-bottom: 2px solid #2ECC71;
    box-shadow: none;
}

#searchtool .input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 14px;
    cursor: text;
}

#searchtool input[type=text]:focus:not([readonly])+label {
    color: rgba(0,0,0,0);
}

#locatebutton {
    position: relative;
    right: 0;
    display: inline-block;
    padding: 0;
    margin-left: 10px;
    vertical-align: middle;
    transition: color 100ms cubic-bezier(.4,0,1,1);
    cursor: pointer;
}

#locatebutton:hover {
    color: #aaa;
}

.dialog.TEXT, .dialog.DATE {
    height: 180px;
}

#addrSuggest .collection-item:hover {
    color: #fff;
    background-color: #2ECC71;
}

/*########## LEGEND ###########*/
.hide {
    display: none !important;
}

/*########## POPUP ###########*/
.leaflet-popup {
    font-family: 'Roboto Condensed', sans-serif;
    color: #4E4E4E;
    font-size: 15px;
}

.leaflet-popup-content-wrapper {
    border-radius: 3px !important;
}

.leaflet-popup-content {
    /* removed the width : auto !important has it makes the popup behaving weird because its size is set regarding the header size which is only defined by its char lengh */
    margin: 5px 15px !important;
    overflow: auto;
}

.leaflet-popup tr td {
    padding: 3px 5px !important;
}

.leaflet-popup tr td:nth-child(1) {
    text-align: left !important;
}

.leaflet-popup tr:nth-child(even) {
    background-color: #f8f8f8;
}

.leaflet-popup tr:hover {
    background-color: #f1f1f1;
    pointer: cursor;
}

.leaflet-container a.leaflet-popup-close-button {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.leaflet-container.disabled-layers .leaflet-interactive{
  pointer-events: none;
}

.multi-info-window .navigator {
    float: right;
    padding-right: 30px;
    margin-bottom: 0px;
}

/*######### LAYER ICONS #########*/
.waves-icon-small {
    text-align: center;
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 0%;
    -webkit-mask-image: none;
}

.mdi-layer-moveup {
    background-image: url("../img/move_up_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-movedown {
    background-image: url("../img/move_down_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-opacity {
    background-image: url("../img/opacity_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-heatmap {
    background-image: url("../img/heatmap_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.mdi-thematic-layers {
    background-image: url("../img/svg/thematic-layers.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-draw-layers {
    background-image: url("../img/svg/draw-layers.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.collapsible-header i:before {
    margin-left: 5px;
}
.mdi-operationnel-layers {
    background-image: url("../img/svg/operationnel-layers.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-filter {
    background-image: url("../img/svg/filter.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-report {
    background-image: url("../img/svg/report.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.mdi-datbase {
    background-image: url("../img/svg/datasql.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-csvexcel {
    background-image: url(../img/grey/data_normal_48.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-shp {
    background-image: url(../img/layers_mono_48.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-catalog {
    background-image: url(../img/data_mapservice_48.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.mdi-layer-cluster {
    background-image: url("../img/cluster_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.mdi-layer-hexagone {
    background-image: url("../img/hexagone_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.mdi-layer-delete {
    background-image: url("../img/delete_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-cogs {
    background-image: url("../img/settings.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-tm-edit {
    background-image: url("../img/settings.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-add {
    float: right !important;
    background-image: url("../img/move_up_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-edit-name {
    background-image: url("../img/text_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.mdi-layer-edit {
    background-image: url("../img/layer_edit_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-tm-edit {
    background-image: url("../img/edit_48.png");
    background-size: 24px;
    background-repeat: no-repeat;
}

.mdi-layer-tm-project-edit {
    background-image: url("../img/tm_edit_48.png");
    background-size: 24px;
    background-repeat: no-repeat;
}

.mdi-layer-display {
    background-image: url("../img/eye_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-label {
    background-image: url("../img/label_48.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    right: 33px;
    top: 4px;
    z-index: 3;
    height: 21px !important;
    width: 21px !important;
}

.mdi-layer-zoom {
    background-image: url("../img/zoom_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;

}

.mdi-layer-description {
    background-image: url("../img/data_mapservice_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-export, .mdi-layer-publish {
    background-image: url("../img/data_export_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.mdi-layer-fusion {
    background-image: url("../img/merge_48.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.layercontent .fa-map-marker:before {
    margin-left: 4px;
}
.disabled-icon {
    opacity: 0.4;
    background-color: white!important;
    cursor: default;
    pointer-events: none;
}
.collection-item:hover .fa-ellipsis-v {
    display: block !important;
}
.layer-tool .collection .collection-item .layercontent i {
    margin: 0;
    padding: 0px 2px;
    font-size: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    /* margin-top: -10px; */
    top: inherit;
    left: 0;
    margin-right: 3px;
    z-index: 0;
}

.layer-tool .collection .collection-item .layercontent i.fa-map-marker, .layer-tool .collection .collection-item .layercontent i.fa-object-ungroup {
    display: inline-block;
    top: 0px;
    font-size: 13px;
    padding: 0 2px;
}

.layer-tool .collection .collection-item .layercontent .layercontent-layername {
    display: inline-block;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.layer-tool .collection .collection-item .layercontent.without-layer-pointer .layercontent-layername {
    width: 70%;
}

.operational-layer {
    padding-left: 10px;
}

.without-layer-pointer {
    margin-left: 10px;
}

.layer-pointer {
    cursor: pointer;
    line-height: 26px;
    /* width: 180px; */
    padding-left: 5px;
    /*margin-right: 45px;*/
    margin-bottom: 0px;
   /* background-image: url("../img/arrow_right_48.png");*/
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position-x: -5px;
    /* vertical-align: top; */
    word-wrap: break-word;
    /* opacity: .8; */
    display: flex;
    align-items: center;
}

  .check-text input ~ span {
    cursor: pointer;
    padding: 6px;
    border-radius: 2px;
    font-weight: 200;
  }
.layermenu .noUi-handle:after {
    background-image: url("../img/slider_opacity.png");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 3px;
}

.layermenu .galigeo-heatmap-slider .noUi-handle:after {
    background-image: url("../img/slider_heatmap.png");
    background-position: 3.5px 3px;
}
.layermenu .galigeo-hexagon-slider .noUi-handle:after {
    background-image: url("../img/slider_pixel.png");
    background-position: 3.5px 3px;
}
.layermenu .galigeo-interpolation-slider .noUi-handle:after {
    background-image: url("../img/slider_interpolation.png");
    background-position: 3.5px 3px;
}

.layer-pointer.expanded {
    background-color: rgb(245 238 238);
    font-weight: 500 !important;
}

.layermenu {
    overflow: hidden;
    padding-bottom: 5px;
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    min-width: 200px;
    max-width: 250px;
    background-color: #ffffff;
}
.layercontent .layer-header .display-field {
    width: 110px !important;
}
.layercontent .layer-header .display-field i {
    margin-top: 2px !important;
}
.layercontent .layer-header:hover .display-field div {
    max-width: 83px !important;
}
.layer-tool .collection-item.open .layer-switch {
    display: inline-block !important;
}
.layer-tool .layer-switch {
    display: none !important;
}
.layer-tool .collection-item:hover .layer-switch {
    display: inline-block !important;
}
.layer-tool .collapsible-header.open .layer-switch {
    display: inline-block !important;
}
.layer-tool .layer-menu-item:hover .layer-switch {
    display: inline-block !important;
}
#list-flux.layer-tool .layer-menu-item .layer-switch {
    display: inline-block !important;
}

.layer-tool .collection-item.open:hover .mdi-layer-filter {
    display: inline-block !important;
}
.layer-tool .collection-item.open:hover .mdi-layer-label {
    display: inline-block !important;
}
.layer-tool .collection-item:hover .layercontent-layername {
    width: 55% !important;
}
.layer-tool .collection-item .fa-eye {
    display: none;
}
.layer-tool .layer-menu-item .fa-eye {
    display: none;
}
.layer-tool .layer-menu-item:hover .fa-eye {
    display: inline-block ;
}
.layer-tool .collection-item:hover .fa-eye {
    display: inline-block ;
}

.layer-menu-name {
    width: 100%;
    padding-left: 5px;
    font-weight: 600;
    border-bottom: 1px solid #eee ;
    line-height: 36px;
    height: 36px;
}

.layermenu .galigeo-heatmap-slider-wrapper {
    width: 100%;
}
.layermenu .galigeo-hexagon-slider-wrapper {
    width: 100%;
}
.layermenu .galigeo-hexagon-interpolation-slider-wrapper {
    width: 100%;
}
.tm-layer-li .noUi-horizontal, .layermenu .noUi-horizontal {
    width: 80%;
    margin-left: 8%;
}

.layermenu.hide {
    max-height: 0px;
    display: block !important;
    padding: 0;
}

.layermenu .range-field {
    margin-top: 5px;
    z-index: 500;
}

.layer-switch {
    position: absolute;
    right: 0px;
    top: 1px;
    z-index: 1;
}

.layermenu input[type=range] {
    border: none;
}

.layermenu input[type=range]+.thumb {
    background-color: #2ECC71;
}

.layermenu input[type=range]+.thumb .value {
    font-size: 12px;
    color: #fff;
}

.layermenu input[type="range"]::-webkit-slider-thumb, .motion-slider input[type="range"]::-webkit-slider-thumb {
    background-color: #2ECC71;
}

.layermenu input[type="range"]::-moz-range-thumb, .motion-slider input[type="range"]::-moz-range-thumb {
    background-color: #2ECC71;
}

.layermenu input[type="range"]::-ms-thumb, .motion-slider input[type="range"]::-ms-thumb {
    background-color: #2ECC71;
}

/*territory panel and project modal*/
#left-arrow {
    background-image: url("../img/left.png");
    top: 135px;
    height: 50px;
    width: 30px;
    margin: 0px 10px 0 0px;
    vertical-align: middle;
    float: right;
    position: relative;
    cursor: pointer;
}

#right-arrow {
    background-image: url("../img/right.png");
    top: 135px;
    height: 50px;
    width: 30px;
    margin: 0px 10px 0 0px;
    vertical-align: middle;
    float: left;
    position: relative;
    cursor: pointer;
}

.selection-detail-panel {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 20000;
    margin-right: 35px;
}

.selection-dialog {
    margin: 10px;
    background-color: #fff;
    position: relative;
    height: 290px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.selection-controls {
    margin: 10px;
    width: 250px;
    height: 270px;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0px;
}

.selection-controls .u-tool-close-button {
    margin-top: 3px;
}

/*
 **
  Default/Generic classes for bottom panel
 *
*/
.s-tool-btn.projectList-tm-icon{
     background-image: url(../img/tm_open_project_48.png);
     background-size: 24px;
}
.s-tool-btn.tm-create-icon{
     background-image: url(../img/tm_new_project_48.png);
     background-size: 24px;
}

.s-tool-btn.tm-create-icon:active, .s-tool-btn.projectList-tm-icon:active{
    background-position: 3px;
}

.tm-hierarchy-wrapper {
  display: flex;
  vertical-align: top;
}
.bottom-panel-expansed-slider{
  position: absolute;
  /* left: -15px; */
  background-color: #fff;
  width: 10px;
  height: calc(100% - 65px);
  cursor: pointer;
  z-index: 10;
  /* opacity: 0.3; */
  background-image: url('../img/tm_horiz_expand.png');
  background-position: 50% 50%;
  background-size: 10px 20px;
  background-repeat: no-repeat;
  border-right: 1px solid #ddd;
  display: block;
  margin-top: 25px
}

.bottom-panel-expansed-slider.expanded{
  background-image: url('../img/tm_horiz_collapse.png');
}

.bottom-panel-expansed-slider:hover{
  background-color: #ddd;
}

.bottom-panel {
    height: 300px;
    /*initial height*/
    left: auto !important;
    /*IE workaround for resizable*/
    top: auto !important;
    /*IE workaround for resizable*/
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 20000;
    margin-right: 35px;
    /*pointer-events : none;*/
    /*display: none;*/
}

.bottom-panel * {
    pointer-events : all;
}

.bottom-panel-container {
    margin: 10px;
    background-color: #fff;
    position: relative;
    height: inherit;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    height: inherit !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.bottom-panel-header {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 25px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    line-height: 25px;
}

.bottom-panel-header-container {
    display: flex;
    flex-wrap: nowrap;
}

/*css seems very complecated just for three icons. To refactor*/
.bottom-panel-header-right-container {
    display: flex;
    flex-wrap: nowrap;
}

.bottom-panel-header-right-container .u-tool-close-button {
    margin-top: 0px;
    background-image: url("../img/close_48.png");
}

.bottom-panel-header-right-container .minimize-icon {
    float: right;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    border-radius: 14px;
}

.bottom-panel-header-right-container .minimize-icon:hover {
    background-color: rgba(0,0,0,.1);
}

.bottom-panel-header-right-container .minimize-icon i {
    margin-top: 3px;
    margin-left: 5px;
}

.bottom-panel-header-right-container .help-icon {
    float: right;
    margin-top: 4px;
    padding: 0 9px;
    color: #aaa;
    cursor: help;
    padding-left: 9px;
    text-align: right;
    display: inline-block;
}

.ui-resizable-w {
  width: 2px;
  background-color: #D3D3D3;
  position: absolute;
  right: initial;
  height:100%;
  cursor: w-resize;
  top: 0px;
}

.ui-resizable-n {
  height: 10px;
  background-color: #2ECC71;
  position: absolute;
  top: 1px;
  left: 10px;
  bottom: initial;
  width: calc(100% - 20px);
  cursor: n-resize;
}

.ui-resizable-n:hover {
  background-color: #7edfa7;
}

.ui-resizable-n:before {
  display: block;
  content:'';
  position: relative;
  width: 20px;
  height: 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  top: 2.5px;
  left: calc(50% - 10px);

}

/*-----------------------------------TM--------------------------------------------------------*/
.disabledTr{
    pointer-events : none;
    color:#D3D3D3;

}
/*.disabledTrNoTrash > td > div > div > i:not(.fa-trash-o){*/
.disabledTrNoTrash {
    /* pointer-events : none; */
    color:#D3D3D3;
}
.disabledTrNoTrash .fa-trash-o {
    color:#4E4E4E;
    pointer-events: auto;
}
.tm-icon {/*override .s-tool-btn css class*/
    margin-right: 7px;
    margin-left : 0px;
}
.tm-block span {
    margin-right: 5px;
}
/*No need for now*/
/*#territoryDialog-header{
    cursor: text;
    outline: none;
}
#territoryDialog-header:hover {
    background-color: #DDD;
}*/

.tm-title-header br {
    display: none
}
.tm-open-create-wrapper {
    display: flex;
    margin-left: 10px;
    /* margin-top : 15px; */
    justify-content: space-between;
    height: calc(100% - 25px);
}

.tm-open-create-wrapper h1 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.tm-open-create-wrapper h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}

.tm-open-list-wrapper {
    display: flex;
    min-width: 200px;
    max-width: 250px;
    flex: 1 1 auto;
    padding: 10px 10px 0 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.tm-create-list-wrapper {
    display: flex;
    height: 85%;
    width: calc(100% - 118px);
}


.tm-create-list-wrapper .collection {
     margin-bottom: 0;
     height: auto !important;
     overflow: auto;
     overflow-y: scroll !important;
}

.tm-create-list-wrapper a.collection-item {
   color: #4e4e4e;
   font-weight: 300;
   line-height: 20px;
   padding: 5px;
}

.tm-layer-list-wrapper a.collection-item:before{
    content:'';
    width: 25px;
    height: 25px;
    background-image: url(../img/layers_48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    float: left;
    filter: grayscale(1);
}

.tm-layer-list-wrapper a.active.collection-item:before{
    filter: brightness(5000%);
}

.tm-create-wrapper {
    /* margin-left: 20%; */
    min-width: 400px;
    flex: 3 1 auto;
    padding: 10px 10px 0 10px;
    display: flex;
    flex-direction: column;
    border-left:  1px solid #eee;
}


.tm-ind-list-wrapper {
    margin-left: 20px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}


.tm-layer-list-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    /* width: 20%; */
}
.tm-title-header {

    display : inline-block;
    padding: 0 5px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    flex: 0 1 auto;

}
.tm-title-header-edit {
    display : inline-block;
}
.tm-title-header-edit input {/*override materialize css*/

    height: 1rem !important;
    width : auto !important;
}
.tm-create-button-wrapper {
  padding: 10px;
  position: absolute;
  bottom: 8px;
  right: 0px;
 }

.tm-create-button-wrapper a{
    height: 36px;
    line-height: 36px;

}

#tm-projectList-modal .modal-header {
   /* background-image: url(../img/tm_48.png);*/
   padding-left: 10px;
}

#tm-modal-project-table td, th{
  padding-top : 2px !important;
  padding-bottom : 2px !important;

}
#tm-project-modal .modal-header{
  background-image: url(../img/data_tm_48.png);
}
#tm-project-modal{
    height: 36% !important;
    width: 42% !important;
}
#tm-modal-territory-creation .modal-header{
  background-image: url(../img/data_tm_48.png);
}

.tm-menu {

  /*display: -webkit-flex;
  display: flex;*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.bottom-menu #projectList-tm-icon {
	/* Button used to open an existing project */
	max-width: 250px;
	width: 100%;
	height: 100%;
    margin: 10px;
}
.tm-block {

  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-right: 1rem;
  height: auto;
}

.tm-block input {

  margin-bottom : 0px!important;

}

.tm-block .s-tool-btn.active {
    background-color: #2ECC71;
    color: white;
}

.search-data-table-tm {
    font-size: 12px !important;
    width: 150px !important;
}


.tm-block:last-child{
  padding-right: 0;
}

.table-wrap {

  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  /*overflow: hidden;*/ /*this should be disabled when implement dataTable plugin*/
  margin-left: 10px;
  display: flex;
}

.tab-action{
    display: flex;
    justify-content: space-evenly;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
    width: 100%;
}

.tab-action .disabled {
    pointer-events : none;
    color : #aaa!important;
}

.tab-action div{

    padding: 5px;
    flex: 1 1 auto;
}

.tab-action div > a{
    background-color: rgba(0, 0, 0, 0.05);
    height: 30px !important;
    display: block;
    padding: 5px 15px;
    line-height: 20px !important;
    border-radius: 3px;
    margin: 0 !important;
    text-align: center;
    color: #4e4e4e !important;
}

.tab-action div:hover  > a:not(.disabled){
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.tab-action div:active > a:not(.disabled){
    background-color: rgba(255, 255, 255, 0.2);
    opacity: .5;
    cursor: pointer;
}


.tab-action .tm-detail:before{
    content: '\f05a';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.tab-action .tm-zoom:before{
    content: "\f0b2";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.tab-action .tm-delete:before{
    content: '\f014';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.tab-action .tm-export:before{
    content: '\f045';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.tab-action .tm-export:after{
    content: '\f0d8';
    display: block;
    font-family: 'FontAwesome';
    float: right;
    height: 20px;
    padding-left: 10px;
    border-left: 1px solid #4e4e4e;
}
.tab-action .tm-georeport:before{
    content: '\f15b';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.tab-action .tm-georeport:after{
    content: '\f0d8';
    display: block;
    font-family: 'FontAwesome';
    float: right;
    height: 20px;
    padding-left: 10px;
    border-left: 1px solid #4e4e4e;
}

.tab-action .disabled .tm-export:after{
    border-left: 1px solid #818181;
}
/*
 **
 *TM Project List Modal
  Override jqueryDataTable css
*/
  #tm-projectList-modal .modal-body {
    height: calc(100% - 40px);
    overflow: hidden;
    padding-top: 12px
  }

  #tm-projectList-modal .dataTables_wrapper {
    height: 100%;
  }
  #tm-projectList-modal .dataTables_scroll {
    height: calc(100% - 60px);
  }
  #tm-projectList-modal .dataTables_filter {
    margin-bottom: 0px;
  }
 /*
 **
 *End TM Project List Modal
*/
/*
 **
 *END TM
*/

/* *************** NEW TM *********************/

#territoryManager .u-tool-header.project-header{
    background-image: none;
    padding-left: 10px;
    /* margin-bottom: 10px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#territoryManager .u-tool-header.project-header > .u-tool-close-button{
    margin: 0 10px;
    flex: 0 0 auto;
}

#territoryManager .u-tool-header.project-header > i{
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 15px;
    transition: background-color 200ms;
    position: relative;
    left: -5px;
    margin-right: 5px;
    line-height: 30px;
    flex: 0 0 auto;
}

#territoryManager .u-tool-header.project-header .TM-PM_label{
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#territoryManager .u-tool-header.project-header > i:hover{
    background-color: #eee;
    cursor: pointer;
}

#territoryManager .u-tool-header.project-header > i.fa-save{
    margin: 0 0 0 10px;
    font-size: 20px;
}

#territoryManager .u-tool-main{
    height: 100%;
}

#territoryManager .tm-left-panel{
    position: absolute;
    width: 270px;
    height: calc(100% - 40px);
    margin-left: -300px;
    transition: margin-left  cubic-bezier(0.4, 0.0, 0.2, 1) 200ms;
    background-color: white;
    display: flex;
    flex-direction:column;
}

#territoryManager .tm-left-panel.visible{
    margin-left: 0px;
    /* background-color: red; */
}

#territoryManager .tm-section-header{
    font-weight: 700;
    margin-bottom: 10px;
}


#territoryManager .tm-left-panel .btn.wide{
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 8px;
    margin-bottom: 5px;
    background-image: none;
}
.tm-open-project {
    padding-bottom: 30px;
}
#territoryManager .tm-left-panel .btn.wide.tm-open-project{
    /*background-image: url('../img/tm_open_project_48.png');*/
}

#territoryManager .tm-left-panel .tm-wizards .btn.wide.tm-create-query{
    /* display: none; */
}

#territoryManager .tm-left-panel .tm-wizards .btn.wide{
    display: flex;
    padding: 6px 3px;
    height: 30px;
}

#territoryManager .tm-left-panel .tm-wizards .btn.wide i{
    width: 20px;
    flex: 0 0 auto;
}
#territoryManager .tm-left-panel .tm-wizards .btn.wide div{
    flex: 1 1 auto;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*
#territoryManager .tm-left-panel .btn.wide:before{
    font-family: 'Material Icons';
    display: block;
    float: left;
    margin-left: -30px;
    color: #4e4e4e;
    font-size: 19px;
    line-height: 14px;
}
.add-drop li:before{
    font-family: 'Material Icons';
    color: #4e4e4e;
    font-size: 19px;
    line-height: 14px;
    width: 20px;
    margin-right: 10px;
}

#territoryManager .tm-left-panel .btn.wide.tm-create-manually:before, .tm-create-manually:before{
    content:'touch_app';
}

#territoryManager .tm-left-panel .btn.wide.tm-create-proximity:before, .tm-create-proximity:before{
    content:'drive_eta';
}

#territoryManager .tm-left-panel .btn.wide.tm-create-field:before, .tm-create-field:before{
    content:'local_offers';
}

#territoryManager .tm-left-panel .btn.wide.tm-create-query:before, .tm-create-query:before{
    content:'memory';
}
*/


.tm-left-panel .tm-left-section .tm-section-header{
    padding-left: 5px;
    margin-bottom: 10px;
    font-weight: 700;
   /* background-image: url('../img/data_tm_48.png');*/
    background-size: 19px;
    background-position: 0;
    background-repeat: no-repeat;
}

.tm-left-panel .tm-left-section {
    margin-bottom: 5px;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.tm-left-panel .tm-left-split-top{
    flex: 1 1 auto;
    overflow: hidden;
    /* overflow-y: auto; */
    display: flex;
    flex-direction: column;
}

#TM-home .wizard-command .add-drop {
  position: absolute;
  margin-top: 5px;
  margin-left: 25px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  z-index: 2;
  left: 10px;
}

#TM-home .wizard-command .add-drop li {
  display: block;
  background-color: #fff;
  padding: 10px;
}

#TM-home .wizard-command .add-drop li:hover {
  background-color: #eee;
}

#TM-home .label-editor .editor input {
  margin-bottom: 0px;
}

#TM-wizard .wizard-title, #TM-wizard .wizard-command{
    /*background-color: #ddd;*/
    flex: 0 0 auto;
    font-size: 14px;
}

#TM-wizard .wizard-content{
    /*
    border: solid 5px #ddd;
    */
    /*border-bottom: solid 7px #ddd;*/
    border-top: none;
    flex: 0 1 auto;
    overflow: auto;
}
.save-tm {
    background-image: url(../img/save-48.png);
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 2px;
    cursor: pointer;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 1px 3px;
    border-radius: 2px;
    font-size: 20px;
}

#TM-wizard .wizard-footer{
    /* display: flex; */
    /* flex-direction: column; */
    padding: 10px;
    /* min-height: 180px; */
    max-height: 350px;
    overflow-y: hidden;
    flex: 1 0 auto;
}

#TM-wizard .wizard-footer span{
    font-weight: 300;
    /* text-align: center; */
}

#TM-wizard .wizard-footer #tm-panel-footer-label,
#tm-dataset-modal .modal-header,
#modal-extract-from-isochrone .modal-header{
    font-weight: bold;
    font-size: 16px;
    /* margin: 5px 0; */
    display: block;
    padding-left: 35px;
    background-image: url("../img/data_monochrome_48.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 20px;
    min-height: 35px;
    line-height: 30px;
    padding-right: 20px;
}

#TM-wizard .grayout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    opacity: 0.5;
    z-index: 2;
}

#TM-wizard .wizard-command a.btn:nth-child(3) {
    z-index: 3;
}

#tm-dataset-modal .modal-body,
#modal-extract-from-isochrone .modal-body {
  margin-top: 15px;
}

#modal-extract-from-isochrone,
#tm-dataset-modal {
  max-width: 300px;
  background-color: #fff;
}

#modal-extract-from-isochrone .modal-body,
#tm-dataset-modal .modal-body{
  padding: 0 20px 20px 20px;
}

#modal-extract-from-isochrone .modal-body,
#tm-dataset-modal .modal-body{
  padding: 0 20px 20px 20px;
}

#modal-extract-from-isochrone button.modal-action,
#tm-dataset-modal button.modal-action {
  margin-top: 20px;
  border: thin solid #aaa;
  border-radius: 5px;
}

#tm-dataset-modal .modal-body,
#tm-dataset-modal .existing-layer-wrapper,
#modal-extract-from-isochrone .modal-body,
#modal-extract-from-isochrone .existing-layer-wrapper{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}

#tm-dataset-modal #tm-dataset-separator,
#modal-extract-from-isochrone .existing-layer-wrapper span:nth-child(1) {
  flex: 0 0 auto;
  /* align-self: center; */
  margin-top: 10px;
}

#tm-dataset-modal a,
#modal-extract-from-isochrone a {
  margin: 5px 0px;
}

#tm-dataset-modal .modal-{
  height: 350px;
  width: 500px;
}

#tm-dataset-modal .preloader-wrapper {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 200px;
  top: 100px;
}

#TM-wizard .wizard-footer span:nth-child(3){
    font-weight: 300;
    font-size: 13px;
    margin: 5px 0;
    display: block;
}

#TM-wizard .wizard-footer .wrapper-existing-layer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#TM-wizard .wizard-footer .wrapper-existing-layer span:nth-child(1){
    /* align-self: center; */
    margin-top: 5px;
}

#TM-wizard .wizard-footer a.btn{
    width: 100%;
    margin: 5px 0;
}

#territoryManager .tm-bottom-menu .btn{
    display: flex;
    padding-left: 10px !important;
}

#territoryManager .tm-bottom-menu .btn div{
    flex: 1 1 auto;
}

#territoryManager .wizard-footer .tm-bottom-menu{
    margin: 0 10px;
}

.tm-bottom-menu-switch {
    display: flex;
    justify-content: center;
}

.tm-bottom-menu-switch:hover {
    background-color: #fafafa;
}

#TM-wizard .wizard-footer .g-select{
    width: 100%;
}

#TM-wizard .wizard-footer .g-select select{
    max-width: 250px;
}

.tm-left-panel .wizard-title{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background-size: 20px;
    background-position: 10px;
    background-repeat: no-repeat;
}

#TM-home.tm-left-panel .wizard-title{
    background-image: url('../img/data_tm_48.png');
    flex: 0 0 auto;
    padding: 10px 10px 10px 35px;
    display: flex;
}
#TM-home.tm-left-panel .wizard-title.tm-open-project{
    background-image: none;
    padding-left: 10px;
}
#TM-home.tm-left-panel .wizard-title.tm-open-project .privacy-icon{
    width: 28px;
    height: 28px;
    text-align: center;
    box-shadow: 0 0 0 #00000000;
    border-radius: 14px;
    transition: all 150ms ease-in-out;
    transform: rotate(0deg);
}
#TM-home.tm-left-panel .wizard-title.tm-open-project.is-public .privacy-icon{
    transform: rotate(360deg);
}
#TM-home.tm-left-panel .wizard-title.tm-open-project .privacy-icon:hover{
    box-shadow: 0 3px 8px #00000057;
}
#TM-home.tm-left-panel .wizard-title.tm-open-project .privacy-icon:before{
    /*font-family: 'Material Icons';*/
    font-size: 22px;
    line-height: 24px;
    /*content:'lock';*/
}
/*
#TM-home.tm-left-panel .wizard-title.tm-open-project.is-public .privacy-icon:before{
    content:'lock_open';
}
*/
#TM-home.tm-left-panel .wizard-content{
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

/*#TM-wizard .wizard-title:before{
    content:'directions_car';
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #4e4e4e;
    font-size: 19px;
    line-height: 20px;
}

#TM-wizard .wizard-title.tm-create-manually:before{
    content:'touch_app';
}

#TM-wizard .wizard-title.tm-create-proximity:before{
    content:'drive_eta';
}

#TM-wizard .wizard-title.tm-create-field:before{
    content:'local_offers';
}

#TM-wizard .wizard-title.tm-create-query:before{
    content:'memory';
}*/

#TM-wizard > .preloader,
#TM-home > .preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  opacity: 0.5;
  z-index: 10;
}

.tm-left-panel .wizard-title > i {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

/*.tm-left-panel .wizard-title i{
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 14px;
    position: absolute;
    right: 10px;
    line-height: 24px;
    text-align: center;
    transition: background-color 200ms;
}

.tm-left-panel .wizard-title i:hover{
    background-color: #eee;
}*/
.tm-left-panel .wizard-command{
    /*
    display: flex;
    padding: 0 10px 0 10px;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    flex: 0 0 auto;
    */
    padding: 0 10px 10px 10px;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
}

#tm-mw-container{
    padding: 10px;
}

#tm-mw-container .instructions{
    margin-bottom: 10px;
}

#territoryManager .tm-left-panel .wizard-command > a.btn.wide{
    display: flex;
    height: auto;
    padding: 5px 5px;
    /* background-color: #eee; */
    opacity: .8;
}

#territoryManager #TM-home .wizard-command .btn[disabled]{
    opacity: .4;
}

.tm-left-panel .tm-left-split-bottom {
    width: 100%;
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
    margin-bottom: 0;
    padding: 10px;
    flex: 0 0 auto;
}


.tm-left-panel .tm-left-section:last-child{
    border-bottom: none;
}

.btn.tm-open-project{
    background-image: url('../img/tm_open_project_48.png');
}

 .tm-left-panel ul.tm-layer-block{
   background-color: #eee;
    padding: 1px;
    line-height: 21px;
    border-radius: 3px;
    /* vertical-align: middle; */
    margin: 10px 0 10px 0;
    /* position: relative; */
}
.tm-left-panel ul.recent-projects{
    /* background-color: #eee;*/
     padding: 1px;
     line-height: 21px;
     border-radius: 3px;
     /* vertical-align: middle; */
     margin: 10px 0 10px 0;
     /* position: relative; */
 }

#TMRecentSearch {
    border-bottom: none;
}

.recent-search {
    padding: 0 0 0 36px;
    background: url(../img/svg/loupe.svg) no-repeat 8px 7px;
    background-size: 14px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 2px;
}

.recent-search .text-delete {
    height: 25px !important;
    width: 90% !important;
}
.tm-left-panel ul.recent-projects > span, .tm-left-panel ul.tm-layer-block > span{
    display: flex;
    line-height: 30px;
    align-items: center;
    margin-bottom: 5px;
}
.tm-projects i {
    font-size: 16px;
    padding-top: 6px;
    margin-right: 7px;
}

.tm-left-panel ul.tm-layer-block > span *, .tm-left-panel ul.tm-layer-block > span > span.add {
    flex: 0 0 auto;
}

.tm-left-panel ul.tm-layer-block > span > span {
    flex: 1 0 auto;
}

.tm-left-panel ul.tm-layer-block > span > .add{
    width: 24px;
    height: 24px;
    border-radius: 12px;
    transition: background-color cubic-bezier(0.4, 0.0, 0.2, 1) 200ms;
}


.tm-left-panel ul.tm-layer-block > span > .add:hover{
        background-color: #ccc;
        cursor: pointer;
}

.tm-left-panel ul.tm-layer-block > span > .add > ul li{
    height: 0;
    margin: 0;
    border: none;
    transition: height 200ms;
}

.tm-left-panel ul.tm-layer-block > span > .add:hover > ul li{
    display: flex;
    height: 30px;
    padding: 5px 10px;
    align-items: center;
    flex: 1 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.tm-left-panel ul.tm-layer-block > span > .add > ul{
    position: absolute;
    z-index: 2;
    background-color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    /* flex: 1 1 auto; */
    /* width: 100%; */
    display: flex;
    flex-direction: column;
}

.tm-left-panel:not(.visible) ul.tm-layer-block > span > .add > ul{
    display: none;
}

.tm-left-panel ul.tm-layer-block > span > .add > ul >li:hover{
    background-color: #eee;
}

.tm-left-panel ul.recent-projects > span i, .tm-left-panel ul.tm-layer-block >span i{
    margin-right: 10px;
}

.tm-left-panel ul.tm-layer-block li .predefined-query.top, .tm-left-panel ul.tm-layer-block li .custom-query.top{
    padding-left: 0px;
}

.tm-left-panel ul.tm-layer-block > li.tm-query-li{
    padding-left: 5px;
}

.tm-left-panel ul.tm-layer-block > li.tm-query-li ul{
    background-color: white;
}

.tm-left-panel ul.tm-layer-block > li.tm-query-li:last-child{
    margin-bottom: 0;
}

.tm-left-panel ul.tm-layer-block > li.tm-query-li .top span{
    /* background-image: url("../img/data_monochrome_48.png"); */
    background-repeat: no-repeat;
    /* background-size: 20px; */
    background-position: 0 5px;
    /* padding-left: 25px; */
    font-weight: 400;
}


.tm-left-panel .tm-query-item{
    width: 100%;
}

.tm-left-panel .tm-query-item .query-wizard-tab-display{
    padding: 0;
    padding-left: 5px;
    font-weight: 300;
}

.tm-left-panel .tm-query-item .query-wizard-tab-display ul{
    margin: 0;
}

.tm-left-panel .tm-query-item .query-wizard-tab-display li{
    padding: 8px;
}

.tm-left-panel .tm-query-item .query-wizard-tab-display li input{
    font-weight: 400;
    font-size: 18px
}

.tm-left-panel .tm-query-item .query-wizard-tab-display li input:hover{
    color: #2ECC71;
    border-bottom: 1px solid #2ECC71;
}



.tm-left-panel #tm-layer-list > span{
    padding-left: 25px;
    background-image: url(../img/layers_mono_48.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0 5px;
}

.tm-left-panel .tm-layer-block > #tm-layer-list-empty,
.tm-left-panel .tm-layer-block > #tm-iso-list-empty,
.tm-left-panel .tm-layer-block > #tm-query-list-empty {
    background-image: none;
    color: #bdbdbd;
    font-weight: 300;
    padding-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    /* padding-left: 25px; */
}

.tm-left-panel .tm-layer-block > #tm-layer-list-empty:before,
.tm-left-panel .tm-layer-block > #tm-iso-list-empty:before,
.tm-left-panel .tm-layer-block > #tm-query-list-empty:before {
       content: '\f01c';
       font-family: FontAwesome;
       margin-right: 10px;
}

#tm-layer-list-header{
    background-image: url(../img/tm_edit_48.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px 2px;
    padding-left: 48px;
}

#tm-layer-list-header.unexpandable {
    background-position: 5px 2px;
    padding-left: 35px;
}

.tm-left-panel ul.recent-projects li, .tm-left-panel ul.tm-layer-block > li{
    background-color: white;
    margin-bottom: 1px;
    line-height: 28px;
    padding: 3px 5px 3px 0px;
    font-weight: 400;
    /* flex: 0 0 auto; */
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 34px;
    transition: height  cubic-bezier(0.4, 0.0, 0.2, 1) 300ms;
    cursor: pointer;
}

#tm-layer-list-header,
#tm-iso-list-header,
#tm-query-list-header {
    cursor: pointer;
}

#tm-layer-list-header.unexpandable:before,
#tm-iso-list-header.unexpandable:before,
#tm-query-list-header.unexpandable:before {
    display: none;
}

.tm-left-panel ul.tm-layer-block > li .top:before,
#tm-layer-list-header:before,
#tm-iso-list-header:before,
#tm-query-list-header:before {
    content: '\f0da';
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-family: 'FontAwesome';
    display: block;
    transition: transform 200ms;
    left: 10px;
}

li .custom-query:before {
    /*
    content: none !important;
    */
}

.tm-left-panel ul.tm-layer-block > li .top.extraction-mode:before {
    content: none;
}

#tm-layer-list-header:before {
    position: absolute;
    left: 15px;
}

.tm-left-panel ul.tm-layer-block > li.invalid .top span{
    display: flex;
    align-items: center;
    color: grey;
}


.tm-left-panel ul.tm-layer-block > li.invalid .top span:before{
    content: '\f06a';
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-right: 5px;
    text-align: center;
    font-family: 'FontAwesome';
    display: block;
    transition: transform 200ms;
}



.tm-left-panel ul.tm-layer-block > li.expanded .top:before,
#tm-layer-list-header.expanded:before,
#tm-iso-list-header.expanded:before,
#tm-query-list-header.expanded:before {

    transform: rotate(90deg);
    /* margin: 3px; */
    /* margin-left: 3px; */
    /* width: 20px; */
    /* height: 20px; */
    /* left: 5px; */

}

.tm-left-panel ul.tm-layer-block > li .controls{
    padding-left: 15px;
}


.tm-left-panel ul.recent-projects li:hover, .tm-left-panel ul.tm-layer-block > li:hover{
    background-color: #fafafa;
}

.tm-left-panel ul.recent-projects li{
    display: flex;
    align-items: flex-start;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 3px;
    border: 1px solid #ddd;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.tm-left-panel ul.recent-projects li span{
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 0 auto;
}

.tm-left-panel ul.recent-projects li i{
    width: 20px;
    pointer-events: none;
    flex: 0 0 auto;
}

/*.tm-left-panel ul.recent-projects li:hover i:before{
    content: '\f115';
}*/
/*
.tm-left-panel ul.recent-projects li:before{
    align-items: flex-start;
    content: '\f114';
    display: inline-flex;
    font-family: 'FontAwesome';
    align-self: flex-end;
}

.tm-left-panel ul.recent-projects li:hover:before{
    content: '\f115';
}*/

.tm-left-panel ul.tm-layer-block li.active , .tm-left-panel ul.tm-layer-block li.highlight{
    /* color: red; */
    background-color: #DDD;
}


.tm-left-panel ul.recent-projects li.expanded,
.tm-left-panel ul.tm-layer-block li.expanded {
    height: 125px;
}

.tm-left-panel #tm-iso-ul li.expanded {
    height: 70px;
}

.tm-left-panel ul.tm-layer-block.query-layer li.expanded {
    height: auto;
}



.tm-left-panel ul.tm-layer-block.query-layer ul {
    width: 100%;
}

.tm-left-panel ul.tm-layer-block.query-layer ul li {
    padding-left: 5px;
}

.tm-left-panel ul.tm-layer-block.query-layer ul li i {
    float: right;
    padding: 5px;
    border-radius: 15px;
}

.tm-left-panel ul.tm-layer-block.query-layer ul li label {
    float: right;
    padding: 10px;
}

.tm-left-panel ul.tm-layer-block li .controls, .tm-left-panel ul.tm-layer-block li .top{
    flex-wrap: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 100%;
    /* padding: 3px 0; */
    overflow-x: hidden;
}

.tm-left-panel ul.tm-layer-block li .top{
    justify-content: flex-start;
    padding-left: 5px;
    margin-bottom: 3px;
}

.tm-left-panel ul.tm-layer-block li .top i{
    border-radius: 15px;
    padding: 5px;
    pointer-events: auto;
    font-size: 18px;
    flex: 0 0 auto;
    width: 27px;
}

.tm-left-panel ul.tm-layer-block li .top .label{
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    margin-left: 5px;
    margin-right: 3px;
}

.tm-left-panel ul.tm-layer-block li .controls i{
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    font-size: 20px;
}

.tm-left-panel ul.tm-layer-block li .controls i.fa-external-link{
    line-height: 27px;
}

.tm-left-panel ul.tm-layer-block li .controls i.tm-layer-edit-active,
.tm-left-panel ul.tm-layer-block li .controls i.tm-layer-edit-active:hover,
.tm-left-panel ul.tm-layer-block li .controls i.tm-layer-view-active,
.tm-left-panel ul.tm-layer-block li .controls i.tm-layer-view-active:hover{
    /* cursor: initial; */
    background-color: #2ECC71;
    color: white;
}
.tm-left-panel ul.tm-layer-block li .top i.fa-pencil.tm-layer-edit-active {
    color: white !important;
}
.tm-left-panel ul.tm-layer-block li .controls .disabled {
    color: #ccc5c5;
    pointer-events: none;
}
.tm-left-panel ul.tm-layer-block li i:hover{
    background-color: rgba(0, 0, 0, .16);
    cursor: pointer;
}

.tm-left-panel ul.tm-layer-block li .top .layer-switch{
    position: relative;
    right: auto;
    top: auto;
    padding: 0;
    margin: 0;
    z-index: 1;
    /* align-self: flex-end; */
    flex: 0 0 auto;
    pointer-events: auto;
}

.tm-left-panel ul.tm-layer-block li .top .switch{
    /* margin: 5px; */
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    /* margin-right: 1px; */
}

.tm-left-panel ul.tm-layer-block li .top .switch .lever{
    margin: 0;
}

.tm-left-panel #tm-iso-list-header > i{
    margin-left: 5px;
    font-size: 20px;
}
/*
 **
 *TM TABLE
*/
.territory-table td form [type=checkbox]+label{
  height : 18px !important;/*override materialize css for checkboxes*/
}
.territory-table th form [type=checkbox]+label{
  height : 18px !important;/*override materialize css for checkboxes*/
}
.ggo-custom-input[type=number]::-webkit-inner-spin-button,
.ggo-custom-input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none;
   margin: 0;

}
.ggo-custom-input[type=number] {
    -moz-appearance:textfield;
}

#geounit-table .dataTables_filter, #geounit-table .dataTables_info{
    display:none;
}
#geounit-territory-table .dataTables_filter, #geounit-territory-table .dataTables_info{
    display:none;
}
.territory-table .dataTables_info {
    display: none;
    float : right;
    position: static !important;
}
.territory-table .dataTables_filter {
    display: none;
}

.territory-table .dataTables_wrapper{
    /* top: -45px; */
}
.table-wrap tr {
    font-size: 12px !important;
}
.table-wrap tr th{
    font-size: 14px !important;
}

#geounit-table{
    display: inline-block;
    width: calc(100% - 335px);
}
#geounit-territory-table{
    display: inline-block;
    vertical-align: top;
    width: calc(12% - 4px);
    margin-left: 10px;
}
#spinner-table{
    right: 50%;
    position: absolute;
    top: 40%;
    font-size: 70px !important;
}
.territoryResultPanel table.dataTable thead .sorting, .territoryResultPanel table.dataTable thead .sorting_asc, .territoryResultPanel table.dataTable thead .sorting_desc{
    padding: 10px 23px 10px 11px;
}

.territoryResultPanel .dataTables_scrollBody thead{
  height: 0;
}

.territoryResultPanel {
    display: flex;
    width: 100%;
}

.territoryResultPanel .dataTables_wrapper.no-footer .dataTables_scrollBody{
 border-bottom: none;
}

.territoryResultPanel .dataTables_scrollBody th{
  padding-top: 0  !important;
  padding-bottom: 0  !important;
}

.territoryResultPanel table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px !important;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.territoryResultPanel table.dataTable  th,  table.dataTable td {
       border-bottom: 1px solid rgba(0,0,0,0.3);
}
.territoryResultPanel th, .territoryResultPanel td{
    border-radius:0;
}
.s-tool-btn#geounit-free-draw{
     background-image: url("../img/select-free_48.png");

}
#tm-menu{
    padding: 15px;
    display: flex;
}
.trash-icon{
    background-image: url("../img/delete_48.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
}
/*BAD*/
.trash-icon-tm{
    background-image: url("../img/delete_48.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-left: 2px;
    display: inline-block;
}
.zoom-tm-icon{
    background-image: url("../img/zoom_48.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-left: 2px;
    display: inline-block;
}
/**/
.edit-icon{
    background-image: url("../img/layer_edit_48.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-left: 22px;
    display: inline-block;
    vertical-align: middle;
}

#tm-hierarchy-tab-container {
    display: inline-block;
    vertical-align: top;
}
.tm-vertical-line {
    display : inline-block;
    border-left:1px solid gray;
    height:20px;
}
.tm-hierarchy-li {
  display : inline;
  padding-right : 5px;
  text-transform: uppercase;
  color : #D0D0D0;
}

#tm-hierarchy-plus{
    cursor: pointer;
}
.tm-hierarchy-selected-li {
  color :#4E4E4E;
  text-decoration: initial;

}
.tm-hierarchy-li-container {

  padding-left: 25px;
  border-bottom: none;

}
.tm-hierarchy-li-container-bis {
    padding: 0 4px;
    cursor: pointer;
    position:relative;
}
.tm-hierarchy-chev {
    display: inline-block;
    vertical-align: top;
    /* margin-left: 13px; */
}
.tm-hierarchy-border {
    border-bottom: 1px solid;
}

.tm-hierarchy-li-container i {

  opacity: 0.8;
  float: none;
  line-height: normal;
  font-size: 14px

}
.show-dropdown-content {/*overload materialize class dropdown-content class*/

  display: inline ! important;
  margin-top: 21px !important;
  left : 0px ! important;
  opacity : 1;

}
.show-dropdown-content li a {
    color: #4e4e4e!important;
    font-size: 14px;
}
.georeport-doclist-tm, .georeport-hierarchylist-tm {

    margin-top: 20px;
}
.colorGrey {
  color : #E5E5E5;
}

.tm-thead-switch{

    display: inline-block;
    float: left;
    margin-left: -14px;
}
.tm-tbody-switch{
   display: inline-block;
   margin-left: -12px;
}
.tm-tbody-switch span{

    height: 10px !important;
    width: 29px !important;
}
.tm-tbody-switch span:after{

    height: 14px !important;
    width: 14px !important;
}

/*
 **
 *END TM TABLE
*/



.selection-table-wrap{
    margin: 10px;
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    height: 270px;
}

.selection-title h1, .selection-search h1, .selection-export h1{
    font-size: 16px;
    margin: 5px 0;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    display: block;
    /* width: 120px; */
    white-space: nowrap;
}

.selection-table-wrap .dataTables_filter, .selection-table-wrap .dataTables_info{
    display:none;
}

.dataTables_filter input{

    width:200px !important;

}
#selectionContainerTitle{
    font-size: 16px;
    margin-left: 10px;
    border-top: 1px solid #f0f0f0;
    padding-top: 5px;
}

.selection-name{
    display: inline-block;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selection-name.active .fa {
    transform:rotateZ(-90deg);
}

.selection-name .fa {
    transition: all .3s;
}

.selection-edit{
    margin: 0px 5px;
    float: left;
    font-size:20px;
}
.motion-delete{
    font-size: 24px;
    position: absolute;
    right: 7px;
    bottom: 16px;
}
.view-btns {
    font-size: 24px;
    position: absolute;
    right: 7px;
    bottom: 6px;
}
.selection-delete{
    font-size: 24px;
    position: absolute;
    right: 7px;
    bottom: 20px;
}
.selection-delete i, .motion-delete i{
    padding: 0px;
    margin-top: -5px;
    margin-right: -5px;
    margin-left: 10px;
    padding: 1px 2px 2px 3px;
    height: 28px;
    width: 28px;
    border-radius: 28px;
	font-size: 22px;
}
.view-btns i{
    margin-right: 0px;
    margin-left: 3px;
    padding: 1px 2px 2px 3px;
    height: 18px;
    width: 18px;
    border-radius: 2px;
    font-size: 15px;
}

.motion-delete i.motion-map-cancel {
    margin-left: 0px;
}

.selection-delete i:hover, .motion-delete i:hover {
    background-color: rgba(0,0,0,0.1);
}

.selection-delete:hover{
    /* font-size:24px; */
}

table.dataTable tbody tr:hover{
    cursor: pointer;
}

.selectionResultPanel .dataTables_scrollBody{
    height: 200px !important;
}
.selectionResultPanel table.dataTable thead .sorting, .selectionResultPanel table.dataTable thead .sorting_asc, .selectionResultPanel table.dataTable thead .sorting_desc{
    padding: 10px 23px 10px 11px;
}

.selectionResultPanel table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px !important;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.selectionResultPanel table.dataTable tbody th:first-child, table.dataTable tbody td:first-child {
    border-left: 1px solid rgba(0,0,0,0);
}

.selectionResultPanel table.dataTable  th,  table.dataTable td {
       border-bottom: 1px solid rgba(0,0,0,0.3);
}
.selectionResultPanel th, .selectionResultPanel td{
    border-radius:0;
    min-width: 160px;
}

/*######### TOOLBOX #################*/
.t-tool-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 10px;
    cursor: pointer;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1);
    border-radius: 2px;
    font-size: 20px;
}

.toolbox-tool-container{
    margin-bottom: 15px;
}

.t-tool-btn#streetview{
    background-image: url("../img/streetview_48.png");
}

.t-tool-btn#streetview.active{
    background-color: #2ECC71;
}

#street-view{
    position: absolute;
    background-color: #fff;
    /* top: 100px; */
    /* left: 300px; */
    width: 600px;
    height: 400px;
    margin: auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1);
    border-radius: 2px;
    font-size: 20px;
    z-index: 10;
    /*cursor: url("../img/streetview_48.ico"), default;*/
    padding: 5px;
}

#street-view-container{
    position: absolute;
    background-color: #fff;
    bottom: 20px;
    right: 10px;
    width: 610px;
    height: 440px;
    margin: auto;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.54), 0 10px 50px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 100ms cubic-bezier(.4,0,1,1);
    border-radius: 5px;
    font-size: 20px;
    z-index: 1000;
    /*cursor: url("../img/streetview_48.ico"), default;*/
    padding: 5px;
}

#streetview-header{
    height: 30px;
}

#streetview-header i{
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.streetview-active{
    cursor: url("../img/streetview_cursor_32.png"), url("../img/streetview_cursor_32.cur"), pointer;
}


.toolboxcard{
padding: 0;
margin-bottom: 10px;
}

.toolboxcard.active, .toolboxcard.active .card-image{
    cursor: url("../img/streetview_48.ico"), default;
}

.toolboxcard.active::before
{
    content:'';
    display: block;
    position:absolute;
    height: 60px;
    width: 30px;
    border-bottom: solid 15px #fff;
    border-right: solid 15px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    left: 50%;
    top: 15px;
    z-index: 9;
    margin-left: -15px;
}

.toolboxcard.active::before::before
{
    content:'';
    display: block;
    position:absolute;
    height: 60px;
    width: 30px;
    border-bottom: solid 15px #fff;
    border-right: solid 15px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: 10;
}

.toolboxcard .card-content, .toolboxcard .card-reveal{
    padding: 10px;
}

.toolboxcard .card-image{
    height: 100px;
    overflow: hidden;
}

.toolboxcard.active .card-image::before{
    content:'';
    display: block;
    position:absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.2);
    z-index: 9;
}

.toolboxcard .card-content .card-title, .toolboxcard .card-reveal .card-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}


.toolboxcard .card-reveal{
    overflow: hidden;
    z-index: 10;
}

.toolboxcard .card-reveal p {
    font-weight: 100;
    margin: 10px 0 0 0;
}

#toolbox .btn{
    background-color: #fff;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    width: 246px;
    margin-left: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    text-align: left;
}

#toolbox .btn:hover{
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16), 0 5px 14px 0 rgba(0, 0, 0, 0.12);
}

#toolbox .btn span{
    text-transform: none;
}

#toolbox .btn i{
    position: absolute;
    right: 2px;
}

/*###########################*/

.selectedRow {
    background-color: #2ECC71 !important;
    color: white;
    font-weight:bold;
}

.selectedRow [type="checkbox"]:checked+label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.territoryResultPanel input[type=text].input-edit-field{
    border-bottom: 1px solid #bdbdbd;
    height: 16px;
    /* margin-bottom: -2px; */
    /* margin-top: -5px; */
}

.selectedRow input[type=text].input-edit-field{
    border-bottom: 1px solid #fff;
    height: 16px;
}

/* Start D3JS Charts */
.chartStats {
    font: 10px "Roboto Condensed", sans-serif;
}
.chartStats .axis path,
.chartStats .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.chartStats .x.axis path { display: none; }

.chartStats .line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}
.chartLegend {

}
.chartLegend text {
     font: 10px "Roboto Condensed", sans-serif;
}
.chartLegendBorder {
    fill:white;
    stroke:#333;
    opacity:0.85;
}
.bar.positive {
    fill: #26C6DA;
}

.bar.negative {
    fill: #EC407A;
}

.axis text {
    font: 10px "Roboto Condensed", sans-serif;
}

.axis path, .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.confidantaxis {
    stroke: #EA80FC
}
.meanaxis {
    stroke: #D500F9
}
.tick text{
    background-color:white;
}
/* End D3JS Charts */

.active-state-toast {
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 5px;
  position: relative;
  max-width: calc(100% - 600px);
  line-height: 20px;
  background-color: rgba(9,9,9,0.85);
  padding: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  pointer-events: auto;
  min-width: 227px;
  box-shadow: none;
  float: none;
  min-height: initial;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-left: 20px;
  opacity: .9;
  /* flex-wrap: wrap; */
}

.active-state-toast > i,
.active-state-toast > span,
.active-state-toast > div{
  margin: 5px;
  flex-shrink: 2;
}

.active-state-toast .toast-title{
    font-weight: 400;
}

@media screen and (max-width: 1020px){
.active-state-toast > .toast-description{
  display: none;
}

}
.active-state-toast > .toast-commands {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-wrap: wrap;
  flex: 0 1 auto;
}

.active-state-toast >
.toast-commands >
.btn {
  margin: 2px 5px;
  /* opacity: 0.9; */
  height: 25px;
  /* line-height: 27px; */
  padding: 5px;
  flex: 1 0 auto;
  justify-content: space-evenly;
}

.active-state-toast >
.toast-commands >
.btn i{
    left: 0;
    float: left;
}

.active-state-toast >
.toast-commands >
.btn i.fa-plus, .active-state-toast >
.toast-commands >
.btn i.fa-minus{
    margin: 0;
}

.loading-toast, .toast {
    border-radius: .25rem;
    padding: .25rem .5rem;
    top: 0;
    width: auto;
    clear: both;
    margin-top: 5px;
    position: relative;
    max-width: calc(100% - 610px);;
    font-size: 15px;
    color: #ffffff;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-width: 200px;
    min-height: initial;
    word-break: break-word;
    overflow-wrap: break-word;
}
.alertToast {
    background-color : #DD7A01;
}
.infoToast {
    background-color : #5C5C5C;
}
.successToast {
    background-color : #2E844A;
}
.errorToast {
    background-color : #BA0517;
}

.confirm-toast button {
    display: inline-block;
}
.toast.news{
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}



.toast.news .news-title-wrapper:before{
  content:'\f05a';
  font-family:'FontAwesome';
  font-size: 16px;
    margin: 0 5px;
}

.toast.news .news-title-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.toast.news .news-title-wrapper button{
  border: none;
  background: none;
  text-transform: uppercase;
}

.toast.news .news-title-wrapper button i{
    margin: 0;
}

.toast.news .news-title-wrapper button:hover{
  opacity: .5;
}

.toast.news .news-title{
    font-weight: 400;
    font-size: 16px;
}

.toast.news .news-content{
    margin: 0 5px;
}


.toast.news-info{
    background-color: rgba(179, 229, 252, 0.95);
    color: #01579B;
}

.toast.news-info .news-title-wrapper button{
    color: #0091EA;
}

.toast.news-warning{
    background-color:rgba(255, 236, 179, 0.95);
    color: #FF6F00;
}

.toast.news-warning .news-title-wrapper button{
    color: #FF6D00;
}

.toast.news-alert{
    background-color: rgba(255, 205, 210, 0.95);
    color: #B71C1C;
}

.toast.news-alert .news-title-wrapper button{
    color: #FF1744;
}

@media all and (max-width:800px){
  .loading-toast{
  max-width:80%;}
}

.loading-toast i, .toast i {
    margin-right: 10px;
    font-size: 16px;
    padding: 2px;
}

i.fa-spinner::before{
      content: "\f1ce" !important; /*forces update on all spinners*/
}

.loading-toast .loading-text ,
.confirm-toast .loading-text
{
    margin-right: 10px;
    padding: 25px;
}
.confirm-toast .loading-text
{
    display: inline-block;
}
.clear-txt {
    border-radius: 50%;
    border: 0;
    font-weight: bold;
    font-size: 10px;
}

.selected-item {
    background-color : #FD7E14!important;
}

.confirm-toast {
    border-radius: 2px;
    top: 0;
    width: auto;
    clear: both;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    line-height: 48px;
    background-color: #fff;
    /*padding: 0 25px;*/
    font-size: 1.1rem;
    font-weight: 300;
    color: #000;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.confirm-toast .confirm-buttons {
    border-top: 1px solid rgba(0,0,0,0.1);
    text-align: right;
}
.bt-ok {
    color: #2ECC71 !important;
}
.bt-cancel {
    color: #d32f2f !important;
}
.confirm-buttons{
    overflow: hidden;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked,
[type="radio"]:not(:checked), [type="radio"]:checked{
    position: fixed;
}

#iframeDialog{
    width:auto;
    height:auto;
    max-width:initial;
}

#iframeDialog .u-tool-close-button{
    position: absolute;
    right: 10px;
}
.selection-minimize-bar{
    background-color: #2ECC71;
    height: 30px;
    cursor: pointer;
}

.selection-minimize-bar .u-tool-close-button{
    margin-top: 3px;
    background-image: url("../img/close_white_48.fw.png");
}

.selection-smart-query.active {
    background-color: #2ECC71;
}
.selection-minimize-icon{
    text-align:center;
    color: white;
}

.selection-minimize-icon i{
    margin-top: 6px;
}

.collapsible{
    border-right: 0px;
    border-left: 0px;
    box-shadow: 0px 0px 0px 0px;
    margin: 2px 0 10px 0;
}

.layer-menu-space {
    height: 10px;
    border-bottom: 1px solid #ddd;
}

.collapsible-header{
    font-size: 16px;
    font-weight: 600;
}


.collapsible-header, .collapsible-body{
   /* border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;*/
}



.layer-menu-item{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 5px;
    background: #F0F0EF;
    padding: 1px;
}

.collapsible{
    border-top: none;
}

.layer-menu-item.invisible .collection-item{
    pointer-events: none;
}

#statsDiv {
    top:25px !important;
    color: #2ECC71;
}

.btn-cancel{
    background-color: #f39c12;
}
.btn-cancel:focus{
    outline: none;
    background-color: #FFC224;
}
.dialog.prompt .btn-cancel:focus {
    outline: none;
    background-color: #FFC224;
}

.btn-cancel:hover{
    background-color: #FFC224;
}

.s-tool-btn.disabled{
    pointer-events:none;
}

.s-tool-btn.disabled i{
    opacity: 0.4;
    pointer-events: none;
}

select:focus{
    outline: 0;
    border: 2px solid #2ECC71;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.selection-step.disabled{
    pointer-events:none;
    opacity: 0.4;
}

.collapsible-body{
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out, border 0.3s ease-out;
    padding: 0;
    border-bottom: none;
}

.collapsible-body.hide{
    display: block !important;
    max-height: 0 !important;
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

select:focus::-ms-value {
    background-color: white;
    color:#000;
}

span.deleteicon {
    position: relative;
    /* background: white; */
}

span.deleteicon span {
    position: absolute;
    display: block;
    right: 0px;
    /* top: 5px; */ /* Breaks the delete icon, see Mantis 9504 */
    width: 20px;
    height: 20px;
    background-image: url("../img/close_48.png");
    background-position: 0px 0px;
    background-size: 20px 20px;
    cursor: pointer;
}

.prompt span.deleteicon span{
    top: 5px;
}

span.deleteicon  input[type=search]::-ms-clear {
    display: none;
}

input[type=text]::-ms-clear {
    display: none;
}

.motion-select, .motion-button, .motion-slider{
    height: 50px;
}

.motion-button{
    padding-left: 14%;
}

.u-tool-motion .disabled{
    opacity: 0.4;
    pointer-events: none;
}
.not-opacity{
    color: rgba(0, 0, 0, 1) !important;
}


.motion-select select{
    display: block;
    width: 218px;
    font-size: 12px;
    height: 2.8rem;
    margin-top: 5px;
    cursor: pointer;
}

.u-tool-motion .motion-select{
    width: 210px;
    margin-right: 10px;
    border: none;
    position: relative;
    top: 5px;
    padding-left: 4px;
    display: inline-block;
}

.motion-slider input[type=range],.motion-slider input[type=range] + .thumb{
    cursor: pointer !important;
}

.motion-button.disabled  i{
    pointer-events:none;
}

.motion-button i{
    top: 5px;
    position: relative;
    margin: 0px 5%;
    left: 5px;
    height: 35px;
    width: 35px;
    border-radius: 35px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    background-position: 0px 0px;
    background-size: 35px 70px;
    background-repeat: no-repeat;
    cursor: pointer !important;
    z-index: 6;
    /* background-color: #eee; */
}

.motion-button i:hover{
    background-color: #e9e9e9;
}

.motion-button i.active{
    background-position: 0px -35px;
}

.motion-button-speed.active:after{
    content:'';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #eee;
    position:absolute;
    bottom: 0;
    left: 12.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);


}
.motion-button-backward{
    background-image: url("../img/mm_step_back_48.png");
}
.motion-button-play{
    background-image: url("../img/mm_play_48.png");
}
.motion-button-forward{
    background-image: url("../img/mm_step_forward_48.png");
}
.motion-button-speed{
    background-image: url("../img/mm_speed_48.png");
}
.motion-button-repeat{
    background-image: url("../img/mm_loop_48.png");
}

.motion-slider{
    padding-left: 25px;
    position: relative;
    width: 99%;
}
#motiontool {
    position: fixed;
    bottom: 0px;
    left: 270px;
    z-index: 20000;
        margin: 10px 35px 10px 10px;
    width: calc(100% - 325px) !important;
    background-color: rgba(251, 246 ,246, 0.9) !important;
    border-radius: 4px;
    min-height: 40px;
    transition: width 0s, margin-left 0.5s;
}
.motion-tool-close {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/close_48.png);
    background-position: 0px 0px;
    background-size: 20px 20px;
    cursor: pointer;
    float: right;
}
.motion-slider .motionValue {
    width: 97%;
    top: 10px;
}

#motionMinLabel {
    left: 8px;
    max-width: 100px;
    min-width: 40px;
    padding: 3px;
    text-align: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    z-index: 1;
    font-size: 12px;
}
#motionMaxLabel {
    right: 2%;
    max-width: 100px;
    min-width: 40px;
    padding: 3px;
    text-align: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    z-index: 1;
    font-size: 12px;
}
#motionValueLabel {
    position: absolute;
    max-width: 120px;
    min-width: 40px;
    padding: 3px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    z-index: 2;
    font-size: 12px;
    border-radius: 2px;
    top: -8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
#motionValue{
    z-index: 3;
}
#motionValue::-ms-tooltip {
    display: none;
}
#motionSpeedContainer{
    display: inline;
    position: relative;
}
.motionSpeedOptionMenu{
    position: absolute;
    text-align: center;
    width: 120px;
    top: -47px;
    left: 110px;
    background: #eee;
    z-index: 5;
    box-shadow: 0 3px 5px;
    font-weight: lighter;
}

#motionSpeedOptionLabel{
    font-weight: bold;
}


.motionSpeedOptionMenu .motionSpeedOption:hover{
    background: #ccc;
    cursor: pointer;
}
.motionSpeedOptionMenu .motionSpeedOption.active{
    color: #2ECC71;
    font-weight: bold;
}

.right-panel-icon{
    height: 40px;
    width: 40px;
    display: inline-block;
    background-size: 28px;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
#searchtool .right-panel-icon{
    background-image: url("../img/search_48.png");
    background-size: 16px;
    background-position: 12px 12px;
}
#searchtool .right-panel-icon:hover{
    background-image: url("../img/search_48.png"),url("../img/right_panel_collapse.png");
    background-position: 11px 11px, 3px 8px;
    background-size: 18px, 3.5px 20px;
}
#motiontool .right-panel-icon{
    background-image: url("../img/motion_map_play_48.png");
    background-position: 10px 11px;
    height: 50px;
}
#motiontool .right-panel-icon:hover{
    background-image: url("../img/motion_map_play_48.png"),url("../img/right_panel_collapse.png");
    background-position: 10px 11px, 3px 13px;
    background-size: 30px, 3.5px 24px;
}
#legendtool .right-panel-icon{
    vertical-align: middle;
    background-image: url("../img/legend_48.png");
    background-size: 20px;
    background-position: 10px 8px;
}
#legendtool .right-panel-icon:hover{
    background-image: url("../img/legend_48.png"),url("../img/right_panel_collapse.png");
    background-position: 9px 7px, 3px 8px;
    background-size: 22px, 3.5px 24px;
}
/*
#searchtool.collapsed  .right-panel-icon{
    background-image: url("../img/search_48.png"),url("../img/right_panel_expand.png");
    background-position: 11px 7px, 3px 8px;
    background-size: 28px, 3.5px 24px;
}
#searchtool.collapsed .right-panel-icon:hover{
    background-image: url("../img/search_48.png"),url("../img/right_panel_expand.png");
    background-position: 10px 6px, 3px 8px;
    background-size: 30px, 3.5px 24px;
}*/
#motiontool.collapsed .right-panel-icon{
    background-image: url("../img/motion_map_play_48.png"),url("../img/right_panel_expand.png");
    background-position: 10px 12px, 3px 13px;
    background-size: 28px, 3.5px 24px;
}
#motiontool.collapsed .right-panel-icon:hover{
    background-image: url("../img/motion_map_play_48.png"),url("../img/right_panel_expand.png");
    background-position: 10px 11px, 3px 13px;
    background-size: 30px, 3.5px 24px;
}/*
#legendtool.collapsed .right-panel-icon{
    background-image: url("../img/legend_48.png"),url("../img/right_panel_expand.png");
    background-position: 10px 5px, 3px 8px;
    background-size: 28px, 3.5px 24px;
}
#legendtool.collapsed .right-panel-icon:hover{
    background-image: url("../img/legend_48.png"),url("../img/right_panel_expand.png");
    background-position: 9px 4px, 3px 8px;
    background-size: 30px, 3.5px 24px;
}
/*Specific Carrefour*----------------------------------------------------------------*/


#createformtool .right-panel-icon{
    background-image: url("../img/plus_icon.png");
    margin-right: 4px;
    background-position: 10px 5px;
}
#createformtool .u-tool-header {
    background-color: #fff;
    box-shadow: none;
}
#createformtool .right-panel-icon:hover{
    background-image: url("../img/plus_icon.png"),url("../img/right_panel_collapse.png");
    background-position: 9px 4px, 3px 8px;
    background-size: 30px, 3.5px 24px;
}
#createformtool .right-tool-content div:hover{
    background-color: #f5f5f5;
    cursor: pointer;

}
#createformtool .right-tool-content .ggo-creation-span-container div{
    padding-top: 8px;
    padding-left: 12px;
    padding-bottom: 8px;
}
.ggo-message{

    margin-left: 20px;
    font-style: italic
}

/*End specific-------------------------------------------------------------------------*/

/*#searchtool.collapsed .right-panel-icon{
    width: 50px;
    background-image: url("../img/search_48.png"),url("../img/arrow_48.png");
    background-position: 15px 6px, 0px 12px;
    background-size: 28px,16px;
}
#motiontool.collapsed .right-panel-icon{
    width: 50px;
    background-image: url("../img/motion_map_play_48.png"),url("../img/arrow_48.png");
    background-position: 15px 11px, 0px 17px;
    background-size: 28px,16px;
    height: 50px;
}
#legendtool.collapsed .right-panel-icon{
    width: 50px;
    background-image: url("../img/legend_48.png"),url("../img/arrow_48.png");
    margin-right: 4px;
    background-position: 15px 5px, 0px 12px;
    background-size: 28px,16px;
}*/

#searchtool{
    height: 40px;
}

.u-tool.collapsed{
    width: 40px !important;
    margin-left: 237px;
}
.u-tool.collapsed *{
    display: none !important;
}
.u-tool.collapsed .right-panel-icon{
    display: inline-block !important;
}

#addrSuggest{
    width: 220px;
}

.noUi-target.noUi-connect{
    box-shadow: none;
}

.noUi-target{
    border: none;
    border-radius: 0;
    height: 3px;
    margin: 25px 10px 15px 10px;
}

.noUi-connect{
    border: none;
}

.noUi-background{
    background-color: rgb(200, 200, 200);
    height: 3px;
}

.noUi-horizontal .noUi-handle{
    width: 35px;
    height: 35px;
    left: -16px;
    top: -16px;
    border-radius: 20px;
}

.noUi-handle{
    border: none;
    border-radius: 3px;
    background: rgba(0,0,0,0);
    cursor: pointer;
    box-shadow: none;
}

.noUi-handle:before{
    display: none;
}

.noUi-handle:after{
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 7px;
    left: 7px;
    border-radius: 20px;
    background: #2ECC71;
    cursor: pointer;
    box-shadow: 0 3px 6px -3px #BBB;
        transition: box-shadow 150ms cubic-bezier(.4,0,1,1);
}
.noUi-handle:hover:after{
    box-shadow: 0 0 0 5px rgba(145,191,0,.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
[disabled] .noUi-connect {
    background: #eee;
}
[disabled] .noUi-background{
    background-color:#eee;
}
[disabled] .noUi-handle:after {
    background: #E0E0E0;
    cursor: default;
}
[disabled] .noUi-base {
    cursor: default;
    background-color:#eee;
}
[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: default;
}

.layer-properties.right-panel-icon {
    background-image: url("../img/layer_edit_48.png");
    margin-right: 4px;
    background-position: 10px 5px;
}

.layer-properties.right-panel-icon {
    background-image: url("../img/layer_edit_48.png");
    margin-right: 4px;
    background-position: 10px 5px;
}

.layer-properties.right-panel-icon:hover {
    background-image: url("../img/layer_edit_48.png"),url("../img/right_panel_collapse.png");
    background-position: 9px 4px, 3px 8px;
    background-size: 30px, 3.5px 24px;
}

.u-tool.collapsed .layer-properties.right-panel-icon {
    background-image: url("../img/layer_edit_48.png"),url("../img/right_panel_expand.png");
    background-position: 10px 5px, 3px 8px;
    background-size: 28px, 3.5px 24px;
}

.u-tool.collapsed .layer-properties.right-panel-icon:hover {
    background-image: url("../img/layer_edit_48.png"),url("../img/right_panel_expand.png");
    background-position: 9px 4px, 3px 8px;
    background-size: 30px, 3.5px 24px;
}

.above-everything{
    z-index: 30000 !important;
}

/*thematic filter css*/
.mdi-layer-filter{
    background-image: url("../img/filter.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    right: 55px;
    top: 4px;
    z-index: 3;
    height: 21px !important;
    width: 21px !important;
}


/*########################### DATA PANEL ###################################*/
.import-list{
    /* margin-top: 15px; */
    /*overflow-y: scroll;*/
    /*max-height: 500px;*/
    /*background-color: #fff;*/
}

.import-list .datatype{
    padding-left: 10px;
    margin-bottom: 20px;
}

.import-list > .data-panel-status{
  margin: 10px;
}

.import-buttons-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.import-buttons-container button {
    width: 100%;
}

.import-tool-container, .galigeo-top-panel-wrapper {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
}

.import-tool-container {
    justify-content: space-between;
}

.import-search, .galigeo-filter-input-wrapper {
    padding: 0 0 0 32px;
    background: url(../img/svg/loupe.svg) no-repeat 10px 8px;
    background-size: 14px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 2px;
    width: 100%;
}

.layer-buttons .deleteicon {
    padding: 0 0 0 32px;
    background: url(../img/svg/loupe.svg) no-repeat 8px 7px;
    background-size: 14px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 2px;
    /*margin-left: 10px;*/
}

.galigeo-filter-input-wrapper {
	background: url(../img/prompt-filter_32.png) no-repeat 18px 8px;
    background-size: 16px;
    height: 30px;
	display: inline;
}
#importSearch{
    height: 25px;
    border-bottom: none;
    /* position: relative; */
}

.import-search-filter-warning{
    color: #fff;
    background-color: #4e4e4e;
    margin: 5px 10px 5px 10px;
    padding: 5px 5px 5px 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.import-search-filter-clear{
    background-color: #888;
    padding: 2px 8px;
    cursor: pointer;
}

.import-search-filter-clear:hover{
    background-color: #aaa;
    padding: 2px 8px;
}

.import-search .deleteicon span{
    /* top: 0; */
    /* right: 80px; */
    margin-top: 5px;
}
#layerSearch{
    height: 25px;
    /* position: relative; */
    border-bottom: none;;
}

.layer-search-filter-warning{
    color: #fff;
    background-color: #4e4e4e;
    margin: 5px 10px 5px 10px;
    padding: 5px 5px 5px 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    align-items: baseline;
    float: left;
    width: 94%;
}

.layer-search-filter-clear{
    background-color: #888;
    padding: 2px 8px;
    cursor: pointer;
}

.layer-search-filter-clear:hover{
    background-color: #aaa;
    padding: 2px 8px;
}

.layer-search .deleteicon span{
    /* top: 0; */
    /* right: 80px; */
    margin-top: 5px;
}

.filter-input {
	height : 30px!important;
	margin : 0!important;
}

#importSearchLabel{
    /* position: relative; */
    /* top: 35px; */
    /* left: 5px; */
}
.layer-search-dropdown{
    /* border: 1px solid; */
    position: absolute;
    left: 20px;
    top: 43px;
    background-color: #fff;
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    z-index: 2;
    width: 176px;
    overflow-y: scroll;
}

.layer-search-dropdown > div{
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 5px 10px;
    padding-left: 25px;
}


.layer-search-dropdown > div:last-child{
    border: none;
}

.layer-search-dropdown > div:hover{
    background-color: #2ECC71;
    color: #fff;
}

.layer-search-dropdown .group{
    font-weight: bold;
}

.layer-search-dropdown .datatype.wgoData{
    background-image: url(../img/data_mapservice_48.png);
}

.layer-search-dropdown .group.Excel{
    background-image: url(../img/data_xls_48.png);
}

.layer-search-dropdown .datatype.CSV{
    background-image: url(../img/data_csv_48.png);
}

.layer-search-dropdown .datatype.catalog{
    background-image: url(../img/data_mapservice_48.png);
}

.layer-search-dropdown .field{
    font-weight: 100;
}
.import-search-dropdown{
    /* border: 1px solid; */
    position: relative;
    top: -15px;
    background-color: #fff;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
    max-height: 200px;
    overflow-y: scroll;
}

.import-search-dropdown > div{
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 5px 10px;
    padding-left: 25px;
}


.import-search-dropdown > div:last-child{
    border: none;
}

.import-search-dropdown > div:hover{
    background-color: #2ECC71;
    color: #fff;
}

.import-search-dropdown .datatype{
    font-weight: bold;
}

.import-search-dropdown .datatype.wgoData{
    background-image: url(../img/data_mapservice_48.png);
}

.import-search-dropdown .datatype.Excel{
    background-image: url(../img/data_xls_48.png);
}

.import-search-dropdown .datatype.CSV{
    background-image: url(../img/data_csv_48.png);
}

.import-search-dropdown .datatype.catalog{
    background-image: url(../img/data_mapservice_48.png);
}

.import-search-dropdown .dataset{
    background-image: url(../img/data_dataset_48.png);
}

.import-search-dropdown .field{
    font-weight: 100;
}

.import-search-dropdown .field.esriFieldTypeString,
.type-aggregation-text.esriFieldTypeString,
.select-data-type.esriFieldTypeString,
.dropdown-content .esriFieldTypeString{
    background-image: url(../img/prompt-alpha_32.png);
}

.import-search-dropdown .field.esriFieldTypeDouble,
.type-aggregation-text.esriFieldTypeDouble,
.select-data-type.esriFieldTypeDouble,
.dropdown-content .esriFieldTypeDouble,
.dropdown-content .esriFieldTypeInteger,
.dropdown-content .esriFieldTypeOID {
    background-image: url(../img/prompt-numeric_32.png);
}

.import-list .hide{
    display: none;
}
.header i {
    background-size: inherit;
    background-position: bottom;
}
.datatype > .header{
    font-weight: 700px;
    max-width: 250px;
    font-size: 14px;
    /*padding-left: 20px;*/
    background-repeat: no-repeat;
    background-size: 18px;
    line-height: 18px;
    min-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
}


/*.wgoData > .header{
    background-image: url(../img/data_dataset_48.png);
}

.TM > .header{
    background-image: url(../img/data_.png);
}

.Excel > .header{
    background-image: url(../img/data_xls_48.png);
}

.CSV > .header{
    background-image: url(../img/data_csv_48.png);
}

.catalog > .header{
    background-image: url(../img/data_mapservice_48.png);
}
.sql > .header{
    background-image: url(../img/data_monochrome_48.png);
}
.Shape > .header{
    background-image: url(../img/layers_mono_48.png);
}*/

.public> .header{
    background-image: url(../img/data_shared_48.png);
}

.private > .header{
    background-image: url(../img/data_private_48.png);
}

.import-list .dataset{
  transition: box-shadow 1200ms;
}

.import-list .dataset {
        /*max-width: 250px;*/
        width: 95%;
        min-width: 245px;
        padding: 5px;
        /*background-color: #f0f0f0;*/
        border: 1px solid #e2e2e2;
        margin-bottom: 5px;
		margin-right: 5px;
        /* box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12); */
}

.galigeo-project-tab-wrapper{
	width         : 100%!important;
	border: #ddd 1px solid;
	margin-bottom : 0;
	padding: 5px;
	/* border-bottom: none; */
	border-radius: 3px 3px 0 0;
	font-weight: 600;
}

.galigeo-project-body-wrapper {
	display       : none;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	padding       : 5px;
	border-radius: 0 0 3px 3px;
}

.galigeo-project-body-wrapper  div{
  width: 100%;
  font-weight: 100;
}


.galigeo-project-tab-wrapper .header span{
    display: block;
    width: 150px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
}
.dataset .header span{
    width: 140px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 0px;
    display: inline-block;
}

.galigeo-project-tab-wrapper .header span {
	width: 100%!important;
	background-image: url(../img/data_.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 15px 4px;
	padding-left: 45px;
}


.galigeo-project-tab-wrapper .header {
    display: block;
    position: relative;
    min-height: 30px;
    line-height: 30px;
    padding-right: 55px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 8px;
    min-height: 22px;
    background-image: url(../img/arrow_down_48.png);

}

.galigeo-project-tab-wrapper .header.collapsed{
    background-image: url(../img/arrow_right_48.png);
}
/*
.layer-tool .collapsible-header .chevron {
    background-repeat: no-repeat;
    width: 12px;
    margin-top: -3px;
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url("../img/arrow_down_48.png");
    background-size: 24px;
    background-position: -5px 0px;
}
.layer-tool .collapsible-header.collapsed .chevron {
    background-repeat: no-repeat;
    width: 12px;
    margin-top: -3px;
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url(../img/arrow_right_48.png);
    background-size: 24px;
    background-position: -5px 0px;
}
.layer-tool:hover .collapsible-header .chevron {

    background-image: url("../img/arrow_down_48.png");
    background-size: 24px;
    background-position: -5px 0px;
    opacity: 1;
    -webkit-animation-name: opacityChangeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate;
    -moz-animation-name: opacityChangeIn;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 2s;
    -moz-animation-direction: alternate;
    -ms-animation-name: opacityChangeIn;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: 1;
    -ms-animation-duration: 2s;
    -ms-animation-direction: alternate;
    animation-name: opacityChangeIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 2s;
    animation-direction: alternate;
}
.layer-tool:hover .collapsible-header.collapsed .chevron {
    background-image: url(../img/arrow_right_48.png);
}
*/
.dataset .header .chevron{
    padding-right: 17px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: -4px -3px;
    min-height: 22px;
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url("../img/arrow_down_48.png");

}

.dataset .header.collapsed .chevron {
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url(../img/arrow_right_48.png);
}
.import-list:hover .dataset .header .chevron{
    padding-right: 17px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: -4px -3px;
    min-height: 22px;
    opacity: 1;
    -webkit-animation-name: opacityChangeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate;
    -moz-animation-name: opacityChangeIn;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 2s;
    -moz-animation-direction: alternate;
    -ms-animation-name: opacityChangeIn;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: 1;
    -ms-animation-duration: 2s;
    -ms-animation-direction: alternate;
    animation-name: opacityChangeIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 2s;
    animation-direction: alternate;
    background-image: url("../img/arrow_down_48.png");

}
.import-list:hover .dataset .header.collapsed .chevron {
    background-image: url(../img/arrow_right_48.png);
}

.dataset .header.collapsed ~ .field{
    display: none;
}



.dataset .header .edit,
.galigeo-project-tab-wrapper .header .join{
    position: absolute;
    font-size: 20px;
    right: 30px;
    top: 0;
    height: 30px;
    width: 30px;
    border-radius: 17px;
    background-position: 5px;
    padding: 5px 7px;
}

.dataset .header .join,
.dataset .header .data-wizard,
.dataset .header .private-dataset {
    font-size: 16px;
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 17px;
    background-position: 5px;
    padding: 5px 7px;
}

.dataset .header .private-dataset{
  right: 50px;
  cursor: help;
}

.dataset .header .edit:hover, .dataset .header .join:hover{
    cursor: pointer;
    background-color: #e9e9e9;
}

.dataset .header .edit,
.dataset .header .data-wizard,
.galigeo-project-tab-wrapper .header .join{
    right: 0px;
    padding: 5px 5px;
}
.import-list .join,
.import-list .data-wizard,
.import-list .private-dataset {
    display: none !important;
}
.import-list:hover .join,
.import-list:hover .data-wizard,
.import-list:hover .private-dataset {
    display: inline-block !important;
}
/*.galigeo-modal-select{
    margin-top:38px;

}
.galigeo-modal-label{

}*/

.dataset .field{
    background-color: #fff;
    margin: 5px 3px;
    padding: 3px 6px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 1px 7px 0 rgba(0,0,0,0.12);
    font-weight: 200;
    padding-left: 25px;
    max-width: 230px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 5px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataset .field.esriFieldTypeString, .autocomplete-list-item.esriFieldTypeString{
    background-image: url("../img/prompt-alpha_32.png");
}

.dataset .field.esriFieldTypeDate, .autocomplete-list-item.esriFieldTypeDate{
    background-image: url("../img/prompt-calendar_32.png");
}

.dataset .field.esriFieldTypeDouble, .autocomplete-list-item.esriFieldTypeDouble,
.dataset .field.esriFieldTypeInteger, .autocomplete-list-item.esriFieldTypeInteger,
.dataset .field.esriFieldTypeOID, .autocomplete-list-item.esriFieldTypeOID{
    background-image: url("../img/prompt-numeric_32.png");
}

.dataset .field.esriFieldTypeOID, .autocomplete-list-item.esriFieldTypeOID,
.esriFieldTypeGeometry{
    display: none;
}

#importDataOverlayPanel .u-tool-header{
    background-image: url("../img/data_48.png");
    background-position: 10px 7px;
}
#xy-coordinates-selection label span, #map-services-selection label span{
    line-height: 40px;

}
.join-modal-spinner{
    position: relative;
    top: 15px;
    left: 20px;
}
#modal-import-normal{
    min-width: 200px;
    /* min-height: 200px; */
    top: 30% !important;
    max-width: 450px;
    max-height: 250px;
}

#modal-import-update{
    min-width: 200px;
    /* min-height: 200px; */
    top: 30% !important;
    max-width: 450px;
    max-height: 300px;
}

#modal-edit-excel, #modal-edit-csv{
    width: 90%;
    height: 90% !important;
    max-height: 90%;
    top: 5% !important;
}
#modal-edit-excel .modal-body,
#modal-edit-csv .modal-body ,
#modal-import-normal .modal-body,
#modal-import-update .modal-body{
    padding-top: 40px;
    /* display: flex;
 display: -webkit-flex; */
}
#modal-edit-csv input[type=text].input-edit-field, #modal-edit-excel input[type=text].input-edit-field{
  font-size: 15px;
  padding-bottom: 3px;
  border-bottom: 2px solid #2ECC71;
  margin-bottom: 1px;
}
#dataset-name{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#dataset-name p{
    font-size: 14px;
    font-weight: normal;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 20px 0 0;
    line-height: 43px;
}
.editDatasetName{
    max-width: 400px;
    margin: 0;
    font-weight: 100;
}
#dataset-file p{
}
#upload-status{
    width: 400px;
    overflow: hidden;
    /* background-color: #454545; */
    /* color: #fff; */
    padding: 10px;
    /* position: fixed; */
    /* bottom: 0; */
    /* left: 0; */
}
#reimport-warning{
    padding-left: 10px;
    padding-right: 10px;
}
#modal-edit-excel .modal-content
.edit-imported-data-set{
}
.g-select select.editDataSetSelect,
.g-select select.editFieldAggregation{
    width: 100%;
    min-width: 100px;
}
.data-set-label, .data-set-privacy-label{
    margin: 0;
    font-weight: 600;
}

.data-set-label + .row{
    margin:0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

#catalog-url-container {
    margin-bottom: 10px;
}

#export-option {
    margin-right: 10px;
}

#uploadFileForm,
#form-upload-file{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#uploadFileForm label,
#uploadFileForm button,
#form-upload-file label,
#form-upload-file button{
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

#uploadDataSource,
#upload-datasource{
    border: 1px solid #ddd;
    height: 36px;
    /* width: 60%; */
    margin: 0;
    padding: 0 10px;
    font-weight: 300;
}

#editCsvDatasetName{
  margin-left: 0;
}

.data-set-create-by-csv,
#privacy_radio_csv{
    display: inline;
}

#privacy_radio_csv > input[disabled] + label{
  cursor: default;
}

#privacy_radio_csv{
  margin-right: 25px;
}

.data-set-create-by-csv{
    font-weight: 100;
    margin-left: 20px;
    white-space: nowrap;
}

#sheet-select{
  margin-right: 5px;
}

.use-header{
    margin-bottom: 5px;
    margin-left: 2px;
}
.use-header [type="checkbox"].filled-in:checked + label:after{
    background-color: #2ECC71;
    border-color: #2ECC71;
}

.edit-imported-data-set{
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    overflow: auto;
    /*width: 600px;*/
    width: 100%;
    height: 500px;
}

.edit-imported-data-set table tbody{
    padding-top: 40px;
}

.edit-imported-data-set table tbody tr th{
    color: black;
    background-color: #ddd;
    border-bottom: 2px solid #bbb;
}

.edit-imported-data-set table tbody tr th th{
    border-bottom: none;
}


.edit-imported-data-set table tbody tr td{
    padding: 4px 5px !important;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    min-width: 150px;
}

.edit-imported-data-set table tbody tr td.disabled{
    opacity: 0.4;
}

.edit-imported-data-set table tbody tr:nth-child(2n+1) td{
    background-color: #f5f5f5;
}

.edit-imported-data-set table tbody tr:nth-child(2n+1) td{
    background-color: #f5f5f5;
}

.edit-imported-data-set th {
    padding: 4px 5px !important;
}

.edit-imported-data-set th th {
    padding:0px !important;
}

.edit-imported-data-set table tbody tr th td{
    background-color: #ddd !important;
    border: none;
    font-weight: bold;
    padding: 5px 0px 0px 0px !important;
    font-size: 14px;
}
.edit-field{
  display: none;
}
.show-field{
  position: relative;
  /*line-height: 25px;*/
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
}

.field-alias-tm:hover{
    cursor: text !important;
    text-decoration: underline;
}
.field-level-tm:hover{
    cursor: text !important;
    text-decoration: underline;
}
.show-field > label{
  padding: 12px;
  position: absolute;
  /* top: -10px; */
  /* background-color: red; */
  height: 10px;
  border-radius: 30px;
  /* margin-top: 10px; */
}
.show-field > label:hover{
  /* border: solid thin #2ECC71; */
  background-color: rgba(0,0,0,.1);
}
.show-field.disabled > label:hover{
  background-color: rgba(0,0,0,0);
}
/*.show-field > .field-alias{
  margin-left: 35px;
  padding-bottom: 5px;
  font-size: 1.2em;
}*/
/*BAD*/
.show-field > .field-alias.disabled{
  color: #ccc;
}

.show-field > .field-alias > i{
  display: none;
  cursor : pointer;
}

.show-field:hover > .field-alias {
  color: #2ECC71;
  text-decoration: underline;
}

.show-field.disabled > .field-alias:hover,
.show-field > .field-alias.disabled:hover{
  color: #ccc;
  text-decoration: none;
}

.show-field:hover i {
  display: block;
  position:absolute;
  text-decoration: none;
  font-size: 20px;
  color: #4e4e4e;
  top: 0px;
  right: 0px;
}

.show-field.disabled > .field-alias:hover > i,
.show-field > .field-alias.disabled:hover > i{
  display: none;
}

.show-field-tm {
  display: inline-block;
  display: -moz-inline-stack;
  max-width: calc(100% - 75px);

}
/**/
.show-field.disabled,
.show-field.disabled > label{
    cursor: default;
}
.show-field:hover .field-alias{
    cursor: text;
}
.show-field.disabled:hover .field-alias{
    cursor: default;
}

.parameter-label.disabled{
  color: #ccc;
}

.edit-field i, .tm-title-header-edit i {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.08);
    line-height: 20px;
    font-size: 14px;
    /* font-weight: 100; */
}
.edit-field i:hover{
    background-color: rgba(0,0,0,0.2);
}

input[type=text].input-edit-field{
    width: calc(100% - 30px)!important;
    height: 25px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    border-bottom :2px solid #2ECC71;
}

.advanced-setting{
  margin-bottom: 50px;
}

.advanced-setting.loading{
  margin-bottom: 0px;
  overflow: hidden;
}

.advanced-setting.long-bottom{
  margin-bottom: 200px;
}

.advanced-setting-items{
    padding: 5px 10px;
}

.advanced-setting-dropdown{
  display: none;
  margin-bottom: 5px;
}

.advanced-setting-dropdown #import-select-5-label{
  line-height: 40px;
}

/*------ SLIDER OVER SKIN -----------*/
.irs-slider {
    width: 20px;
    height: 20px;
    border: none;
    background: #2ECC71;
    border: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    margin: 3.5px 0;
    transition:
        width 150ms cubic-bezier(.4,0,1,1),
        height 150ms cubic-bezier(.4,0,1,1),
        margin 150ms cubic-bezier(.4,0,1,1),
        box-shadow 150ms cubic-bezier(.4,0,1,1);
}

.irs-slider.state_hover, .irs-slider:hover {
    background: #2ECC71;
    width: 16px;
    height: 16px;
    margin: 5px 2px;
    box-shadow: 0 0 0 8px rgba(145,191,0,.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3);

}

.irs-bar, .irs-line {
    height: 4px;
    top: 36px;
    border: none;
    background:  #2ECC71;
    }

.irs-line{
    background: #ddd;
}

.irs-min, .irs-max {
    font-size: 10px;
    font-weight: 100;
    background: none;
    top: 8px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;

    width: 24px;
    text-align: center;
    top: 8px;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #2ECC71;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.irs-from:after, .irs-to:after{
    content: '';
    display:block;
    position: absolute;
    left: 9px;
    top: 14px;
    background-color: #2ECC71;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.irs-single{
  width: 50px;
}

.irs-single:after{
    content: '';
    display:block;
    position: absolute;
    left: 23px;
    top: 14px;
    background-color: #2ECC71;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.scale-slider-legend{
    font-size: 12px;
    font-weight: 100;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.galigeo-modal-header-tab {
	text-align    : center;
	display       : inline-block;
	color         : #D5D5D5;
	font-size     : 20px;
	background    : white;
	padding       : 5px;
	cursor        : pointer;
	transition    : color .2s linear, background .2s linear, border-bottom .2s linear;
}
.galigeo-modal-header-tab:hover {
	background    : white ;
	color         : #2ECC71;
}

.galigeo-modal-header-tab.active {
	background    : #2ECC71;
	color         : white;
}

.galigeo-modal-body-wrapper {
    margin-right : 30px;
	margin-left  : 15px;

}
/**
 * todo : no effect at the moment
 */
.galigeo-modal-body {
	height     : auto;
	transition : height .2s linear;
}
.galigeo-project-core-wrapper{
  margin-bottom: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
  /* border-radius: 3px; */
}

/**
 * MaterializeCSS Classes Override
 */
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label,
.dropdown-content li > a,
.dropdown-content li > span {
    color: #2ECC71;
}

.dropdown-content {
	max-height : 400px;
	z-index    : 50;
}
/**
 *
 */
 .select-dropdown li.disabled span {
     color      : rgba(0, 0, 0, 0.3)!important;
     background : transparent!important;
 }

 .waves-effect.waves-green .waves-ripple {
     background-color: rgba(146, 189, 17, 0.7);
 }

 /** tested for print shading area, works well but no so pretty in terms of UI sometimes :-/

 .leaflet-areaselect-shade {
 	transition : width .3s linear, height .3s linear;
 }

 */

.galigeo-btn, .galigeo-btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #2ECC71;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.galigeo-btn, .galigeo-btn-large, .galigeo-btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.file-field .galigeo-btn, .file-field .galigeo-btn-large {
    float: left;
    height: 3rem;
    line-height: 3rem;
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #2ECC71;
    box-shadow: 0 1px 0 0 #2ECC71;
}

.updated{
  animation-name: updated-dataset;
  animation-duration:  2.5s;
  animation-iteration-count: 2;
}

@keyframes updated-dataset {
  /*from {background-color: rgba(148, 190, 32,.6);}
  to {background-color: #fff;}*/
   0%   {background-color: #f0f0f0;}
   30%  {background-color: rgba(148, 190, 32,.6);}
   70%  {background-color: rgba(148, 190, 32,.6);}
   100% {background-color: #f0f0f0;}
}

.updated-thematic{
  animation: updated-thematic;
  animation-duration:  2.5s;
  animation-iteration-count: 2;
}

@keyframes updated-thematic {
  /*from {background-color: rgba(148, 190, 32,.6);}
  to {background-color: #fff;}*/
   0%   {background-color: initial;}
   30%  {background-color: rgba(148, 190, 32,.6);}
   70%  {background-color: rgba(148, 190, 32,.6);}
   100% {background-color: initial;}
}

.tooltip-content{
  max-width:500px;
  font-weight: 300;
  padding: 10px !important;
  background-color: rgba(0,0,0,.8) !important;
}
.tooltip .tooltip-content:before {
    border-bottom-color: #000 !important;
}

.tooltip .tooltip-content p {
    color: #000 !important;
}

.tooltip .tooltip-content {
	background-color: #fff !important;
	border: 1px solid #000 !important;
}
/*.tooltip-content:before{border-bottom-color: rgba(0,0,0,.8) !important;}*/

.tooltip-content div p{
  margin: 0;
  width: 100%;
  white-space: normal;
}

.tooltip-content div p:nth-child(1){
  font-weight: 700;
  margin-bottom: 10px;
  width: 100%;
}

.tooltip-content a{
  font-weight: 400;
}

.tooltip-content a:hover{
  text-decoration:underline;
}

.validate-button-prompt-background {
  background-color: #b8f200!important;
}

.tooltip-element.tooltip-theme-arrows{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: -5px !important;
}
.ggo-custom-input{
  height : 100% !important;
  margin : auto ! important;
  font-size: 12px !important;
  border-bottom: 0px !important;

}


#modal-data .ggo-modal{
  width: 99%;
  height: 99%;
}
#modal-datahub .ggo-modal{
    width: 99.5%;
    height: 99%;
    background-color: unset;
}
#modal-datahub #iframe-datahub{
    border: none;
    border-radius: .5rem;
}
#config-data-set-header{
  margin: 10px 10px 0 10px;
}

#config-data-set {
  margin: 0 10px 10px 10px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}

#config-data-set table tr td,
#georeport-data table tr td,
#prompt-filter-data table tr td {
  padding: 3px 10px;
}

.g-select select:disabled,
input:disabled + label,
input[disabled="disabled"] + label{
  cursor: default;
}

@keyframes fall {
  from{ top: 0px; }
  to{ top: calc(100% + 25px); }
}

@keyframes appear {
  from{
    color: #fff;
    box-shadow: none;
  }
  to{
    color: #000;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  }
}

#georeport{
  position: absolute;
  top: calc(100% + 25px);
  left: 0px;
  width: 100%;
  padding: 0px 5px;
  max-height: 130px;
  background-color: #fff;
  overflow-y: auto;
  animation-name: fall;
  animation-duration: .2s;
}

#georeport .btn {
    margin-top: 5px;
    margin-bottom: -20px;
    animation-name: appear;
    animation-duration: 1s;
}

/* th overflow */
.territoryResultPanel th{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* th overflow */
.territoryResultPanel td{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* collapsible style for catalog import as dataset*/
#catalog-options-collapsible .collapsible-body .collection{
	margin: 0;
	border-top: none;
}

#catalog-options-collapsible .collapsible-header{
	background-image: url("../../ui/img/data_mapservice_48.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 10px 10px;
	padding-left: 40px;
	font-weight: 400;
}

#catalog-options-collapsible .collection a{
	padding-left: 25px;
	color: #4e4e4e;
	font-weight: 100;
}

#catalog-options-collapsible .collection a i{
	margin-right: 10px;

}

#catalog-options-collapsible .collection .collection-item.active{
  background-color: #2ECC71;
  color: #fff;
}
#import-catalog-modal {
    max-height: none;
    top: 0 !important;
    bottom: 0;
    height: 99%;
    width: 99%;
    border-radius: 8px;
}
#catalog-options-collapsible-wrapper {
    height: calc(100% - 70px);
    overflow: auto;
}
#import-catalog-modal #map-wrapper{
  position: relative;
}
#catalog-options .catalog-entry i {
    margin-right: 5px;
}
#catalog-options .catalog-entry:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
#import-catalog-modal #map-id{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#import-catalog-modal .modal-content{
  margin-top: 25px;
  height: calc(100% - 70px);
}
#btn-import-catalog-cancel {
    margin-left: auto;
    border: 1px solid;
    color: #8e030f;
    font-size: 14px;
    font-weight: 700;
    min-width: 120px;
    border-radius: 4px;
    position: relative !important;
}
#btn-import-catalog-cancel:hover {
    background-color: #f3f3f3 !important;
}
#import-catalog-modal .modal-header{
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.import-catalog-modal-sort {
    margin-left: auto;
}
.import-catalog-modal-filters {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.import-catalog-modal-filters .dropdown-content li {
    padding: 5px 10px;
    text-align: center;
}
#import-catalog-sort {
    left: unset !important;
    right: 20px
}
.import-catalog-modal-filter.secondary-background {
    color: #fff;
}
.import-catalog-modal-filter, .import-catalog-modal-sort {
    background-color: #F8F9FA;
    padding: 5px 10px;
    border: 1px solid #F8F9FA;
    cursor: pointer;
}
.catalog-import-modal-footer-btns {
    display: flex;
    flex-direction: row;
    
}
#import-catalog-modal .modal-body{
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    height: 100%;
    padding: 30px 10px 10px 10px;
}

#import-catalog-modal .modal-body .catalog-options{
  width: 100%;
}

#import-catalog-modal .modal-body .row{
  height: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  margin: 0;}

#import-catalog-modal .modal-body .row .col{
    padding: 10px;
    overflow: auto;
    height: calc(100% - 0px);
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

#import-dropdown {
    top: 140px !important;
    left: 10px !important;
    color: #4e4e4e;
    width: calc(100% - 20px);
    border-radius: 2px;
}

#import-dropdown.no-datahub {
    top: 95px !important;
}

#addLayer-dropdown{
    top: 41px !important;
    left: 63px !important;
    color: #4e4e4e;
    min-width: 210px;
  }
  #addLayer-dropdown li a {
    color: #4e4e4e !important;
  }
  #addLayer-dropdown li i:before {
    margin-left: 5px;
  }
  #addLayer-dropdown li i , #import-dropdown li i {
    height: 100%;
    font-size: 24px;
    float: left;
    margin-right: 8px;
    margin-top: 12px;
    margin-left: 10px;;
  }
  #import-dropdown li i:has(svg) {
    margin-left: 14px;
  }
#import-dropdown li a{
  left: 10px !important;
  color: #4e4e4e;
  padding-left: 40px;
  /*background-image: url(../img/data_mapservice_48.png);*/
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 10px;
}

#tm-save-dropdown {
  width: auto !important;
  opacity: 1;
  display: none;
}
#tm-georeport-dropdown, #tm-export-dropdown {
    width: auto !important;
    opacity: 1;
    display: none;
    bottom: 36px;
    right: 7px;
}
/*#tm-georeport-dropdown li {

    min-height: 40px;
}*/
#tm-save-dropdown li a {
  left: 10px !important;
  color: #4e4e4e;
  /*padding-left: 40px;*/
  /*background-image: url(../img/save.png);*/
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 10px;
}
#tm-georeport-dropdown li a, #tm-export-dropdown li a {
    color: #4e4e4e;
    padding: 10px 9px;
    font-size: 14px;

}
#tm-save-wrapper:hover  #tm-save-dropdown {
    display: block;
    margin-left: 8px;

}

.tm-export-wrapper:not(.disabled):hover #tm-export-dropdown {

    display: block;

}
.tm-georeport-wrapper:hover #tm-georeport-dropdown {

    display: block;

}
#tm-georeport-dropdown li:hover, #tm-export-dropdown li:hover{
    background-color: #f5f5f5;
}

/*#import-dropdown li a#add-normal-data{
  background-image: url(../img/data_normal_48.png);
}

#import-dropdown li a#add-geojson-data{
  background-image: url(../img/data_geojson_48.png);
}
#import-dropdown li a#add-dataBase-data{
    background-image: url(../img/data_monochrome_48.png);
  }
  #import-dropdown li a#add-shape-data{
    background-image: url(../img/layers_mono_48.png);
  }*/

#import-catalog-modal .modal-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 4px 23px;
    background-color: #F8F9FA;
}

#import-catalog-selected{
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

#import-catalog-selected input{
  display: inline-block;
  margin: 0;
  height: 20px;
}

#data-modal-loader,
#normal-import-modal-loader,
#catalog-import-modal-loader,
#import-update-modal-loader{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 60003;
  opacity: 0.5;
}

#data-modal-loader >
.preloader {
    width: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    height: 100%;
}

#label-import-catalog a{
  margin-left: 10px;
}


/** Temp - this has been lost when upgrading materialize css file */

.lean-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

  #thematic-iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000005;
    background-color: #fff;
    border: none;
  }

  #g-filter-wrapper{
	          position: absolute;
	          display: flex;
	          justify-content: center;
	          align-items: flex-start;
	          width: 100%;
	          height: 100%;
	          z-index: 1000;
	          pointer-events: none;
	 }

  #g-filter{
	  flex: 1 1 auto;
	max-width: 50%;
	max-height: 92px;
	  /* border: 1px dashed red; */
      display: flex;
      display:-webkit-inline-box;
	  /*margin-left: 335px;
	  margin-right: 285px;*/
      margin-top: 8px;
	  flex-wrap: wrap;
	  /* background: rgba(0,0,0,0.1); */
	  /*padding: 3px 5px 10px 15px;*/
	  justify-content: center;
	  align-items: flex-start;
	  }

    @media screen and (max-width: 1310px) {
        #g-filter {
            margin-left: 50px;
            margin-right: 50px;
        }
    }

   #g-filter.extended-left {
     margin-left: 335px;
   }

  #g-filter.extended-right {
    margin-right: 285px;
  }

  #g-filter.extended-wide-right {
    margin-right: 305px;
    max-width: 50%;
  }

  #g-filter.extended-wide-right.extended-right {
    max-width: 45%;
  }

  #g-filter.extended-left.extended-wide-right.extended-right {
    margin-left: 300px;
  }

  @media screen and (max-width: 1635px) {
    #g-filter.extended-left.extended-wide-right.extended-right {
        max-width: 30%;
        margin-left: 250px;
      }
    }

  .floating-filter{
      flex: 0 0 auto;
      flex-wrap: wrap;
      background: #fff;
      margin-left: 5px;
      padding: 3px 10px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
      pointer-events: auto;
      /*min-width: 100px;*/
      min-width: 160px;
      max-width: 120px;
      display: flex;
      /* background-image: url(../img/filter.png); */
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: 5px 5px;
      border-radius: 4px;
      margin-top: 2px;
  }

 .floating-filter:hover{
  background-color: #f5f5f5;
  cursor: pointer;
 }

.filter-drop-down {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-width: 290px;
  max-height: 400px;
  background-color: #fff;
  margin-top: 40px;
  margin-left: -30px;
  z-index: 2;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: max-height cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s;
  border-radius: 4px;
}

.filter-drop-down.hide {
  max-height: 0px;
  display: block !important;
  overflow: hidden;
}

.filter-expanded{
  height: 100px;
  position: absolute;
  left: 367px;
  top: 3px;
}

.filter-name-val{
  width: 100%;
  height: 36px;
  overflow: hidden;
}

.filter-name-val > span > i{
    margin-left: 1px;
    margin-right: 5px;
}

.filter-name-val.disabled {
    cursor: default;
    opacity: 0.5;
}

.filter-name{
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;

}
.filter-name-val.active {
    color: #2ECC71;
}
.filter-values,
.filter-name-val > span{
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.filter-check{
  width: 20px;
  margin-left: 3px;
  overflow: hidden;
  padding: 3px 0 0 3px;
  height: 26px;
}

.filter-options{
  width: 20px;
  margin-top: 3px;
  margin-left: 3px;
  flex-grow: 0;
}

.filter-options:before{
  content: "\f142";
  display: block;
  font-family: "FontAwesome";
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 100;
}

.filter-options:hover:before{
  border-radius: 20px;
  background-color: #eee;
  cursor: pointer;
}

.filter-drop-down-input {
  flex: 0 0 auto;
  /* height: 10%; */
}

.filter-drop-down-input input {
    height: 40px;
    width: 100%;
    margin: 5px;
}
.filter-drop-down-all.allcheckbox {
    margin-left: 6px;
}
.filter-drop-down-input i {
  position: absolute;
  left: 92%;
  top: 16px;
}

.filter-drop-down-input i.cancel-filter {
    position: absolute;
    left: 94%;
    top: 2px;
    font-size: 21px;
  }
.filter-drop-down-list label {
    margin-left: 10px;
}
.filter-drop-down-input.allcheckbox label {
  position: absolute;
  top: 5px;
  left: 85%;
}

.filter-drop-down-list {
  /* height: 70%; */
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.filter-drop-down-list.datepicker-filter {
  overflow-y: hidden;
}

.filter-drop-down-list ul{
  width: 100%;
  margin: 0;
}
.filter-drop-down-list li.expanded {
    background-color: #f5f5f5;
    padding: 6px;
}
.filter-drop-down-list div{
  /*max-width: 159px;
  word-wrap:break-word;*/
  /*max-width: 140px;*/
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  position: relative;
  width: 100%;
  margin: 0px;
  padding-left: 10px;
  /* border:  thin solid red; */
}

.filter-drop-down-list ul > li > div{
    width: 77%;
  }

.filter-drop-down-list li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px 0px 2px 5px;
  border-top: thin solid #ccc;
  border-bottom: thin solid #ccc;
  font-size: 12px;
  border-bottom-style: none;
  background-color: white;
  font-weight: 300;
  min-height: 24px;
  /* flex: 0 0 auto; */
  /* width: 100%; */
}
.filter-chevron {
    width: 6%;
}
.filter-drop-down-list li .filter-chevron:before {
      font: normal normal normal 14px/1 FontAwesome;
      content:'\f078';
      line-height: 20px;
      margin-left: 9px;
}

.filter-drop-down-list li.expanded > .filter-chevron:before {
  content:'\f077';
}

.filter-drop-down-list li.last-level .filter-chevron:before {
  content: none;
}

.filter-drop-down-list li:last-child {
  border-bottom-style: solid;
}

.filter-drop-down-list li:hover {
  background-color: #f5f5f5;
  cursor: pointer;
  font-weight: 400;
}

.filter-drop-down-list li label{

width: 20px;

padding: 0;

margin-top: 2px;

height: 18px;
}


.filter-drop-down-number {
  flex: 0 0 auto;
  height: 10%;
  padding: 5px;
  text-align: right;
}
.filter-drop-down-alert {
    flex: 0 0 auto;
    height: 10%;
    text-align: left;
    color: #e87e10;
  }

.filter-drop-down-command {
  flex: 0 0 auto;
  /* height: 10%; */
  padding: 5px;
}

.filter-drop-down-command .btn {
  /* height: 100%; */
  margin: 0px;
  line-height: 24px;
  height: 24px;
}

.filter-drop-down-list .picker--opened{
position: relative;
margin: 0;
padding: 0;
max-width: 100%;
}

.filter-drop-down-list .picker__holder div{
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: initial;
    /* position: absolute; */
}

.filter-drop-down-list .picker__holder{
  position: relative;
  width: 100%;
  margin: 0;
  max-width: 100%;
  overflow: visible;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  display: flex;
  background-color: inherit;
  background: inherit;
  box-shadow: inherit;
}

.filter-drop-down-list .picker__frame{left: inherit;right: inherit;top: inherit;bottom: inherit;position: relative;margin: 0;max-width: 100%;}

.filter-drop-down-list .picker__wrap{
max-width: 100%;
}

.filter-drop-down-list .picker__box{
  max-width: 100%;
  border: none;
  box-shadow: none;
}
.filter-drop-down-list .picker__nav--prev {
  margin: 0;
  left: 10px;
  top: 5px;
  position: absolute;
  width: 15px;
}

.filter-drop-down-list .picker__nav--next {
  margin: 0;
  right: 10px;
  top: 5px;
  position: absolute;
  width: 15px;
}

.filter-drop-down-list .picker__nav--prev:hover, .filter-drop-down-list .picker__nav--next:hover{
  background-color: white;
  opacity: .5;

}

.filter-drop-down-list .picker__header select{
  font-size: 14px;
}

.filter-drop-down-list .picker__header select:focus {
    outline: 0;
    border: 1px solid #ddd;
    box-shadow: none;
}

.filter-drop-down-list .picker__date-display{
 display: none;
}

.filter-drop-down-list .picker__date-display div{
 font-size: 16px;
}


.filter-drop-down-list .picker__weekday-display{
 display: none;
}

.filter-drop-down-list .picker__table td{
  font-size: 14px;
}

.filter-drop-down-list .picker__footer{
  justify-content: space-around;
}

.filter-drop-down-list .picker__footer button{
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  height: 24px;
}

/* .filter-drop-down-list .picker__close{
  display: none;
} */
.prompt-slidedown i , .prompt-slideup i {
    color: #5E5E5E;
}

.prompt-slideup {
  position: relative;
  /*width: 50px;*/
  margin-top: 2px;
  padding: 0.1rem 0.5rem;
  height: 25.5px;
  background-color: #fff;
  cursor: pointer;
  pointer-events: auto;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*
.prompt-slideup::before {
  content: '\f0d9';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  font-size: 1.5em;
  top: 3.5px;
  left: 8.5px;
}
.prompt-slidedown i, .prompt-slideup i {
    margin-left: 30px;
    margin-top: 4px;
    font-size: 21px;
}*/
.prompt-slidedown {
  position: relative;
  /*width: 50px;*/
  margin-top: 2px;
  padding: 0.1rem 0.5rem;
  /*height: 30px;*/
  cursor: pointer;
  background-color: #fff;
  pointer-events: auto;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*
.prompt-slidedown::before {
  content: '\f0da';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  font-size: 1.5em;
  left: 8.5px;
  top: 3.5px;
}*/

.prompt-slideup:hover,
.prompt-slidedown:hover {
  background-color: #f5f5f5;
}

.prompt-extend-locker {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

/* .prompt-extend-locker::before {

    position: absolute;
    top: 3px;
    left: 4px;

    content: 'lock_open';
    font-family: 'Material Icons';
    font-size: 22px;
    line-height: 24px;

}

.prompt-extend-locker.active::before {

    content: 'lock';

} */

.dataTable tr.highlight {
    background-color: #2ECC71;
    color: #fff;
}

/*############ TEST HOVER MAP FEATURES by JY ###########*/
/*
img.leaflet-marker-icon, .leaflet-pane > svg path.leaflet-interactive:hover {
  transition: filter 0.2s;
}

img.leaflet-marker-icon:hover, .leaflet-interactive:hover{
  opacity: 1 !important;
  filter: invert(180) drop-shadow(0px 0px 3px rgba(0, 0, 0, .8)) ;
}

img.leaflet-marker-icon:active{
  opacity: .8 !important;
  filter: invert(140) drop-shadow(0px 0px 1px rgba(0, 0, 0, .8)) ;

}

.leaflet-pane > svg path.leaflet-interactive:hover {
    stroke-width: 4px;
    stroke: #2ECC71;
}

.leaflet-pane > svg path.leaflet-interactive:active {
    stroke: white;
    fill: white;
}

.fa.fa-trash-o.disabled {
  opacity: .5;
}

ul.filter-sub-list label {
  padding-left: 0 !important;
}*/


/*######### Annotation #############*/
.annotation-tools-container{
	padding-top: 20px;
	padding-left : 10px;
}

.annotation-tools-container h1{
	padding-bottom: 5px;
}

.annotation-tools{
	display: flex;
	width: 100%;
	height: 50px;
	margin: 5px 0;
	align-items: center;
}
.annotation-tools-icon {
    background-size: 24px 48px;
    background-repeat: no-repeat;
    line-height: 28px !important;
}
.annotation-tools-icon#draw-polygon{background-image: url("../img/select-poly_48.png");}
.annotation-tools-icon#draw-polyline{background-image: url("../img/select-line_48.png");}
.annotation-edit {
    background-image: url(../img/layer_edit_48.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.textlabel-textarea {
	display:inline-block;
	border: 2px solid #2ECC71;
	border-radius: 4px;
	background-color: #bfbfbf;
	font-size: 14px;
	color: yellow;
	white-space:nowrap;
}


.textlabel-text{
  white-space:nowrap;
  font-weight: 300;
  font-size: 14px;
  text-shadow: 0 0 0.1em black, 0 0 0.1em black,
		0 0 0.1em black,0 0 0.1em black,0 0 0.1em;
  color: yellow;
}

.leaflet-edit-marker-selected {
	background: rgba(254,87,161,.1);
	border: 4px dashed  #2ECC71;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.leaflet-edit-marker-editable {
	background: rgba(254,87,161,.1);
	border: 4px solid #2ECC71;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.annotation-color-picker-container{
	padding-top: 30px;
	width: 91%;
}

#tm-project-rename-modal .modal-content {
  display: flex;
  padding: 10px;
  justify-content: space-around;
  align-items: center;
}

#tm-project-rename-modal .modal-content input{
  width: 60%;
}

td.disabled {
  pointer-events: none;
  opacity: 0.8;
}


#tm-projectList-modal .dataTables_scrollBody{
    border-bottom: none;
}

#tm-projectList-modal tr td:first-child{
    display: inline-block;
}

#tm-projectList-modal tr td:first-child:before{
    content: ' ';
    display: inline-block;
    width: 20px;
    /*background-image: url(../img/tm_open_project_48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 10px;*/
    flex-shrink: 0;
}

#tm-projectList-modal tr.selected{
    background-color: #d9e4ba;
    color: #0c0c0c;
}

table.dataTable.no-footer{
    border-bottom: none !important;
}

.na-server-changed-warning {
    float: right;
}
/*
#territory-manager span.label {
  max-width: 150px;
}

path.leaflet-interactive:hover{
    stroke-width: 8px;
    stroke: #00f0ff;
}


img.leaflet-marker-icon:hover {
    /*-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 2, 2, 0.8));
   background: radial-gradient(#00f0ff 0%, #ffff0000 70%);

   */
/*
filter: drop-shadow(0px 0px 5px rgba(2, 250, 255, 0.8)) brightness(1.5) ;
    padding: 1px;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img.leaflet-marker-icon:hover {
   background: radial-gradient(rgb(0, 240, 255) 0%, rgba(255, 255, 0, 0) 70%);

	}
}*/

#modal-extract-from-isochrone .preloader,
#extract-query-modal .preloader,
#tm-dataset-modal .preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 2;
}

#catalog-entry-filter {
    max-width: 30%;
}

.disabled-pointer {
    opacity: 0.5;
    pointer-events: none;
}

.btn-close-tm-panel-wizard {
    z-index: 2;
}

.tm-create-query span {
	width: 100%;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
}

.bottom-panel-container .ta-colorpicker-container-wrapper {
    left: auto;
    bottom: 0px;
}

#tm-dataset-subheader2 {
    margin-top: 10px;
}

 /*/w/ graph chart bar : style*/
 #chartdiv{
  overflow: auto;
}

#chartdiv::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#chartdiv::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
}

#chartdiv::-webkit-scrollbar-thumb {
    background-color: #999;
}

#chart_view{
  display: inline-block;
}

#chart_DDL{
    float: right;
    display: flex;
    position: absolute;
    left:70%;
}

#tm_chart_bar.active {
    background-color: #2ECC71;
    color: white;
}

#chart_DDL select{
    height: 25px;
    width: 150px;
    font-size: 13px;
    padding: 2px;
    font-weight: normal;
    margin-right: 22px;
    cursor: pointer;
}

.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.bar {
  fill: #7edfa7;
  /*fill-opacity: .9;*/
}

.bar:hover{
  fill: #f9772f;
}

.x.axis path {
  display: none;
}

.axis label {
  position: absolute;
  top: 10px;
  right: 10px;
}

/*.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}*/

/* linear referencing tab, data modal, data import panel */

#linear-referencing-sample {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

#side-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 30px;
    margin-top: 30px;
    margin-right: -8px;
}

#bar-point {
    width: 10px;
    height: 2px;
    background-color: orange;
}

#dash-line {
    width: 0px;
    height: 80px;
    border-style: dashed;
    border-color: orange;
    border-width: 1px;
}

#map-marker {
    transform: rotate(270deg);
    font-size: 2em;
    color: orange;
}

#map-layer-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 30px;
    padding: 2px;
    margin: 5px;
}

#main-axis-box-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid purple;
    border-radius: 20px;
    padding: 3px;
    margin: 5px;
}

#main-axis-box-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid purple;
    border-radius: 20px;
    padding: 3px;
    margin: 5px;
}

#section-line-1 {
    background-color: orange;
    width: 3px;
    height: 100px;
}

#section-line-2 {
    background-color: orange;
    width: 3px;
    height: 40px;
}

#section-line-3 {
    background-color: orange;
    width: 3px;
    height: 40px;
}

/* customized style for linear referencing tab, data modal, import panel */
.simple-row {
	padding: 5px;
	margin: 5px;
}

.simple-column {
	margin: 5px;
}

.purple-icon {
	color: purple;
}

.orange-icon {
	color: orange;
}

.green-icon {
	color: greenyellow;
}

.blue-icon {
	color: cyan;
}

#lr-left-column,
#lr-right-column {
	width: 40%;
}

#lr-center-column {
	width: 20%;
}

.input-dropdown-wrapper .dropdown-content li{
    background-repeat: no-repeat;
    background-size: 15px;
    padding: 0 20px;
    background-position: 10px;
}

#btn-mapping-ok-linearRef {
    width: 300px;
}

.linear-referencing-container {
    position: relative;
}

.linear-referencing-container.disabled {
    pointer-events: none;
}

.lr-disabled-overlay {
    position: absolute;
    background-color: #ccc;
    width: 100%;
    height: 100%;
    opacity: .1;
}

.fa-fill-drip{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTguNzEzIDE4LjcxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTguNzEzIDE4LjcxMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM0RTRFNEUiIGQ9Ik0xMy4zNjcsNi40MzRMOC44NzIsMS44OTVsLTAuNjUtMC42NzJMNi42ODcsMi43MzFjLTIuNjI0LTAuMzc1LTQuNTEsMC41OS01LjE3OCwxLjc3NyAgIEMwLjY5OCw1Ljk0OSwxLjUyNyw3LjUyMiwxLjU1Myw3LjU3YzAuNjkzLDEuMzg1LDEuNjg5LDIuMjE2LDIuOTYxLDIuNDczYzAuMjc5LDAuMDU1LDAuNTYsMC4wOCwwLjg0LDAuMDggICBjMS4zMjIsMCwyLjY0NC0wLjU2MSwzLjY0OS0xLjEzNWMwLjI3MSwwLjE4OCwwLjYwMSwwLjI5OSwwLjk1NCwwLjI5OWMwLjkzLDAsMS42ODYtMC43NTksMS42ODYtMS42OTFzLTAuNzU2LTEuNjktMS42ODYtMS42OSAgIHMtMS42ODYsMC43NTgtMS42ODYsMS42OWMwLDAuMDkzLDAuMDEzLDAuMTg0LDAuMDI3LDAuMjc0QzcuMjg2LDguNDQ1LDUuOTUxLDguOTg2LDQuNzcsOC43NDhDMy45MDUsOC41NzMsMy4yMzcsNy45OTUsMi43MTksNi45NiAgIEMyLjcxNCw2Ljk1LDIuMjAzLDUuOTU3LDIuNjU0LDUuMTU3YzAuMzgtMC42NzYsMS4zNzEtMS4xMTEsMi44ODMtMS4yNzVMNS4zMDIsNC4xMTlMMy4xMyw2LjI5OSAgIGMwLjAyMywwLjA1MywwLjA0LDAuMDg1LDAuMDQxLDAuMDg3YzAuMjA5LDAuNDE4LDAuNDQ0LDAuNzU4LDAuNzA2LDEuMDNsMy45MzItMy45NDNjMC4xODctMC4xODcsMC40MzUtMC4yOSwwLjY5OC0wLjI5ICAgczAuNTEzLDAuMTAzLDAuNjk4LDAuMjlsNC43NzEsNC43ODdjMC4zODUsMC4zODUsMC4zODUsMS4wMTQsMCwxLjM5OUw3Ljc3NCwxNS44OGMtMC4zNzIsMC4zNzMtMS4wMjMsMC4zNzMtMS4zOTYsMGwtNC43NzItNC43ODcgICBjLTAuMTg3LTAuMTg2LTAuMjg5LTAuNDM0LTAuMjg5LTAuNjk5YzAtMC4yNjQsMC4xMDItMC41MTQsMC4yODktMC43bDAuNTE1LTAuNTE4QzEuODI4LDguODc0LDEuNTY4LDguNTEyLDEuMzM1LDguMDk4ICAgbC0wLjY2LDAuNjYzQzAuMjQsOS4xOTcsMCw5Ljc3NywwLDEwLjM5NGMwLDAuNjE3LDAuMjQsMS4xOTcsMC42NzUsMS42MzNsNC43NzIsNC43ODdjMC40MzUsMC40MzYsMS4wMTIsMC42NzYsMS42MjgsMC42NzYgICBjMC42MTQsMCwxLjE5My0wLjI0LDEuNjI4LTAuNjc2bDYuMjAxLTYuMjIxTDE2LjIwNSw5LjNsLTAuMzYxLTAuMzY1YzAuNjgzLTAuMzczLDAuOTg3LDIuNzQ0LDAuOTg3LDIuNzQ0czAuOTU0LDcuNDM5LDEuODAyLDAgICBDMTkuNDQzLDQuNTYsMTMuODU0LDYuMjcyLDEzLjM2Nyw2LjQzNHoiIGRhdGEtb3JpZ2luYWw9IiMwMzAxMDQiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiM0ZTRlNGUiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+);
    /*background-image: url(../img/paint-bucket.svg);*/
    background-repeat: no-repeat;
    background-size: 24px;
    margin-left: 2px;
    background-position-x: 3px;
    background-position-y: 2px;;
}
.fa-fill-drip-active{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTguNzEzIDE4LjcxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTguNzEzIDE4LjcxMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGREZGRkQiIGQ9Ik0xMy4zNjcsNi40MzRMOC44NzIsMS44OTVsLTAuNjUtMC42NzJMNi42ODcsMi43MzFjLTIuNjI0LTAuMzc1LTQuNTEsMC41OS01LjE3OCwxLjc3NyAgIEMwLjY5OCw1Ljk0OSwxLjUyNyw3LjUyMiwxLjU1Myw3LjU3YzAuNjkzLDEuMzg1LDEuNjg5LDIuMjE2LDIuOTYxLDIuNDczYzAuMjc5LDAuMDU1LDAuNTYsMC4wOCwwLjg0LDAuMDggICBjMS4zMjIsMCwyLjY0NC0wLjU2MSwzLjY0OS0xLjEzNWMwLjI3MSwwLjE4OCwwLjYwMSwwLjI5OSwwLjk1NCwwLjI5OWMwLjkzLDAsMS42ODYtMC43NTksMS42ODYtMS42OTFzLTAuNzU2LTEuNjktMS42ODYtMS42OSAgIHMtMS42ODYsMC43NTgtMS42ODYsMS42OWMwLDAuMDkzLDAuMDEzLDAuMTg0LDAuMDI3LDAuMjc0QzcuMjg2LDguNDQ1LDUuOTUxLDguOTg2LDQuNzcsOC43NDhDMy45MDUsOC41NzMsMy4yMzcsNy45OTUsMi43MTksNi45NiAgIEMyLjcxNCw2Ljk1LDIuMjAzLDUuOTU3LDIuNjU0LDUuMTU3YzAuMzgtMC42NzYsMS4zNzEtMS4xMTEsMi44ODMtMS4yNzVMNS4zMDIsNC4xMTlMMy4xMyw2LjI5OSAgIGMwLjAyMywwLjA1MywwLjA0LDAuMDg1LDAuMDQxLDAuMDg3YzAuMjA5LDAuNDE4LDAuNDQ0LDAuNzU4LDAuNzA2LDEuMDNsMy45MzItMy45NDNjMC4xODctMC4xODcsMC40MzUtMC4yOSwwLjY5OC0wLjI5ICAgczAuNTEzLDAuMTAzLDAuNjk4LDAuMjlsNC43NzEsNC43ODdjMC4zODUsMC4zODUsMC4zODUsMS4wMTQsMCwxLjM5OUw3Ljc3NCwxNS44OGMtMC4zNzIsMC4zNzMtMS4wMjMsMC4zNzMtMS4zOTYsMGwtNC43NzItNC43ODcgICBjLTAuMTg3LTAuMTg2LTAuMjg5LTAuNDM0LTAuMjg5LTAuNjk5YzAtMC4yNjQsMC4xMDItMC41MTQsMC4yODktMC43bDAuNTE1LTAuNTE4QzEuODI4LDguODc0LDEuNTY4LDguNTEyLDEuMzM1LDguMDk4ICAgbC0wLjY2LDAuNjYzQzAuMjQsOS4xOTcsMCw5Ljc3NywwLDEwLjM5NGMwLDAuNjE3LDAuMjQsMS4xOTcsMC42NzUsMS42MzNsNC43NzIsNC43ODdjMC40MzUsMC40MzYsMS4wMTIsMC42NzYsMS42MjgsMC42NzYgICBjMC42MTQsMCwxLjE5My0wLjI0LDEuNjI4LTAuNjc2bDYuMjAxLTYuMjIxTDE2LjIwNSw5LjNsLTAuMzYxLTAuMzY1YzAuNjgzLTAuMzczLDAuOTg3LDIuNzQ0LDAuOTg3LDIuNzQ0czAuOTU0LDcuNDM5LDEuODAyLDAgICBDMTkuNDQzLDQuNTYsMTMuODU0LDYuMjcyLDEzLjM2Nyw2LjQzNHoiIGRhdGEtb3JpZ2luYWw9IiMwMzAxMDQiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiNGQkZERkIiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+);
    background-repeat: no-repeat;
    background-size: 24px;
    margin-left: 2px;
    background-position-x: 3px;
    background-position-y: 2px;
    background-color: #2ECC71;
}
.fa-fill-drip-active:hover{
    background-color: #2ECC71 !important;
}

#confirmMerge {
    padding: 15px;
    z-index: 100003;
    background: #fff;
}

#map-tab.disabled .tab {
    pointer-events: none;
    background-color: #f7f7f7;
}

/* dynamic segmentation tab in mapping wizard */
.dynamic-segmentation-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.dynamic-segmentation-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    width: 100%;
}

.dynamic-segmentation-row-right {
    justify-items: flex-end;
}

.dynamic-segmentation-container > 
.dynamic-segmentation-row > .dynamic-segmentation-row {
    width: 50%;
}

.dynamic-segmentation-row.long-row {
    width: 60% !important;
}

.dynamic-segmentation-container > 
.dynamic-segmentation-row > 
.dynamic-segmentation-row > 
.dynamic-segmentation-row {
    width: 30%;
}

.dynamic-segmentation-row span {
    margin: 5px;
}

#reportList-wrapper {
    overflow-y: auto;
    max-height: calc(100vh - 40px);
    padding-bottom: 30px;
}

#mapper-crs-container .input-dropdown-wrapper {
    max-width: 300px;
}


.sectorization-steps {
    width: 20px;
    background-color: #2ECC71;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: bold;
    color: white;
}

#sectorization-hierar-config-block nav {
    height: 24px;
    line-height: 24px;
    width: unset;
    display: inline-block;
    margin-left: 10px;
    box-shadow: unset;
    background: unset;
}

#sectorization-hierar-config-block div.nav-wrapper {
    font-weight: initial;
    background-color: unset;
}

#sectorization-hierar-config-block .breadcrumb {
    font-size: 14px;
    color: #afafaf;
}

#sectorization-hierar-config-block .breadcrumb:before {
    color: #afafaf;
    margin: 0 4px 0 4px;
}

#sectorization-hierar-config-block .breadcrumb:last-child {
    color: #4e4e4e;
}

#sectorization-hierar-config select.error {
    border-color: red;
}

.sectorizationwizard input[type='text'] {
    max-width: 240px;
    height: unset;
    margin: unset;
}

.sectorizationwizard div.row {
    margin-bottom: 0;
    margin-top: -15px;
}

.sectorizationwizard .input-field {
    margin-top: 0.25rem;
}

.sectorizationwizard input[type='text'].error {
    border-color: red;
}


ol.tmlevel { 
    background-color: #eee;
    padding: 5px;
    counter-reset: number;
    margin: 0px;
} 
ol.tmlevel > li { 
    background-color: white;
    margin-bottom: 1px;
    padding: 5px 0px 15px 15px;
    list-style: none; 
    counter-increment: number; 
}

ol.tmlevel > li dl { 
    display: inline-block;
    width: 90%;
    margin: 0;
}

/*
ol.tmlevel div.btn_actions {
    float: right;
    right: 10px;
    position: absolute;
    top: 0px;
}
*/

label.stepTitle {
    font-weight: bold;
}

.analytic-label {
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    padding: 2px 5px 2px 5px;
}


.galigeo.tab-switcher {
	background-color: #eeeeee;
	/*border-bottom: solid 5px #eeeeee;*/
	padding: 13px 15px;
	font-size: 1.2rem;
	color: #ABABAB;
	transition : color .1s linear, border-bottom-coolor .1s linear;
}


.galigeo.tab-switcher:hover, .galigeo.tab-switcher.active {
	/*border-bottom-color: #88b313;*/
	color: #4E4E4E;
}

.galigeo.action-link {
	cursor: pointer;
}
.action-link {
	cursor: pointer;
}
.action-link.disabled {
	    cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
}

.galigeo.action-link:hover {
	border-bottom: solid 1px #039be5;
}

i.galigeo-animate {
	transition : transform .15s linear;
}

.share-zone-frame {
    position: absolute;
    justify-content: center;
    align-items: flex-start;
    width: 650px;
    height: 70vh;
    right: 50px;
    bottom: 40px;
    z-index: 2002;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: width 1s, margin-left 0.5s;
    transition: width 1s, margin-left 0.5s;
}
@media only screen and (max-width: 600px) {
    .share-zone-frame {
        width: 300px;
    }
    
  }
.u-tool-remove-button {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/close_48.png);
    background-position: 0px 0px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
    border-radius: 14px;
}
#share-zone-content {
    height: calc(70vh - 80px);
    overflow-y: auto;
    overflow-x: hidden; 
}
#share-zone-content input {
    border: 1px solid #9e9e9e;
    border-radius: 2px;
    margin-bottom: 2px;
    height: 30px;
}
.btn, .uploadBtn {
    background-color: #2ECC71;
  }
  
 .btn:hover, .btn:active, .btn:focus {
    background-color: #2bbbad;
}
.dataset.importDataList .header i {
    cursor: pointer;
}

#progress-geocoder{
    width: 450px;
    margin: auto;
}
#progress-geocoder .progress{
    height: 20px;
    border-radius: 30px;
}
#progress-geocoder-credit{
    width: 200px;
}
#geocode-table-text {
    font-size: 12px;   
}
#geocoder-footer-text-1 , #geocoder-footer-text-2, #geocoder-footer-text-3 {
    font-size: 12px;   
}
#progress-geocoder-credit .progress{
    height: 10px;
    border-radius: 30px;
    margin: 5px;
}
#progress-geocoder-credit-used {
    color: #0091EA;
    font-size: 12px;
}
#geocode-result-credit-text {
    font-size: 12px;
    margin-left: 20px;
}
#geocode-result-credit-title {
    font-size: 17px;
    font-weight: 600;
}
#modal-geocoder-actions {
    max-width: 500px;
    max-height: 220px;
}
#modal-confirmGeocoder {
    max-width: 500px;
    max-height: 290px;
}
.hoverable.tablinks {
    background-color: #2ECC71;
    color: #ffffff;
}
.leaflet-bottom {
    z-index: 2001 !important;
}
.view-user.card {
    margin-bottom: 0px;
	transition: background-color 150ms cubic-bezier(.4,0,1,1),box-shadow 150ms cubic-bezier(.4,0,1,1);
	padding-bottom: 0;
	width: 98%;
	height: 30px;
	line-height: 16px;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
    margin-left: 0px;
}
.view-user.active {
    color: #2ECC71;
}
#save-view-dropdown {
    top: 81px !important;
    left: 54px !important;
    color: #4e4e4e;
    min-width: 140px;
}
#save-view-dropdown li a {
    color: #4e4e4e !important;
}
.view-btns-save {
    margin-top: 10px;
    width: 98%;
    float: left;
    margin-bottom: 2px;
}
.current-user-view-item {
    position: relative;
    border: 1px solid #2ECC71;
    border-bottom: 1px solid #2ECC71 !important;
}
#toastEditValue {
    width: 200px;
    margin: 10px;
}
.list-user-view-public, .list-user-view-private{
    width: 240px;
    display: inline-block;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 2px;
    border-radius: 4px;
}
.primary-background-hover:hover {
    color: #fff;
    background-color: #2ECC71 !important;
}
.view-btns-save a {
    height: 25px;
    line-height: 7px;
    font-size: 10px;   
}
.selection-btns a {
    height: 25px;
    line-height: 7px;
    font-size: 10px;   
}
.selection-btns {
    margin-top: 5px;
    margin-bottom: 5px;
}
.group-view-name {
    cursor: pointer;
    line-height: 24px;
    font-size: 13px;
    font-weight: 600;
}

.group-view-name .chevron{
    padding-right: 17px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: -4px -3px;
    min-height: 22px;
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url("../img/arrow_down_48.png");

}

.group-view-name.open .chevron {
    opacity: 0;
    animation-name: opacityChangeOut;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-direction: alternate;
    background-image: url(../img/arrow_right_48.png);
}
#user-view-panel:hover .group-view-name .chevron{
    padding-right: 17px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: -4px -3px;
    min-height: 22px;
    opacity: 1;
    -webkit-animation-name: opacityChangeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate;
    -moz-animation-name: opacityChangeIn;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 2s;
    -moz-animation-direction: alternate;
    -ms-animation-name: opacityChangeIn;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: 1;
    -ms-animation-duration: 2s;
    -ms-animation-direction: alternate;
    animation-name: opacityChangeIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 2s;
    animation-direction: alternate;
    background-image: url("../img/arrow_down_48.png");

}
#user-view-panel:hover .group-view-name.open .chevron {
    background-image: url(../img/arrow_right_48.png);
}
#list-user-view {
    max-height: 120px;
	overflow-x: hidden;
	z-index: 2;
	width: 100%;
	overflow-y: scroll;
	margin-top: 1px;
}
.user-view-btn-add {
    cursor: pointer;
	color: #fff;
	background-color: #2ECC71;
	border-radius: 2px;
	font-size: 20px!important;
	height: 24px;
	width: 24px;
	padding: 2px;
    background-image: url(../img/addview.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 3px 1.5px;
}
.user-view-btn-save {
    cursor: pointer;
	color: #fff;
	background-color: #757575;
	border-radius: 2px;
	font-size: 20px!important;
	height: 24px;
	width: 24px;
	padding: 2px;
	margin-right: 2px;
}
#addBtn {
    cursor: pointer;
    color: #fff;
    background-color: #2ECC71;
    border-radius: 2px;
    height: 30px;
    width: 30px;
    padding: 3px;
    
}
#btnMaskLayer {
    cursor: pointer;
    color: #fff;
    background-color: #ccc;
    height: 30px;
    border-radius: 2px;
    width: 30px;
    padding: 3px;
}
.user-view-btn-list{
    border: solid 1px #ddd;
	border-radius: 2px;
	cursor: pointer;
	width: 24px;
	font-size: 16px !important;
	height: 24px;
	float: left;
	padding: 3px;
}
.user-view-btn-list:hover , .user-view-btn-add:hover, .user-view-btn-save:hover  {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 16%), 0 1px 4px 0 rgb(0 0 0 / 12%);
}

.layer-tool .collection .collection-item i.disabled {
    color: #ccc;
    opacity: 0.2;
    cursor: default;
}
.geocoder-table-td-left {
    background-color: rgb(221 221 221 / 56%);
    width: 200px;
    text-align: right !important;
}
.geocoder-table-th {
    background-color: rgb(221 221 221 / 56%);
    text-align: center;
}

.geocoder-table td, .geocoder-table th {
    border: 1px solid #ddd;
    text-align: center;
}
.geocoder-table tbody tr {
    line-height: 3px;
}
#current-user-view {
    cursor: pointer;
    display: inline-block;
    width: 98%;
    margin-bottom: 6px;
}
#list-user-view .view-user.card:hover {
    background-color: #ddd;
}
.current-user-view-chevron::before{
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f078';
    line-height: 20px;
    margin-left: 9px;
}
.current-user-view-chevron-up::before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f077";
    line-height: 20px;
    margin-left: 9px;
}
.pagination li {
    cursor: pointer;
}
tr.highlight {
    color: white;
    font-weight: bold;
}
#territory-table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    background-color: #DDD;
    z-index: 1;
}
.territory-table-pages{
    position: absolute;
    top: 50px;
    right: 10px;
}
 #filterTableContainerPages{
    position: absolute;
    top: 40px;
    right: 60px;
}
.custom-pagination li a {
    color: #444;
    display: inline-block;
    font-size: 14px;
    padding: 0 3px;
    margin: 1px;
    line-height: 18px;
}
.custom-pagination li {
    line-height: 15px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    height: 20px;
    margin: 1px;
}
.custom-pagination li i {
    font-size: 17px;
}
.custom-pagination li:hover {
    background-color: #b1a4a4;
}
.custom-pagination li.active {
    background-color: #b1a4a4;
}
.view-btns .disabled {
    pointer-events: none;
    background-color: #DDD;
    color: #989292 !important;
}
.tm-wizards .btn .help-message {
    padding-left: 0px !important;
    padding-bottom: 20px;
    width: 29px;
    margin-right: -8px;
    height: 13px;
    margin-top: -10px;
}
.tm-wizards .btn .help-message i {
    font-size: 14px !important;
}
#tm-projectList-modal .table.dataTable thead th, #tm-projectList-modal .table.dataTable thead td {
    border-bottom: none;
    font-size: 13px;
}
.tm-projectList-modal .confirm-buttons {
    border-top: 1px solid rgba(0,0,0,0.1);
    text-align: right;
}
#tm-projectList-modal.modal.modal-fixed-footer {
    transform: none !important;
}
#project-table_wrapper .dataTables_scrollBody thead {
    /*display: none;*/
}
#project-table_wrapper table.dataTable th, #project-table_wrapper table.dataTable td {
    border: none !important;
    border-left: none !important;
    border-bottom: none !important;
}
#galigeo-thirdDimension-button.active a {
    background-color: #FD7E14;
    color: #ffffff;
}
.icon-datahub2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/DH-icon.svg");
    background-size: 25px 25px;
    display: inline-block;
    background-repeat: no-repeat;
  }
  .icon-file2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/CSV.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-shp2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/SHP.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-json2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/CSV.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-catalog2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/catalogue.svg");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-data2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/SQL.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-tm {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/TM.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .icon-report2 {
    height: 25px !important;
    width: 25px;
    background-image: url("../../ui/img/XLS.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }

#list-flux .layer-menu-item .collapsible-body {
display: none;
}
#list-flux .layer-menu-item.open .collapsible-body {
    display: block;
}
#calculate-flux.disabled {
    background: #ddd !important;
}
#traffic-panel .location-flow-button.active {
    background-color: #2ECC71;
    color: #fff;
}
.popup-flow .leaflet-popup-content{
    margin: 0px !important;
    background: #fff;
}
#filter-tm-icon.active{
    background-color: #2ECC71;
    color: #fff;
}
.inconsistencies-text {
    margin: 10px;
    line-height: 20px;
    width: 350px;
    height: 200px;
}
.delete-project-checkbox {
    width: 100%;
    margin: 10px;
}
.delete-project-card {
    width: 100%;
    height: 100px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #cecece;
    border-radius: 4px;
}

.mdi-layer-edit-name {
    background-image: url(../img/text_48.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 5px 3px;
}
/*
.introjs-tooltip-header {
     background-color: #2ECC71;
}

.introjs-skipbutton {
    line-height: 37px !important;
}

.introjs-tooltip-title {
    line-height: 1 !important;
}

.introjs-dontShowAgain label {
    padding: unset !important;
}
*/