/* +++ Reset */

html,
body,
.full-height {
    height: 100%;
}

body {
    font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.container {
    padding: 0;
}

h1 > strong,
h2 > strong,
h3 > strong,
h4 > strong,
h5 > strong,
h6 > strong {
    font-weight: 700;
}

ul,
ol {
    padding-left: 16px;
}

ol {
    list-style-position: inside;
    padding-left: 0;
}

/* +++ Interface */

#base {
    overflow: hidden;
    padding-right: 60px;
    width: 100%;
    min-height: 100%;
}

    #base > .backdrop {
        position: fixed;
        z-index: 1031;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
    }

    #base.hide-backdrop > .backdrop {
        display: none;
        position: relative;
    }

#content {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* +++ Menu bottom */

#menubar-bottom, #menubar-bottom-pl, #id-menubar-bottom-road-builder-tool, #id-menubar-bottom-network-simulation-tool, #id-menubar-bottom-network-budget-tool {
    position: fixed;
    z-index: 1033;
    left: 50%;
    bottom: 20px;
    border-radius: 10px;
    bottom: 5px;
    background: rgba(0,0,0,0.6) !important;
    border: 1px solid;
    height: 62px;
}

#id-menubar-bottom-geometry-editor-tool {
    position: fixed;
    z-index: 1033;
    left: 33%;
    bottom: 20px;
    border-radius: 10px;
    bottom: 5px;
    background: rgba(0,0,0,0.6) !important;
    border: 1px solid;
    height: 62px;
}

    #id-menubar-bottom-geometry-editor-tool.mobile-geometry-editor {
        display: block;
        white-space: nowrap !important;
        left: 2% !important;
        right: 2% !important;
        overflow-x: scroll !important;
        bottom: 60px;
    }



/* +++ Menu Lateral Direito */

#menubar {
    position: fixed;
    z-index: 1033;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
}

    #menubar .nano:focus,
    #menubar .nano-content:focus {
        outline: none;
    }

    #menubar .nano-pane {
        z-index: 2;
        width: 5px;
        background: transparent;
    }

    #menubar .menubar-scroll-panel {
        position: relative;
        z-index: 2;
        min-height: 100%;
    }

    #menubar .menubar-foot-panel {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

.map-controls {
    font-size: 12px;
    padding: 0;
    margin-bottom: 0;
}

    .map-controls li {
        list-style: none;
    }

    .map-controls > li {
        position: relative;
    }

    .map-controls li.divider {
        position: relative;
    }

        .map-controls li.divider:after,
        .map-controls.divider li:after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            display: block;
            height: 1px;
        }

        .map-controls li.divider:after,
        .map-controls.divider li:after {
            left: 0;
        }

    .map-controls > li > a {
        position: relative;
        display: block;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        border-radius: 0;
        padding-left: 0;
        height: 60px;
        width: 60px;
        z-index: 1;
    }

        .map-controls > li > a.small {
            height: 50px !important;
            width: 50px !important;
            bottom: 5px !important;
        }

            .map-controls > li > a.small > div.menu-icon {
                width: 50px !important;
                height: 50px !important;
            }

                .map-controls > li > a.small > div.menu-icon > i {
                    font-size: 14px !important;
                }

                    .map-controls > li > a.small > div.menu-icon > i.gpi {
                        top: -5px !important;
                    }

                    .map-controls > li > a.small > div.menu-icon > i.fa {
                        line-height: 50px !important;
                    }

        .map-controls > li > a:hover,
        .map-controls > li > a:focus {
            outline: none;
        }

        .map-controls > li > a.btn-flat {
            padding: 12px 0px;
        }

    .map-controls.menubar-bottom > li {
        display: inline-block;
    }

        .map-controls.menubar-bottom > li.border-right {
            display: inline-block;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

        .map-controls.menubar-bottom > li.border-left {
            display: inline-block;
            border-left: 1px solid rgba(255, 255, 255, 0.2);
        }

        .map-controls.menubar-bottom > li > a:hover {
            background: #121212;
            border-radius: 10px;
            border: 1px solid #ff3d00;
            bottom: 0px;
            left: 0.7px;
            right: 0px;
        }

            .map-controls.menubar-bottom > li > a:hover i {
                right: 3px;
                top: -1px;
            }

    .map-controls.menubar-bottom .hold-button,
    .map-controls.menubar-bottom .hold-single-button {
        background: #121212;
        border-radius: 10px;
        border: 1px solid #ff3d00;
        bottom: 0px;
        left: 0.7px;
        right: 0px;
    }

        .map-controls.menubar-bottom .hold-button i,
        .map-controls.menubar-bottom .hold-single-button i {
            right: 3px;
            top: -1px;
        }

.menu-icon {
    position: absolute;
    left: 0px;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 24px;
    overflow: hidden;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    text-align: center;
}

    .menu-icon .zmdi:first-child,
    .menu-icon .glyphicon:first-child,
    .menu-icon .gpi:first-child {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        line-height: 60px;
        width: 1em;
    }

    .menu-icon.upload-icon {
        line-height: 60px !important;
    }

    .menu-icon.ajust-button-icon {
        position: relative;
        top: 15px;
    }

.button-selected {
    background-color: rgba(255, 0, 0, 0.1);
}

.btn-primary.hover,
.btn-primary.hoverout:hover {
    background-color: #cc3100 !important;
    border-color: #cc3100;
}

.btn-primary.hoverout {
    background-color: #ff3d00 !important;
    border-color: #cc3100;
}

.icon-circle-button {
    position: relative;
    top: 15px;
    font-size: 28px;
}

/* +++ Dashboard */

.dashboard-map {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100%;
}

.map-search {
    z-index: 100;
    position: absolute;
    bottom: auto;
    left: -320px;
    top: 20px;
    width: 320px;
    height: auto;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
}

    .map-search.active {
        transform: translate(340px, 0px);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    }

    .map-search .nav-tabs > li.style-accent > a {
        color: #fff;
    }

.railway-info {
    z-index: 100;
    position: absolute;
    bottom: auto;
    left: -320px;
    top: 80px;
    width: 320px;
    height: auto;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
}

    .railway-info.active {
        transform: translate(340px, 0px);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    }

    .railway-info .nav-tabs > li.style-accent > a {
        color: #fff;
    }

.railway-info-header .offcanvas-tools {
    position: absolute;
    left: 4px;
    top: -10px;
    right: -6px;
}

    .railway-info-header .offcanvas-tools a > i {
        color: rgba(200, 200, 200,1);
        font-size: 20px;
    }

        .railway-info-header .offcanvas-tools a > i:hover {
            color: black;
        }

.dashboard-content {
    height: 100vh;
}

/* + BTN Floating */

.floating-action {
    width: 44px;
    height: 44px;
    border-radius: 999px !important;
    padding: 0;
    font-size: 17px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    -o-transition: -o-box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
}

    .floating-action .zmdi,
    .floating-action .glyphicon,
    [class^="geoportal-icon-"],
    [class*=" geoportal-icon-"] {
        top: 0;
        margin: 0;
        line-height: 42px !important;
    }

    .floating-action + .floating-action {
        margin-left: 10px;
    }

/* +++ Link default */
.link-default {
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

    .link-default:hover {
        opacity: 1;
    }

    .link-default .zmdi,
    .link-default .glyphicon {
        margin-right: 12px;
    }


/* +++ TABS */

/* +++ Nav Tabs */
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.846153846;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
    background-color: transparent;
    cursor: default;
    opacity: 1;
}

.nav-tabs.nav-justified {
    padding: 0;
}

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border: none;
        border-bottom-width: 2px;
        border-bottom-style: solid
    }

.nav-tabs.tabs-center > li {
    float: none;
    display: inline-block;
}

.nav-tabs.tabs-center {
    text-align: center;
}

.nav-tabs a small {
    color: inherit;
    text-transform: initial;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}


/* +++ Cards */

.card {
    position: relative;
    margin-bottom: 24px;
}

    .card:before,
    .card:after {
        content: " ";
        display: table;
    }

    .card:after {
        clear: both;
    }

    .card > .nano:last-child {
        border-radius: 0 0 2px 2px;
    }

    .card.no-shadow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .card.no-border {
        border: 0;
    }

.card-head {
    position: relative;
    line-height: 52px;
    min-height: 56px;
    vertical-align: middle;
}

    .card-head:before,
    .card-head:after {
        content: " ";
        display: table;
    }

    .card-head:after {
        clear: both;
    }

    .card-head header {
        display: inline-block;
        margin: 12px;
        vertical-align: middle;
        line-height: 18px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        z-index: 1;
    }

        .card-head header > h1,
        .card-head header > h2,
        .card-head header > h3,
        .card-head header > h4,
        .card-head header > h5,
        .card-head header > h6 {
            vertical-align: middle;
            margin: 0;
            line-height: 1;
        }

        .card-head header small {
            color: inherit;
            opacity: 0.5;
            font-size: 80%;
            display: block;
            margin-top: 6px;
        }

    .card-head > div {
        display: inline-block;
    }

    .card-head .tools {
        padding-right: 16px;
        float: right;
    }

        .card-head .tools form {
            margin-top: 7px;
            margin-bottom: 7px;
            margin-left: 24px;
            line-height: normal;
            vertical-align: middle;
        }

        .card-head .tools .floating-action {
            margin-left: 8px;
        }

        .card-head .tools > .btn-group {
            margin-right: 4px;
        }

        .card-head .tools > .btn-group-xs {
            margin-right: 10px;
        }

        .card-head .tools > .btn-group-sm {
            margin-right: 4px;
        }

        .card-head .tools > .btn-group-lg {
            margin-right: 0;
        }

        .card-head .tools.pull-left > .btn-group {
            margin-left: 4px;
        }

        .card-head .tools.pull-left > .btn-group-xs {
            margin-left: 10px;
        }

        .card-head .tools.pull-left > .btn-group-sm {
            margin-left: 4px;
        }

        .card-head .tools.pull-left > .btn-group-lg {
            margin-left: 0;
        }

    .card-head.nav-tabs > li > a,
    .card-head > .nav-tabs > li > a {
        line-height: 54px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .card-head .floating-action {
        position: absolute;
        right: 16px;
        bottom: -23px;
        z-index: 1;
    }

.card-body {
    padding: 12px;
    position: relative;
}

    .card-body:before,
    .card-body:after {
        content: " ";
        display: table;
    }

    .card-body:after {
        clear: both;
    }

    .card-body:last-child {
        border-radius: 0 0 2px 2px;
    }

    .card-body .row {
        margin-left: 0;
        margin-right: 0;
    }


/* + Card Services */
.card-services {
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    -o-transition: -o-box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
}

    .card-services:hover {
        -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .card-services .card-head {
        border-left: 2px solid #ff3d00;
    }

        .card-services .card-head .floating-action {
            display: none
        }

    .card-services:hover .card-head .floating-action {
        display: inline-block;
    }


    .card-services .card-body {
        -webkit-transition: background 0.2s ease;
        -o-transition: background 0.2s ease;
        transition: background 0.2s ease;
    }



/* + Card Access */
.card-access {
    box-shadow: none;
    transition: border-width 0.05s linear;
}

    .card-access.is-focus {
        border-left-width: 10px;
    }

    .card-access .form-control {
        padding-top: 22px;
        padding-bottom: 22px;
        border: none;
        box-shadow: none;
        background: transparent;
        font-size: 16px;
    }

    .card-access .card-body label {
        font-size: 18px;
        font-weight: 400;
        margin: 12px 12px 0 12px;
    }

    .card-access + .card-access {
        border-top: 0
    }

    .card-access .card-body .form-group {
        margin-bottom: 0
    }



/* +++ Styles */
.card.style-transparent,
.card .style-transparent,
.card-transparent,
.floating-action.style-transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
}

    .card-transparent .card-head header,
    .card-transparent .card-head .tools {
        padding-left: 4px;
        padding-right: 4px;
    }

    .card-transparent .card-body {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    }


.card .btn-collapse {
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.card.border-radius-card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-collapsed .btn-collapse {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media (max-width: 768px) {
    .card {
        margin-bottom: 16px;
    }

    .card-head header {
        padding: 11px 16px;
    }

    .card-body {
        padding: 16px;
    }
}


/* +++ Offcanvas */

.offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 60px;
    z-index: 1032;
}

body.offcanvas-expanded {
    overflow: hidden;
}

.offcanvas:first-child {
    left: 0;
    right: auto;
}

.offcanvas-pane {
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 8px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
}

#offcanvas-theme .offcanvas-footer {
    position: fixed;
    bottom: 0;
    height: 10vh;
    padding: 5px 0px;
    width: 100%;
}

    #offcanvas-theme .offcanvas-footer.separator {
        border-top: 1px solid rgba(0,0,0,0.5);
        margin-left: 16px;
        width: 287px;
    }

.btn-layer-tree-footer-btn {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

#offcanvas-theme div.mCustomScrollBox {
    height: 90vh;
}

.offcanvas-pane.bottom {
    height: 400px;
    top: unset;
    bottom: 0px;
    position: fixed;
}

.offcanvas-pane.active {
    display: block;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
}

.offcanvas-map-list-tab {
    z-index: 99;
    position: relative;
    width: 30%;
    float: right;
    right: 30px;
    bottom: 65px;
}

.offcanvas-pane.border-radius-pane {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#pdm-tabs {
    display: table;
    width: 100%;
}

#pdm-tabs-reload-button-div {
    display: table-cell;
    width: 40px;
    vertical-align: bottom;
}

#pdm-tabs .nav-tabs {
    display: table-cell;
}

#offcanvas-pdm .mCSB_draggerContainer {
    top: 14%;
    bottom: 3%;
}

#offcanvas-pdm div.gj-textbox-md {
    border: 0 !important;
}

#offcanvas-pdm div.gj-datepicker {
    border: 0 !important;
    padding: 0 !important;
}

#offcanvas-pdm .gj-datepicker-md [role="right-icon"] {
    top: 5px;
}

#offcanvas-pdm-legend {
    display: table;
}

    #offcanvas-pdm-legend .offcanvas-head {
        height: 54px;
        width: 100%;
        padding: 16px;
    }

    #offcanvas-pdm-legend .offcanvas-body {
        height: 296px;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    }

#pdm-legend-container {
    width: 100%;
}

#pdm-legend-div {
    height: 210px;
    overflow-y: auto;
}

#pdm-report-div {
    height: 55px;
    padding-top: 18px;
}

#offcanvas-pdm-legend .btn, #offcanvas-pdm-legend .btn-group {
    width: 120px;
    margin-right: 10px;
}

#offcanvas-pdm-legend.show {
    position: fixed;
    left: 33px;
    bottom: 33px;
    top: unset;
    height: 350px;
}

#offcanvas-save-feature {
    display: table;
}

    #offcanvas-save-feature .offcanvas-head {
        height: 54px;
        width: 100%;
        padding: 16px;
    }

    #offcanvas-save-feature .offcanvas-body {
        height: 450px;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    }

#save-feature-container {
    height: 100%;
    width: 100%;
    max-height: 425px;
}

#save-feature-form-container {
    width: 100%;
    overflow-y: scroll;
    max-height: 370px;
}

#save-feature-submit-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px;
}

    #save-feature-submit-container div.left-right {
        padding-top: 10px;
        padding-right: 23px;
        width: 100%;
    }

    #save-feature-submit-container .left, #save-feature-submit-container .right {
        width: 50%;
    }

    #save-feature-submit-container .left {
        width: 50%;
        text-align: left;
    }

    #save-feature-submit-container .right {
        width: 50%;
        text-align: right;
    }

#offcanvas-save-feature .btn, #offcanvas-save-feature .btn-group {
    width: 120px;
    margin-right: 10px;
}

#offcanvas-save-feature.show {
    position: fixed;
    left: 33px;
    bottom: 33px;
    top: unset;
    height: 500px;
    width: 600px;
}

.offcanvas-pane.show {
    display: block;
    right: 350px;
    top: 10px;
    height: 150px;
    border: 1px solid #d0d0d0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
}

    .offcanvas-pane.show.showreponsive {
        right: 0px !important;
    }

.offcanvas:first-child .offcanvas-pane {
    right: 0;
}

.offcanvas-pane .remove-icon {
    color: #ff3d00;
    margin-right: 6px;
    position: absolute;
    right: 15px;
}

.offcanvas-pane .temp-layer-description {
    position: relative;
}

.offcanvas-body {
    padding: 16px;
}

.offcanvas-body-ii {
    min-height: 90%;
    padding: 16px;
    padding-top: 0px;
}

.offcanvas-head {
    position: relative;
    padding: 10px 16px;
}

    .offcanvas-head header {
        font-size: 24px;
        font-weight: 500;
        margin-top: 0px;
    }

        .offcanvas-head header.info {
            border-bottom: 1px solid #d0d0d0;
            margin-top: 5px;
        }

    .offcanvas-head .offcanvas-tools {
        position: absolute;
        left: 4px;
        right: 4px;
        top: 10px;
    }

        .offcanvas-head .offcanvas-tools .link-default {
            font-size: 26px;
        }

#offcanvas-theme-edit div.offcanvas-body {
    overflow-y: auto;
    height: calc(100% - 106px);
}

#layer-edit-buttons {
    margin-top: 20px;
    height: 30px;
    display: none;
}

#layer-edit-create {
    float: left;
    background-color: green;
    border-color: green;
    margin-left: 40px;
}

    #layer-edit-create.selected {
        font-weight: bold;
        background-color: darkgreen;
    }

#layer-edit-edit {
    float: right;
    margin-right: 40px;
}

    #layer-edit-edit.selected {
        font-weight: bold;
        background-color: darkred;
        border-color: darkred;
    }

/* +++ Nano Scrollers JS */

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano > .nano-content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano > .nano-content:focus {
            outline: thin dotted;
        }

        .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

    .nano > .nano-pane {
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        bottom: 0;
        /* Target only IE7 and IE8 with this hack */
        visibility: hidden\9;
        opacity: .01;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

        .nano > .nano-pane > .nano-slider {
            position: relative;
            margin: 0 1px;
        }

    .nano:hover > .nano-pane,
    .nano-pane.active,
    .nano-pane.flashed {
        /* Target only IE7 and IE8 with this hack */
        visibility: visible\9;
        opacity: 0.99;
    }

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.holder {
    position: relative;
}


/* +++ Helper Classes */

.nowrap {
    white-space: nowrap;
}

/* + Vertical Align */

.v-top,
.v-inline-top {
    float: none !important;
    display: table-cell;
    vertical-align: top;
}

.v-middle,
.v-inline-middle {
    float: none !important;
    display: table-cell;
    vertical-align: middle;
}

.v-bottom,
.v-inline-bottom {
    float: none !important;
    display: table-cell;
    vertical-align: bottom;
}

.v-inline-top,
.v-inline-middle,
.v-inline-bottom {
    display: inline-block;
}

/* + Text */

.text-xs {
    font-size: 75%;
}

.text-sm {
    font-size: 85%;
}

.text-lg {
    font-size: 115%;
}

.text-xl {
    font-size: 125%;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium,
strong {
    font-weight: 500;
}

.text-bold {
    font-weight: 700;
}

.text-extra-bold {
    font-weight: 800;
}

.text-black {
    font-weight: 900;
}


/* + Textarea */

textarea.control-2-rows {
    height: 64px;
}

textarea.control-3-rows {
    height: 96px;
}

textarea.control-4-rows {
    height: 128px;
}

textarea.control-5-rows {
    height: 160px;
}

textarea.control-6-rows {
    height: 192px;
}

textarea.control-7-rows {
    height: 224px;
}

textarea.control-8-rows {
    height: 256px;
}

textarea.control-9-rows {
    height: 288px;
}

textarea.control-10-rows {
    height: 320px;
}

textarea.control-11-rows {
    height: 352px;
}

textarea.control-12-rows {
    height: 384px;
}

textarea.no-resize {
    resize: none;
}


/* + Separators */

hr.ruler-sm {
    margin: 8px 0;
}

hr.ruler-lg {
    margin: 16px 0;
}

hr.ruler-xl {
    margin: 32px 0;
}

hr.ruler-xxl {
    margin: 64px 0;
}

/* + Opacity */

.opacity-25 {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.opacity-50 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.opacity-75 {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.opacity-100 {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* + Margin */

.no-margin {
    margin: 0;
}

.margin-sm {
    margin: 10px;
}

.margin-lg {
    margin: 15px;
}

.margin-xl {
    margin: 20px;
}

.margin-xxl {
    margin: 30px;
}

.margin-left-sm {
    margin-left: 10px;
}

.margin-left-lg {
    margin-left: 15px;
}

.margin-left-xl {
    margin-left: 20px;
}

.margin-left-xxl {
    margin-left: 30px;
}

.margin-right-sm {
    margin-right: 10px;
}

.margin-right-lg {
    margin-right: 15px;
}

.margin-right-xl {
    margin-right: 20px;
}

.margin-right-xxl {
    margin-right: 30px;
}

.margin-bottom-sm {
    margin-bottom: 10px;
}

.margin-bottom-lg {
    margin-bottom: 15px;
}

.margin-bottom-xl {
    margin-bottom: 10px;
}

.margin-bottom-xxl {
    margin-bottom: 20px;
}

.margin-top-sm {
    margin-top: 10px;
}

.margin-top-lg {
    margin-top: 15px;
}

.margin-top-xl {
    margin-top: 20px;
}

.margin-top-xxl {
    margin-top: 30px;
}


/* + Padding */
.no-padding {
    padding: 0;
}

.padding-sm {
    padding: 10px;
}

.padding-lg {
    padding: 15px;
}

.padding-xl {
    padding: 20px;
}

.padding-xxl {
    padding: 30px;
}

.padding-left-sm {
    padding-left: 10px;
}

.padding-left-lg {
    padding-left: 15px;
}

.padding-left-xl {
    padding-left: 20px;
}

.padding-left-xxl {
    padding-left: 30px;
}

.padding-right-sm {
    padding-right: 10px;
}

.padding-right-lg {
    padding-right: 15px;
}

.padding-right-xl {
    padding-right: 20px;
}

.padding-right-xxl {
    padding-right: 30px;
}

.padding-bottom-sm {
    padding-bottom: 10px;
}

.padding-bottom-lg {
    padding-bottom: 15px;
}

.padding-bottom-xl {
    padding-bottom: 10px;
}

.padding-bottom-xxl {
    padding-bottom: 20px;
}

.padding-top-sm {
    padding-top: 10px;
}

.padding-top-lg {
    padding-top: 15px;
}

.padding-top-xl {
    padding-top: 20px;
}

.padding-top-xxl {
    padding-top: 30px;
}

/* + Border */

.no-radius {
    border-radius: 0;
}

.border-transparent {
    border-color: transparent;
}

.border-dashed {
    border-style: dashed;
}

/* + Position */
.stick-top-left,
.stick-top-right,
.stick-top-left-right {
    position: absolute;
    top: 0;
}

.stick-bottom-left,
.stick-bottom-right,
.stick-bottom-left-right {
    position: absolute;
    bottom: 0;
}

.stick-top-left,
.stick-bottom-left,
.stick-top-left-right,
.stick-bottom-left-right {
    left: 0;
}

.stick-top-right,
.stick-bottom-right,
.stick-top-left-right,
.stick-bottom-left-right {
    right: 0;
}


/* + Heights */
.height-1 {
    height: 40px;
}

.height-2 {
    height: 80px;
}

.height-3 {
    height: 120px;
}

.height-4 {
    height: 160px;
}

.height-5 {
    height: 200px;
}

.height-6 {
    height: 240px;
}

.height-7 {
    height: 280px;
}

.height-8 {
    height: 320px;
}

.height-9 {
    height: 360px;
}

.height-10 {
    height: 400px;
}

.height-11 {
    height: 440px;
}

.height-12 {
    height: 480px;
}

.width-1 {
    width: 40px;
}

.width-2 {
    width: 80px;
}

.width-3 {
    width: 120px;
}

.width-4 {
    width: 160px;
}

.width-5,
.size-5 {
    width: 200px;
}

.width-6 {
    width: 240px;
}

.width-7 {
    width: 280px;
}

.width-8 {
    width: 320px;
}

.width-9 {
    width: 360px;
}

.width-10 {
    width: 400px;
}

.width-11 {
    width: 440px;
}

.width-12 {
    width: 480px;
}

.width-13 {
    width: 520px;
}

.width-14 {
    width: 560px;
}

.width-bottom {
    width: 65%;
}

@media (min-width: 769px) {
    .scroll-xs {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .scroll-sm {
        height: auto !important;
    }
}

@media (min-width: 1200px) {
    .scroll-md {
        height: auto !important;
    }
}

/* +++ Checkbox Switch */
.switch {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

    .switch + .status {
        position: relative;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: normal;
        cursor: pointer;
        margin-left: 6px;
        min-height: 24px;
        top: 6px;
    }

        .switch + .status::before {
            content: " ";
            overflow: hidden;
            border-radius: 12px;
            float: left;
            width: 44px;
            height: 24px;
            -webkit-transition: background 0.2s ease;
            -o-transition: background 0.2s ease;
            transition: background 0.2s ease;
        }

        .switch + .status::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 4px;
            border-radius: 12px;
            width: 18px;
            height: 18px;
            text-align: center;
            -webkit-transition: left 0.2s ease;
            -o-transition: left 0.2s ease;
            transition: left 0.2s ease;
        }

    .switch:checked + .status::before {
        display: inline-block;
        content: " ";
    }

    .switch:checked + .status::after {
        left: 22px;
    }

/* +++ Service List */
.split {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
}

.split-list.left {
    width: 40%;
}

.split-list.right {
    width: 60%;
}

.split-login.left {
    width: 60%;
}

.split-login.right {
    width: 40%;
}

.split-list.left,
.split-login.left {
    left: 0;
    background-size: cover;
    overflow: hidden;
}

.left-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.split-list.right,
.split-login.right {
    right: 0;
    padding: 30px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.split-list.left .info,
.split-list.left .info-wrap,
.split-list.right .info,
.split-list.right .info-wrap,
.split-login.left .info,
.split-login.left .info-wrap,
.split-login.right .info,
.split-login.right .info-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.split-list.left .info-wrap,
.split-list.right .info-wrap,
.split-login.left .info-wrap,
.split-login.right .info-wrap {
    display: table;
    z-index: 2;
}

.split-list.left .info-wrap,
.split-list.right .info-wrap {
    padding: 60px 40px 40px 40px;
}

    .split-list.left .info-wrap .top-wrap,
    .split-list.right .info-wrap .middle-wrap,
    .split-list.left .info-wrap .top-wrap .info,
    .split-list.left .info-wrap .bottom-wrap,
    .split-login.left .info-wrap .top-wrap,
    .split-login.right .info-wrap .middle-wrap,
    .split-login.left .info-wrap .top-wrap .info,
    .split-login.left .info-wrap .bottom-wrap {
        display: table-row;
        text-align: left;
        height: 100px;
    }

        .split-list.left .info-wrap .top-wrap,
        .split-list.left .info-wrap .top-wrap .info,
        .split-login.left .info-wrap .top-wrap,
        .split-login.left .info-wrap .top-wrap .info {
            vertical-align: top;
        }

    .split-list.left .info-wrap .bottom-wrap,
    .split-login.left .info-wrap .bottom-wrap {
        vertical-align: bottom;
    }

        .split-list.left .info-wrap .bottom-wrap .info,
        .split-login.left .info-wrap .bottom-wrap .info {
            text-align: left;
        }

        .split-list.left .info-wrap .bottom-wrap .info,
        .split-list.right .info-wrap .middle-wrap .info,
        .split-login.left .info-wrap .bottom-wrap .info,
        .split-login.right .info-wrap .middle-wrap .info {
            display: table-cell;
            height: 100px;
        }

        .split-list.left .info-wrap .bottom-wrap .info,
        .split-login.left .info-wrap .bottom-wrap .info {
            vertical-align: bottom;
        }

    .split-list.right .info-wrap .middle-wrap .info,
    .split-login.right .info-wrap .middle-wrap .info {
        vertical-align: middle;
    }


    .split-list.left .info-wrap .top-wrap .info,
    .split-list.left .info-wrap .bottom-wrap .info,
    .split-list.right .info-wrap .middle-wrap .info,
    .split-login.left .info-wrap .top-wrap .info,
    .split-login.left .info-wrap .bottom-wrap .info,
    .split-login.right .info-wrap .middle-wrap .info {
        font-size: 16px;
        font-weight: 500;
    }

.split-list.right .info .header,
.split-login.right .info .header {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center
}

    .split-list.right .info .header h1,
    .split-login.right .info .header h1 {
        font-size: 16px;
    }

.split-list.right .info .footer,
.split-login.right .info .footer {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}



/* +++ Lists */
.list {
    margin: 0;
    padding-left: 0;
    list-style: none;
    line-height: 24px;
}

    .list .tile {
        position: relative;
        display: table;
        width: 100%;
        min-height: 48px;
    }

        .list .tile.selected {
            background-color: #eee;
        }

        .list .tile .tile-content {
            display: table-cell;
        }

        .list .tile > a {
            text-decoration: none;
        }

        .list .tile > .btn {
            display: table-cell;
            vertical-align: middle;
            min-width: 56px;
            width: 56px;
            text-align: center;
        }

        .list .tile .tile-content > div {
            display: table-cell;
            vertical-align: middle;
        }

        .list .tile .tile-text {
            padding: 8px 0;
            font-size: 14px;
            width: 100%;
        }

            .list .tile .tile-text small {
                display: block;
                font-size: 11px;
                opacity: 0.6;
                line-height: 14px;
            }

    .list li.divider {
        position: relative;
    }

        .list li.divider:after,
        .list.divider li:after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            display: block;
            height: 1px;
        }

        .list li.divider:after,
        .list.divider li:after {
            left: 0;
        }

/* +++ GIJGO Reset */
.gj-checkbox-md input[type=checkbox]:checked + span:after {
    color: #FFF;
    background-color: #ff3d00;
    position: absolute;
    left: 1px;
    top: 1px;
}

.gj-checkbox-md input[type="checkbox"]:checked + span {
    border: 2px solid #ff3d00;
}

.gj-checkbox-md input[type="checkbox"]:indeterminate + span:after {
    color: #616161; /*color: rgba(0, 0, 0, 1);*/
    position: absolute;
    left: 1px;
    top: 1px;
}

/* boostrap-datapicker ajust */
.gj-datepicker {
    border: 1px solid #ccc !important;
    padding-left: 10px !important;
}

.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}

.tooltip-close {
    position: absolute;
    right: 10px;
}

    .tooltip-close:hover {
        cursor: pointer;
    }

    .tooltip-close:active {
        top: 0px;
    }

.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}

    .tooltip-measure.hidden {
        display: block;
    }

    .tooltip-measure.info {
        width: 200px;
    }

    .tooltip-measure .row {
        margin: 0px !important;
    }

    .tooltip-measure > label {
        padding-left: 15px;
    }

.tooltip-static {
    background-color: #87CEEB; /*#ffcc33;*/
    color: black;
    border: 1px solid white;
}

    .tooltip-measure:before,
    .tooltip-static:before {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
    }

    .tooltip-static:before {
        border-top-color: #87CEEB; /*#ffcc33;*/
    }

.loader.map-spinner {
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    padding-top: 50%;
}

    .loader.map-spinner.attachment {
        padding-top: 10% !important;
    }

    .loader.map-spinner.tooltips {
        position: unset;
        left: unset;
        bottom: 50%;
        z-index: 1;
        text-align: center;
        padding-top: 8% !important;
    }

    .loader.map-spinner.ol-hidden {
        display: none;
    }

#spinner-statistics-background.ol-hidden {
    display: none;
}

#spinner-statistics-background {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background: white;
}

.spinner-canvas-position {
    left: 40% !important;
    bottom: 50% !important;
}

.spinner-canvas-position-obras {
    left: unset !important;
    bottom: unset !important;
}

#offcanvas-statistics-spinner {
    top: 25%;
    z-index: 1;
}
/* Ajust spinner */
.preloader.tooltips {
    left: -5px !important;
}

/* boostrap-select ajust */
.dropdown-menu {
    padding-top: 0px !important;
}

.table-zone {
    border-top: 1px solid rgba(200,200,200,1);
    text-align: center;
}

/** -- begin spinner map -------------------------------------------------------------------------- */

#offcanvas-map-spinner.ol-hidden {
    display: none;
}

#offcanvas-map-spinner .preloader {
    left: 0px;
}

#offcanvas-map-spinner p {
    color: white;
    padding-left: 5px;
}

#offcanvas-map-spinner.loader.map-spinner {
    padding-top: 15% !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/** -- end spinner map ---------------------------------------------------------------------------- */

/** -- begin detail - occurrence ------------------------------------------------------------------ */

.mCustomScrollBox .dropdown-menu.open .dropdown-menu.inner {
    max-height: 250px !important;
}

#occurrence-detail-department .dropdown-menu.open .dropdown-menu.inner {
    max-height: 150px !important;
}

.occurrence-detail-label-theme {
    margin-bottom: 15px;
}

.occurrence-detail-go-right-open {
    position: relative;
    float: right;
    right: 5px;
}

.occurrence-detail-collapse:hover {
    cursor: pointer;
}

#occurrence-detail-state-save-button {
    position: relative;
    float: right;
    bottom: 45px;
    right: 5px;
}

#occurrence-detail-notify-button {
    position: relative;
    float: right;
    bottom: 45px;
}

.occurrence-detail-sub-theme-division {
    border-top: 1px solid rgba(200,200,200,1);
    text-align: center;
}

    .occurrence-detail-sub-theme-division > label {
        font-weight: 100;
        font-style: italic;
        margin-top: 20px;
    }

#id-occurrence-event-detail-relation-occurrence-zone-msg.ol-hidden {
    display: none;
}

#id-occurrence-event-detail-relation-occurrence-zone-msg > label {
    font-style: italic;
}

    #id-occurrence-event-detail-relation-occurrence-zone-msg > label > span {
        font-size: 12px;
    }

    #id-occurrence-event-detail-relation-occurrence-zone-msg > label > i {
        color: orange;
        font-size: 16px;
    }

#id-occurrence-event-detail-relation-occurrence-table-zone {
    height: 50px;
}

    #id-occurrence-event-detail-relation-occurrence-table-zone.ol-hidden {
        display: none;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone tr {
        height: 25px;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .dt-body-center {
        text-align: center;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .dt-body-left {
        text-align: left;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .dt-occurrence-relation {
        font-size: 12px;
        white-space: nowrap;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-remove-asssociation-occurrence:active i {
        transform: scale(0.8);
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-remove-asssociation-occurrence:hover {
        cursor: pointer;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-button-goto-occurrence:active i {
        transform: scale(0.8);
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-button-goto-occurrence:hover {
        cursor: pointer;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-button-goto-detail-occurrence:active i {
        transform: scale(0.8);
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-button-goto-detail-occurrence:hover {
        cursor: pointer;
        text-decoration: none;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-rel-button-goto-detail-occurrence:active i {
        font-size: 13px;
        position: relative;
        top: -1px;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .dt-occurrence-rel {
        font-size: 12px;
        white-space: nowrap;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-datatable-occurrence-rel-description:active i {
        transform: scale(0.8);
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-datatable-occurrence-rel-description:hover {
        cursor: pointer;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-button i {
        color: #ff3d00;
        position: relative;
        top: -1px;
        font-size: 16px;
    }

    #id-occurrence-event-detail-relation-occurrence-table-zone .on-button.ajust i {
        top: 1px;
    }

#id-occurrence-event-detail-relation-occurrence-zone.ol-hidden {
    display: none;
}

#id-occurrence-event-detail-relation-occurrence-msg.ol-hidden {
    display: none;
}

#id-occurrence-event-detail-relation-occurrence-table-zone .show-button:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-table-zone .show-button:hover {
    cursor: pointer;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone tr {
    height: 25px;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .dt-body-center {
    text-align: center;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .dt-body-left {
    text-align: left;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .dt-occurrence-neighbor {
    font-size: 12px;
    white-space: nowrap;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .show-button:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .show-button:hover {
    cursor: pointer;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-asssociate-occurrence:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-asssociate-occurrence:hover {
    cursor: pointer;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button-goto-detail-occurrence:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button-goto-detail-occurrence:hover {
    cursor: pointer;
    text-decoration: none;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button-goto-detail-occurrence:active i {
    font-size: 13px;
    position: relative;
    top: -1px;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button-goto-occurrence:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button-goto-occurrence:hover {
    cursor: pointer;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-datatable-occurrence-neighbor-description:active i {
    transform: scale(0.8);
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-datatable-occurrence-neighbor-description:hover {
    cursor: pointer;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button i {
    color: #ff3d00;
    position: relative;
    top: -1px;
    font-size: 16px;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .on-button.ajust i {
    top: 1px;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-table-zone .dataTables_paginate {
    font-size: 10px;
    text-align: center;
}

#id-offcanvas-detail-occurrence-go-back i {
    font-size: 25.5px;
    position: relative;
    right: 2px;
    top: -0.5px;
    color: #ff3d00;
}

    #id-offcanvas-detail-occurrence-go-back i:active {
        transform: scale(0.9);
    }

#id-offcanvas-detail-occurrence-go-back.ol-hidden {
    display: none;
}

#offcanvas-detail-occurrence-event header {
    font-size: 18px;
    margin-top: 6px;
}

#id-offcanvas-detail-occurrence-event-go-back i {
    font-size: 25.5px;
    position: relative;
    right: 2px;
    top: -0.5px;
    color: #ff3d00;
}

    #id-offcanvas-detail-occurrence-event-go-back i:active {
        transform: scale(0.9);
    }

#id-offcanvas-detail-occurrence-event-go-back.ol-hidden {
    display: none;
}

#id-offcanvas-detail-occurrence-goto-map i {
    font-size: 25.5px;
    position: relative;
    left: 6px;
    top: -0.5px;
    color: #ff3d00;
}

    #id-offcanvas-detail-occurrence-goto-map i:active {
        transform: scale(0.9);
    }

#id-offcanvas-detail-occurrence-goto-map.ol-hidden {
    display: none;
}

#id-offcanvas-detail-occurrence-event-goto-map i {
    font-size: 25px;
    position: relative;
    left: 6px;
    top: -0.5px;
    color: #ff3d00;
}

    #id-offcanvas-detail-occurrence-event-goto-map i:active {
        transform: scale(0.9);
    }

#id-offcanvas-detail-occurrence-event-goto-map.ol-hidden {
    display: none;
}

.datatable-occurrence-neighbor-description-view {
    position: fixed;
    left: 15px;
    z-index: 9999;
}

.zone-occurrence-table-button-bar.ol-hidden {
    display: none;
}

.zone-occurrence-table-button-bar {
    position: absolute;
    margin-top: 2px;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    width: 90px;
    padding-bottom: 7px;
    border-radius: 5px;
    border-bottom: 1px solid rgb(204, 49, 0);
    border-top: 1px solid rgb(204, 49, 0);
    border-left: 1px solid rgb(204, 49, 0);
    border-right: 1px solid rgb(204, 49, 0);
    left: 25px;
}

    .zone-occurrence-table-button-bar.two_button {
        width: 60px;
    }

    .zone-occurrence-table-button-bar a {
        position: relative;
        top: 4px;
        float: left;
        left: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .zone-occurrence-table-button-bar a > i {
            top: 0;
        }

#occurrence-event-detail-state-hist-table-zone tr {
    height: 25px;
}

#form-search-occurrence .form-group {
    padding-right: 20px;
}

.table-offcanvas tr {
    height: 25px;
}

#offcanvas-search-result-table-zone.mCustomScrollbar.padding-fix .mCustomScrollBox {
    position: relative !important;
}

#offcanvas-map-list-search-result-table-zone.extra-padding table th,
#offcanvas-map-list-search-result-table-zone.extra-padding table td,
#offcanvas-search-result-table-zone.extra-padding table th,
#offcanvas-search-result-table-zone.extra-padding table td {
    padding-left: 2px;
    padding-right: 2px;
}

#offcanvas-search-result-table-zone.extra-padding table th,
#offcanvas-search-result-table-zone.extra-padding table td {
    white-space: nowrap;
}

    #offcanvas-map-list-search-result-table-zone.extra-padding table th.dt-body-center,
    #offcanvas-map-list-search-result-table-zone.extra-padding table td.dt-body-center,
    #offcanvas-search-result-table-zone.extra-padding table th.dt-body-center,
    #offcanvas-search-result-table-zone.extra-padding table td.dt-body-center {
        padding-left: 2px;
        padding-right: 2px;
    }

#offcanvas-search-result-table-zone table th.header-center {
    text-align: center;
}

#offcanvas-search-result-table-zone table td.header-center {
    text-align: center;
}

#offcanvas-search-result-table-zone table td {
    height: 45px;
}

.table-offcanvas .dt-body-center {
    text-align: center;
}

.table-offcanvas .dt-body-left {
    text-align: left;
}

.table-offcanvas .dt-body-border {
    border: 1px solid black;
}

#id-modal-pdm-analyze-result-layer-table-zone th {
    border: none !important;
}

.table-offcanvas .dt-body-left-with {
    /*width: 150px !important;*/
    white-space: normal;
}

.table-offcanvas td.dt-body-border-bottom {
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}

.table-offcanvas .dt-body-padding-left {
    padding-left: 10px !important;
}

.table-offcanvas .dt-body-left {
    text-align: left;
}

.table-offcanvas .dt-font {
    font-size: 12px;
    white-space: nowrap;
}

.table-offcanvas .dt-font2 {
    font-size: 12px;
    white-space: normal;
}

.table-offcanvas .dataTables_paginate {
    font-size: 10px;
    text-align: center;
}

.table-offcanvas .on-button:hover {
    cursor: pointer;
    text-decoration: none;
}

.table-offcanvas .on-button:active i {
    transform: scale(0.8);
}

.table-offcanvas .on-button i {
    color: #ff3d00;
    position: relative;
    top: -1px;
    font-size: 16px;
}

.table-offcanvas .on-button.ajust i {
    top: 1px;
}

.plant-report .table-offcanvas table {
    border-collapse: collapse
}

#id-modal-pdm-analyze-layer-result-table, #id-modal-pdm-analyze-layer-result-table td, #id-location-plant-pdmo-result-detail-table, #id-location-plant-pdmc-result-detail-table #id-location-plant-pdmpp-result-detail-table {
    border: 1px solid rgba(100, 100, 100, 0.5);
}

    /*#id-modal-pdm-analyze-result-layer-table-zone .dataTable th,*/
    #id-location-plant-pdmo-result-detail-table .dataTable th {
        border: 1px solid rgba(100, 100, 100, 0.5);
    }

#id-offcanvas-occurrence-detail-event-table-zone .dt-occurrence-event {
    font-size: 12px;
    white-space: nowrap;
}

.table-row-number {
    position: relative;
    float: left;
    top: 8px;
}

.table-page-number {
    position: relative;
    float: right;
    right: 177px;
    z-index: 9999;
    top: 8px;
}

.search-tool-table, .search-network-tool-table {
    width: unset !important;
}

    .search-tool-table tr th.btn-goto-detail, .search-network-tool-table tr th.btn-goto-detail {
        width: 30px !important;
        padding-right: 10px;
    }

    .search-tool-table tr td.btn-goto-detail, .search-network-tool-table tr td.btn-goto-detail {
        width: 30px !important;
    }

        .search-tool-table tr td.btn-goto-detail a, .search-network-tool-table tr td.btn-goto-detail a {
            font-size: 18px;
            position: relative;
            top: 1.5px;
        }

            .search-tool-tablee tr td.btn-goto-detail a:hover, .search-network-tool-table tr td.btn-goto-detail a:hover {
                text-decoration: none;
                cursor: pointer;
            }

    .search-tool-table tr th.btn-goto-location, .search-network-tool-table tr th.btn-goto-location {
        width: 30px !important;
    }

    .search-tool-table tr td.btn-goto-location, .search-network-tool-table tr td.btn-goto-location {
        width: 30px !important;
    }

        .search-tool-table tr td.btn-goto-location a, .search-network-tool-table tr td.btn-goto-location a {
            font-size: 18px;
        }

    .search-network-tool-table tr th.btn-goto-webservice-network {
        width: 30px !important;
    }

    .search-network-tool-table tr td.btn-goto-webservice-network {
        width: 30px !important;
    }

        .search-network-tool-table tr td.btn-goto-webservice-network a {
            font-size: 18px;
        }

            .search-network-tool-table tr td.btn-goto-webservice-network a:hover {
                text-decoration: none;
                cursor: pointer;
            }

    .search-network-tool-table tr th.dt-column-search {
        font-size: 12px;
    }

    .search-network-tool-table tr td.dt-column-search {
        font-size: 12px;
    }

.dt-body-center {
    text-align: center;
}

.word-wrap {
    word-wrap: break-word;
}

/** -- end detail - occurrence -------------------------------------------------------------------- */

/** -- begin Map List - occurrence ---------------------------------------------------------------- */

.offcanvas-search-event-layer-show {
    position: absolute;
    top: 45px;
}

    .offcanvas-search-event-layer-show .label-checkbox {
        position: relative;
        bottom: 3px;
    }

    .offcanvas-search-event-layer-show .goto-search {
        padding: 0px;
        position: relative;
        bottom: 4px;
    }

        .offcanvas-search-event-layer-show .goto-search:hover {
            cursor: pointer;
        }

        .offcanvas-search-event-layer-show .goto-search:active {
            bottom: 2px;
        }

    .offcanvas-search-event-layer-show .layer-checkbox {
        left: 23px;
        position: relative;
        bottom: 23px;
    }

/* table search event result */
#offcanvas-search-event-table-zone {
    background-color: white !important;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    height: 260px !important;
    max-height: 260px !important;
    margin: 0px 15px 10px 0px;
    font-size: 12px !important;
}

/* goto element */
.button-goto-occurrence {
    position: relative;
}

    .button-goto-occurrence:hover {
        cursor: pointer;
    }

    .button-goto-occurrence:active {
        top: 2px;
    }

.button_detail_occurrence {
    position: relative;
}

    .button_detail_occurrence:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .button_detail_occurrence:active {
        top: 2px;
    }

#offcanvas-map-list-search-result-table-zone {
    background-color: white !important;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    height: 285px !important;
    max-height: 285px !important;
    margin: 0px 15px 10px 0px;
    font-size: 12px !important;
}

    #offcanvas-map-list-search-result-table-zone .dataTables_scrollBody {
        height: 150px !important;
    }

    #offcanvas-map-list-search-result-table-zone .top {
        border-bottom: 1px solid #ff3d00;
    }

    #offcanvas-map-list-search-result-table-zone .dataTables_filter {
        /*position: relative;
        float: right;
        left: 250px;*/
        position: absolute;
        right: 0;
        top: 1px;
    }

    #offcanvas-map-list-search-result-table-zone .dataTables_paginate {
        text-align: left;
    }

    #offcanvas-map-list-search-result-table-zone .dataTables_scrollBody {
        background: #fff;
    }

/** -- end Map List - occurrence ------------------------------------------------------------------ */
/** -- begin Div manipulation --------------------------------------------------------------------- */
.left-right {
    display: table;
}

    .left-right .left, .left-right .right .left-right .center {
        display: table-cell;
    }

#offcanvas-info {
    max-height: fit-content;
}

    #offcanvas-info .left-right {
        width: 285px;
    }

        #offcanvas-info .left-right .left {
            padding: 0;
            vertical-align: top;
        }

    #offcanvas-info.expand {
    }

    #offcanvas-info.height-length {
        height: 110px !important;
    }

        #offcanvas-info.height-length.expand {
            height: 190px !important;
        }

#geom-info-inner {
    display: table;
    height: 100%;
    width: 100%;
}

#geom-info {
    display: table-row;
}

#geometry-buttons-div {
    display: table-row;
    height: 60px;
}

    #geometry-buttons-div.ol-hidden {
        display: none;
    }

    #geometry-buttons-div .right {
        text-align: right;
    }

#geometry-ok {
    background-color: green;
    border-color: green;
}

    #geometry-ok:active {
        position: relative;
        top: 2px;
    }

#geometry-del:active {
    position: relative;
    top: 2px;
}

#geometry-cancel:active {
    position: relative;
    top: 2px;
}

/** -- end Div manipulation ----------------------------------------------------------------------- */

/* -- begin PDM report ---------------------------------------------------------------------------- */

#pdm-report-page h2.title {
    padding: 10px;
}

#pdm-report-page .left-right {
    display: table;
    width: 100%;
    page-break-inside: avoid;
}

    #pdm-report-page .left-right .left {
        width: 40%;
    }

    #pdm-report-page .left-right .left, #pdm-report-page .left-right .right {
        display: table-cell;
        vertical-align: top;
    }

        #pdm-report-page .left-right .left table tr td {
            padding: 10px;
        }

#pdm-report-page td.label {
    font-weight: bold;
    width: 200px;
}

#pdm-report-page .left-right .left {
    left: 0;
}

#pdm-report-page .left-right .right {
    right: 0;
}

#answer-text {
    padding: 10px;
}

#pdm-report-page .list, #articles .list {
    padding-top: 0px;
}

#pdm-report-page ul.pdm-legend-list li, #articles ul.pdm-legend-list li {
    margin: 10px;
    page-break-inside: avoid;
}

    #pdm-report-page ul.pdm-legend-list li img, #articles ul.pdm-legend-list li img {
        margin-right: 10px;
        vertical-align: middle;
    }

    #pdm-report-page ul.pdm-legend-list li span.legend-title, #articles ul.pdm-legend-list li span.legend-title {
        vertical-align: middle;
        font-weight: bold;
    }

#pdm-report-page div.article-div {
    padding-left: 35px;
}

#articles li.article-only div.article-div.border {
    margin-top: 10px;
    border-top: 1px solid rgba(100, 100, 100, 0.5);
}

#pdm-report-page div.article-div, #articles div.article-div {
    padding-left: 35px;
}

#map_container {
    padding: 10px;
    padding-top: 5px;
    page-break-inside: avoid;
}

#pdm-report-page #map {
    border: 2px solid #999;
}

#pdm-report-page canvas.ol-unselectable {
    width: 100%;
    height: 600px;
}

#pdm-report-page #articles {
    page-break-before: always;
}

#pdm-report-page .article-div {
    page-break-inside: unset;
}

#pdm-report-page .legend-element-div {
    page-break-inside: avoid;
}

#pdm-report-page[size="A4"] {
    font-size: 10px;
    margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 1cm;
    margin-right: 1cm;
}

#pdm-report-page[size="A3"] {
    font-size: 14px;
    margin-top: 3cm;
    margin-bottom: 3cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

#pdm-report-page[size="A4"][layout="landscape"] {
    size: A4 landscape;
}

#pdm-report-page[size="A4"][layout="portrait"] {
    size: A4 portrait;
}

#pdm-report-page[size="A3"][layout="landscape"] {
    size: A3 landscape;
}

#pdm-report-page[size="A3"][layout="portrait"] {
    size: A3 portrait;
}

#pdm-report-page[size="A4"][layout="portrait"] td.label {
    width: 150px;
}

#pdm-report-page[layout="portrait"] .left-right {
    display: block;
}

    #pdm-report-page[layout="portrait"] .left-right .left {
        width: unset;
    }

    #pdm-report-page[layout="portrait"] .left-right .left, #pdm-report-page .left-right .right {
        display: block;
        vertical-align: top;
    }

    #pdm-report-page[layout="portrait"] .left-right .left, #pdm-report-page[layout="portrait"].left-right .right {
        width: 100%;
    }

#pdm-report-page[layout="portrait"] #legend ul {
    column-count: 2;
    display: inline-block;
    width: 100%;
}

#pdm-report-page #export-button {
    z-index: 1000;
    position: fixed;
    right: 20px;
    top: 20px;
}

#pdm-report-page #articles ul.pdm-legend-list li {
    padding-top: 30px;
}

#pdm-report-page #articles ul.pdm-legend-list {
    padding-top: 0;
}

/* -- end PDM report ------------------------------------------------------------------------------ */

/* -- begin North button -------------------------------------------------------------------------- */

.sgs-button {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sgs-xlarge {
    font-size: 24px !important;
}

#north-arrow-button.sgs-button {
    margin-right: 0px;
}

    #north-arrow-button.sgs-button:hover {
        background-color: transparent !important;
    }

#north-arrow-button-image:hover {
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.38);
    border-radius: 44px;
}

.fixedNorthArrowButton {
    position: fixed;
    top: 5px;
    right: 65px;
}

/* -- end North button ---------------------------------------------------------------------------- */

/* -- begin map title ----------------------------------------------------------------------------- */

.map-title {
    left: 16px;
    font-size: 11px;
    position: absolute;
    bottom: 24px;
    z-index: 3;
    color: white;
    overflow: hidden;
    border-radius: 3px;
    background-color: rgba(1,1,1,0.4);
    padding: 0px 10px 0px 10px;
}

    .map-title.ol-hidden {
        display: none;
    }

/* -- end map title ------------------------------------------------------------------------------- */

/* -- Begin Tooltips ------------------------------------------------------------------------------ */

.ol-overlay-container .popover {
    opacity: 1 !important;
    border: 1px solid rgba(0,0,0,.2);
    min-width: 280px;
    width: auto !important;
}

    .ol-overlay-container .popover .popover-title {
        background-color: #f7f7f7 !important;
        color: black !important;
        text-align: left !important;
        opacity: 1 !important;
        font-size: 12px !important;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
        font-weight: bold;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

        .ol-overlay-container .popover .popover-title .row {
            text-align: center;
        }

            .ol-overlay-container .popover .popover-title .row i {
                font-size: 18px;
                color: black;
            }

        .ol-overlay-container .popover .popover-title a.close {
            position: relative;
            bottom: 0px;
            left: 8px;
        }

        .ol-overlay-container .popover .popover-title div.tooltip-previous-element-div {
            position: relative;
            float: left;
            border-right: 1px solid #ebebeb;
            cursor: pointer;
            user-select: none;
        }

            .ol-overlay-container .popover .popover-title div.tooltip-previous-element-div:hover {
                background: rgba(200, 200, 200, 1);
            }

        .ol-overlay-container .popover .popover-title div.tooltip-next-element-div {
            position: relative;
            float: left;
            border-right: 1px solid #ebebeb;
            cursor: pointer;
            user-select: none;
        }

            .ol-overlay-container .popover .popover-title div.tooltip-next-element-div:hover {
                background: rgba(200, 200, 200, 1);
            }

    .ol-overlay-container .popover .popover-content {
        background-color: white !important;
        /*color: #222 !important;*/
        padding-left: 10px !important;
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        padding-right: 5px !important;
        opacity: 1 !important;
        font-size: 11px !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }

.popover-tooltips {
    /*border-color: black !important;*/
    opacity: 1 !important;
    /*background: rgba(0, 0, 0, 0.8) !important;*/
    /*box-shadow: 0 5px 10px rgba(0,0,0,.5);*/
    border: 1px solid rgba(0,0,0,.2);
}

.popover-title-tooltips {
    background-color: #f7f7f7 !important;
    color: black !important;
    text-align: center !important;
    opacity: 1 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content-tooltips {
    background-color: white !important;
    /*color: #222 !important;*/
    /*padding: 5px !important;*/
    opacity: 1 !important;
    /*font-size: 10px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}

.popover-tooltips td {
    white-space: nowrap;
}

.tooltips-row-bottom {
    border-top: 1px solid #ebebeb;
    margin-left: -5px;
    margin-right: 2px;
}

.tooltips-row-function {
    padding-top: 10px;
    font-stretch: semi-condensed;
}

    .tooltips-row-function.mobile {
        padding-left: 20px;
    }

.tooltips-a-function {
    font-weight: bold;
    font-stretch: narrower !important;
}

    .tooltips-a-function.right {
        position: relative;
        float: right;
        padding-right: 20px;
    }

    .tooltips-a-function:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.tooltips-attribute-label {
    font-size: 9px;
    font-weight: 100;
}

.tooltips-separator {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 15px;
}

.tooltips-button {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}

    .tooltips-button .col {
        text-align: center;
    }

.tooltips-button-function i {
    font-size: 18px;
    color: rgb(204,49,0);
}

.tooltips-button-function:hover {
    cursor: pointer;
}

.tooltips-button-function:active {
    cursor: pointer;
    top: 1px;
}

/* go to entity */
.tooltips-a-function.go-to-entity2 {
    position: relative;
    right: 6px;
}

    .tooltips-a-function.go-to-entity2:hover {
        text-decoration: none !important;
    }

.tooltips-a-function.go-to-entity {
    float: left;
    margin-right: 0px;
    font-size: 18px;
    position: absolute;
    border: 1px solid #ff3d00;
    border-radius: 26px;
    width: 26px;
    height: 26px;
    top: 3px;
    background-color: #ff3d00;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.8);
}

    .tooltips-a-function.go-to-entity:active {
        top: 4px;
    }

    .tooltips-a-function.go-to-entity:hover {
        text-decoration: none !important;
    }

    .tooltips-a-function.go-to-entity > i {
        color: white;
        position: relative;
        top: 3.8px;
        left: 3px;
    }

/* -- End Tooltips -------------------------------------------------------------------------------- */

/* -- Begin detail occurrence canvas -------------------------------------------------------------- */

.register-hidden-class {
    display: none;
    overflow: hidden;
}

.register-hidden-state-class {
    display: none;
    overflow: hidden;
}

.occurrence-detail-block {
    margin-bottom: 20px;
}

.form-control-offcanvas-detail {
    display: initial;
    padding: 6px 12px;
    border: 1px solid #ccc;
}

.margin-detail-occurrence-button {
    margin-bottom: 20px;
}

.margin-form-detail-occurrence {
    width: 260px;
}

.margin-occurrence-detail-registro {
    margin-bottom: 20px;
}

.collapse-occurrence-detail {
    margin-left: 20px;
    width: 92%;
}

.margin-date-occurrence-detail {
    width: 100px !important;
}

.margin-save-button-occurrence-detail {
    margin-right: 14px;
    margin-top: 25px;
}

.spinner-background-opacity {
    height: 100%;
    width: 100%;
}

.spinner-canvas-occurrence-details {
    left: -5% !important;
}

#team-detail-body .input-group {
    margin-bottom: 10px !important;
}

.occurrence-detail-body {
    margin-right: 20px;
    margin-top: 0px !important;
    width: 100%;
}

.occurrence-detail-row {
    margin-right: 0px;
    margin-left: 0px;
}

    .occurrence-detail-row.button {
        margin-bottom: 10px;
    }

.occurrence-detail-team-textarea {
    resize: vertical;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.occurrence-detail-team-add-comment > i {
    color: #cc3100;
}

.zone-comment-user-title {
    width: 100%;
    padding: 5px 0px 0px 5px;
    font-size: 10px;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-color: #DBF9C3;
    background-color: #DBF9C3;
    box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    top: 2px;
}

    .zone-comment-user-title .date {
        position: relative;
        float: right;
        font-size: 10px;
        font-weight: 100;
        right: 10px;
    }

.zone-comment-body {
    width: 100%;
    resize: none;
    font-size: 12px;
    font-family: sans-serif;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #DBF9C3;
    background-color: #DBF9C3;
    box-shadow: 1px 3px 0px 0 rgba(0, 0, 0, 0.2);
    padding: 5px;
    margin-bottom: 5px;
}

.zone-comment-expand-button-bar {
    position: absolute;
    padding-top: 8px;
    padding-left: 5px;
    margin-right: 5px;
    background-color: white;
    padding-bottom: 4px;
    z-index: 99;
    right: -8px;
}

    .zone-comment-expand-button-bar.border {
        border-bottom: 1px solid rgb(204, 49, 0);
        border-right: 1px solid rgb(204, 49, 0);
        border-top: 1px solid rgb(204, 49, 0);
    }

    .zone-comment-expand-button-bar:hover {
        cursor: pointer;
    }

    .zone-comment-expand-button-bar i {
        color: #cc3100;
        font-size: 14px;
    }

        .zone-comment-expand-button-bar i:active {
            font-size: 13px;
        }

.zone-comment-button-bar {
    position: absolute;
    margin-top: 2px;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    right: 14px;
    width: 75px;
    padding-bottom: 7px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 1px solid rgb(204, 49, 0);
    border-top: 1px solid rgb(204, 49, 0);
    border-left: 1px solid rgb(204, 49, 0);
}

.zone-comment-button-delete {
    position: relative;
    float: right;
    right: 10px;
    top: 5px;
}

    .zone-comment-button-delete:hover {
        cursor: pointer;
    }

    .zone-comment-button-delete i {
        font-size: 20px !important;
        color: #cc3100;
    }

        .zone-comment-button-delete i:active {
            font-size: 18px !important;
            position: relative;
            top: 1px;
            margin-right: 1px;
            margin-left: 0.5px;
        }

.zone-comment-button-edit {
    position: relative;
    float: right;
    right: 25px;
    top: 5px;
}

    .zone-comment-button-edit:hover {
        cursor: pointer;
    }

    .zone-comment-button-edit i {
        font-size: 20px !important;
        color: #cc3100;
    }

        .zone-comment-button-edit i:active {
            font-size: 18px !important;
            position: relative;
            right: 2px;
            top: 1px;
        }

.dropdown-menu a {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.occurrence-detail-info-box-title {
    font-weight: 100;
    font-size: 10px;
}

.occurrence-detail-info-box {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    box-shadow: 0 0 10px 1px rgba(100, 100,100,1);
    left: 5px;
}

    .occurrence-detail-info-box:before {
        border: 1px solid rgba(255,255,255,1);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        pointer-events: none;
    }

    .occurrence-detail-info-box > span {
        position: relative;
        top: 8px;
        font-weight: bold;
    }

    .occurrence-detail-info-box.critical.critico {
        background-color: red;
    }

    .occurrence-detail-info-box.critical.alto {
        background-color: orange;
    }

    .occurrence-detail-info-box.critical.medio {
        background-color: yellow;
    }

    .occurrence-detail-info-box.critical.regular {
        background-color: cadetblue;
    }

    .occurrence-detail-info-box.state.aberta {
        background-color: orange;
    }

    .occurrence-detail-info-box.state.atribuida {
        background-color: yellow;
    }

    .occurrence-detail-info-box.state.em_resolucao {
        background-color: lightseagreen;
    }

    .occurrence-detail-info-box.state.concluido {
        background-color: lightgreen;
    }

    .occurrence-detail-info-box.state.fechado {
        background-color: dimgray;
    }

    .occurrence-detail-info-box.department.approved {
        background-color: green;
    }

    .occurrence-detail-info-box.department.rejected {
        background-color: red;
    }

    .occurrence-detail-info-box.department.not_approved {
        background-color: gray;
    }

.occurrence-detail-info-box-col {
    text-align: center;
    width: 70px !important;
}

.occurrence-detail-department-added-zone {
    border-top: 1px solid rgba(0,0,0,0.2);
    margin-top: 20px;
}

.occurrence-detail-department-label-div {
    padding: 10px 0 10px 0;
}

    .occurrence-detail-department-label-div label {
        font-weight: 100;
        margin-top: 5px;
    }

.occurrence-detail-department-icon {
    position: absolute;
    font-size: 30px;
    right: 35px;
    border-radius: 25px;
    height: 30px;
    width: 30px;
}

    .occurrence-detail-department-icon:before {
        right: -2px;
        position: relative;
    }

    .occurrence-detail-department-icon.not_approved {
        color: gray;
        box-shadow: 0 0 1px 2px rgba(100, 100, 100, 1);
    }

    .occurrence-detail-department-icon.approved {
        color: green;
        box-shadow: 0 0 1px 2px rgba(0, 128, 0, 1);
    }

    .occurrence-detail-department-icon.rejected {
        color: red;
        box-shadow: 0 0 1px 2px rgba(255, 0, 0, 1);
    }

.occurrence-detail-department-list-comment {
    margin-top: 10px;
}

.occurrence-detail-department-team-list-comment {
    margin-top: 10px;
}

.occurrence-detail-department-button {
    margin-right: 4px;
}

.occurrence-detail-department-confirm-butto.approved {
    background-color: green;
    border-color: green;
}

.occurrence-detail-department-confirm-butto.rejected {
    background-color: gray;
    border-color: gray;
}

.occurrence-detail-department-team-button {
    margin-right: 4px;
    position: relative;
    left: 20px;
}

.occurrence-detail-department-team-added-zone {
    border-top: 1px solid rgba(0,0,0,0.2);
    margin-top: 0px;
}

#id-occurrence-event-detail-create-occurrence-zone.ol-hidden {
    display: none;
}

#id-occurrence-event-detail-relation-occurrence-neighbor-zone.ol-hidden {
    display: none;
}

.occurrence-detail-create-not-use.ol-hidden {
    display: none;
}

.occurrence-search-header {
    text-align: left;
    border-bottom: 1px solid #ebebeb;
}

.occurrence-search-header-subtitle {
    font-size: 16px;
}

/* -- End detail occurrence canvas ---------------------------------------------------------------- */

/* -- Start detail occurrence event canvas -------------------------------------------------------- */

#spinner-occurrence-event-details.ol-hidden {
    display: none;
}

#occurrence-event-detail-state-save-button {
    position: relative;
    float: right;
    bottom: 45px;
    right: 5px;
}

#occurrence-event-detail-notify-button {
    position: relative;
    float: right;
    bottom: 45px;
}

.occurrence-event-detail-info-box {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    box-shadow: 0 0 10px 1px rgba(100, 100,100,1);
    left: 5px;
}

    .occurrence-event-detail-info-box:before {
        border: 1px solid rgba(255,255,255,1);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        pointer-events: none;
    }

    .occurrence-event-detail-info-box > span {
        position: relative;
        top: 8px;
        font-weight: bold;
    }

    .occurrence-event-detail-info-box.state.em_analise {
        background-color: orange;
    }

    .occurrence-event-detail-info-box.state.em_resolucao {
        background-color: yellow;
    }

    .occurrence-event-detail-info-box.state.fechado {
        background-color: green;
    }

    .occurrence-event-detail-info-box.state.cancelado {
        background-color: gray;
    }

#id-creation-event-occurrence-attachment-add.ol-hidden {
    visibility: hidden;
}

#id-creation-event-occurrence-submit.ol-hidden {
    visibility: hidden;
}

#id-offcanvas-creation-event-attachment-spinner.ol-hidden {
    display: none;
}

/* -- End detail occurrence event canvas ---------------------------------------------------------- */

/* -- Modal GP Css -------------------------------------------------------------------------------- */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999 !important; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    height: auto;
    width: 450px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#id-modal-location-plant-email {
    padding-top: 15%;
}

.modal-content.modal-location-plant-content {
    width: 720px !important;
}

.modal-content.modal-pdm-analyze-content {
    width: 21cm !important;
}

.modal-content.modal-pdm-analyze-result-content {
    width: 29.7cm !important;
}

#id-modal-pdm-analyze-result .modal-body {
    padding: 0px 30px 5px 30px;
    max-height: 500px;
    overflow-y: auto;
}

.modal-content.modal-google-street {
    width: 1000px !important;
}

.modal-content.modal-email {
    width: 700px !important;
}

    .modal-content.modal-email.send .modal-header {
        padding-top: 15px;
        padding-left: 0px;
        border-bottom: 1px solid #e5e5e5;
        margin-left: 20px;
        margin-right: 20px;
    }

    .modal-content.modal-email.send .modal-body input {
        color: black;
        padding-left: 10px;
        font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
        font-size: 18px;
        border-radius: 4px;
        border: 1px solid rgba(100, 100,100,1);
        width: 100%;
    }

    .modal-content.modal-email.send .modal-footer {
        padding-bottom: 15px;
    }

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    color: white;
}

/*-- End modal GP Css ----------------------------------------------------------------------------- */

/* -- begin Modal Css Occurrence detail------------------------------------------------------------ */

#spinner-occurrence-details.ol-hidden {
    display: none;
}

.modal-team-spinner {
    position: absolute;
    left: 46%;
    bottom: 54%;
    z-index: 1;
}

.modal-content-team-occurrence {
    height: auto;
    width: 70% !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.5s;
    animation-name: animatetop;
    animation-duration: 0.5s
}

.table.dataTable.fixedHeader-locked {
    visibility: hidden;
}

.modal-content-description-occurrence {
    height: auto;
    width: 450px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#modal-team-detail-occurrence {
    height: 130px !important;
}

.modal-header-style-GP {
    /*margin-right: 20px;
	margin-left: 20px;*/
    font-size: 20px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    color: #ff3d00;
}

    .modal-header-style-GP .select-parent .btn-group {
        width: 100% !important;
    }

.modal-footer-style-GP {
    line-height: 34px;
    border-top: 1px solid #e5e5e5;
    color: #ff3d00;
    padding-top: 5px;
}

.modal-Body-header-style-GP {
    font-size: 20px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
    color: #ff3d00;
}

.modal-border-style-GP {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #ff3d00;
    margin-bottom: 20px;
}

.modal-button-float {
    float: right;
}

.modal-button-float-left {
    position: relative;
    top: 5px;
    float: left;
}

.modal-button-float-right {
    position: relative;
    top: 5px;
    float: right;
}

.modal-description-occurrence-size {
    max-width: 400px;
    min-width: 400px;
    min-height: 100px;
    height: 80%;
}

.data-table-tex-aline {
    text-align: center;
}
/* -- end North button --*/

.dataTables_scrollBody {
    min-height: 100px;
}

id-location-plant-pdmo-result-detail-table-zone .dataTables_scrollBody {
    min-height: unset;
}

/*Css for team detail*/
.data-team-detail-occurrence {
    float: right;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    width: 75%;
}

.form-group-team-detail {
    margin-bottom: 10px;
}

.label-team-detail {
    font-size: 13px !important;
}

.label-team-detail-name {
    width: 100%;
    text-align: center;
    font-size: 13px !important;
}

.data-team-detail-occurrence-name {
    padding-left: 10px;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    background-color: #e2e2e2;
    text-align: center;
    font-weight: bold;
}

.float-button-detail-team {
    float: right;
    margin-top: -20%;
}

.modal-description-occurrence {
    position: relative;
}

    .modal-description-occurrence:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .modal-description-occurrence:active {
        top: 2px;
    }
/* -- end Modal Css Occurrence detail-------------------------------------------------------------- */

/* -- begin css datatable modal team -------------------------------------------------------------- */

#modal-team-Occurrence-detail .modal-header {
    background-color: white;
    padding: 5px 10px 10px 10px;
}

#modal-team-Occurrence-detail .modal-footer {
    border: none;
    padding: 0px 10px 5px 10px;
}

#modal-Save-Occurrence .modal-header {
    background-color: white;
    padding: 5px 10px 10px 10px;
}

#modal-description-occurrence-detail .modal-header {
    background-color: white;
    padding: 5px 10px 10px 10px;
}

.Team-Department-datatable-Title {
    margin-left: 30%;
}

#offcanvas-detail-team-table_paginate {
    margin-top: 0px !important;
}

#offcanvas-detail-team-table-zone {
    font-size: 12px;
}

#offcanvas-detail-team-check-table-zone {
    font-size: 12px;
}

.team-select-department {
    float: right !important;
    width: 300px !important;
}

.buttons-team-occurrence-detail {
    margin-top: -5%;
}

#occurrence-detail-team-arrow {
    text-align: center;
    position: relative;
    left: 23px;
}

.form-team-detail {
    display: none;
}

.remove-team-button {
    float: right;
}

.data-team-occurrence {
    height: 14px !important;
    width: 57%;
    float: right;
}

#occurrence-team.ol-hidden {
    display: none;
}

#offcanvas-detail-team-table-zone {
    border: 1px solid #e5e5e5;
}

    #offcanvas-detail-team-table-zone .pagination {
        margin: 0 !important;
    }

#offcanvas-detail-team-check-table-zone {
    border: 1px solid #e5e5e5;
}

    #offcanvas-detail-team-check-table-zone .pagination {
        margin: 0 !important;
    }

.date-team-detail-padding-left {
    padding-left: 0px;
    padding-right: 5px;
}

.date-team-detail-padding-right {
    padding-right: 0px;
    padding-left: 5px;
}

.arrow-team-add-table-circle {
    color: white !important;
    width: 34px;
    height: 34px;
    border-radius: 999px !important;
    padding: 0;
    color: #ffffff;
    background-color: #ff3d00;
    border-color: #ff3d00;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    position: absolute;
    margin-left: -4%;
}

    .arrow-team-add-table-circle:hover {
        -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
        background-color: #cc3100;
        border-color: #cc3100;
        cursor: pointer;
    }

    .arrow-team-add-table-circle i:active {
        top: 2px;
    }

.arrow-team-add-table {
    top: 0;
    margin: 0;
    line-height: 34px;
    position: relative
}

.button-save-team-detail {
    float: right;
    margin-top: 0px;
}

.button-remove-team-occurrence {
    float: left;
    margin-top: 0px;
}

.datatable-team-occurrence-width {
    width: 25%;
    height: 25%;
    max-width: 25%;
    min-height: 25%;
    word-wrap: break-word;
}

.datatable-teamcheck-occurrence-width {
    width: 23%;
    max-width: 23%;
    word-wrap: break-word;
}

.spiner-background-modal-team {
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
}

#spiner-modal-team.ol-hidden {
    display: none;
}
/* -- end css datatable modal team ---------------------------------------------------------------- */

/* -- begin statistics ---------------------------------------------------------------------------- */

#layer-tree-statistic-zone.ol-hidden {
    display: none;
}

#offcanvas-statistics .mCustomScrollBox {
    width: 100%;
}

#offcanvas-statistics .mCSB_scrollTools {
    top: 14%;
    bottom: 3%;
}


.border-statistics {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
}

.border-statistics-caret {
    float: right;
}

#offcanvas-statistics-data-and-graph {
    display: none;
}

#mCSB_6 {
    width: 96%;
}

.form-group2 {
    margin-bottom: 25px;
}

#border-statistics-combo-not-combo-layer {
    margin-bottom: 20px;
}

#statistics-border {
    margin-top: 81px;
}

#offcanvas-statistics-table-zone1 {
    max-height: 2000px;
    height: 200px;
}

#offcanvas-statistics-table-zone2 {
    max-height: 50px;
    height: 50px;
}

.border-statistics-caret {
    margin-top: -9%;
}

#statistics-selected-layer {
    margin-bottom: 0px !important;
}

/* -- end Statistics ------------------------------------------------------------------------------ */

/* -- begin Modal Css Statistcs graph ------------------------------------------------------------- */

/* Modal Content */
.modal-content-statistics-graph {
    height: 600px;
    width: 800px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#myChartModal {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 800px;
}

/* -- end Modal Css Statistcs graph --------------------------------------------------------------- */

/* -- Begin Shortcuts ----------------------------------------------------------------------------- */

/* Modal Content */
.modal-content-shortcut {
    height: auto;
    width: 600px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#shortcut-map_shortcut-type {
    width: 200px;
}

#offcanvas-favs .dataTables_scrollBody {
    height: 200px !important;
}

#offcanvas-favs .sorting::after {
    bottom: 0px !important;
}

#offcanvas-favs .sorting_desc::after {
    bottom: 0px !important;
}

#offcanvas-favs .sorting_asc::after {
    bottom: 0px !important;
}

#offcanvas-favs .mCSB_scrollTools {
    top: 14%;
    bottom: 3%;
}

/* -- end Shortcuts ------------------------------------------------------------------------------- */

/* -- begin modal confirm  ------------------------------------------------------------------------ */

/* Modal OK-Cancel */
.modal-content-ok-cancel {
    height: 120px;
    width: 300px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* -- end modal confirm  -------------------------------------------------------------------------- */


/* -- begin modal attachtment --------------------------------------------------------------------- */

#modal-attachment.ol-show {
    display: block;
}

#modal-attachment.ol-hidden {
    display: none;
}

#modal-attachment .modal-content {
    width: 50% !important;
}

#modal-attachment .modal-header {
    background-color: white;
    padding: 5px 10px 10px 10px;
}

#modal-attachment .modal-body {
    background-color: white;
    padding: 5px 10px 5px 10px;
    height: 150px;
}

#modal-attachment .modal-header .modal-header-style-GP {
    margin-right: 0px;
    margin-left: 0px;
}

    #modal-attachment .modal-header .modal-header-style-GP button {
        float: right;
    }

#modal-attachment .modal-footer {
    padding: 0px 10px 5px 10px;
    border: none;
}

/* -- end modal attachtment ----------------------------------------------------------------------- */

/* -- Start css canvas search ---------------------------------------------------------------------*/

.Search-Date-occurrence {
    padding-left: 0px;
    width: 50%
}

/* -- end css canvas search ----------------------------------------------------------------------- */

/* -- Start css scrollBar Offcanvas-Theme---------------------------------------------------------- */

#offcanvas-theme .mCSB_draggerContainer {
    top: 14%;
    bottom: 3%;
}

#offcanvas-theme .mCustomScrollBox {
    width: 100%;
}

/* -- End css scrollBar Offcanvas-Theme ----------------------------------------------------------- */

/* -- start pin to creat Event Occurrence --------------------------------------------------------- */

.pinBody {
    background-color: #204d74;
    position: fixed;
    height: 25px;
    border-radius: 10px;
    color: #f1f2f3;
    line-height: 25px;
    margin-left: -80.6795px;
    margin-top: -35px;
    display: none;
}

.submit-btn-create-event-occurrence-map-div {
    float: right;
    padding-right: 5px;
}

.cancel-btn-create-event-occurrence-map-div {
    float: left;
    position: relative;
    left: 6px;
    padding-right: 5px;
}

.pinArrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #204d74;
    left: 72px;
    position: absolute;
}

    .pinArrow.mobile {
        left: 70px !important;
    }

.NamePinOccurrence {
    padding: 10px;
    position: relative;
}

.submit-event-occurrence-map {
    border-radius: 10px;
    padding: 3px;
    background-color: #f18d03;
    position: relative;
    font-size: 13px;
}

    .submit-event-occurrence-map:hover {
        background-color: #b56803;
    }

    .submit-event-occurrence-map:before {
        position: relative;
        bottom: 1px;
    }

.submit-occurrence-map {
    border-radius: 10px;
    padding: 3px;
    background-color: #f18d03;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

    .submit-occurrence-map:hover {
        background-color: #b56803;
    }

    .submit-occurrence-map:before {
        position: relative;
        bottom: 1px;
    }

.cancel-event-occurrence-map {
    border-radius: 10px;
    padding: 3px;
    background-color: #f18d03;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

    .cancel-event-occurrence-map:hover {
        background-color: #b56803;
    }

    .cancel-event-occurrence-map:before {
        position: relative;
        bottom: 1px;
    }

/* -- End Pin to create Event Occurrence ---------------------------------------------------------- */

/* -- Start css for creation event occurrence ----------------------------------------------------- */

input[type="file"] {
    display: none;
}

.custom-get-picture {
    color: #ffffff;
    background-color: #ff3d00;
    padding: 6px 12px;
    font-weight: normal;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.description-event-occurrence {
    max-width: 270px;
    min-width: 270px;
    min-height: 94px;
    margin: 0px 0.1875px 0px 0px;
    height: 133px;
    width: 243px;
}

#offcanvas-creation-event-occurrence .mCSB_container {
    height: 90%;
}

#offcanvas-creation-event-occurrence .mCustomScrollBox {
    width: 100%;
}

#offcanvas-creation-event-occurrence .mCSB_scrollTools {
    top: 9%;
}

offcanvas-body-creat-occurrence-margin {
    height: 100%
}

#creation-occurrence-event-button.ol-hidden {
    display: none;
}

.buttonDetailOccurrence {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 20px;
}

#creation-occurrence-event-attachment.ol-hidden {
    display: none;
}

#creation-occurrence-event-get-picture-zone.ol-hidden {
    display: none;
}

#creation-occurrence-event-get-picture-zone {
    position: relative;
    float: right;
    right: 15px;
}

    #creation-occurrence-event-get-picture-zone > label {
        width: 49px;
        height: 34px;
        line-height: 18px;
        font-size: 24px;
    }

.offcanvas-z-index {
    z-index: 999;
}

.offcanvas-show {
    transform: translate(-260px, 0px);
}

.offcanvas-not-show {
    display: none;
}

.offcanvas-no-control-bar-init {
    left: 60px;
}

.popover {
    z-index: 9998;
}

/* -- End css for creation event occurrence ------------------------------------------------------ */

/* -- Search Bar Map Occurrence ------------------------------------------------------------------ */

.searchBarEventBody {
    position: fixed;
    top: 22px;
    left: 5%;
    width: 20%;
}

.SearchButtonEvent {
    line-height: 20px;
    background: #ffffffcf;
    width: 10%;
    text-align: center;
    float: right;
    padding: 5px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.lineHeightButton {
    line-height: 44px;
}

/* -- END Search Bar Map Occurrence --------------------------------------------------------------- */

/* -- start Search canvas Event Occurrence -------------------------------------------------------- */

.bodySearchEvent {
    padding-left: 20px;
    padding-right: 20px;
}

.offcanvas-body-search-event-occurrence .mCustomScrollBox {
    min-height: 85%;
    padding: 16px;
    width: 98%;
}

.offcanvas-description-event-occurrence {
    margin-left: 10px;
    width: 100%;
}

.datatable-team-event-occurrence-width {
    width: 10%;
    max-width: 25%;
}

.dataTable-event-occurrence-height-line {
    line-height: 50px;
}

.datatable-color-state-EM_ANALISE {
    color: orange !important;
    margin-left: 5px;
}

.datatable-color-state-EM_RESOLUCAO {
    color: yellow !important;
    margin-left: 5px;
}

.datatable-color-state-FECHADO {
    color: green !important;
    margin-left: 5px;
}

.datatable-color-state-CANCELADO {
    color: grey !important;
    margin-left: 5px;
}

.datatable-description-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#event-occurrence-detail-hist-table td {
    border-bottom: 1px solid rgba(200,200,200,1);
    padding-top: 0px !important;
}

.offcanvas-body-creat-event-occurrence {
    padding: 16px;
    margin-top: 0px !important;
}

.offcanvas-body-creat-event-occurrence-margin {
    width: 100%;
    margin-top: -10px;
}

#offcanvas-detail-event-occurrence .mCustomScrollBox {
    width: 100%;
}

#offcanvas-detail-event-occurrence .mCSB_scrollTools {
    margin-top: 25%;
}

.EventOccurrenceStyle {
    position: absolute;
    left: 15px;
    display: none;
    margin-top: 50px;
}

.event-occurrence-searh-date {
    padding-left: 0px;
    float: left;
    width: 48%;
}

.event-occurrence-search-collapse:hover {
    cursor: pointer;
}

.button-remove-filter-event-occurrence {
    float: right;
    margin-bottom: 20px;
    display: none;
}

.button-submite-filter-event-occurrence {
    float: right;
    margin-bottom: 20px;
}

.button-submite-create-event-occurrence {
    margin-bottom: 10px;
}

/*.button-detail-event-occurrenceç a:hover {
    text-decoration: none;
}*/

#offcanvas-detail-event-occurrence .occurrence-detail-info-box-col {
    width: 25% !important;
    margin-bottom: 20px;
    padding: 0 !important;
    float: left;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box {
    width: 40px;
    height: 40px;
    margin-left: 12%;
    line-height: 30px;
}

    #offcanvas-detail-event-occurrence .occurrence-detail-info-box.mobile {
        margin-left: 22px !important;
    }

#offcanvas-detail-event-occurrence .occurrence-detail-info-box-title {
    font-weight: 100;
    font-size: 10px;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box.em-analise {
    background-color: orange;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box.em-resolucao {
    background-color: yellow;
}

    #offcanvas-detail-event-occurrence .occurrence-detail-info-box.em-resolucao:hover {
        cursor: pointer;
    }

#offcanvas-detail-event-occurrence .occurrence-detail-info-box.view-event-highligh {
    box-shadow: none;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box.fechado {
    background-color: lightgreen;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box.cancelado {
    background-color: lightgrey;
}

#offcanvas-detail-event-occurrence .occurrence-detail-info-box span {
    position: relative;
    top: 5px;
}

.occurrence-detail-info-state-box-col {
    width: 25% !important;
    margin-bottom: 20px;
    padding: 0 !important;
    float: left;
    text-align: center;
}

    .occurrence-detail-info-state-box-col.current-state {
        border: 1px solid rgba(200, 200, 200, 0.5);
        padding-bottom: 10px !important;
        border-radius: 5px;
    }

        .occurrence-detail-info-state-box-col.current-state label {
            font-weight: bold;
            font-size: 10px;
            white-space: nowrap;
        }

.occurrence-detail-info-state-box {
    width: 40px;
    height: 40px;
    margin-left: 12px;
    line-height: 30px;
    border: 1px solid rgba(0,0,0,1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 0 10px 1px rgba(100, 100,100,1);
}

    .occurrence-detail-info-state-box.mobile {
        margin-left: 25px !important;
    }

.occurrence-detail-info-state-box-title {
    font-weight: 100;
    font-size: 10px;
}

.occurrence-detail-info-state-box.em-analise {
    background-color: orange;
}

.occurrence-detail-info-state-box.em-resolucao {
    background-color: yellow;
}

.occurrence-detail-info-state-box.fechado {
    background-color: lightgreen;
}

.occurrence-detail-info-state-box.cancelado {
    background-color: lightgrey;
}

.occurrence-detail-info-state-box span {
    position: relative;
    top: 5px;
}

#id-occurrence-event-detail-info-state.ol-hidden {
    display: none;
}

.base-layer-img {
    width: 50px;
    height: 50px;
}

.base-layer-select.selected img {
    border: 1px solid rgba(0, 0, 255, 1);
    box-shadow: 0 0 0 2px yellow;
}

.base-layer-label {
    font-size: 10px !important;
    font-weight: 100;
    position: relative;
    top: 4px;
    right: 10px;
}

    .base-layer-label.mobile {
        right: 0px !important;
    }

#base-layer-theme-img .col {
    text-align: center;
}

/* -- end Search canvas Event Occurrence ---------------------------------------------------------- */

/** -- start option title ------------------------------------------------------------------------- */

.option-title-row {
    border-top: 1px solid rgb(204, 49, 0);
    border-bottom: 1px solid rgb(204, 49, 0);
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-top: 15px;
}

.option-title-collapse:hover {
    cursor: pointer;
}

.option-title-go-right-open {
    position: relative;
    float: right;
    right: 15px;
}

.option-title-label-theme {
    margin-bottom: 15px;
}

/** -- end option title --------------------------------------------------------------------------- */

/** -- start layer search ------------------------------------------------------------------------- */

#layer-search-layer-tree .mCustomScrollBox {
    position: relative !important;
    width: 100% !important;
}

.mCustomScrollBox .mCSB_3_container {
    margin-right: 10px !important;
}

.layer-search-row {
    margin-top: 10px;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.layer-search-layer-selected > span {
    font-size: 12px;
    font-style: italic;
}

.layer-search-btn-row {
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 10px;
    margin-right: 10px !important;
    margin-left: 10px !important;
}

    .layer-search-btn-row > div {
        padding-left: 0px;
        padding-right: 0px;
    }

#layer-search-filter-zone {
    margin-top: 20px;
}

    #layer-search-filter-zone > label {
        font-size: 12px !important;
    }

.layer-search-filter-remove {
    padding-right: 5px;
}

    .layer-search-filter-remove:hover {
        cursor: pointer;
    }

    .layer-search-filter-remove i {
        color: rgb(204, 49, 0);
    }

#layer-search-filter-zone input.invalid {
    border-color: red;
}

#layer-search-filter-zone .col.field {
    padding: 0px;
}

#layer-search-filter-zone .col.operator {
    padding-right: 0px;
}

#spinner-search-result.ol-hidden {
    display: none;
}

.offcanvas-search-result-show {
    margin: 0px;
    margin-top: 10px;
}

.gj-checkbox-md[for="offcanvas-search-result-layer-visible"] {
    top: 10px;
}

.search-result-detail-info-box {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 0 0 2px white, 0 0 0 5px #ff3d00, 0 0 15px 4px rgba(0, 0,0,1);
    left: 5px;
    background: #fd0;
}

    .search-result-detail-info-box:before {
        border: 1px solid rgba(255,255,255,1);
        border-radius: 20px;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        pointer-events: none;
    }

    .search-result-detail-info-box > span {
        position: relative;
        top: 10px;
        font-weight: bold;
    }

    .search-result-detail-info-box.hide-highlight {
        box-shadow: 0 0 0 2px white, 0 0 0 5px #ff3d00;
    }

#id-search-result-detail-info-number-result:hover {
    cursor: pointer;
}

.offcanvas-body-search-result {
    /*min-height: 90%;*/
    padding: 16px;
}

    .offcanvas-body-search-result .mCustomScrollBox {
        width: 95%;
    }

#offcanvas-search-result-table-zone {
    margin-left: 5px;
    margin-right: 10px;
    height: 80vh;
    max-height: 80vh;
    overflow: auto;
}

    #offcanvas-search-result-table-zone.traffic-sign table thead tr {
        height: 5px;
    }

    #offcanvas-search-result-table-zone table thead tr {
        height: 5px;
    }

    #offcanvas-search-result-table-zone tbody thead tr {
        height: 30px;
    }

    #offcanvas-search-result-table-zone.traffic-sign tbody tr {
        height: 40px;
    }

    #offcanvas-search-result-table-zone .dataTables_filter label {
        font-size: 10px;
    }

    #offcanvas-search-result-table-zone table {
        table-layout: fixed;
        word-wrap: break-word;
    }

.offcanvas-search-result-table-zone-title {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
}

    .offcanvas-search-result-table-zone-title.ol-hidden {
        display: none;
    }

#offcanvas-search-result-table-zone .mCSB_scrollTools_horizontal {
    top: 95% !important;
}

.goto-search-result:hover {
    cursor: pointer;
    background-color: white !important;
}

.goto-search-result > i:active {
    font-size: 25px !important;
    position: relative;
    left: 2px;
    top: 2px;
}

.goto-search-result-expand:hover {
    cursor: pointer;
    background-color: white !important;
}

.goto-search-result-expand > i:active {
    font-size: 25px !important;
    position: relative;
    left: 2px;
    top: 2px;
}

#id-offcanvas-search-result-zone.ol-hidden {
    display: none;
}

#id-offcanvas-search-result-body.ol-hidden {
    display: none;
}

.button-goto-location-search-result {
    position: relative;
}

    .button-goto-location-search-result:hover {
        cursor: pointer;
    }

    .button-goto-location-search-result:active {
        top: 2px;
    }

    .button-goto-location-search-result > i {
        position: relative;
        bottom: 2px;
    }

.button-goto-detail-search-result {
    position: relative;
}

    .button-goto-detail-search-result:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .button-goto-detail-search-result:active {
        top: 2px;
    }

.layer-search-zone.ol-hidden {
    display: none;
}

#layer-search-layer-tree li span[data-role="spacer"] {
    display: none;
}

#layer-search-layer-tree li span[data-role="expander"]:not(:has(i)) {
    display: none;
}

#layer-search-layer-tree ul > li:has(ul) {
    font-size: 12px;
}

.layer-search-layer-selected li span[data-role="spacer"] {
    display: none;
}

.layer-search-layer-selected li span[data-role="expander"] {
    display: none;
}

#layer-search-active-tree span[data-role="spacer"] {
    display: none;
}

#layer-search-active-tree span[data-role="expander"] {
    display: none;
}



.layer-tree-filter-active {
    position: relative;
    /*float: right;
    right: 40px;
    top: 10px;
    font-size: 12px;
    color: red;*/
}

.layer-zone-operation-street input.form-control:focus {
    border-color: #ccc
}

/** -- end layer search --------------------------------------------------------------------------- */

#offcanvas-event-occurrence-menu .mCustomScrollBox {
    width: 98%;
}

#offcanvas-event-occurrence-menu .mCustomScrollBox {
    max-height: 100%;
}

#body-overflow-event-occurrence-menu .mCSB_container {
    height: unset;
}

.LogoutMapOccurrence {
    top: 95%;
    position: absolute;
    margin-left: 35%;
}

.tooltip-hidden-event-occurrence {
    display: none;
    cursor: pointer;
}

/** -- Responsive Css MapOccurrence ---------------------------------------------------------------*/

.searchBarEventBodyResponsive {
    position: absolute;
    left: 70px;
    width: 65%;
    top: 22px;
}

.scaleResponsive-EventOccurrence {
    display: inherit;
    margin-bottom: 10px;
}

.buttonsEventOccurrence {
    top: 0px !important;
    left: 10px !important;
    height: 50%;
    width: 44px;
}

.buttonsMarginTop {
    margin-left: 0px !important;
    margin-top: 15px;
}

.fixedNorthArrowButtonResponsive {
    right: 0px;
    top: 12px;
}

.pinBodyResponsive {
    background-color: #204d74;
    position: absolute;
    height: 25px;
    border-radius: 10px;
    color: #f1f2f3;
    line-height: 25px;
    margin-left: 0px;
    margin-top: 0px;
    display: none;
}

.layertreeSizeMobile {
    transform: scale(1.2);
    transform-origin: 0 0;
    margin-bottom: 30px;
}

.buttons-search-event-datatable {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px !important;
    display: inline-block;
    box-shadow: 0 0 5px 1px rgba(100, 100,100,1);
    border: 1px solid rgba(0,0,0,1);
}

    .buttons-search-event-datatable:active {
        box-shadow: 0 0 0 0;
    }


/* -- Pin on Move ---------------------------------------------------------------------------------*/

.PinOnMoveStyle {
    position: absolute;
    color: #204d74;
    font-size: 24px;
    display: none;
}

/* -- End Pin on Move -----------------------------------------------------------------------------*/

/* -- start Spinners occurrence event ------------------------------------------------------------- */

#offcanvas-creation-event-spiner-body.ol-hidden {
    display: none;
}

#offcanvas-creation-event-spiner-body {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: white;
    z-index: 999;
}

    #offcanvas-creation-event-spiner-body #offcanvas-detail-occurrence-event-spinner {
        margin-top: 82%;
        z-index: 1;
        display: initial;
        bottom: initial;
    }

/* -- end Spinners occurrence event --------------------------------------------------------------- */

/* -- Collapse Map Occurrence ----------------------------------------------------------------------*/
.occurrence-event-collapse:hover {
    cursor: pointer;
}

/** -- start offcanvas button collapse ------------------------------------------------------------ */

.offcanvas-collapse:hover {
    cursor: pointer;
}

.offcanvas-collapse label {
    margin-bottom: 15px;
}

.offcanvas-title-go-right-open {
    position: relative;
    float: right;
    right: 15px;
}

.offcanvas-separator {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #ff3d00;
    margin-bottom: 20px;
}

.offcanvas-separator2 {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: rgba(200,200,200,1);
    margin-bottom: 20px;
}

.offcanvas-separator.less-margin-bottom {
    margin-bottom: 10px !important;
}

.offcanvas-block {
    margin-bottom: 20px;
}

/** -- end offcanvas button collapse -------------------------------------------------------------- */

/** -- start modal general ------------------------------------------------------------------------ */

.modal .border-radius-card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal .modal-header.border-radius-card {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/** -- end modal general -------------------------------------------------------------------------- */

/** -- Start Responsive All Maps ------------------------------------------------------------------ */

#tools-Bar-Mobile .fa {
    line-height: 42px;
}

.offcanvas-body-detail-occurrence .mCustomScrollBox {
    width: 95%;
}

#map-search .mCustomScrollbar {
    height: 215px;
}

#layer-search .mCustomScrollBox {
    width: 96%;
}

#offcanvas-theme-edit .offcanvas-body {
    margin-top: 20px;
}

.modal-responsive-content {
    height: auto;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.layertreeHide {
    display: none !important;
}

/** -- end Responsive All Maps -------------------------------------------------------------------- */

/*-- Start Scroll for offcanvas-theme-edit --------------------------------------------------------*/

#offcanvas-theme-edit .mCustomScrollBox {
    width: 100%;
}

#offcanvas-theme-edit .mCSB_draggerContainer {
    top: 14%;
    bottom: 3%;
}
/*-- End Scroll for offcanvas-theme-edit ----------------------------------------------------------*/
/*-- Hide offcanvas-search-event-table-zone -------------------------------------------------------*/
#offcanvas-search-event-table-zone.ol-hidden {
    display: none;
}

#offcanvas-search-event-occurrence-table-zone.ol-hidden {
    display: none;
}

.datatable-description-width {
    width: 26%;
}

.datatable-width-event-occurrence {
    width: 16%;
}

#offcanvas-search-event-occurrence-table-zone .dataTables_scrollBody {
    height: 200px !important;
}

#offcanvas-search-event-occurrence-table-zone {
    background-color: white !important;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    height: 260px !important;
    max-height: 260px !important;
    margin: 0px 15px 10px 0px;
    font-size: 12px !important;
}

/* -- start detail element patrimony -------------------------------------------------------------- */

#id-offcanvas-layer-detail-patrimony .mCustomScrollBox {
    width: 94%;
}

#id-offcanvas-layer-detail-patrimony .offcanvas-body-layer-detail {
    margin-right: 0px !important;
}

/* -- end detail element patrimony ---------------------------------------------------------------- */

/* -- start detail element ------------------------------------------------------------------------ */

#id-offcanvas-layer-detail-spinner.ol-hidden {
    display: none;
}

#id-offcanvas-layer-detail .mCustomScrollBox {
    width: 94%;
}

.offcanvas-body-layer-detail {
    margin-right: 20px;
    margin-top: 0px !important;
}

.offcanvas-head-title-element {
    font-size: 18px;
}

.offcanvas-head-code-element {
    color: rgb(204, 49, 0);
}


.offcanvas-body-layer-detail-row > label {
    font-size: 12px;
    width: 100%;
    padding-bottom: 1px;
}

.offcanvas-body-layer-detail-row > input {
    border-color: #B0C4DE !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 6px 6px !important;
}

.offcanvas-body-layer-detail-row.write > input {
    border-color: #ff3d00 !important;
}

.offcanvas-body-layer-detail-row > textarea {
    border-color: #B0C4DE !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.offcanvas-body-layer-detail-row.write > textarea {
    border-color: #ff3d00 !important;
}

.offcanvas-body-layer-detail-row .bootstrap-select .btn {
    border-color: #B0C4DE;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 5px !important;
}

.offcanvas-body-layer-detail-row.write .bootstrap-select .btn {
    border-color: #ff3d00 !important;
}

.occurrence-detail-collapse:hover {
    cursor: pointer;
}

.offcanvas-body-layer-detail-button-save {
    text-align: center;
    position: relative;
    bottom: 10px;
}

#id-offcanvas-body-layer-detail-button.ol-hidden {
    display: none;
}

#id-delete-feature-submit-zone.ol-hidden {
    display: none;
}

#id-delete-feature-submit-zone-patrimony.ol-hidden {
    display: none;
}

.offcanvas-body-layer-detail-attachment-zone {
    margin: 5px;
}

    .offcanvas-body-layer-detail-attachment-zone .file-user-input {
        margin-left: 0px !important;
    }

    .offcanvas-body-layer-detail-attachment-zone .file-date-input {
        margin-left: 0px !important;
    }

    .offcanvas-body-layer-detail-attachment-zone .file-name-input {
        margin-left: 0px !important;
    }

    .offcanvas-body-layer-detail-attachment-zone .file-row-div {
        border-bottom: 1px solid rgba(255, 255, 255, 1);
        margin-top: 10px !important;
    }

        .offcanvas-body-layer-detail-attachment-zone .file-row-div.expand {
            margin-bottom: 30px;
        }

        .offcanvas-body-layer-detail-attachment-zone .file-row-div.expand {
            padding-bottom: 10px !important;
            margin-bottom: 20px !important;
        }

        .offcanvas-body-layer-detail-attachment-zone .file-row-div.ol-hidden {
            display: none;
        }

        .offcanvas-body-layer-detail-attachment-zone .file-row-div.ol-hidden {
            display: none;
        }

    .offcanvas-body-layer-detail-attachment-zone .file-info-button {
        position: relative;
        bottom: 8px;
        left: 13%;
    }

        .offcanvas-body-layer-detail-attachment-zone .file-info-button.expand {
            left: 0px;
            top: 15px;
        }

    .offcanvas-body-layer-detail-attachment-zone .dz-image {
        width: 100%;
        height: 100%;
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .offcanvas-body-layer-detail-attachment-zone .dz-image.expand {
            width: 90px;
            height: 90px;
            margin-left: 10px;
            margin-bottom: 10px;
        }

        .offcanvas-body-layer-detail-attachment-zone .dz-image img.size-image {
            max-width: 120px;
            max-height: 120px;
        }

        .offcanvas-body-layer-detail-attachment-zone .dz-image.expand img.size-image {
            width: 90px;
            height: 90px;
        }

        .offcanvas-body-layer-detail-attachment-zone .dz-image img.size-image-icon {
            position: relative;
            bottom: 5px;
            left: unset;
            top: unset;
            width: 90px;
            height: 90px;
        }

        .offcanvas-body-layer-detail-attachment-zone .dz-image.expand img.size-image-icon {
            top: 20px;
            width: 50px;
            height: 50px;
        }

.offcanvas-body-layer-detail-attachment-info-td {
    position: relative;
    top: 8px;
}

    .offcanvas-body-layer-detail-attachment-info-td > label {
        font-size: 13px;
        font-weight: 100;
    }

.offcanvas-body-layer-detail-event-attachment-info-td {
    position: relative;
    top: 8px;
}

    .offcanvas-body-layer-detail-event-attachment-info-td > label {
        font-size: 13px;
        font-weight: 100;
    }

.offcanvas-body-layer-detail-attachment-td {
    text-align: center;
}

.file-info-button {
    padding-left: 52px;
    padding-top: 4px;
}

    .file-info-button > table {
        float: left;
        table-layout: auto;
        width: 60%;
    }

    .file-info-button.expand > table {
        width: 200px;
    }

.file-info-button-class {
    cursor: pointer;
    font-size: 24px;
    color: #ff3d00;
}

    .file-info-button-class.expand {
        font-size: 18px;
    }

.file-name-input {
    width: 162px;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 100;
    border: none;
    position: relative;
    bottom: 2px;
}

.file-observation-textarea {
    padding: 0px !important;
    padding-left: 3px !important;
    resize: none !important;
    border: 1px solid rgba(0, 0, 0, .3);
    width: 165px;
    font-size: 12px;
    font-weight: 100;
    height: 90px;
    border-radius: 2px;
}

.file-label-info.name {
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
}

.file-label-info.last {
    margin-bottom: 0px;
}

.file-label-info.info {
    width: 100%;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 100;
    position: relative;
    right: 30px;
}

#id-offcanvas-body-layer-detail-attachment-spinner.ol-hidden {
    display: none;
}

/* -- end detail element -------------------------------------------------------------------------- */

/* CSS Login spiner */

#spinner-login-geoportal {
    display: none;
    height: 90%;
    width: 90%;
    position: absolute;
    z-index: 999;
    background: white;
}

/* -- start location plant button report ---------------------------------------------------------- */

.plant-report-print-btn {
    position: fixed;
    right: 20px;
}

    .plant-report-print-btn:hover {
        cursor: pointer;
    }

    .plant-report-print-btn:active {
        transform: scale(0.9);
    }

.plant-report-pdf-btn {
    position: fixed;
    right: 64px;
}

    .plant-report-pdf-btn > img {
        height: 37px;
        width: 37px;
    }

    .plant-report-pdf-btn:hover {
        cursor: pointer;
    }

    .plant-report-pdf-btn:active {
        transform: scale(0.9);
    }

.img-fullscreen {
    margin-top: 20px;
    max-height: 200px;
    max-width: 200px;
}

/* -- end location plant button report ------------------------------------------------------------ */

/* -- begin location plant report ----------------------------------------------------------------- */

.legend-tree-zone {
    border-top: 1px solid black;
}

    .legend-tree-zone table {
        position: relative;
        bottom: 40px;
        width: 100%;
    }

        .legend-tree-zone table td {
            width: 50%;
        }

#body-report {
    background: rgb(204,204,204)
}

.plant-report {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

    .plant-report .wrapper {
        padding-left: 1cm;
        padding-top: 1cm;
        padding-bottom: 0.8cm;
        padding-right: 0.8cm;
    }

        .plant-report .wrapper .div-plant {
            width: auto;
            height: 27.9cm;
            overflow: hidden;
        }

    #location-plant-report-page h2.title, .plant-report h2.title {
        padding: 10px;
    }

    #location-plant-report-page .left-right, .plant-report .left-right {
        display: table;
        width: 100%;
        page-break-inside: avoid;
    }

        #location-plant-report-page .left-right .left, .plant-report .left-right .left {
            width: 40%;
        }

        #location-plant-report-page .left-right .left, #location-plant-report-page .left-right .right, .plant-report left-right .left, .plant-report .left-right .right {
            display: table-cell;
            vertical-align: top;
        }

            #location-plant-report-page .left-right .left table tr td, .plant-report .left-right .left table tr td {
                padding: 10px;
            }

    #location-plant-report-page td.label, .plant-report td.label {
        font-weight: bold;
        width: 200px;
    }

    #location-plant-report-page .left-right .left, .plant-report .left-right .left {
        left: 0;
    }

    #location-plant-report-page .left-right .right, .plant-report .left-right .right {
        right: 0;
    }

#answer-text {
    padding: 10px;
}

#location-plant-report-page .list {
    padding-top: 30px;
}

#location-plant-report-page ul.pdm-legend-list li {
    margin: 10px;
    page-break-inside: avoid;
}

    #location-plant-report-page ul.pdm-legend-list li img {
        margin-right: 10px;
        vertical-align: middle;
    }

    #location-plant-report-page ul.pdm-legend-list li span.legend-title {
        vertical-align: middle;
        font-weight: bold;
    }

#location-plant-report-page div.article-div {
    padding-left: 35px;
}

#location-plant-report-page .map-container, .plant-report .map-container {
    padding: 10px;
    padding-top: 40px;
    page-break-inside: avoid;
}

#location-plant-report-page canvas.ol-unselectable, .plant-report canvas.ol-unselectable {
    width: 100%;
    height: 600px;
}

#location-plant-report-page #articles {
    page-break-before: always;
}

#location-plant-report-page .article-div {
    page-break-inside: avoid;
}

#location-plant-report-page .legend-element-div {
    page-break-inside: avoid;
}

#location-plant-report-page[size="A4"], .plant-report[size="A4"] {
    font-size: 10px;
    width: 21cm;
    height: 29.7cm;
    /*margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 1cm;
    margin-right: 1cm;*/
}

#location-plant-report-page[size="A3"], .plant-report [size="A3"] {
    font-size: 14px;
    margin-top: 3cm;
    margin-bottom: 3cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

#location-plant-report-page[size="A4"][layout="landscape"], .plant-report[size="A4"][layout="landscape"] {
    size: A4 landscape;
}

#location-plant-report-page[size="A4"][layout="portrait"], .plant-report[size="A4"][layout="portrait"] {
    size: A4 portrait;
}

#location-plant-report-page[size="A3"][layout="landscape"], .plant-report[size="A3"][layout="landscape"] {
    size: A3 landscape;
}

#location-plant-report-page[size="A3"][layout="portrait"], .plant-report[size="A3"][layout="portrait"] {
    size: A3 portrait;
}

#location-plant-report-page[size="A4"][layout="portrait"] td.label, .plant-report[size="A4"][layout="portrait"] td.label {
    width: 150px;
}

#location-plant-report-page[layout="portrait"] .left-right, .plant-report[layout="portrait"] .left-right {
    display: block;
}

    #location-plant-report-page[layout="portrait"] .left-right .left, .plant-report[layout="portrait"] .left-right .left {
        width: unset;
    }

    #location-plant-report-page[layout="portrait"] .left-right .left, #location-plant-report-page .left-right .right, .plant-report[layout="portrait"] .left-right .left, .plant-report .left-right .right {
        display: block;
        vertical-align: top;
    }

    #location-plant-report-page[layout="portrait"] .left-right .left, #pdm-report-page[layout="portrait"].left-right .right, .plant-report[layout="portrait"] .left-right .left {
        width: 100%;
    }

#location-plant-report-page[layout="portrait"] #legend ul {
    column-count: 2;
    display: inline-block;
    width: 100%;
}

#body-report #export-button {
    z-index: 1000;
    position: fixed;
    right: 20px;
    top: 20px;
}

#location-plant-report-page #articles ul.pdm-legend-list li {
    padding-top: 30px;
}

#location-plant-report-page #articles ul.pdm-legend-list {
    padding-top: 0;
}

#id-modal-location-plant-body {
    overflow-y: auto;
    max-height: 336px;
    margin-left: 10px;
    margin-right: 10px;
}

#layer-location-plant-layer-tree {
    overflow-y: auto;
    max-height: 220px;
}

.modal-location-plant-active-title {
    margin-left: 10px;
}

    .modal-location-plant-active-title.group-location-plant {
        font-size: 13px;
    }

    .modal-location-plant-active-title.location-plant {
        font-size: 13px;
        font-weight: 100;
    }

.modal-location-plant-active-select-scale {
    width: 100px;
    position: relative;
    float: right;
}

.modal-location-plant-button {
    padding-top: 18px;
    position: relative;
    right: 2px;
}

.modal-location-plant-button-cursor:hover {
    cursor: default;
}

#location-plant-report-page .label-info, .plant-report .label-info {
    padding-left: 10px;
    font-size: 10px;
}

.plant-report-margin .map-img {
    position: relative;
    bottom: 47px;
}

#location-plant-report-page .map-config, .plant-report .map-config {
    border: 1px solid;
    height: 20cm;
}

    .plant-report .map-config .ol-viewport {
        bottom: 44px;
    }

    .plant-report .map-config.map-ajust .ol-viewport {
        bottom: 52px !important;
    }

.cartography-extract-footer-classic {
    position: relative;
    text-align: center;
}

    .cartography-extract-footer-classic.with-cartography-info {
        top: 15px;
    }

    .cartography-extract-footer-classic.with-not-cartography-info {
        top: 30px;
    }

.pdm-footer-classic {
    position: relative;
    text-align: center;
}

    .pdm-footer-classic.with-cartography-info {
        top: 5px;
    }

    .pdm-footer-classic.with-not-cartography-info {
        top: 30px;
    }

/*#id-map-location-plant-pdmo .ol-viewport {
    position: unset !important;
}*/

.legend-footer-classic {
    position: relative;
    text-align: center;
    top: 50px;
}


#location-plant-report-page .plant-report-margin, .plant-report .plant-report-margin {
    margin: 30px;
    padding-top: 30px;
}

.header-plant-title {
    border: 1px solid;
    text-align: right;
    background: rgb(150, 150, 150) !important;
    height: 30px;
    position: relative;
    top: -1px;
}

    .header-plant-title > label {
        font-size: 20px;
        font-weight: bold;
        position: relative;
        right: 10px;
    }

.header-plant-title-classic {
    margin-top: 10px;
}

    .header-plant-title-classic > label {
        font-size: 12px;
        margin-bottom: 0px;
        font-family: sans-serif;
    }

.header-plant-tag-classic {
    position: relative;
    float: right;
    bottom: 60px;
    font-family: sans-serif;
}

    .header-plant-tag-classic p {
        margin: 0 !important;
    }

        .header-plant-tag-classic p.tag-title {
            font-size: 9px;
            font-weight: bold;
        }

        .header-plant-tag-classic p.tag-middle {
            font-size: 8px;
        }

        .header-plant-tag-classic p.tag-bottom {
            font-size: 8px;
            font-weight: bold;
        }

.map-cartography-extract-legend-img {
    position: absolute;
    z-index: 2;
    margin-left: 1px;
}

    .map-cartography-extract-legend-img.ol-hidden {
        display: none;
    }

    .map-cartography-extract-legend-img img {
        height: 118px;
    }

.legend-zone {
    border: 1px solid;
    height: 25cm;
}

    .legend-zone > img {
        width: 19.35cm;
        position: relative;
        bottom: 45px;
    }

#offcanvas-AircResult .mCustomScrollBox {
    width: 100%;
}

#offcanvas-navision .mCustomScrollBox {
    width: 100%;
}

#offcanvas-search-result .mCustomScrollBox {
    width: 100%;
}

.table-template-export {
    border: 1px solid;
    height: 140px;
    /*margin-left: 0;*/
    width: 100%;
}

    .table-template-export div:not(:first-child) {
        /*padding-left: 3px !important;*/
    }

    .table-template-export .report-label-info {
        font-weight: bold;
        margin-bottom: 0;
    }

    .table-template-export.row,
    .table-template-export .row {
        margin: 0 !important;
        padding: 0 !important;
    }

        .table-template-export.row .row div {
            padding-left: 5px;
            padding-right: 5px;
        }

        .table-template-export.row div,
        .table-template-export.row div.row div {
            height: 34px;
        }

            .table-template-export.row div.double,
            .table-template-export.row div.row div.double {
                height: 68px;
            }

            .table-template-export.row div.triple,
            .table-template-export.row div.row div.triple {
                height: 106px;
            }

    .table-template-export .dashed-bottom {
        border-bottom: 1px dashed;
    }

    .table-template-export .dashed-right {
        border-right: 1px dashed;
    }

.table-template-classic {
    width: 100%;
    border: 1px solid;
}

    .table-template-classic .table-tag {
        height: 10px;
        padding-left: 5px;
        padding-top: 2px;
    }

    .table-template-classic .table-value {
        height: 25px;
        padding: 5px;
        width: 244px;
    }

    .table-template-classic tr {
        border: 1px dashed;
        height: 25px;
    }

        .table-template-classic tr td {
            border: 1px dashed;
            height: 25px;
        }

.map-location-plant-extra-info-map-botton-zone {
    position: relative;
    float: left;
    left: 380px;
    margin-top: 2px;
    font-size: 9px;
}

/* -- end location plant report ------------------------------------------------------------------- */

/* -- begin occurrence report --------------------------------------------------------------------- */

#body-report {
    background: rgb(204,204,204)
}

.occurrence-report {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

    #occurrence-report-page h2.title, #occurrence-report-global-page h2.title, .occurrence-report h2.title {
        padding: 10px;
    }

    #occurrence-report-page .left-right, #occurrence-report-global-page .left-right, .occurrence-report .left-right {
        display: table;
        width: 100%;
        page-break-inside: avoid;
    }

        #occurrence-report-page .left-right .left, #occurrence-report-global-page .left-right .left, .occurrence-report .left-right .left {
            width: 40%;
        }

        #occurrence-report-page .left-right .left, #occurrence-report-page .left-right .right, #occurrence-report-global-page .left-right .left, #occurrence-report-global-page .left-right .right, .occurrence-report left-right .left, .occurrence-report .left-right .right {
            display: table-cell;
            vertical-align: top;
        }

            #occurrence-report-page .left-right .left table tr td, #occurrence-report-global-page .left-right .left table tr td, .occurrence-report .left-right .left table tr td {
                padding: 10px;
            }

    #occurrence-report-page td.label, #occurrence-report-global-page td.label, .occurrence-report td.label {
        font-weight: bold;
        width: 200px;
    }

    #occurrence-report-page .left-right .left, #occurrence-report-global-page .left-right .left, .occurrence-report .left-right .left {
        left: 0;
    }

    #occurrence-report-page .left-right .right, #occurrence-report-global-page .left-right .right, .occurrence-report .left-right .right {
        right: 0;
    }

#answer-text {
    padding: 10px;
}

#occurrence-report-page .list, #occurrence-report-global-page .list {
    padding-top: 30px;
}

#occurrence-report-page ul.pdm-legend-list li, #occurrence-report-global-page ul.pdm-legend-list li {
    margin: 10px;
    page-break-inside: avoid;
}

    #occurrence-report-page ul.pdm-legend-list li img, #occurrence-report-global-page ul.pdm-legend-list li img {
        margin-right: 10px;
        vertical-align: middle;
    }

    #occurrence-report-page ul.pdm-legend-list li span.legend-title, #occurrence-report-global-page ul.pdm-legend-list li span.legend-title {
        vertical-align: middle;
        font-weight: bold;
    }

#occurrence-report-page div.article-div, #occurrence-report-global-page div.article-div {
    padding-left: 35px;
}

#occurrence-report-page .map-container, #occurrence-report-global-page .map-container, .occurrence-report .map-container {
    padding: 10px;
    padding-top: 40px;
    page-break-inside: avoid;
}

#occurrence-report-page canvas.ol-unselectable, #occurrence-report-global-page canvas.ol-unselectable, .occurrence-report canvas.ol-unselectable {
    width: 100%;
    height: 600px;
}

#occurrence-report-page #articles, #occurrence-report-global-page #articles {
    page-break-before: always;
}

#occurrence-report-page .article-div, #occurrence-report-global-page .article-div {
    page-break-inside: avoid;
}

#occurrence-report-page .legend-element-div, #occurrence-report-global-page .legend-element-div {
    page-break-inside: avoid;
}

#occurrence-report-page[size="A4"], #occurrence-report-global-page[size="A4"], .occurrence-report[size="A4"] {
    font-size: 10px;
    width: 21cm;
    height: 29.7cm;
    /*margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 1cm;
    margin-right: 1cm;*/
}

#occurrence-report-page[size="A3"], .occurrence-report [size="A3"] {
    font-size: 14px;
    margin-top: 3cm;
    margin-bottom: 3cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

#occurrence-report-page[size="A4"][layout="landscape"], .occurrence-report[size="A4"][layout="landscape"] {
    size: A4 landscape;
}

#occurrence-report-page[size="A4"][layout="portrait"], .occurrence-report[size="A4"][layout="portrait"] {
    size: A4 portrait;
}

#occurrence-report-page[size="A3"][layout="landscape"], .occurrence-report[size="A3"][layout="landscape"] {
    size: A3 landscape;
}

#occurrence-report-page[size="A3"][layout="portrait"], .occurrence-report[size="A3"][layout="portrait"] {
    size: A3 portrait;
}

#occurrence-report-page[size="A4"][layout="portrait"] td.label, .occurrence-report[size="A4"][layout="portrait"] td.label {
    width: 150px;
}

#occurrence-report-page[layout="portrait"] .left-right, .occurrence-report[layout="portrait"] .left-right {
    display: block;
}

    #occurrence-report-page[layout="portrait"] .left-right .left, .occurrence-report[layout="portrait"] .left-right .left {
        width: unset;
    }

    #occurrence-report-page[layout="portrait"] .left-right .left, #occurrence-report-page .left-right .right, .occurrence-report[layout="portrait"] .left-right .left, .occurrence-report .left-right .right {
        display: block;
        vertical-align: top;
    }

    #occurrence-report-page[layout="portrait"] .left-right .left, #occurrence-report-page[layout="portrait"].left-right .right, .occurrence-report[layout="portrait"] .left-right .left {
        width: 100%;
    }

#occurrence-report-page[layout="portrait"] #legend ul, #occurrence-report-global-page[layout="portrait"] #legend ul {
    column-count: 2;
    display: inline-block;
    width: 100%;
}

#body-report #export-button {
    z-index: 1000;
    position: fixed;
    right: 20px;
    top: 20px;
}

#occurrence-report-page #articles ul.pdm-legend-list li {
    padding-top: 30px;
}

#occurrence-report-page #articles ul.pdm-legend-list {
    padding-top: 0;
}


#occurrence-report-page .label-info, .occurrence-report .label-info {
    padding-left: 10px;
    font-size: 10px;
}

#occurrence-report-page .map-config, .occurrence-report .map-config {
    border: 1px solid;
    height: 600px;
}



#occurrence-report-page .occurrence-report-margin, .occurrence-report .occurrence-report-margin {
    margin: 30px;
    padding-top: 30px;
}

.header-occurrence-report-title {
    border: 1px solid;
    text-align: right;
    background: rgb(150, 150, 150) !important;
    height: 30px;
    position: relative;
    top: -1px;
}

    .header-occurrence-report-title > label, .header-occurrence-report-title > span {
        font-size: 20px;
        font-weight: bold;
        position: relative;
        right: 10px;
    }

#occurrence-report-page-form label {
    position: relative;
    top: 3px;
}

#occurrence-report-page-form span {
    position: relative;
    top: 3px;
    right: 20px;
}

#occurrence-report-page.ol-hidden {
    display: none;
}

#occurrence-report-global-page.ol-hidden {
    display: none;
}

.occurrence-report-global-pie-zone {
    position: relative;
    height: 320px;
    margin-top: 20px;
    left: 40px;
}

    .occurrence-report-global-pie-zone > div {
        position: relative;
        height: 300px;
    }

    .occurrence-report-global-pie-zone .legend {
        position: relative;
        right: 200px;
    }

    .occurrence-report-global-pie-zone .legendLabel {
        padding-left: 5px;
        font-size: 12px;
    }

.occurrence-report-global-bar-zone {
    position: relative;
    height: 320px;
    margin-top: 20px;
    width: 80%;
    left: 100px;
}

    .occurrence-report-global-bar-zone > div {
        position: relative;
        height: 300px;
    }

    .occurrence-report-global-bar-zone .legend {
        position: relative;
        right: 200px;
    }

    .occurrence-report-global-bar-zone .legendLabel {
        padding-left: 5px;
        font-size: 12px;
    }

    .occurrence-report-global-bar-zone .tickLabel {
        font-size: 12px;
    }

/* -- end occurrence report ----------------------------------------------------------------------- */

/* -- Modal Planta de localização ----------------------------------------------------------------- */

#id-modal-location-plant {
    z-index: 9999 !important;
}

.name-user-event-Occurrence {
    font-weight: 100;
    font-size: 12px;
    color: blue;
    font-family: sans-serif;
}

.name-user-event-Occurrence-Value {
    font-size: 14px;
    width: 100%;
    font-weight: 100;
    font-family: sans-serif;
}

/* -- SearchToponymy ------------------------------------------------------------------------------ */

.search-result-li {
}

.search-result-place {
    height: auto;
    background-color: rgba(212, 212, 212, .5);
    margin: 0px !important;
    border: 1px solid rgba(212, 212, 212, 0);
}

    .search-result-place label {
        position: absolute;
        float: left;
        top: 20px;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 10px;
    }

    .search-result-place.ui-state-active {
        border: none;
        background-color: rgba(212, 212, 212, .3);
        border: 1px solid rgba(255,255,255,0.3);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }


.ui-autocomplete {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.3);
    background-color: rgba(212, 212, 212, .5);
    color: white;
}

#expand-search-result {
    position: relative;
    top: 24px;
    right: 80px;
    cursor: pointer;
}

    #expand-search-result i {
        font-size: 20px;
    }

    #expand-search-result:active {
        top: 22px !important;
    }


#expand-search-option {
    position: relative;
    left: 4px;
    top: 12px;
    font-size: 13px;
}

    #expand-search-option:active {
        top: 14px;
    }

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }


.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    width: 1px;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }



.ui-front {
    z-index: 100;
    width: 1px;
}


.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#ui-datepicker-div {
    display: none;
}

#offcanvas-services .mCustomScrollBox {
    width: 100%;
}

#offcanvas-services .mCSB_draggerContainer {
    top: 14%;
    bottom: 3%;
}

.btnCenterMenu {
    line-height: 60px;
}

    .btnCenterMenu.material-icons {
        position: relative;
        font-size: 32px;
    }

#id-modal-email-body-msg-state .gp-overflow-datatable {
    height: unset !important;
    overflow: initial !important;
}

.tooltipEmail {
    position: absolute;
    background-color: white;
    z-index: 99999;
    border: aliceblue;
    border-color: #e7e7e7;
    border-style: solid;
    border-radius: 10px;
    padding: 5px;
    display: none;
    min-width: 180px;
    margin-top: -10px;
}

.search-toponymy-spin {
    position: relative;
    float: right;
    bottom: 24px;
    right: 10px;
}

.search-npolice-spin {
    position: relative;
    float: right;
    top: 36px;
    right: 10px;
}

/* ----- Anacom Search ----------------------------------------------------------------------------*/

.map-anacom-search {
    z-index: 100;
    position: absolute;
    bottom: auto;
    left: -111vh;
    top: 20px;
    width: 111vh;
    height: auto;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
    max-height: 175px;
}

.map-anacom-search-mobile {
    z-index: 100;
    position: absolute;
    bottom: auto;
    left: -110%;
    top: 0px;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
    max-height: 175px;
}

.map-anacom-search.active {
    transform: translate(102%, 0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
}

.map-anacom-search-mobile.active {
    transform: translate(110%, 0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    z-index: 9999;
}

.map-anacom-search .nav-tabs > li.style-accent > a {
    color: #fff;
}

.map-anacom-search-mobile .nav-tabs > li.style-accent > a {
    color: #fff;
}

.anacom-search-body {
    background: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.anacom-search-fields {
    background-color: white;
    /*left: -15px;*/
}

.anacom-search-fields-margin {
    margin-bottom: 25px;
}

#id-entity-type-search .mCSB_draggerContainer {
    top: 10px;
    bottom: 20px;
}

#id-entity-search .table-bordered tbody tr td, .table-bordered tbody tr th {
    border: 0px solid #eee;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#id-entity-search .table-bordered {
    border-top: 0px solid #eee;
    border: 0px solid #ddd;
}

#id-entity-search {
    font-size: 12px;
}

    #id-entity-search .table-bordered thead tr th {
        border: 0px solid #eee;
        padding: 0px;
    }

    #id-entity-search .mCSB_draggerContainer {
        top: 10px;
        bottom: 20px;
    }

#id-object-search .mCSB_draggerContainer {
    top: 10px;
    bottom: 20px;
}

#id-localizacao-search .mCSB_draggerContainer {
    top: 10px;
    bottom: 20px;
}

#id-elemento-caraterizacao-search .mCSB_draggerContainer {
    top: 10px;
    bottom: 20px;
}

#id-object-search .table-bordered tbody tr td, .table-bordered tbody tr th {
    border: 0px solid #eee;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#id-object-search .table-bordered {
    border-top: 0px solid #eee;
    border: 0px solid #ddd;
}

#id-object-search {
    font-size: 12px;
}

#id-localizacao-search {
    font-size: 12px;
}

#id-object-search .table-bordered thead tr th {
    border: 0px solid #eee;
    padding: 0px;
}

#id-entity-type-search .table-bordered tbody tr td, .table-bordered tbody tr th {
    border: 0px solid #eee;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#id-entity-type-search .table-bordered {
    border-top: 0px solid #eee;
    border: 0px solid #ddd;
}

#id-entity-type-search {
    font-size: 12px;
}

    #id-entity-type-search .table-bordered thead tr th {
        border: 0px solid #eee;
        padding: 0px;
    }

#id-elemento-caraterizacao-search .table-bordered tbody tr td, .table-bordered tbody tr th {
    border: 0px solid #eee;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#id-elemento-caraterizacao-search .table-bordered {
    border-top: 0px solid #eee;
    border: 0px solid #ddd;
}

#anacom-search-result .table-bordered tbody tr td, .table-bordered tbody tr th {
    border: 0px solid #eee;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#anacom-search-result .table-bordered thead tr th {
    border: 0px solid #eee;
    padding: 0px;
    text-align: left;
}

#anacom-search-result .table-bordered {
    border-top: 0px solid #eee;
    border: 0px solid #ddd;
}

#id-elemento-caraterizacao-search {
    font-size: 12px;
}

    #id-elemento-caraterizacao-search .table-bordered thead tr th {
        border: 0px solid #eee;
        padding: 0px;
    }

#id-history-anacom {
    font-size: 12px;
}

#id-object-search .mCustomScrollBox {
    width: 95%;
}

#id-history-anacom .mCustomScrollBox {
    width: 95%;
}

#id-entity-type-search .mCustomScrollBox {
    width: 95%;
}

#id-entity-search .mCustomScrollBox {
    width: 95%;
}

#id-elemento-caraterizacao-search .mCustomScrollBox {
    width: 95%;
}

#id-localizacao-search .mCustomScrollBox {
    width: 95%;
}

.animation-search-anacom {
}

    .animation-search-anacom.active {
        height: 420px;
    }

.remove-search-anacom {
    font-size: 12px;
    float: left;
    left: 0px;
    margin-right: 5px;
    margin-top: 1px;
}

.search-fields-anacom-filter {
    border-width: thin;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: #ffee84;
    border-radius: 5px;
    margin-bottom: 5px;
    transition: 0.5s;
}

.search-fields-anacom {
    border-width: thin;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: #ffee84;
    border-radius: 5px;
    margin-bottom: 5px;
    transition: 0.5s;
}

    .search-fields-anacom:hover {
        background-color: #ff0000;
        cursor: pointer;
    }

.remove-anacom-filter.ol-hidden {
    display: none !important;
}

.anacom-filter-hidde.ol-hidden {
    display: none !important;
}


#id-datatable-result-anacom {
    height: 230px;
    width: 200% !important;
    text-align: left;
}

#anacom-search-result.active {
    display: initial !important;
}

.goto-anacom-search {
    width: 20px;
    font-size: 15px;
    padding: 0px !important;
    color: #ff3d00;
    line-height: 35px !important;
}

    .goto-anacom-search:hover {
        cursor: pointer;
    }

#anacom-search-result tr td {
    height: 20px;
}

#id-datatable-result-anacom_wrapper.ol-hidden {
    display: none;
}

.chart-anacom-container {
    position: relative;
    margin: auto;
    height: 400px;
    width: 100%;
}

    .chart-anacom-container.ol-hidden {
        display: none;
    }

.Anacom-li-mobile {
    float: left !important;
}

.Button-mobile-anacom {
    margin-left: 5px;
}

.anacom-result-map-style {
    position: absolute;
    z-index: 110;
    left: 31px;
    bottom: 40px;
    background: #ffd10d;
    padding: 10px;
    border-radius: 30px;
    font-size: 30px;
}

#id-filter-map-anacom.ol-hidden {
    display: none;
}

.anacom-filter-list-map-style {
    position: absolute;
    z-index: 100;
    left: 0.8%;
    bottom: 30px;
    background: #ffffff75;
    padding: 16px;
    border-radius: 3px;
    font-size: 30px;
}

#id-filter-list-map-anacom.ol-hidden {
    display: none;
}

#id-filter-list-map-anacom .material-icons:hover {
    cursor: pointer;
}

.anacom-filter-button-style {
    float: right;
    margin-top: 20px;
    font-size: 30px;
}

.btn-floating-action {
    color: #814387;
}

.element-anacom-options {
    float: left;
    width: 62% !important;
}

.element-anacom-number {
    width: 33% !important;
    float: right;
}

.row-margin-anacom {
    margin-left: 0px;
    margin-right: 0px;
}

.container-fluid {
    padding: 0 !important;
    height: 100% !important;
}

#offcanvas-Cluster .mCustomScrollBox {
    width: 100%;
}

#offcanvas-Heatmap .mCustomScrollBox {
    width: 100%;
}

#spinner-Cluster-background.ol-hidden {
    display: none;
}

#spinner-Heatmap-background.ol-hidden {
    display: none;
}

#form-cliuster-distance.ol-hidden {
    display: none;
}

#offcanvas-Cluster .mCSB_container {
    height: 100%;
}

/*Slide Bar Cluster*/
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 10.2px 0;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 4.6px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
        background: rgba(125, 125, 125, 0.49);
        border-radius: 1.3px;
        border: 0.2px solid rgba(1, 1, 1, 0);
    }

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
        border: 0px solid rgba(0, 0, 0, 0);
        height: 25px;
        width: 9px;
        border-radius: 3px;
        background: #ff3d00;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -10.4px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: rgba(138, 138, 138, 0.49);
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 4.6px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
        background: rgba(125, 125, 125, 0.49);
        border-radius: 1.3px;
        border: 0.2px solid rgba(1, 1, 1, 0);
    }

    input[type=range]::-moz-range-thumb {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
        border: 0px solid rgba(0, 0, 0, 0);
        height: 25px;
        width: 9px;
        border-radius: 3px;
        background: #ff3d00;
        cursor: pointer;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 4.6px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower {
        background: rgba(112, 112, 112, 0.49);
        border: 0.2px solid rgba(1, 1, 1, 0);
        border-radius: 2.6px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    }

    input[type=range]::-ms-fill-upper {
        background: rgba(125, 125, 125, 0.49);
        border: 0.2px solid rgba(1, 1, 1, 0);
        border-radius: 2.6px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    }

    input[type=range]::-ms-thumb {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
        border: 0px solid rgba(0, 0, 0, 0);
        height: 25px;
        width: 9px;
        border-radius: 3px;
        background: #ff3d00;
        cursor: pointer;
        height: 4.6px;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: rgba(125, 125, 125, 0.49);
    }

    input[type=range]:focus::-ms-fill-upper {
        background: rgba(138, 138, 138, 0.49);
    }

#id-gps-geoportal.ol-hidden {
    display: none;
}

.buttongpisize {
    font-size: 24px;
}

.buttongpidatatble {
    font-size: 20px;
    margin-left: 5px !important;
    margin-top: 15px;
}

.quick-action-button-size {
    font-size: 21px !important;
    line-height: 40px !important;
    font-weight: bold !important;
}

/* --------- datatable Anacom  --------------------------------------------------------------------*/

#id-entity-type-search .table-bordered tbody tr td {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#id-entity-search .table-bordered tbody tr td {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#id-object-search .table-bordered tbody tr td {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#id-anacom-search .table-bordered tbody tr td {
    padding: 5px;
}

#id-datatable-entity-anacom [type="checkbox"] + label {
    padding-left: 8px;
}

#id-datatable-object-anacom [type="checkbox"] + label {
    padding-left: 8px;
}

/* --------- END datatable Anacom  ----------------------------------------------------------------*/

#id-modal-help-plant .modal-help-plant {
    width: 50% !important;
    /*height: 85% !important;*/
}

#offcanvas-creation-occurrence-form .mCustomScrollBox {
    width: 100%;
}

#CreateOccurrenceButton {
    line-height: 40px;
}

    #CreateOccurrenceButton.activeButton {
        box-shadow: 0px 5px 15px 1px rgb(255, 87, 34);
    }

.date-occurrence-without-event {
    margin-right: 0%;
    border-radius: 0px;
    width: 48% !important;
    float: left;
}

#offcanvas-creation-occurrence-form .gj-datepicker {
    margin-right: 0%;
    border-radius: 0px;
    width: 48% !important;
    float: left;
    margin-left: 5px;
}

#occurrence-confirm-polygon-button.ol-hidden {
    display: none;
}

#occurrence-cancel-polygon-button.ol-hidden {
    display: none;
}

#creation-occurrence-attachment.ol-hidden {
    display: none;
}

#occurrence-create-polygon-button.ol-hidden {
    display: none;
}

#occurrence-view-polygon-button.ol-hidden {
    display: none;
}

#id-offcanvas-body-detail-task-spinner.ol-hidden {
    display: none;
}

.document-anacom-search {
    width: 20px;
    font-size: 15px;
    padding: 0px !important;
    color: #ff3d00;
    line-height: 35px !important;
    cursor: pointer;
}

    .document-anacom-search.disable {
        color: #6b6b6b;
        cursor: not-allowed;
    }

.object-anacom-search {
    width: 20px;
    font-size: 15px;
    padding: 0px !important;
    color: #ff3d00;
    line-height: 35px !important;
    cursor: pointer;
}

.create-object-register-icons {
    font-size: 30px;
    font-weight: bold;
}

#offcanvas-creation-object-register-form .mCustomScrollBox {
    width: 100%;
}

#form-create-object-register.ol-hidden {
    display: none;
}

#id-buttons-create-object-register.ol-hidden {
    display: none;
}

#id-buttons-edit-object-register.ol-hidden {
    display: none;
}

#id-buttons-edit-object-register.ol-hidden {
    display: none;
}

#offcanvas-calculate-route-form .mCustomScrollBox {
    width: 100%;
}

#datatable-calculateroute tr {
    border: none !important;
}

#datatable-calculateroute td {
    border: none !important;
}

#datatable-calculateroute table {
    border: none !important;
}

#datatable-calculateroute th {
    border: none !important;
}

#id-datatable-result-calculate-route.ol-hidden {
    display: none;
}

#datatable-anacom-statistics-result.ol-hidden {
    display: none;
}

#id-datatable-result-Frequencies-anacom_wrapper {
    width: 55%;
    float: left;
    height: 355px;
}

#id-datatable-result-Descriptive-statistics-anacom_wrapper {
    width: 45%;
    float: left;
    height: 355px;
}

#id-datatable-result-Descriptive-statistics-anacom {
    width: 100% !important;
    float: left;
    height: 300px;
    text-align: left;
}

#id-datatable-result-Frequencies-anacom {
    width: 100% !important;
    height: 300px;
    float: left;
    text-align: left;
}

#id-anacom-search-data-options-statistic {
    margin-top: 10px;
    margin-left: 37px;
}

#id-anacom-search-data-options-chart {
    margin-top: 10px;
    margin-left: 37px;
}

#myChartAnacom {
    padding-left: 0px;
    padding-right: 0px;
}

#occurrence-delete-polygon-button.ol-hidden {
    display: none;
}

.button-create-occurrence-style {
    font-weight: bold;
    font-size: 25px;
}

#id-date-creation-planned-occurrence.ol-hidden {
    display: none;
}

#id-date-planned-occurrence-detail.ol-hidden {
    display: none;
}

#offcanvas-creation-occurrence-form .mCSB_container {
    height: 100%;
}


.cancel-without-event-occurrence-map {
    border-radius: 10px;
    padding: 3px;
    background-color: #f18d03;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

    .cancel-without-event-occurrence-map:hover {
        background-color: #b56803;
    }

    .cancel-without-event-occurrence-map:before {
        position: relative;
        bottom: 1px;
    }

#id-datatable-result-technical-documentation-anacom-div.ol-hidden {
    display: none;
}

#id-button-open-list-anacom.ol-hidden {
    display: none;
}

.open-document-technical {
    width: 20px;
    font-size: 15px;
    padding: 0px !important;
    color: #ff3d00;
    line-height: 35px !important;
    cursor: pointer;
}

#layer-search-layer-tree {
    height: auto !important;
    max-height: 250px;
}

.modal-location-plant-footer-text {
    text-align: left;
    line-height: 1;
    position: relative;
    top: 5px;
}

    .modal-location-plant-footer-text > span {
        color: black;
        font-size: 11px;
    }

.name-textarea-anacom-save {
    padding-top: 15px;
    padding-bottom: 15px;
}

#id-datatable-historico-anacom {
    width: 100% !important;
    border: 0px solid #ddd;
}

#id-anacom-search .table-bordered tbody tr td {
    border: 0px solid #ddd !important;
}

#id-datatable-historico-anacom_paginate {
    padding-top: 30px !important;
}

.anacom-close-search-button {
    float: right !important;
    top: -25px;
    position: relative;
    right: -20px;
    font-size: 25px;
}

.open-history-anacom {
    cursor: pointer;
}

.barra-ferramentas-line-height {
    line-height: 60px;
}

.margin-top-search-anacom {
    margin-top: 30px;
}

@media (max-width: 1400px) {
    .map-anacom-search {
        z-index: 100;
        position: absolute;
        bottom: auto;
        left: -121vh;
        top: 20px;
        width: 120vh;
        height: auto;
        -webkit-transition: -webkit-transform 0.33s ease-in;
        -moz-transition: -moz-transform 0.33s ease-in;
        -o-transition: -o-transform 0.33s ease-in;
        transition: transform 0.33s ease-in;
        max-height: 175px;
    }

    .anacom-close-search-button {
        float: right !important;
        position: relative;
        right: -20px;
        font-size: 25px;
        top: 0px;
    }

    .margin-top-search-anacom {
        margin-top: 0px;
    }
}

.footer-buttons {
    position: fixed;
    bottom: 0px;
    z-index: 999;
}

#spinner-search-anacom.ol-hidden {
    display: none;
}

.hide-datatable-anacom-search {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    top: 7%;
    left: 94%;
}

    .hide-datatable-anacom-search a:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .hide-datatable-anacom-search.ol-hidden {
        display: none;
    }

#spinner-Heatmap-background.ol-hidden {
    display: none;
}

#offcanvas-Heatmap.mCSB_container {
    height: 90%;
}

#id-localizacao-search .dropdown-menu {
    position: sticky;
}

#id-localizacao-search .bs-searchbox {
    margin-left: -10px;
}

#id-localizacao-search .bootstrap-select .bs-searchbox:after {
    margin-left: -10px;
}

#offcanvas-crate-event-anacom .mCustomScrollBox {
    width: 100%;
}

#spinner-crate-event-anacom.ol-hidden {
    display: none;
}

#id-datatable-event-result-anacom_filter {
    float: right;
    right: 70px;
    position: relative;
}

#id-datatable-event-result-anacom tbody th, #id-datatable-event-result-anacom tbody td {
    padding: 5px 10px; /* e.g. change 8x to 4px here */
}

#id-datatable-result-anacom tbody th, #id-datatable-result-anacom tbody td {
    padding: 0px 10px !important; /* e.g. change 8x to 4px here */
}

.legend-anacom {
    height: auto;
    width: 10%;
    position: absolute;
    bottom: 5%;
    background-color: #ffffffa3;
    z-index: 9;
    float: right;
    right: 80px;
}

#form-object-register-options-anacom.ol-hidden {
    display: none;
}

#id-buttons-create-object-register.ol-hidden {
    display: none;
}

#offcanvas-edit-object-anacom-spinner.ol-hidden {
    display: none;
}

.edit-geom-object-anacom {
    position: fixed;
    top: 10%;
    background-color: #ffffffbd;
    left: 64%;
    border-radius: 20px;
    width: 10%;
}

.legend-quota-anacom {
    position: absolute;
    height: 200px;
    width: auto;
    top: 75%;
    background-color: #ffffffbd;
    left: 88%;
    border-radius: 5px;
}

.geom-object-XY {
    padding-left: 20px;
    padding-top: 20px;
}

#id-save-new-geom-object.ol-hidden {
    display: none;
}

#id-spinner-save-new-geom.ol-hidden {
    display: none;
}

#id-legend-quota-anacom.ol-hidden {
    display: none;
}

#spinner-occurrence-anacom-details.ol-hidden {
    display: none;
}

#occurrence-create-entidades-data-notificar-table {
    width: 500px !important;
}

#occurrence-create-entidades-data-notificar-table_wrapper {
    margin-left: 10px;
}

#occurrence-create-notas-table {
    width: 273px;
}

#occurrence-note-textarea.ol-hidden {
    display: none;
}

#edit-object-geometria-submite.ol-hidden {
    display: none;
}

#create-object-geometria-submite.ol-hidden {
    display: none;
}

#edit-object-delete-anacom.ol-hidden {
    display: none;
}

#id-save-object-register-submite.ol-hidden {
    display: none;
}

#id-save-create-object-register-submite.ol-hidden {
    display: none;
}

#id-new-geom-create-object.ol-hidden {
    display: none;
}

.gj-picker {
    z-index: 10000 !important;
}

.article-div {
    font-family: verdana, "trebuchet MS",helvetica,sans-serif;
}

    .article-div .center-element {
        text-align: center;
    }

    .article-div .bold-element {
        font-weight: bold !important;
    }

    .article-div .bolder-element {
        font-weight: bolder;
    }

    .article-div p {
        color: black;
        font-weight: 100;
    }

    .article-div blockquote {
        font-weight: 100 !important;
        border-left: none !important;
        color: black !important;
        font-size: 12px !important;
        font-family: verdana, "trebuchet MS",helvetica,sans-serif !important;
    }

#id-modal-pdm-analyze-result .modal-body {
    color: black;
}

#id-modal-pdm-analyze-entity-result-process .row {
    padding-left: 20px;
}

.modal-pdm-analyze-entity-result-zone {
    border: 1px solid rgba(100, 100, 100, 0.5);
}

    .modal-pdm-analyze-entity-result-zone label {
        width: 100px;
    }

.modal-header-style-GP.modal-pdm-analyze-entity {
    font-size: 14px;
    line-height: 15px;
}

.modal-pdm-analyze-entity-result-zone li {
    list-style: none;
}

.modal-button-pdm-doc-download {
    position: relative;
    right: 269px;
    top: 5px;
}

    .modal-button-pdm-doc-download:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .modal-button-pdm-doc-download:active {
        transform: scale(0.8);
    }

    .modal-button-pdm-doc-download i {
        position: relative;
        top: 6px;
        color: #ff3d00;
    }

/** -- begin road builder tool -------------------------------------------------------------------- */

.dt-freguesia {
    width: 50%;
}

.menubar-road-builder-tool {
    left: 40% !important;
}

.form-detail-area {
    border: 1px solid;
}

.ui-widget.ui-widget-content {
    z-index: 100000;
}

.required-label:after {
    content: "*";
    color: red;
}

.avim-form-line {
    margin-bottom: 10px;
    margin-top: -5px;
}

#offcanvas-avimsearch .col {
    padding-right: 0px !important;
}

#offcanvas-avimsearch .mCustomScrollBox.gp-overflow-width {
    width: 100% !important;
}

modal-avim-tool-info-detail-body .form-group {
    font-size: 12px;
    margin-bottom: 0;
}

.modal-avim-tool-info-detail-body {
    border: 1px solid;
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 10px !important;
}

.modal-content.modal-road-builder-tool-content,
.modal-content.modal-avim-tool-content {
    width: 850px !important;
}

    .modal-content.modal-road-builder-tool-content.question,
    .modal-content.modal-avim-tool-content.question {
        width: 450px !important;
    }

    .modal-content.modal-road-builder-tool-content .modal-body,
    .modal-content.modal-avim-tool-content .modal-body {
        padding: 0px 30px 5px 30px;
        max-height: 350px;
        overflow-y: auto;
    }

    .modal-content.modal-avim-tool-content .modal-body {
        min-height: 350px;
    }

    .modal-content.modal-road-builder-tool-content .modal-header ul li a,
    .modal-content.modal-avim-tool-content .modal-header ul li a {
        font-size: 11px;
    }

.modal-road-build-tool-add-road-info-sub-body-sub-road-zone {
    padding-top: 10px;
}

    .modal-road-build-tool-add-road-info-sub-body-sub-road-zone .sub-road-main {
        border: 1px solid rgba(100, 100, 100, 0.5);
        padding: 10px;
        background-color: rgba(250, 250, 250, 1);
        margin-top: 10px;
    }

        .modal-road-build-tool-add-road-info-sub-body-sub-road-zone .sub-road-main.selected {
            border: 1px solid black !important;
            background-color: rgba(230, 230, 230, 1);
        }

    .modal-road-build-tool-add-road-info-sub-body-sub-road-zone .border-divider {
        border-top: 1px solid #e5e5e5;
    }

        .modal-road-build-tool-add-road-info-sub-body-sub-road-zone .border-divider.selected {
            border-top: 1px solid white;
        }

    .modal-road-build-tool-add-road-info-sub-body-sub-road-zone input {
        background-color: white !important;
    }

.modal-road-build-tool-road-list-sub-road-info-list-zone {
    padding-top: 10px;
}

    .modal-road-build-tool-road-list-sub-road-info-list-zone .sub-road-main {
        border: 1px solid rgba(100, 100, 100, 0.5);
        padding: 10px;
        background-color: rgba(250, 250, 250, 1);
        margin-top: 10px;
    }

        .modal-road-build-tool-road-list-sub-road-info-list-zone .sub-road-main.selected {
            border: 1px solid black !important;
            background-color: rgba(230, 230, 230, 1);
        }

    .modal-road-build-tool-road-list-sub-road-info-list-zone .border-divider {
        border-top: 1px solid #e5e5e5;
    }

        .modal-road-build-tool-road-list-sub-road-info-list-zone .border-divider.selected {
            border-top: 1px solid white;
        }

    .modal-road-build-tool-road-list-sub-road-info-list-zone input {
        background-color: white !important;
    }

.modal-road-build-tool-road-info-sub-body-road-intersect-zone {
    padding-top: 10px;
}

    .modal-road-build-tool-road-info-sub-body-road-intersect-zone .road-intersect-main {
        border: 1px solid rgba(100, 100, 100, 0.5);
        padding: 10px;
        background-color: rgba(250, 250, 250, 1);
        margin-top: 10px;
    }

.modal-road-build-tool-add-road-info-sub-body-road-thead-zone input {
    background-color: white !important;
}

#id-modal-road-build-tool-add-road-info-body-freguesia-table-zone thead {
    display: none;
}

#id-modal-road-build-tool-road-info-freguesia-table-zone thead {
    display: none;
}

.table-no-head thead {
    display: none;
}

.table-no-head .dataTables_scrollBody {
    min-height: 40px !important;
}

.modal-road-build-tool-road-info-sub-body-road-intersect-zone input {
    background-color: white !important;
}

#target-gpi-police-mode i {
    border-right: 2px solid;
    position: relative;
    top: 18px;
    right: 5px;
}

#target-gpi-road-mode i {
    position: relative;
    top: 15px;
    right: 1px;
}

.menubar-bottom .road-builder-tool.active {
    border: 1px solid #ff3d00;
    border-radius: 10px;
    bottom: 0px;
    left: 0.7px;
    right: 0px;
    background-color: #004445;
}

.menubar-bottom .road-builder-tool.road {
    background-color: rgba(70, 120, 170, 1) !important;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    .menubar-bottom .road-builder-tool.road:hover {
        background-color: rgba(50, 100, 150, 1);
    }

.menubar-bottom .road-builder-tool.subroad {
    background-color: rgba(0, 100, 112, 1) !important;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    .menubar-bottom .road-builder-tool.subroad:hover {
        background-color: rgba(0, 80, 92, 1);
    }

.menubar-bottom .road-builder-tool span {
    position: relative;
    top: 9px;
    font-size: 12px;
}

.toggle-road-option-position {
    position: relative;
    bottom: 26.8px;
    left: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

.offcanvas-rbt-pane .offcanvas-body {
    padding-top: 0px;
}

.offcanvas-rbt-pane .margin-bottom-xxl {
    margin-bottom: 0px;
}

.offcanvas-rbt-pane .sgs-element-rbt-input {
    font-size: 12px;
    font-weight: bold;
}

.offcanvas-rbt-pane .sgs-measure-rbt-input-m {
    font-size: 10px;
}


/** -- end road builder tool ---------------------------------------------------------------------- */

/** -- begin railway tool ------------------------------------------------------------------------- */

.railway-info-index-btn {
    position: relative;
    bottom: 1.7px;
}

    .railway-info-index-btn.fast-previous {
        float: left;
        left: 20px;
    }

    .railway-info-index-btn.previous {
        float: left;
        left: 15px;
    }

    .railway-info-index-btn.next {
        float: right;
        right: 40px;
    }

    .railway-info-index-btn.fast-next {
        float: right;
        right: -5px;
    }

    .railway-info-index-btn > i {
        font-size: 24px;
    }

    .railway-info-index-btn:hover {
        cursor: pointer;
    }

    .railway-info-index-btn:active {
        transform: scale(0.8);
    }

.railway-info-data-group {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0px;
}

    .railway-info-data-group div.value {
        text-align: center;
        padding: 0px;
    }

    .railway-info-data-group span.value {
        font-size: 12px;
    }

    .railway-info-data-group .classification-highlight {
        border: 1px solid black;
        padding: 5px;
        border-radius: 5px;
    }

.railway-info-classification-col {
    text-align: center;
}

    .railway-info-classification-col.long-leveling {
        padding: 0px;
    }

    .railway-info-classification-col.bitola .railway-info-classification {
        left: 8px;
    }

    .railway-info-classification-col.long-leveling .railway-info-classification {
        left: 24px;
    }

    .railway-info-classification-col.align .railway-info-classification {
        left: 8px;
    }

.railway-info-classification-title {
    font-weight: 100;
    font-size: 10px;
}

.railway-info-classification {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    box-shadow: 0 0 10px 1px rgba(100, 100,100,1);
}

    .railway-info-classification:before {
        border: 1px solid rgba(255,255,255,1);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        pointer-events: none;
    }

    .railway-info-classification.no-problem {
        background-color: green;
    }

    .railway-info-classification.no-problem {
        background-color: green;
    }

    .railway-info-classification.moderate-problem {
        background-color: yellow;
    }

    .railway-info-classification.considerable-problem {
        background-color: orange;
    }

    .railway-info-classification.severe-problem {
        background-color: red;
    }

.menubar-railway-tool {
    position: absolute;
    top: 25px;
    left: 250px;
}

.railway-search-index-btn {
    position: relative;
    left: 38px;
    bottom: 34px;
    height: 34px;
    width: 34px;
}

    .railway-search-index-btn i {
        color: white;
        font-size: 24px;
        right: 7px;
        position: relative;
        bottom: 1px;
    }

.railway-search-index-slider-zone {
    left: 255px;
    top: 5px;
    position: absolute;
}

.railway-search-index-value-slider {
    position: absolute;
    top: 1px;
    left: 476px;
    background: rgba(255,255, 255, 0.8);
    width: 65px;
    height: 30px;
    text-align: center;
    border: 1px solid rgba(100, 100,100, 1);
    border-radius: 4px;
}

    .railway-search-index-value-slider > div {
        position: relative;
        bottom: -2px;
        font-size: 17px;
        font-weight: bold;
    }

/** -- end railway tool --------------------------------------------------------------------------- */

/** -- begin temporary layer import --------------------------------------------------------------- */

.modal-content.modal-temporary-layer-import-content {
    width: 550px !important;
}

    .modal-content.modal-temporary-layer-import-content .modal-body {
        padding: 0px 0px 30px 0px;
        max-height: 350px;
        overflow-y: auto;
    }

        .modal-content.modal-temporary-layer-import-content .modal-body .file-name {
            position: relative;
            top: 8px;
        }

/** -- end temporary layer import ----------------------------------------------------------------- */

/** -- begin traffic sign tool -------------------------------------------------------------------- */

.traffic-sign-group {
    border-style: solid;
    border-width: thin;
    min-height: 50px;
    max-height: 150px;
    overflow-y: auto;
    margin-bottom: 10px;
    border-color: lightgray;
    padding-top: 10px;
}

    .traffic-sign-group.ol-hidden {
        display: none;
    }

.traffic-sign-radio-label {
    margin-bottom: -9px;
    padding-right: 24px;
    padding-left: 0px !important;
}

.traffic-sign-title {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 25px;
    border-bottom: 1px solid;
    height: 40px;
    border-color: #ff3d00;
}

    .traffic-sign-title label {
        font-size: 18px;
        color: #b2b2b2;
    }

.manager-traffic-sign-select2-type-sign .select2-selection {
    border-color: #ff3d00 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

.layer-zone-operation-type-sign .select2-selection__choice {
    height: 28px;
    width: 50px;
}

#layer-tree .select2-results__option {
    font-size: 9px;
}

/** -- end traffic sign tool ---------------------------------------------------------------------- */
/** -- begin search entity tool ------------------------------------------------------------------- */

#layer-search-filter-zone .select2-selection--multiple {
    overflow: hidden !important;
    height: auto !important;
    margin-bottom: 10px;
}

#layer-search-filter-zone .select2-selection__choice {
    height: 30px;
}

.menubar-search-entity-address {
    position: absolute;
    top: 25px;
    left: 245px;
    border: 2px solid #D0015D;
    border-radius: 5px;
    height: 38px;
}

    .menubar-search-entity-address div.local {
        width: 216px;
        padding-left: 0px;
    }


        .menubar-search-entity-address div.local .select2-selection {
            height: 34px;
        }

        .menubar-search-entity-address div.local .select2-selection__rendered {
            position: relative;
            top: 2px;
        }

        .menubar-search-entity-address div.local .select2-search__field {
            border-radius: 4px;
        }

    .menubar-search-entity-address div.address {
        width: 616px !important;
    }

    .menubar-search-entity-address input.address {
        background-color: rgba(255, 255, 255, 0.9);
        width: 600px;
    }

#id-layer-seach-filter-zone .select2-selection {
    border-radius: 0px !important;
}

/** -- end search entity tool --------------------------------------------------------------------- */


.search-content {
    overflow-y: auto;
    max-height: auto;
}

/** -- begin Street map view ---------------------------------------------------------------------- */

.offcanvas-body-layer-detail-open-street-view-btn > span,
.offcanvas-body-layer-detail-open-avim-tool-btn > span {
    position: relative;
    left: 5px;
    bottom: 7px;
}

.offcanvas-body-layer-detail-open-street-view-btn:hover {
    cursor: pointer;
    text-decoration: none;
}

.tooltips-button-google-street,
.tooltips-button-simulate > span {
    position: relative;
    right: 26px;
}

    .tooltips-button-google-street > span,
    .tooltips-button-simulate > span {
        position: relative;
        left: 5px;
        bottom: 6px;
    }

    .tooltips-button-google-street:hover,
    .tooltips-button-simulate:hover {
        cursor: pointer;
        text-decoration: none;
    }

/** -- end Street map view ------------------------------------------------------------------------ */

.fa-spin.fa-spin-fix {
    -webkit-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);
}

/** -- begin Avim --------------------------------------------------------------------------------- */

.disable-address-input {
    background: rgba(240, 240,240, 1) !important;
}

.radius-simulation {
    text-align: center;
    width: 65px !important;
}

#main-export-menu-pl .menu-icon {
    line-height: 60px;
}

.map-highlight-left,
.map-highlight-right {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    top: 0;
}

.map-highlight-top,
.map-highlight-bottom {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
}

.map-highlight-top {
    top: 0;
}

.map-highlight-bottom {
    bottom: 0;
}

.map-highlight-left {
    left: 0;
}

.map-highlight-right {
    right: 0;
}

/* +++ Menu bottom */

#menubar-bottom, #menubar-bottom-pl, #menubar-export-bottom-pl {
    position: fixed;
    z-index: 1033;
    left: 50%;
    bottom: 20px;
    border-radius: 10px;
    bottom: 5px;
    background: rgba(0,0,0,0.6) !important;
    border: 1px solid;
    height: 62px;
}

#menubar-export-bottom-pl {
    bottom: 25px;
}

#main-export-menu-pl .menu-icon {
    line-height: 60px;
}

#id-avim-search-select-custo-controlado-label span.status {
    top: 8px;
    left: 16px;
}

#id-modal-avim-tool-info-predio-detail-spinner.ol-hidden {
    display: none;
}

#id-modal-avim-tool-info-rua-detail-spinner.ol-hidden {
    display: none;
}

#id-modal-avim-tool-info-proximidade-detail-spinner.ol-hidden {
    display: none;
}

.modal-avim-tool-simulation-spinner {
    height: 270px !important;
    background-color: rgba(255,255,255,0.5) !important;
}

    .modal-avim-tool-simulation-spinner.proximidade {
        padding-top: 50px !important;
        height: 190px !important;
    }

}

/** -- end Avim ----------------------------------------------------------------------------------- */

table thead .btn-column {
    width: 20px !important;
}

/** -- Begin Deposition point --------------------------------------------------------------------- */

.table-deposition-point thead tr {
    font-size: 10px;
}

.table-deposition-point tbody tr {
    font-size: 10px;
}

.button-detail-equipment {
    cursor: pointer;
}

.button-remove-equipment {
    cursor: pointer;
}

.button-increase-equipment-quantity {
    cursor: pointer;
}

.button-decrease-equipment-quantity {
    cursor: pointer;
}

.modal-deposition-point-tool-equipment-in-dp-view-table {
    padding-top: 10px;
    padding-bottom: 5px;
}

    .modal-deposition-point-tool-equipment-in-dp-view-table a {
        cursor: pointer;
    }

    .modal-deposition-point-tool-equipment-in-dp-view-table i {
        font-size: 18px;
    }

.offcanvas-body-layer-deposition-point-new-element-btn {
    cursor: pointer;
}

    .offcanvas-body-layer-deposition-point-new-element-btn i {
        font-size: 20px;
        color: #ffffff;
        background-color: #ff3d00;
        border-color: #ff3d00;
        padding: 3.5px 4px 3px 3.5px;
        border-radius: 2px;
    }

#id-offcanvas-body-dp-equipament-attachment-spinner.ol-hidden {
    display: none;
}

.offcanvas-body-dp-equipament-event-attachment-info-td {
    position: relative;
    top: 8px;
}

    .offcanvas-body-dp-equipament-event-attachment-info-td > label {
        font-size: 13px;
        font-weight: 100;
    }

.offcanvas-body-dp-equipament-attachment-td {
    text-align: center;
}

.modal-deposition-point-tool-attachment {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 418px;
}

.offcanvas-body-layer-detail-attachment-zone .dz-image img.size-image {
    width: 90px !important;
    height: 90px !important;
}

.offcanvas-body-select2-layer-detail {
    width: 260px !important;
}

.offcanvas-body-select2-layer-search {
    width: 290px !important;
}

.deposition-point-producer-detail-search-entity {
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .deposition-point-producer-detail-search-entity .select2-container {
        width: 740px !important;
    }

    .deposition-point-producer-detail-search-entity .select2-selection {
        border-radius: 2px !important;
    }

/** -- End Deposition point ----------------------------------------------------------------------- */

/** -- Begin wfs & wms service -------------------------------------------------------------------- */

.modal-content-save-filter-ogc-service {
    height: auto;
    width: 500px !important;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#id-textarea-url-ogc-layertree {
    animation-duration: 1s;
}

    #id-textarea-url-ogc-layertree.ol-hidden {
        display: none;
    }

.layer-external-remove {
    cursor: pointer;
}

    .layer-external-remove:hover {
        color: #cc3100 !important;
    }

.layer-external-save {
    cursor: pointer;
    margin-left: 5px;
}

    .layer-external-save:hover {
        color: #cc3100 !important;
    }

.layer-external-visible {
    cursor: pointer;
    margin-left: 5px;
}

    .layer-external-visible:hover {
        color: #cc3100 !important;
    }

.icon-external-layer {
    float: left;
    color: #616161;
}

.layer-tree-external-service-name {
    display: inline-table;
    margin-left: 15px;
    margin-top: 3px;
    font-weight: 100;
}

.layer-tree-external-service-img {
    margin-left: 5px;
}

#id-modal-ogc-layer-body-table {
    display: table;
}

.remove-service-ogc:hover {
    cursor: pointer;
    text-decoration: none;
}

.edit-service-ogc {
    cursor: pointer;
    text-decoration: none;
}

.layer-external-btn-zone {
    margin-bottom: 15px;
    border-top: 1px solid rgba(200,200,200,1);
    padding-top: 5px;
}

#layer-tree li span[data-role="expander"]:not(:has(i)) {
    display: none;
}

.show-layer-filter-column:hover {
    cursor: pointer;
}

.apply-layer-filter:hover {
    cursor: pointer;
}

.remove-layer-filter:hover {
    cursor: pointer;
}

.select-filter-zone .dropdown-toggle {
    font-size: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.select-filter-zone .bootstrap-select {
    height: 0px;
    visibility: hidden;
}

.filter-zone .layer-search-filter-remove i {
    font-size: 11px;
}

.filter-zone label.layer-search-filter-title {
    font-size: 11px;
    font-weight: 100;
}

.filter-zone li.select2-selection__choice {
    font-size: 11px;
    text-wrap: wrap;
    margin-top: 6px;
}

    .filter-zone li.select2-selection__choice img {
        bottom: 0px !important;
    }

.filter-zone .select2-selection {
    min-height: 15px !important;
    border-radius: unset !important;
    border: 1px solid #ccc;
}

.filter-zone div.field {
    padding-right: 0px;
    margin-bottom: 3px;
}

    .filter-zone div.field > input {
        height: 24px;
        font-size: 11px;
    }

    .filter-zone div.field div.gj-datepicker {
        margin-bottom: 0;
        height: 25px;
    }

        .filter-zone div.field div.gj-datepicker input {
            height: 24px;
            font-size: 11px;
            padding-bottom: 6px;
        }

        .filter-zone div.field div.gj-datepicker span.input-group-addon {
            padding-bottom: 2px;
            padding-top: 1px;
        }

            .filter-zone div.field div.gj-datepicker span.input-group-addon span {
                font-size: 11px;
            }

.filter-zone div.operator {
    width: 78px;
    position: relative;
    float: right;
}

    .filter-zone div.operator div.bootstrap-select {
        height: 24px;
    }

        .filter-zone div.operator div.bootstrap-select button.dropdown-toggle {
            height: 19px;
            padding-right: 28px;
            border: unset;
            background-color: unset;
        }

            .filter-zone div.operator div.bootstrap-select button.dropdown-toggle:hover {
                border: unset;
                background-color: unset;
            }

            .filter-zone div.operator div.bootstrap-select button.dropdown-toggle span.filter-option {
                font-size: 11px;
                position: relative;
                bottom: 5px;
                text-align: right;
            }

/** -- End layer tree wfs & wms service ----------------------------------------------------------- */

/** -- Begin layer tree simplified ---------------------------------------------------------------- */
.layertree-simplified-head header {
    font-size: 16px;
    text-align: center;
    color: black !important;
    font-weight: bold;
    padding-bottom: 10px;
}

.layertree-simplified-head .layertree-simplified-head-count {
    text-align: center;
}

    .layertree-simplified-head .layertree-simplified-head-count.ol-hidden {
        display: none;
    }

    .layertree-simplified-head .layertree-simplified-head-count label {
        font-weight: 100;
    }

.layertree-simplified-head .layertree-simplified-head-separator {
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

.layertree-simplified-body {
    padding-top: 5px;
}

    .layertree-simplified-body .layertree-simplified-body-layer-group {
        margin-top: 15px;
        border-top: 1px solid rgba(230,230,230,1);
    }

        .layertree-simplified-body .layertree-simplified-body-layer-group label {
            padding-top: 5px;
        }

            .layertree-simplified-body .layertree-simplified-body-layer-group label:hover {
                cursor: pointer;
            }

    .layertree-simplified-body .layertree-simplified-body-layer-subgroup {
        padding-left: 10px;
    }

        .layertree-simplified-body .layertree-simplified-body-layer-subgroup label {
            font-size: 13px;
            font-weight: 100;
        }

            .layertree-simplified-body .layertree-simplified-body-layer-subgroup label:hover {
                cursor: pointer;
            }

    .layertree-simplified-body .layertree-simplified-body-btn-show-all {
        width: 100%;
    }

    .layertree-simplified-body .layertree-simplified-body-layer ul {
        padding-left: 0px;
    }

        .layertree-simplified-body .layertree-simplified-body-layer ul li {
            display: block;
            padding-top: 10px;
        }

    .layertree-simplified-body .layertree-simplified-body-layer-cell {
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 3px;
        background-color: rgba(255,255,255,1);
        width: 100%;
        padding: 0px;
    }

        .layertree-simplified-body .layertree-simplified-body-layer-cell:hover {
            cursor: pointer;
            background-color: rgba(240,240,240,1);
            border: 1px solid rgba(0,0,0,1);
            -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
            text-decoration: none;
        }

        .layertree-simplified-body .layertree-simplified-body-layer-cell.select {
            background-color: rgba(255,255,255,1);
            border: 1px solid rgba(0,0,0,1);
            -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
            text-decoration: none;
        }

        .layertree-simplified-body .layertree-simplified-body-layer-cell .visibility-layer {
            display: table-cell;
            width: 1.6px;
            position: relative;
            right: 0.5px;
            background: #4682B4;
            padding: 0px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 1px;
            border-top-left-radius: 1px;
            -webkit-box-shadow: 0px 0px 3px 2px rgba(255,255,0,0.3);
        }

            .layertree-simplified-body .layertree-simplified-body-layer-cell .visibility-layer.ol-hidden {
                visibility: hidden;
            }

        .layertree-simplified-body .layertree-simplified-body-layer-cell .legend-image {
            display: table-cell;
            width: 40px;
            vertical-align: middle;
        }

        .layertree-simplified-body .layertree-simplified-body-layer-cell .layer-name {
            display: table-cell;
            width: 200px;
            padding-bottom: 10px;
            padding-top: 10px;
            text-align: left;
        }

            .layertree-simplified-body .layertree-simplified-body-layer-cell .layer-name span {
                font-size: 12px;
            }

        .layertree-simplified-body .layertree-simplified-body-layer-cell .layer-feature-count {
            display: table-cell;
            width: 42px;
            text-align: center;
            vertical-align: middle;
        }

            .layertree-simplified-body .layertree-simplified-body-layer-cell .layer-feature-count.ol-hidden {
                visibility: hidden;
            }

            .layertree-simplified-body .layertree-simplified-body-layer-cell .layer-feature-count span {
                font-size: 12px;
            }

/** -- End layer tree simplified ------------------------------------------------------------------ */

/** -- start datatable network search ------------------------------------------------------------- */

.div-datatable-network {
    margin-left: 0px;
    margin-top: 10px;
    border-top: 1px solid rgba(230,230,230,1);
    margin-right: 0px;
}

.div-doc-network-result {
    margin-left: 0px;
    margin-top: 10px;
    border-top: 1px solid rgba(230,230,230,1);
    margin-right: 0px;
}

.networkSearchDatatable {
    padding-top: 10px;
    font-size: 16px;
    cursor: pointer;
}

.networkSearchFiles {
    padding-top: 10px;
    font-size: 16px;
    cursor: pointer;
}

.networkSearchDatatable:hover {
    color: #39a8c9;
}


.networkSearchFiles:hover {
    color: #39a8c9;
}

.networksearchExpand {
    font-size: 16px;
    margin-left: 20px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 14px;
    right: 20px;
}

    .networksearchExpand:hover {
        color: #39a8c9;
    }

/** -- End datatable network search --------------------------------------------------------------- */

/* go to entity */
.tooltips-a-function.go-to-web-service {
    float: left;
    margin-right: 0px;
    font-size: 18px;
    position: absolute;
    border: 1px solid #ff3d00;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    top: 3px;
    background-color: #ff3d00;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.8);
}

    .tooltips-a-function.go-to-web-service:active {
        top: 4px;
    }

    .tooltips-a-function.go-to-web-service:hover {
        text-decoration: none !important;
    }

    .tooltips-a-function.go-to-web-service > i {
        color: white;
        position: relative;
        top: 3.5px;
        left: 3.4px;
    }

.go-to-web-service {
    position: absolute;
    float: right;
    font-size: 14px;
    margin-left: 15%;
}

.web-service-tooltips {
    font-size: 19px;
}

#id-quota-info.ol-hidden {
    display: none;
}

/** -- Start client by ramal ---------------------------------------------------------------------- */

#id-template-navision.ol-hidden {
    display: none;
}

.option-title-row-navision {
    border-top: 1px solid rgb(204, 49, 0);
    padding-top: 15px;
    display: flow-root;
}

.header-navision-ramal-id {
    font-size: 15px !important;
    margin-top: 10px !important;
}

#offcanvas-navision .mCSB_scrollTools {
    top: 95px !important;
    bottom: 95px !important;
}

/** -- End client by ramal ------------------------------------------------------------------------ */

#offcanvas-search-result .mCSB_scrollTools {
    top: 65px;
    bottom: 65px;
}

#id-spinner-network-indicator-tool.ol-hidden {
    display: none;
}

/* -- begin civil protection ---------------------------------------------------------------------- */

.table-civil-protection-note thead th.data {
    font-weight: 100;
    width: 65px !important;
}

.table-civil-protection-note thead th.description {
    font-weight: 100;
    width: 150px;
}

.table-civil-protection-note tbody td {
    padding: 10px 0px 10px 0px;
}

    .table-civil-protection-note tbody td.data {
        word-break: break-word;
        font-size: 11px;
        padding: 10px 0px 10px 5px;
    }

    .table-civil-protection-note tbody td.description {
        padding-right: 0px;
        font-size: 11px;
        padding: 10px 0px 10px 5px;
    }

.civil-protection-statistic-data label {
    padding: 10px 0px 0px 0px;
}

.table-civil-protection-add-entity thead th.description {
    font-weight: 100;
    width: 250px;
}

.table-civil-protection-add-entity tbody td.description {
    word-break: break-word;
    font-size: 11px;
    padding: 10px 0px 10px 5px;
}

.table-civil-protection-means thead th.description {
    font-weight: 100;
    width: 250px;
}

.table-civil-protection-means tbody td.description {
    word-break: break-word;
    font-size: 11px;
    padding: 10px 0px 10px 5px;
}


/* -- end civil protection ------------------------------------------------------------------------ */
}

.option-title-go-left-open {
    float: left;
    left: 15px;
    margin-bottom: 15px;
    color: #0090b9;
}

#offcanvas-navision .modal-border-style-GP {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #ff3d00;
    margin-bottom: -1px;
}

/** -- end Street map view ------------------------------------------------------------------------ */
/** ---Geometry and Annotation Editor CSS*/

.select {
    bottom: 5px;
    left: 40%;
}

.ol-touch .select {
    bottom: 5px;
    left: 41%;
}

.point {
    bottom: 5px;
    left: 42%;
}

.ol-touch .point {
    bottom: 5px;
    left: 43%;
}

.line {
    bottom: 5px;
    left: 44%;
}

.ol-touch .line {
    bottom: 5px;
    left: 45%;
}

.polygon {
    bottom: 5px;
    left: 46%;
}

.ol-touch .polygon {
    bottom: 5px;
    left: 47%;
}

.modify {
    bottom: 5px;
    left: 48%;
}

.ol-touch .modify {
    bottom: 5px;
    left: 49%;
}

.delete-vertex-feature {
    bottom: 5px;
    left: 50%;
    ;
}

.ol-touch .delete-vertex-feature {
    bottom: 5px;
    left: 51%;
}

.snap {
    bottom: 5px;
    left: 52%;
}

.ol-touch .snap {
    bottom: 5px;
    left: 53%;
}

.annotation {
    bottom: 5px;
    left: 54%;
}

.ol-touch .annotation {
    bottom: 5px;
    left: 55%;
}

.delete {
    bottom: 5px;
    left: 56%;
}

.ol-touch .delete {
    bottom: 5px;
    left: 57%;
}

.ol-popup {
    position: absolute;
    display: block;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px !important;
    left: -50px;
    min-width: 120px;
    min-height: 30px;
    /*height: auto !important;*/
    /*inset: auto auto auto -50px;*/
}

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

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

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

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

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

.div-name-geometry-editor-load {
    bottom: 75px;
    padding: 10px;
    display: block;
    position: absolute;
    left: 33%;
    border-radius: 10px;
    background: rgba(0,0,0,0.6) !important;
    border: 1px solid;
    color: white;
}

.hide-delete-button {
    display: none !important;
}

.dot-edit-load {
    font-size: 10px;
    position: absolute;
    top: 10px !important;
    right: 13px !important;
    color: #ff3d00;
}

.pencil-save-as {
    margin-top: 13%;
    position: absolute;
    right: 5px;
    font-size: 14px;
}

#id-icon-change-load.ol-hidden {
    display: none;
}

#id-offcanvas-body-modal-Group-template-spinner.ol-hidden {
    display: none;
}

#id-offcanvas-body-modal-Group-template-spinner.loader.map-spinner.attachment {
    padding-top: 25% !important;
    height: 110%;
}

/**-- Geometry and Annotation Editor css end */
/** -- end Street map view ------------------------------------------------------------------------ */

/** -- Template Modal CSS */

#id-scale-new-print.ol-hidden {
    display: none;
}

.border-type-template {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

/** -- Template Modal CSS end */

.popup-responsive {
    height: max-content !important;
}

#id-modal-create-occurrence-pub-body-form .bootstrap-select {
    width: 100% !important;
}

.toolbar-selected-button {
    background: #121212;
    border-left: 2px solid #ff3d00;
}

#id-offcanvas-layer-detail-patrimony-spinner.ol-hidden {
    display: none;
}

.patrimony-go-to:hover {
    cursor: pointer;
}

#id-datatable-all-number-inventory {
    border-bottom: 1px solid #111;
}

    #id-datatable-all-number-inventory thead th {
        border-bottom: 1px solid #111;
    }

#id-modal-select-new-inv-spinner {
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    padding-top: 15%;
}

    #id-modal-select-new-inv-spinner.ol-hidden {
        display: none;
    }

.map-search-class-resize {
    min-width: 24%;
}

    .map-search-class-resize a {
        line-height: 34px !important;
        padding: 7px 3px !important;
        font-size: 10px !important;
    }

/* -- begin civil protection - operation type ----------------------------------------------------- */

.civil-protection-operation-type {
    left: 45%;
    top: 3px;
    font-size: 16px;
    position: absolute;
    z-index: 3;
    width: 500px !important;
}

    .civil-protection-operation-type > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-right: 0px !important;
        color: white;
        overflow: hidden;
        border-radius: 2px;
        background-color: rgba(1,1,1,0.4);
        padding: 0px 10px 0px 10px;
    }

    .civil-protection-operation-type span {
        color: white;
        overflow: hidden;
        border-radius: 2px;
        background-color: rgba(1,1,1,0.4);
        padding: 0px 10px 0px 10px;
    }


    .civil-protection-operation-type.ol-hidden {
        display: none;
    }

    .civil-protection-operation-type .dropdown-content {
        top: 30px;
        position: absolute;
        background-color: rgba(1,1,1,0.8);
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 2px;
    }

        .civil-protection-operation-type .dropdown-content.ol-hidden {
            display: none;
        }

        .civil-protection-operation-type .dropdown-content a {
            color: white;
            font-size: 13px;
            padding: 5px;
            text-decoration: none;
            display: block;
        }

            .civil-protection-operation-type .dropdown-content a:hover {
                background-color: #f1f1f1;
                color: black;
            }

/* -- end civil protection - operation type ------------------------------------------------------- */

#offcanvas-navision-body {
    display: grid;
}

#id-close-recovery-password {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

    #id-close-recovery-password:hover {
        text-decoration: underline;
    }

#id-home-image-geoportal .top-wrap {
    float: right;
}

.hold-background-style-edit-layer-element {
    background: #e0e0e0;
}

.style-edit-layer-element {
    list-style-type: none;
    padding: 10px;
}

    .style-edit-layer-element:hover {
        cursor: pointer;
        background: #e0e0e0;
    }

#target-gpi-road-tool-select-road.hold-button.select-multi .menu-icon {
    color: yellow;
}

.style-history-road-bottons {
    width: 12%;
    float: left;
}

#id-content-edit-road-history.ol-hidden {
    display: none;
}

#id-content-edit-road-history {
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#id-content-edit-road-history {
    display: grid;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    color: #ff3d00;
    padding-top: 5px;
    height: 290px;
}

#id-table-history-road_wrapper {
    margin-top: 15px;
}

#id-spinner-modal-road-build-tool-road-history .map-spinner {
    left: 0px !important;
    bottom: 0px !important;
    padding-top: 0px !important;
}

/* -- begin lengend image base map ---------------------------------------------------------------- */

.base-map-legend-img {
    margin-right: 12px;
}

    .base-map-legend-img.ol-hidden {
        display: none;
    }

    .base-map-legend-img .modal-border-style-GP {
        margin: 10px 10px 10px 10px !important;
    }

    .base-map-legend-img > label {
        margin: 0px 10px 10px 0px;
        padding-left: 18px;
    }

    .base-map-legend-img img {
        width: 100%;
        height: auto;
    }


.layer-legend-img {
    /*margin-right: 12px;*/
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
}

    .layer-legend-img.ol-hidden {
        display: none;
    }

    .layer-legend-img .modal-border-style-GP {
        margin: 10px 10px 10px 10px !important;
    }

    .layer-legend-img label {
        margin: 0px 10px 0px 0px;
        padding-left: 0px;
        font-weight: 100;
        font-size: 14px;
    }

    .layer-legend-img img {
        width: 100%;
        height: auto;
    }

    .layer-legend-img .button-full {
        position: relative;
        float: right;
        right: 14px;
    }

        .layer-legend-img .button-full:hover {
            cursor: pointer;
        }

        .layer-legend-img .button-full i {
            font-size: 22px;
        }

    .layer-legend-img .button-close {
        position: relative;
        float: right;
        left: 30px;
    }

        .layer-legend-img .button-close:hover {
            cursor: pointer;
        }

        .layer-legend-img .button-close i {
            font-size: 22px;
        }

#id-layer-legend-img-zone {
    padding-left: 25px;
}

/*#id-base-map-legend-img-zone {
    max-width: 500px;
    height: auto;
    position: relative;
    margin: 10px;
    overflow: hidden;
}

#id-base-map-legend-img-zone:hover, #id-base-map-legend-img-zone:active {
    cursor: zoom-in;
    display: block;
}

    #id-base-map-legend-img-zone:hover #id-base-map-legend-img-to-zoom-result, #id-base-map-legend-img-zone:active #id-base-map-legend-img-to-zoom-result {
        opacity: 1;
    }*/
#id-base-map-legend-img-to-zoom-result {
    width: 100px;
    height: 100px;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
    pointer-events: none;
    opacity: 0;
    position: absolute;
    border: 4px solid whitesmoke;
    z-index: 99;
    border-radius: 100%;
    display: block;
    transition: opacity .2s;
}

.base-map-legend-img .button-collapse {
    position: relative;
    float: right;
    text-decoration: none;
}

    .base-map-legend-img .button-collapse:hover {
        cursor: pointer;
    }

#id-base-map-list.ol-hidden {
    display: none;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: relative;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 40px;
    height: 40px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
}

.base-layer-group {
    display: none;
}

#id-base-map-legend-img-zoom-wrap {
    margin: 0px 10px 0px 10px;
    bottom: 0;
}

#id-base-map-legend-img-zoom-bar {
    height: 2px;
    width: 100%;
    background: #777;
    margin: 20px auto;
    position: relative;
    border-radius: 1px;
}

#id-base-map-legend-img-zoom-slider {
    height: 24px;
    width: 15px;
    background: #fafafa;
    position: absolute;
    bottom: 50%;
    left: 0%;
    transform: translateY(50%) translateX(-50%);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    border: 2px solid rgb(255, 61, 0);
    cursor: pointer;
}

.base-map-legend-img-zone {
    width: 100%;
    height: 100%;
    transform-origin: 0px 0px;
    transform: scale(1) translate(0px, 0px);
    cursor: grab;
}

    .base-map-legend-img-zone > img {
        width: 100%;
        height: auto;
    }

.base-map-legend-img-canvas {
    display: block;
    margin-left: 10px;
    background: #fff;
    cursor: grab;
    /*border: 1px solid #ccc;*/
}

.base-map-legend-img-zoom-text {
    position: relative;
    top: 10px;
    left: 10px;
}

.base-map-legend-img-zoom-btn-reset {
    position: relative;
    top: 10px;
    float: right;
    z-index: 999;
    cursor: pointer;
}

    .base-map-legend-img-zoom-btn-reset > i {
        font-size: 16px;
    }


/* -- end lengend image base map ------------------------------------------------------------------ */

/* -- begin layer tree ---------------------------------------------------------------------------- */

#layer-tree span[data-role="display"] {
    width: 185px;
    font-size: 13px;
}

.layer-tree-operation-active {
    margin-left: 5px;
}

/* -- end layer tree ------------------------------------------------------------------------------ */

/* -- begin resize offcanvas ---------------------------------------------------------------------- */

.offcanvas-resizable-handle {
    position: absolute;
    top: 300px;
    left: -11px;
    cursor: ew-resize;
    z-index: 999;
}

    .offcanvas-resizable-handle .row {
        margin: 0;
        height: 15px;
    }

        .offcanvas-resizable-handle .row span {
            user-select: none;
        }

/* -- end resize offcanvas ------------------------------------------------------------------------ */

/* -- begin form info element --------------------------------------------------------------------- */

.offcanvas-layer-detail-tab {
    border: 1px solid #d0d0d0;
    margin-bottom: 20px;
    border-radius: 5px;
    background: rgba(230, 230, 240, 1);
}

    .offcanvas-layer-detail-tab .sub-tab {
        height: 26px;
        border-radius: 5px 5px 0px 0px;
    }

        .offcanvas-layer-detail-tab .sub-tab > label {
            font: menu;
            font-weight: bold;
            border: 1px solid rgba(200, 200, 200, 1);
            padding: 6px 40px 0px 10px;
            margin-bottom: 0px;
            height: 34px;
            border-bottom: unset;
            background: white;
            border-radius: 5px;
            font-size: 15px;
        }

            .offcanvas-layer-detail-tab .sub-tab > label.close {
                border-bottom: 1px solid rgba(200, 200, 200, 1);
                height: 36px;
                width: 100%;
                opacity: 1;
            }

    .offcanvas-layer-detail-tab .sub-tab-content {
        border: 1px solid rgba(200, 200, 200, 1);
        border-radius: 5px;
        padding: 15px 10px 10px 10px;
        background: white;
    }

.col-md-6.col-md-6-ajust {
    width: 50% !important;
    padding: 0px 10px 0px 0px;
}

.col-md-12.col-md-12-ajust {
    padding: 0px 10px 0px 0px;
}

.offcanvas-layer-detail-tab .sub-tab:hover {
    cursor: pointer;
}




#id-offcanvas-body-layer-detail-citizen-btn-photo {
    margin-top: 35px;
    margin-bottom: 10px;
}

#id-offcanvas-body-layer-detail-citizen-input-photo {
    display: none;
}

#id-offcanvas-body-layer-detail-citizen-input-photo-dropZone {
    background-color: #e2dddd;
    align-content: center;
    text-align: center;
    margin-top: 35px;
    border: 2px dashed #888484;
    border-radius: 5px;
    padding: 50px;
    font-size: 16px;
    color: #007BFF;
    cursor: pointer;
}

#id-offcanvas-body-layer-detail-citizen-input-photo-drop.dragover {
    background-color: #e0e0e0;
}

#id-offcanvas-body-layer-detail-citizen-preview-photo {
    height: 245px;
    display: none;
    margin-top: 15px;
    border-color: transparent;
}

    #id-offcanvas-body-layer-detail-citizen-preview-photo .k-scrollview-wrap {
        /*padding-top: 10px;*/
    }

    #id-offcanvas-body-layer-detail-citizen-preview-photo .photo {
        width: 100%;
        height: 100%;
        display: inline-block;
        background-size: cover;
        /*background-size: contain;*/
        background-repeat: no-repeat;
        background-position: center center;
    }

        #id-offcanvas-body-layer-detail-citizen-preview-photo .photo .delete-button {
            position: relative;
            top: 0px;
            float: inline-end;
            background-color: rgba(255, 0, 0, 0.9);
            border: none;
            color: white;
            cursor: pointer;
            /*border-radius: 50%;*/
            height: 30px;
            width: 25px;
            font-size: 15px;
            font-weight: 900;
        }

    #id-offcanvas-body-layer-detail-citizen-preview-photo .k-link {
        border: 1px solid black;
    }

        #id-offcanvas-body-layer-detail-citizen-preview-photo .k-link.k-primary {
            border: 1px solid white;
        }

/*#id-offcanvas-body-layer-detail-citizen-preview-photo img {
    max-width: 100%;
    height: auto;
}

#id-offcanvas-body-layer-detail-citizen-preview-photo .preview .delete-button {
    position: relative;
    top: -17px;
    right: 0px;
    background-color: rgba(255, 0, 0, 0.9);
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    height: 25px;
    width: 25px;
}*/

/* -- end form info element ----------------------------------------------------------------------- */

/* -- begin geo location -------------------------------------------------------------------------- */

.gps-map-location.hold {
    background-color: rgba(200, 200, 200, 1);
}

/* -- end geo location ---------------------------------------------------------------------------- */


/* -- begin citizen/technician report ------------------------------------------------------------- */

.technician-report-list-citizen-report {
    border: 1px solid #d0d0d0;
    padding: 10px 10px 0px 10px;
    border-radius: 5px;
    background: rgba(230, 230, 240, 1);
}

.technician-report-list-technician-report {
    border: 1px solid #d0d0d0;
    padding: 10px 10px 0px 10px;
    border-radius: 5px;
    background: rgba(230, 230, 240, 1);
}

.technician-report-edition-technician-report {
    border: 1px solid #d0d0d0;
    padding: 10px 10px 50px 10px;
    border-radius: 5px;
    background: rgba(230, 230, 240, 1);
}

    .technician-report-edition-technician-report .sub-tab-content {
        border: 1px solid rgba(200, 200, 200, 1);
        border-radius: 5px;
        padding: 15px 10px 10px 10px;
        background: white;
        height: 550px;
        margin-bottom: 20px;
    }

    .technician-report-edition-technician-report .sub-tab-content.for-creation {
        height: 265px !important;
    }



#id-detail-technician-report-btn-photo {
    margin-top: 35px;
    margin-bottom: 10px;
}

#id-detail-technician-report-input-photo {
    display: none;
}

#id-detail-technician-report-input-photo-dropZone {
    background-color: #e2dddd;
    align-content: center;
    text-align: center;
    margin-top: 35px;
    border: 2px dashed #888484;
    border-radius: 5px;
    padding: 50px;
    font-size: 16px;
    color: #007BFF;
    cursor: pointer;
}

#id-detail-technician-report-input-photo-drop.dragover {
    background-color: #e0e0e0;
}

#id-detail-technician-report-preview-photo {
    height: 245px;
    display: none;
    margin-top: 15px;
    border-color: transparent;
}

#id-detail-technician-report-preview-photo .photo {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position: center center;
}

    #id-detail-technician-report-preview-photo .photo .delete-button {
        position: relative;
        top: 0px;
        float: inline-end;
        background-color: rgba(255, 0, 0, 0.9);
        border: none;
        color: white;
        cursor: pointer;
        /*border-radius: 50%;*/
        height: 30px;
        width: 25px;
        font-size: 15px;
        font-weight: 900;
    }

#id-detail-technician-report-preview-photo .k-link {
    border: 1px solid black;
}

    #id-detail-technician-report-preview-photo .k-link.k-primary {
        border: 1px solid white;
    }

/* -- end citizen/technician report --------------------------------------------------------------- */


/* -- begin search location ----------------------------------------------------------------------- */

#id-search-location-api-google-input {
    position: absolute;
    display: none;
    top: 25px;
    left: 250px;
    z-index: 1;
    transition: 0.5s;
}

input#id-search-location-api-input {
    border-radius: 20px;
}

#id-search-location-api-input-clear-btn {
    position: absolute;
    top: 17px;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    cursor: pointer;
    color: #999;
    display: none; /* Oculto por defecto */
}

input#id-search-location-api-input:not(:placeholder-shown) + #id-search-location-api-input-clear-btn {
    display: inline-block;
}

#id-search-location-api-results {
    background-color: rgb(0 0 0 / 40%);
    position: absolute;
    padding-top: 25px;
    top: 10px;
    width: 100%;
    border-radius: 15px 15px 5px 5px;
    z-index: -1;
    display: none;
}

#id-search-location-api-results-list {
    max-height: 60vh;
    overflow-y: auto;
}

    #id-search-location-api-results-list::-webkit-scrollbar {
        width: 12px;
    }

    #id-search-location-api-results-list::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    #id-search-location-api-results-list::-webkit-scrollbar-thumb {
        background: #0077cc;
        border-radius: 10px;
    }

        #id-search-location-api-results-list::-webkit-scrollbar-thumb:hover {
            background: #005fa3;
        }

#id-search-location-api-results-list {
    scrollbar-width: thin;
    /* scrollbar-color: #0077cc #f0f0f0; thumb y track */
    scrollbar-color: #0404047a #00000000;
}

    #id-search-location-api-results-list .search-location-api-results-list-item {
        /*margin-bottom: 15px;*/
        padding: 10px;
        /*border: 1px solid #ddd;*/
        border-radius: 5px;
        /*background-color: #f9f9f9;*/
        transition: background-color 0.3s, transform 0.3s;
        cursor: pointer;
        transform: scaleY(1);
        transform-origin: top;
        transition: transform 0.3s ease;
    }

        #id-search-location-api-results-list .search-location-api-results-list-item:hover {
            background-color: rgb(0 0 0 / 70%);
            /*background-color: #eaeaea;*/
            /*transform: scaleY(1.05);*/
        }

        #id-search-location-api-results-list .search-location-api-results-list-item .title {
            color: white;
            font-size: 1em;
            font-weight: bold;
        }

        #id-search-location-api-results-list .search-location-api-results-list-item .subtitle {
            display: flex;
            justify-content: space-between;
            font-size: 0.8em;
            color: #d0c6c6;
            /*color: #555;*/
        }

        #id-search-location-api-results-list .search-location-api-results-list-item .score {
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        #id-search-location-api-results-list .search-location-api-results-list-item .score-bar {
            width: 100%;
            height: 2px;
            border: none;
            border-radius: 5px;
            overflow: hidden;
            appearance: none;
        }

            #id-search-location-api-results-list .search-location-api-results-list-item .score-bar::-webkit-progress-bar {
                background-color: transparent;
                border-radius: 5px;
            }

            #id-search-location-api-results-list .search-location-api-results-list-item .score-bar::-webkit-progress-value {
                background-color: #ddc113;
                border-radius: 5px;
            }

            #id-search-location-api-results-list .search-location-api-results-list-item .score-bar::-moz-progress-bar {
                background-color: transparent;
            }

/* -- end search location ------------------------------------------------------------------------- */

/* -- begin print zone ---------------------------------------------------------------------------- */

#id-modal-Group-template-layer-option-zone.invisible-option {
    visibility: hidden;
}

/* -- end begin print zone ------------------------------------------------------------------------ */

/* -- begin freguesia search ---------------------------------------------------------------------- */

#id-toponymy-search-select-freguesia-zone .bs-searchbox {
    margin-left: 30px !important;
}

#id-toponymy-search-select-freguesia-zone .dropdown-menu {
    margin-left: 30px !important;
}

/* -- end begin freguesia search ------------------------------------------------------------------ */

/* -- begin simplified form ----------------------------------------------------------------------- */

.swiper {
    width: 400px;
    height: 400px;
    margin-bottom: 30px;
}

    .swiper img {
        width: 400px;
        height: 400px;
        display: flex;
        align-items: center;
        overflow: hidden;
        justify-content: center;
    }
/* -- end simplified form ------------------------------------------------------------------------- */