/* +++ 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-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;
	}

    .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: 6px !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: 1px;
    padding-right: 1px;
}

.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;
}

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

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

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

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

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

.search-network-tool-table tr th.btn-goto-webservice-network {
    width: 16px !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: 265px !important;
    max-height: 265px !important;
    margin: 0px 15px 10px 0px;
    font-size: 12px !important;
    overflow-x: auto;
    width: 100%;
    position: absolute;
}
    #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: 230px;
}

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

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

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

    #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;
	}

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

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

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

	.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-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 {
    transform: translate(260px, 0px);
}

.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: 500px;
    max-height: 500px;
}

    #offcanvas-search-result-table-zone table thead tr {
        height: 30px;
    }

    #offcanvas-search-result-table-zone tbody thead tr {
        height: 30px;
    }

.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;
    }

/** -- 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-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 ------------------------------------------------------------------------ */

#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;
    width: 290px;
}

.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;
    visibility: hidden;
}

#form-cliuster-distance .value{
    visibility: hidden;
}


#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;
}

#id-search-location-api-google-input {
    position: absolute;
    top: 25px;
    left: 250px;
    z-index: 1;
    transition: 0.5s;
}

    #id-search-location-api-google-input.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: 70% !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;
}

/** -- end traffic sign tool ---------------------------------------------------------------------- */

/** -- begin search entity tool ------------------------------------------------------------------- */

.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;
    }

/** -- 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;
}

/** -- 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;
}

#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;
}

#offcanvas-map-list-search-result-table-zone table {
    white-space: nowrap;
}

#offcanvas-map-list-search-result-table-zone table th{
    padding-right: 15px !important;
}

#id-total-found-area {
    margin-left: 15px;
    position: absolute;
    bottom: 0%;
}

.goto-seach-area:hover {
    color: #cc3100;
    cursor: pointer;
}

#id-arrow-freguesia-area.ol-hidden {
    display: none;
}

#id-spinner-freguesia-area.ol-hidden {
    display: none;
}

.divParentStyle {
    display:none;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: white;
    height:0px;
    transition:1s;
}

    .divParentStyle.showFreguesias {
        display: inline-block;
        height: auto;
        transition: 1s;
        margin-top: -1px;
    }

.area-Result-style.style-border-area-result {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: -1px;
}

.area-Result-style {
    height: 40px;
}

#id-select-freguesia-areainfluence .label-dropdown {
    font-weight: 400 !important;
    margin-top: 15px;
    font-size: 16px;
}

#id-select-freguesia-areainfluence .label-dropdown i {
    margin-left: 10px;
}

.area-freguesia-value-style {
    display: grid;
}

.labelParentStyle {
    display: block;
    margin-top: 10px;
    width: 90%;
    margin-left: 5%;
    border-radius: 5px;
    height: 30px;
    text-align: center;
    line-height: 200%;
    margin-bottom: 0px !important;
}

    .labelParentStyle:hover {
        background: white;
        cursor: pointer;
    }

    .labelParentStyle.hoverStyle {
        background: white;
        cursor: pointer;
    }

.divParentStyle a {
    display: grid;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    margin-left: 15px;
    cursor: pointer;
    padding: 5px;
    margin-right: 15px;
}

    .divParentStyle a:hover {
        background: white;
        border-radius: 5px;
        text-decoration: none;
    }

#id-select-freguesia-areainfluence .sec-center {
    width: 10%;
    left: 45%;
    top: 20%;
    position: absolute;
    background: #ff3d00;
    text-align: center;
    border-radius: 4px;
    height: 50px;
    color: white;
}

.sec-center-body {
    margin-top: 4%;
    width: 11%;
    left: 45%;
    top: 18%;
    position: absolute;
    background: #ffffff8c;
    text-align: center;
    border-radius: 4px;
    color: black;
    max-height: 0px;
    transition: 1s;
    /*display: none;*/
    overflow: auto;
    height: auto;
}

    .sec-center-body.area-freguesia-dropdown-Visibile {
        max-height:70% !important;
    }

#id-select-freguesia-areainfluence .ol-hidden {
    display:none;
}

#id-select-freguesia-areainfluence {
    position: absolute;
    background: rgb(0 0 0 / 60%);
    z-index: 999;
    height: 100%;
    width: 100%;
}

    #id-select-freguesia-areainfluence .sec-center {
        width: 11%;
        left: 45%;
        top: 20%;
    }

    #id-select-freguesia-areainfluence [type="checkbox"]:checked + label:before {
        border: none !important;
    }

#id-select-freguesia-areainfluence.ol-hidden {
    display:none;
}

#id-area-influence.button-selected {
    background: #121212;
    border-left: 2px solid #ff3d00
}

/* -- 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;
    }


#id-base-map-legend-img-zone {
    max-width: 500px;
    height: auto;
    position: relative;
}

    #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: absolute;
    right: 20px;
    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;
}

/* -- end lengend image base map ------------------------------------------------------------------ */

.mandatory-field-border-style {
    border-color:red !important;
}

#id-body-dropdown-area::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#id-body-dropdown-area::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#id-body-dropdown-area::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    #id-body-dropdown-area::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #04AA6D;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #04AA6D;
        cursor: pointer;
    }

#id-time-line-layer-body.slidecontainer {
    position: absolute;
    z-index: 999;
    width: 50%;
    margin-left: 25%;
    bottom: 5%;
    background-color: #00000045;
    padding: 10px;
    border-radius: 5px;
}

#id-time-line-layer-body.ol-hidden {
    display: none;
}

#id-div-time-line-layer {
    width: 80%;
    display: inline-block;
}

.date-time-line-style {
    background-color: #ffffff7a;
    border-radius: 10px;
    font-weight: bolder;
    position: relative;
    margin-top: 0px;
    padding: 3px 6px 3px 6px;
    margin-right: 5px;
    top: -4px;
    margin-left: 9px;
    font-size: 12px;
}

.btn-close-time-line-style {
    position: absolute;
    right: 5px;
    top: 4px;
    color: #ff3d00;
    cursor: pointer;
}