/* Pier

   Copyright (c) 2022 Isaac Ricardo
*/

/* tabla de asentamientos */

.filterSettlement{
background-color: #B8DAFF;
color: #294085
}
.ui-selectable, .ui-selectable li { 
list-style-type: none; 
padding: 0; 
margin: 0; 
cursor: pointer 
}
.ui-selectable li { 
padding: 5px; 
margin: 5px; 
border-color: #bee5eb;
border: 1px solid transparent; 
background-color: #d1ecf1; 
}

.ui-selectable li.ui-selecting { background-color: #e6e6e6; }
.ui-selectable li.ui-selected { background-color: #28a745!important; color: white }


/*------------------------------------------------------*/

.tooltip-inner {
  max-width: 236px !important;
  font-size: 13px;
  padding: 10px 15px 10px 20px;
  background: #FFFFFF;
  color: black;
  border: 1px solid #737373;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: white;
}

/* para los inputs de autocompletado */
.ui-autocomplete {
    z-index: 2000 !important;
}

/* alertas */

.container .alert{

	font-size: 15px
}

.alert{
	transition-duration: 0.4s;
}

.alert:hover { 
  transform: translateY(-2px);

}

/*---------Estilos para el mapa----------*/

#map { height: 180px; }
	
	.number-icon{
	background-image: url("https://i0.wp.com/www.nuevacomunicacion.com.uy/wp-content/uploads/2015/02/map-marker-icon.png");
	background-size: 100px 100px;
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-weight: bold
	
}
	
.cardRoles {
    height: auto;
	 width: 30%;
}


/*---------Estilos menu----------*/
.menu-button {
  padding: 15px;
  background-color: white;
  border: 1px solid #ccc; /* Borde gris */
  cursor: pointer;
  transition: background-color 0.3s;
  height: 80px;
  width: 100%;
}

.menu-button:hover {
  background-color: #e6e6e6; /* Fondo más oscuro al pasar el mouse */
}