/* 2026 - ANDRE BELCHIOR */
.panel-heading{
	 font-size: 15px  !important;
}
#user-submitted-criticidade {
    background: #f5f5f5;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 30px;
}
.modal-content{
	border: 0px !important;
}

label {
    margin-top: 10px !important;
}
.form-control{
	height: auto !important;
	font-size: 15px  !important;
}
input[type="text"], input[type="search"], input[type="email"], input[type="tel"] {
    border-radius: 20px !important;
}
#content_modal_nova_ocorrencia > .close_modal {
	font-size: 15px  !important;
	color: black !important;
}
#colophon, .collapsible {
    background-image: linear-gradient(to left, #c90076, #e47fba); !important;
}



    .search-form, .woocommerce-product-search {
        display: none !important;
    }
    .search-widget-handle {
       display: none; 
    }
    .content_filter {
       display: none; 
    }
    #colophon {
      position: fixed;
      bottom: 0;
      width: 100%;
      /*z-index: 9999 !important;        */
    }
    #site-navigation {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 9998 !important;
    }
    .form-control {
        min-height: 24px !important;
        font-size: 15px !important;
        padding: 2px !important;
    }
    /*input, select, textarea {
        height: 24px !important;
        font-size: 15px !important;
        padding: 2px !important;
    }*/
	#map {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: fixed;
	}
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		/* position: fixed; */ /* Stay in place */
		z-index: 1; /* Sit on top */
		left: 0;
		top: 0;
		overflow-y: scroll !important;
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
		overflow-x: hidden !important;
	}
	
	.content {
		overflow: hidden !important; 
	}

	/* Modal Content/Box */
	.modal-content {
		background-color: #fefefe;
		margin: 60px auto 60px auto; /* 15% from the top and centered */
		padding: 20px;
		border: 1px solid #888;
		max-width: 600px !important;
	}
	
	/* The close_modal Button */
	.close_modal {
		color: #ffffff;
		float: right;
		font-size: 38px !important;
		font-weight: bold;
	}

	.close_modal:hover,
	.close_modal:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
	/* The close_modal Button */
	.close_erro {
		color: black;
		float: right;
		font-size: 38px !important;
		font-weight: bold;
	}

	.close_erro:hover,
	.close_erro:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
	/* The close_modal_locate_me Button */
	.close_modal_locate_me {
		color: #black;
		float: right;
		font-size: 38px !important;
		font-weight: bold;
	}

	.close_modal_locate_me:hover,
	.close_modal_locate_me:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}	
	
	/* The Close Button */
	.close {
		color: black;
		float: right;
		font-size: 15px !important;
		font-weight: bold;
		opacity: .5 !important;
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

	.loader_image {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -25px 0px 0px -25px; 
	}
	.com_margem_30 {
		padding: 3px 30px 2px 30px !important;
		background-color: lavender;		
	}

	div#user-submitted-posts fieldset input.usp-input {
		width: 100% !important;
	}	
	div#user-submitted-posts div#usp-submit {
		margin: 0px 0 !important;
		text-align: center;
	}
	div#user-submitted-posts select {
		width: 100% !important;
	}	
    .panel {
        margin-bottom: 0px !important;
        border: 0px !important; 
    }
	.back-to-top {
		display: none !important;
	} 
	.float{
		position:fixed;
		width:60px;
		height:60px;
		bottom:40px;
		right:40px;
		background-color:lightblue;
		color:#FFF;
		border-radius:50px;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		z-index: 100; /* Sit on top */		
	}

	.my-float{
		margin-top:22px;
	}
	/*
	.usp-submit {
		border-radius:50px !important;
		color:#FFF !important;
		background-color:lightblue !important;
	}	
    */

    /* FORÇA A QUE O MENU FIQUE POR CIMA DOS BOTOS DE ZOOM DO MAPA //BUG LEAFLET?? */
    nav.fixed.scrolled {
        z-index: 9999 !important;
    }
    /* ENCOLHE ESPAÇO OCUPADO DO CABECALHO */
    .main-navigation {
        padding: 1px 0 !important;
    }  
    
    /* Style the button that is used to open and close the collapsible content */
    .collapsible {
      background-color: #eee;
      color: #444;
      cursor: pointer;
      padding: 2px;
      width: 100%;
      border: none;
      text-align: center;
      outline: none;
      font-size: 15px;
    }
    
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .collapsible:hover {
      background-color: #ccc;
    }
    
    /* Style the collapsible content. Note: hidden by default */
    .content {
      padding: 0 2px;
      display: none;
      overflow: hidden;
      background-color: #f1f1f1;
    }  
    
    #localizarme { 
        display:block;
        border: 0px !important; 
        border-radius: 8px; 
        font-size: x-large; 
        max-height: 44px !important; 
        min-width: 60px !important; 
        min-height: 44px !important; 
        z-index: 999; 
        position: fixed; 
        left: 10px; 
        bottom: 130px; 
        color: white;     
    }
    @media screen and (max-width: 500px) {
        #localizarme { 
            display:block; 
            border: 0px !important; 
            border-radius: 8px; 
            font-size: x-large; 
            max-height: 44px !important; 
            min-width: 60px !important; 
            min-height: 44px !important; 
            z-index: 999; 
            position: fixed; 
            left: 10px; 
            bottom: 130px; 
            color: white;             
            
        }
    }
    
    #addAdHoc {
        display:block;
        background-color: #3399cc !important; 
        border: 0px !important; 
        border-radius: 8px; 
        font-size: x-large; 
        max-height: 44px !important; 
        min-width: 60px !important; 
        min-height: 44px !important; 
        z-index: 999; 
        position: fixed; 
        left: 10px; 
        bottom: 80px; 
        color: white;           
    } 
	

	#geocoder_box {
		height: 50px!important;
		padding-left: 20px!important;	
		z-index: 999; 
		position: fixed;
		width: 50%;
		left: 50%;
		margin-left: -25%;
		top: 100px;
		display:none;
		background-color: white;		
	}
	#resultado {
		height: auto!important;
		padding-left: 20px!important;	
		z-index: 999; 
		position: fixed;
		width: 50%;
		left: 50%;
		margin-left: -25%;
		top: 150px;
		display:none;
		background-color: white;
	}
	.green {
	    color: green;
	}
	.red {
	    color: red;
	}	
	.blue {
	    color: blue;
	}	
	.orange {
	    color: orange;
	}	
	.yellow {
	    color: yellow;
	}	
    .leaflet-marker-icon > i { 
        font-size: 25px !important; 
        text-shadow: 0 0 2px #000;
        
    }
    #resultado > div > a, a:visited {
        /*color: white !important;*/
        font-weight: 400 !important;
    }
    #localizarme {
        border: 0px !important; 
        border-radius: 8px; 
        font-size: x-large; 
        max-height: 44px !important; 
        min-width: 60px !important; 
        min-height: 44px !important; 
        z-index: 999; 
        position: fixed; 
        left: 10px; 
        bottom: 130px; 
        color: white;        
    }
    
    
    /*FROM DETALHES DE OCORRENCIA */
    .formulario_editar {
        display: block !important;
        width: 100% !important;
        padding: 6px 12px !important;
        color: #555 !important;
        background-color: #fff !important;
        background-image: none !important;
        border: 1px solid #ccc !important;
        border-radius: 20px !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
        transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
        margin-bottom: 0px !important;
    } 
    textarea {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        height: 150px !important;
        padding: 8px !important;    
	border-radius: 20px !important;
    }      
    #content {
        font-size: 15px !important;
    }      
    .crop {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
    .dotted_quadrado {
        width: 100%;
        height: 70px;
        overflow: hidden;
        border-style: dotted;    
    }
    .crop img {
        min-height: 300px;
        max-width: 200% !important;
        margin-left: -50%;
    }
    .imagem_div {
        padding-right: 0px;
        padding-left: 0px;
    }
    .apagar_foto {
        color: white !important;
    }    
    
    
    /*FROM TEMPLATE_A_MINHA_AREA*/
    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 !important;
    }
    .card-header {
        padding: .75rem 1.25rem !important;
        margin-bottom: 0 !important;
        background-color: rgba(0,0,0,.03) !important;
        border-bottom: 1px solid rgba(0,0,0,.125) !important;
    }
    .card {
        position: relative !important;
        min-width: 0 !important;
        word-wrap: break-word !important;
        background-color: #fff !important;
        background-clip: border-box !important;
        border: 1px solid rgba(0,0,0,.125) !important;
        border-radius: .25rem !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
    }    
    .card-body{
        padding: 10px !important;
    }
    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    }
    .text-muted {
        color: #6c757d!important;
    }
    .card-footer {
        padding: .75rem 1.25rem;
        background-color: rgba(0,0,0,.03);
        border-top: 1px solid rgba(0,0,0,.125);
    } 

	#map2 {
		width: 100%;
		height: 60%;
		margin: 0;
		padding: 0;
		position: inherit;
	} 
	/* The close_modal Button */
	.fechar_modal_mapa {
		color: #aaa;
		float: right;
		font-size: 10px;
		font-weight: bold;
	}

	.fechar_modal_mapa:hover,
	.fechar_modal_mapa:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
    .gal .cartao {
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        width: 100% !important;
        page-break-inside: avoid !important;
        display: inline-block ;
    }	
    @media (min-width: 650px) {
      .gal {
          column-count: 5;
         
      }
    }

    @media (max-width: 650px) {
    	.gal {

            column-count: 1;
        }
    } 
    
    
    
    /*adicionados*/
    .pagination a, .pagination span, .woocommerce-pagination ul.page-numbers .page-numbers {
        width: auto !important;
    }
    .pagination a:hover, .pagination .active a, .pagination .active:hover a {
        background: lightblue !important;
        color: #fff;
        border-color: lightblue !important;
    }
    input[type="search"] {
        background: lightblue;
        border: 1px solid darkgray;
        min-width: 200px !important;
        height: auto !important;
        padding-left: 20px;
        font-weight: 300 !important;
        margin-bottom: 24px;
        border-radius: 0;
    }
    #user-submitted-category {
        background: #f5f5f5;
        width: 100%;
        height: 50px;
        padding-left: 20px;
        font-weight: 500;
        margin-bottom: 24px;
        border-radius: 30px ;
    }