/* ===============================================
RECOLHA DE LIXO: CSS
================================================== */

body *:not(.fa) {
	font-family: Google Sans, 'Poppins','NexaBold',Roboto,Arial,sans-serif, sans-serif, sans-serif !important;
	/* font-weight: 500; */
}

/* .fa { font: normal normal normal 14px/1 FontAwesome; } */

#loaderAjax{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(/images/loader-ajax.png); display: none;}

/** Image Upload CSS (Input) */
.uploadField { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.uploadField + label { color: white; background-color: #0a819c; display: inline-block; padding: 5px 10px;}
.uploadField:focus + label, .uploadField + label:hover { background-color: #086176; }
.uploadField + label { cursor: pointer; /* "hand" cursor */ }
.uploadField:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.uploadField + label * { pointer-events: none; }
/* ------------------------------------ */

/* FIX MENU CSS */
nav.menuzord ul > li > a { padding-right: 0px !important; padding-left: 0px !important; margin: 0 8px; }

@media (min-width: 991px) {
	nav.menuzord ul > li#inicio { display: none !important; }
	.theme_menu.stricky-fixed .menuzord-menu > li > a { padding: 25px 5px 20px !important; }
	
	.mobile-logo { display: none; }
}

@media (max-width: 991px) {
	.menuzord { margin-left: 0px !important; }
	.menuzord .showhide { padding: 16px 0 0px !important; float: right !important; margin-right: 15px !important;}
	.theme_menu .menu-column { padding-left: 0 !important; padding-right: 0 !important; }
	.theme_menu .menuzord { padding: 0 0 0px 0; }
	.mobile-logo { display: inline-block; margin: 0 0 0 15px !important; position: absolute; top: 5px; }
	.mobile-logo img { max-height: 50px; }
	.theme_menu.stricky-fixed .menuzord-menu > li > a { padding: 15px 10px 15px !important; }
	.menuzord-responsive .menuzord-menu li .indicator { line-height: 50px !important; height: 50px !important;}
}

.menuzord-menu ul.dropdown li.active a { color: #488CCA !important; }

.menuzord [class^="icon-"], .menuzord [class*=" icon-"] { font-family: 'Simple-Line-Icons-Pro' !important; }
/* ------------------------------------ */

/* FIX CONTAINER MENU BAR */
.container_main_menu { width: 100% !important; padding-right: 10px !important; padding-left: 10px !important; }
/* ------------------------------------ */

/* MENU CSS */
.main-logo { margin-top: 5px !important; margin-bottom: 5px !important; }
span.logo_title_span { text-transform: uppercase !important;}
/* ------------------------------------ */

/*Popup Desistir*/
div.popover{min-height:85px}
div.popover h3.popover-title{background-color:#eee;border-bottom:1px solid #bbb}
button.motivo_btn{display:inline-block}
.text-orange,.text-orange:hover{color:orange}
.modal{text-align:center}
.modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.modal .btn { margin-right: 0px !important; padding: 13px 13px !important; margin-bottom: 0px !important; opacity: 1 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; border: 1px solid !important;}
.modal .btn.close{ font-weight: 700 !important; line-height: 1 !important; text-shadow: none !important;}
.modal .btn:hover, .modal .btn:focus { opacity: 0.8 !important; }
.modal-content { border-radius: 0px !important; }
/* ------------------------------------ */

/* COLORS BTN, TEXTS, SPACES... ETC... */
.btn { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 12px 12px !important; }
.btn-yellow { color: #ffffff; background-color: #f2994b !important; border-color: #f19441 !important; }
.btn-violet { color: #ffffff; background-color: #9351ad !important; border-color: #8d4ea6 !important; }
.btn-green { color: #ffffff; background-color: #488c6c !important; border-color: #458567 !important; }
.btn-blue { color: #ffffff; background-color: #428bca !important; border-color: #377CB7 !important; }
.btn-red { color: #ffffff; background-color: #E16151 !important; border-color: #E16151 !important; }
.btn-grey { color: #ffffff; background-color: #bbbbbb !important; border-color: #bbbbbb !important; }
.btn-floralwhite { color: #666666; background-color: floralwhite !important; border-color: floralwhite !important; }
.btn-floralwhite:hover, .btn-floralwhite:focus { background-color: white !important; border-color: white !important; }
.btn-floralwhite:hover h5, .btn-floralwhite:focus h5 { color: #000000 !important; }
.btn-lightblue { color: #EFEFEF; background-color: #3895e2 !important; border: 1px solid #EFEFEF !important;}
.btn-lightblue:hover, .btn-lightblue:focus { background-color: #3280C1 !important; border-color: #FFFFFF !important; }
.btn-lightblue:hover h5, .btn-lightblue:focus h5 { color: #FFFFFF !important; }

.btnMyFilters { border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;}
.btnMyFilters.notselected { opacity: 0.4; -moz-opacity:0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
.btnMyFilters, .btnMyFilters:hover { opacity: 1; -moz-opacity:1; -khtml-opacity: 1; filter: alpha(opacity=100); }
/* .btnMyFilters, .btnMyFilters:hover, .btnMyFilters:focus, .btnMyFilters.activated { opacity: 1; -moz-opacity:1; -khtml-opacity: 1; filter: alpha(opacity=100); } */

.text-yellow { color: #f2994b !important; }
.text-violet { color: #9351ad !important; }
.text-green { color: #488c6c !important; }
.text-blue { color: #428bca !important; }
.text-red { color: #E16151 !important; }
.text-grey { color: #bbbbbb !important; }
.text-light-black { color: #666666 !important; }
.text-black { color: black !important; }
.text-white { color: white !important; }
.text-lightblue { color: #3895e2 !important; }
.nopadding { padding: 0px !important; }
.nomargin { margin: 0px !important; }

.bg-yellow { color: #ffffff; background-color: #f2994b !important; }
.bg-violet { color: #ffffff; background-color: #9351ad !important; }
.bg-green { color: #ffffff; background-color: #488c6c !important; }
.bg-blue { color: #ffffff; background-color: #428bca !important; }
.bg-red { color: #ffffff; background-color: #E16151 !important; }
.bg-grey { color: #ffffff; background-color: #bbbbbb !important; }
.bg-floralwhite { color: #666666; background-color: floralwhite !important; }
.bg-lightblue { color: #EFEFEF; background-color: #3895e2 !important; }

.fs12px { font-size: 12px !important; }
.fs13px { font-size: 13px !important; }
.fs14px { font-size: 14px !important; }
.fs15px { font-size: 15px !important; }
.fs16px { font-size: 16px !important; }
.fs17px { font-size: 17px !important; }
.fs18px { font-size: 18px !important; }
.fs19px { font-size: 19px !important; }
.fs20px { font-size: 20px !important; }

.mts{ margin-top: 10px; }
.mtm{ margin-top: 20px; }
.mtl{ margin-top: 30px; }
.mtxl{ margin-top: 40px; }
.mtxxl{ margin-top: 50px; }
.mbs{ margin-top: 10px; }
.mbm{ margin-top: 20px; }
.mbl{ margin-top: 30px; }
.mbxl{ margin-top: 40px; }
.mbxxl{ margin-top: 50px; }

.errorMsgClass { line-height: 14px; }
/* ------------------------------------ */

/* PAGE CSS */
html, body { height: 100%; margin: 0; padding: 0; }
/* ------------------------------------ */

/* WEBVIEW ONLY */
@media only screen and (min-width: 992px) {
	.container_map { height: 100vh !important; overflow: hidden !important;}
	#map-canvas { height: calc(100vh - 120px); margin-top: 70px !important; }

	/* FILTERS */
	#incidenteswrapper { height: 50px !important; overflow: hidden !important; background-color: #ffffff; -webkit-box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19); -moz-box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19); box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19);}
	/* #incidenteswrapper .btn-group { width: 100% !important; border-top: 1px solid #666 !important;} */
	#incidenteswrapper .btn-group { width: 100% !important; border-top: 0 !important;}
	#incidenteswrapper .btn-group .btn { height: 50px !important; }
	/* #incidenteswrapper .btn-group .btn.notselected { opacity: 0.5 !important; -moz-opacity:0.5 !important; -khtml-opacity: 0.5 !important; filter: alpha(opacity=50) !important; } */
	#incidenteswrapper .btn-group .btn .boldBtnFilters { font-size: 20px !important; }
	#incidenteswrapper .btn-group .btn .labelBtnFilters { font-size: 17px !important; margin-left: 10px !important; text-align: center !important; }
	#incidenteswrapper #btn_closefilters { display: none !important; }
	/*#incidenteswrapper .btn-group .btn { margin-bottom: 0px !important }*/
	
	/* MODALS */
	/*.container_map, .container_map > div, .container_map > div #map-canvas { height: 90vh; }*/
	/* .custom_modal { max-width: 630px !important; max-height: 430px !important; margin: 20px; margin-top:10%; z-index: 99999 !important;} */
	.custom_modal { max-width: 630px !important; max-height: 430px !important; margin: auto; margin-top:6vh; z-index: 99999 !important;}
	.custom_modal .modal-dialog { margin: 10px auto !important; }
	.custom_modal .modal-dialog .modal-content { max-height: 420px !important; overflow-y: auto !important; }

	.custom_modal_dados { max-width: 630px !important; max-height: 430px !important; margin: 0 auto !important; z-index: 99999 !important;}
	.custom_modal_dados .modal-dialog { margin: 10px auto !important; }
	.custom_modal_dados .modal-dialog .modal-content { max-height: 420px !important; overflow-y: auto !important; }

	/* MODALS SMALL*/
	.custom_modal_small {max-height: 400px !important;}
	.custom_modal_small .modal-dialog .modal-content { max-height: 400px !important;}

	/* SIDEBAR MARKERS */
	#sidebarMarkers { position: absolute !important; width: 35vw !important; height: calc(100vh - 120px); margin-top: 70px !important; top: 0px !important; right: 0px !important;  background-color: floralwhite !important;}
	#sidebarMarkers .main-header-content { width: 100% !important; height: auto !important;  overflow: hidden !important; padding: 10px; background-color: floralwhite !important;}
	#sidebarMarkers .main-header-content .btnMyHeader { opacity: 0.4; -moz-opacity:0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
	#sidebarMarkers .main-header-content .btnMyHeader:hover, #sidebarMarkers .main-header-content .btnMyHeader:focus, #sidebarMarkers .main-header-content .btnMyHeader.activated { opacity: 1; -moz-opacity:1; -khtml-opacity: 1; filter: alpha(opacity=100); }
	#sidebarMarkers .main-body-content { width: 100% !important; height: auto !important; max-height: calc(100% - 120px) !important; overflow-y: auto !important; padding: 10px; padding-bottom: 100px; background-color: floralwhite !important;}
	#sidebarMarkers .main-footer-content { position: absolute !important; bottom: 0px !important; width: 100% !important; height: auto !important;  overflow: hidden !important;  padding: 5px 10px 10px 10px; background-color: floralwhite !important;}
	.tabMyWrapper { display: none; }
	.tabMyWrapper.activated { display: block; }
	ul.ulMyList li span.border_li { width:90%;  margin: 10px 0; margin-left: 0% !important; height: 1px; background-color: #ddd; display: block;}
	ul.ulMyList li { display: inline-block !important; width: 100% !important; }
	ul.ulMyList li .btn { font-size: 13px !important; margin-bottom: 0px; min-width: 80px;}

	/* INFO BOX MAP */
	.content_info { max-width: 600px !important; }
	.gm-style .gm-style-iw-c { max-width: 600px !important; max-height: 500px !important; padding: 0px !important; border-radius: 8px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
	.gm-style .gm-style-iw-d { max-width: 600px !important; max-height: 500px !important; overflow: auto !important;}
	.content_info img { max-width:200px; max-height:150px; }
	.content_info .content-map-header h4 { height: 50px !important; line-height: 50px !important; margin-bottom: 5px !important; }
	/* ------------------------------------ */

	/* NEW REPPORT BTN */
	.floatingBTN { position: fixed; width: 300px; height: 60px; bottom: 80px; left: 5px; }
	.floatingBTN #btn_todos { width: 100% !important; height: 100% !important; -webkit-border-radius: 50px 50px 50px 50px !important; border-radius: 50px 50px 50px 50px !important; }
	/* ------------------------------------ */
}

/* MOBILE ONLY */
@media only screen and (max-width: 991px) {
	.container_map { height: 100vh !important; overflow: hidden !important; }
	#map-canvas { height: calc(100% - 60px); margin-top: 60px !important; }

	/* FILTERS */
	#incidenteswrapper { width: 100% !important; height: auto !important; max-height: 40vh; overflow: auto !important; background-color: #ffffff; position: fixed !important; bottom: 0px !important; -webkit-box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19); -moz-box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19); box-shadow: 7px -6px 6px 2px rgba(0,0,0,0.19); }
	#incidenteswrapper .btn-group { width: 100% !important; border-top: 1px solid #666 !important; }
	#incidenteswrapper .btn-group .btn { height: 50px !important; width: 100% !important;}
	#incidenteswrapper .btn-group .btn.notselected { opacity: 0.5 !important; -moz-opacity:0.5 !important; -khtml-opacity: 0.5 !important; filter: alpha(opacity=50) !important; }
	#incidenteswrapper .btn-group .btn .boldBtnFilters { font-size: 20px !important; }
	#incidenteswrapper .btn-group .btn .labelBtnFilters { font-size: 17px !important; margin-left: 10px !important; text-align: center !important; }
	#incidenteswrapper #btn_todos { display: none !important; }
	#incidenteswrapper #btn_closefilters { max-height: 40px !important }
	
	/* MODALS */
	.custom_modal { max-width: 95vw !important; max-height: 430px !important; margin: 0 auto !important; z-index: 99999 !important;}
	.custom_modal .modal-dialog { margin: 10px auto !important; }
	.custom_modal .modal-dialog .modal-content { max-height: 430px !important; overflow-y: auto !important; }

	.custom_modal_dados { max-width: 95vw !important; max-height: 80vh !important; margin: 0 auto !important; z-index: 99999 !important;}
	.custom_modal_dados .modal-dialog { margin: 15px auto !important; }
	.custom_modal_dados .modal-dialog .modal-content { max-height: 80vh !important; overflow-y: auto !important; }

	/* MODALS SMALL*/
	.custom_modal_small {max-height: 360px !important;}
	.custom_modal_small .modal-dialog .modal-content { max-height: 360px !important;}
	
	.modal.fade.in { display: flex !important;}

	.errorMsgClass { margin-top: 5px !important; }

	/* SIDEBAR MARKERS */
	#sidebarMarkers { position: fixed !important; width: 50vw !important; height: calc(100vh - 60px); margin-top: 60px !important; top: 0px !important; right: 0px !important;  background-color: floralwhite !important; z-index: 10 !important;}
	#sidebarMarkers .main-header-content { width: 100% !important; height: auto !important;  overflow: hidden !important; padding: 10px; background-color: floralwhite !important;}
	#sidebarMarkers .main-header-content .btnMyHeader{ opacity: 0.5; -moz-opacity:0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); }
	#sidebarMarkers .main-header-content .btnMyHeader:hover, #sidebarMarkers .main-header-content .btnMyHeader:focus, #sidebarMarkers .main-header-content .btnMyHeader.activated { opacity: 1; -moz-opacity:1; -khtml-opacity: 1; filter: alpha(opacity=100); }
	#sidebarMarkers .main-body-content { width: 100% !important; height: auto !important; max-height: calc(100% - 130px) !important; overflow-y: auto !important; padding: 10px; padding-bottom: 100px; background-color: floralwhite !important;}
	#sidebarMarkers .main-footer-content { position: fixed !important; bottom: 0px !important; width: 50vw !important; height: auto !important; overflow: hidden !important;  padding: 5px 10px 10px 10px; background-color: floralwhite !important;}
	.tabMyWrapper { display: none; }
	.tabMyWrapper.activated { display: block; }
	ul.ulMyList li span.border_li { width:90%;  margin: 10px 0; margin-left: 0% !important; height: 1px; background-color: #ddd; display: block;}

	/* INFO BOX MAP */
	.content_info { max-width: 300px !important; }
	.gm-style .gm-style-iw-c { max-width: 300px !important; max-height: 360px !important; padding: 0px !important; border-radius: 0px !important;}
	.gm-style .gm-style-iw-d { max-width: 300px !important; max-height: 360px !important; }
	.content_info img { max-width:200px; max-height:150px; }
	.content_info .content-map-header h4 { height: 50px !important; line-height: 50px !important; margin-bottom: 5px !important; }
	/* ------------------------------------ */

	/* NEW REPPORT BTN */
	.floatingBTN { position: fixed; width: 100%; height: 60px; bottom: 0px; left: 0px; }
	.floatingBTN #btn_todos { width: 100% !important; height: 100% !important; }
	/* ------------------------------------ */
}

/* OTHER CSS */
.btn-white { color: black; background-color: white !important; }
.btn-white:hover { color: black!important; background-color: white !important; }

.datepicker table.table .disabled { color: #888 !important;}

@media only screen and (max-width: 991px) { 
	#floating-controls { display: none !important; }
}

#floating-panel { background: #fff; padding: 10px; position: absolute; left: 0%; top: 70px; z-index: 999; }
#floating-controls { position: absolute; margin-top: -50px; }
#floating-controls .btn { margin-right: 0px !important; padding: 16px 12px !important; margin-bottom: 0px !important; }
#floating-incidente { margin: auto; left: 0; right: 0; width: 50%; background-color: white; border-radius: 11px 11px 11px 11px; -moz-border-radius: 11px 11px 11px 11px; -webkit-border-radius: 11px 11px 11px 11px; border: 0px solid #000000; -webkit-box-shadow: 0px 6px 5px 4px rgba(0,0,0,0.19); -moz-box-shadow: 0px 6px 5px 4px rgba(0,0,0,0.19); box-shadow: 0px 6px 5px 4px rgba(0,0,0,0.19); position: absolute; margin-top: -380px; padding: 20px 20px 0 20px; }
textarea { resize: none; }
/* ------------------------------------ */

/* Main Page (Map) */
.form-search label { margin-bottom: 0px !important; font-size: 13px !important; }
.form-search input, .form-search select, .form-search textarea, .form-search .select2 {
	margin-bottom: 0px !important;
	border-radius: 0px !important;
}

/* PHONES ONLY */
@media screen and (max-width: 600px) {
	.modal-content-mobile{
			position: fixed;
			bottom: 0px;
	}
	.modal-content-mobile .btn{
			float: right;
			margin: 0px;
	}
	.modal-header-mobile{
		padding:5px;
	}
	.modal-content-mobile .form-control{
			margin-bottom: 0px!important;
	}
	.scroll-top{
		display: none!important;
	}

	.a2hs {
	width: 300px;
		position: fixed;
		left: 50%;
		margin-left: -150px;
		z-index: 999;
		background:#fff;
		bottom:21px;
		text-align:center;
	}
	.a2hs:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top-color: #ffffff;
		border-bottom: 0;
		margin-left: -20px;
		margin-bottom: -20px;
	}
	body {
		position: fixed;
		height: 100%;
		overflow: hidden;
		width: 100%;
	}
	.modal-body{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.form-group{
		margin-bottom:2px;
	}
	
	.link-location-mobile {
		display: block!important;
	}
	.link-location {
		display: none!important;
	}
}

.input-group-addon{
	min-width: 40px;
}
.openBtn {
	background: #f1f1f1;
	border: none;
	padding: 10px 15px;
	font-size: 20px;
	cursor: pointer;
}

.openBtn:hover {
	background: #bbb;
}

.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
	position: relative;
	top: 46%;
	width: 80%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	cursor: pointer;
	color: white;
}

.overlay .closebtn:hover {
	color: #ccc;
}

.overlay input[type=text] {
	padding: 15px;
	font-size: 17px;
	border: none;
	float: left;
	width: 80%;
	background: white;
}

.overlay input[type=text]:hover {
	background: #f1f1f1;
}

.overlay button {
	float: left;
	width: 20%;
	padding: 17px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
}

.overlay button:hover {
	background: #bbb;
}

.pac-container {
	z-index: 9999999 !important;
}

.uploadField + label {
	padding: 12px 12px;
	border-radius: 8px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

/* INFO WINDOW : MAP */
.gm-style-iw button.gm-ui-hover-effect img { 
	display: none !important; 
}
.gm-style-iw button.gm-ui-hover-effect { opacity: 1 !important; }
.gm-style-iw button.gm-ui-hover-effect:before {
	display: block;
	content: "";
	background: url('/images/close_btn_iw.png') center center no-repeat !important;
	background-size: cover !important;
	width: 14px;
	height: 14px;
	right: -5px;
	top: 20px;
	position: relative;
	z-index: 999999;
}
.gm-style-iw[aria-label="estado_0"] button.gm-ui-hover-effect:before {
	background-color: #e16151 !important;
}
.gm-style-iw[aria-label="estado_1"] button.gm-ui-hover-effect:before {
	background-color: #488C6C !important;
}
.gm-style-iw[aria-label="estado_2"] button.gm-ui-hover-effect:before {
	background-color: #f2994b !important;
}
.gm-style-iw[aria-label="estado_3"] button.gm-ui-hover-effect:before {
	background-color: #f2994b !important;
}
.gm-style-iw[aria-label="estado_4"] button.gm-ui-hover-effect:before {
	background-color: #e16151 !important;
}