.alert-box {
    opacity: 1;
    transition: opacity 0.6s ease-out; /* Define the fade-out transition */
    /* Add other styling for the alert box (background color, padding, etc.) */
}

.alert-box.hide {
    opacity: 0;
    pointer-events: none; /* Make the hidden alert non-interactive */
}

.disabled-radio {
  background-color: lightgray;
}

.active-item {
    background-color: lightblue;
}


.modal-dialog,
.modal-content {
    height: auto; 
}

/*.modal-body {*/
/*    overflow-y: auto;*/
/*}*/

.search-bar-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 155px; /* Adjust as needed for desired vertical position */
  z-index: 10; /* Ensures the search bar is above the map */
}

#address {
  font-size: 20px;
  max-width: 400px;
  font-family: "Avenir Light", "Helvetica Neue", Helvetica, "Lucida Grande", Tahoma, Arial, sans-serif;
  background-color: #F5F5F5;
  height: 40px;
}

#nav.affix {
    /*position: fixed; */
    position: sticky;
    top: 0;
    width: 100%;
}

.hide-me {
	display: none;
}

    .pac-container {
        z-index: 9999; /* Adjust as needed, higher than your modal's z-index */
    }
.popover .title{
	color: red;
	font-size: 1.2em;
}

.popover{
	border: 5px solid #ccc;
	background-color: rgba(254,254,254,1);
	z-index: 100;
}

.modal-open .modal,.btn:focus, a:focus{
    outline:none!important
}

.navbar-nav li ul{
	background-color: inherited; //black;
}

.navbar-nav li ul li a{
	color: blue; //#333;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	background-color: transparent;
	color: #999999;
}

.jumbotron  {background-image: url("../images/curb.jpg");
	background-size: cover; 
}

.jumbotron h1 {
	font-weight: bold;
	font-family:"Avenir Light","Lucida Grande","Helvetica Neue", Helvetica, "Lucida Grande", Tahoma, Arial, sans-serif;
}

.btn_txt{
	color: #000000 !important;
	font-weight: bold !important;
}

body {
	font-family:"Avenir Light", "Helvetica Neue", Helvetica, "Lucida Grande", Tahoma, Arial, sans-serif;
	line-height: 2.6rem; font-size: 1.6rem;
	margin-bottom: 50px;
}

.btn-outline-primary:hover {
    background-color: #0d6efd; /* A slightly darker blue for highlight */
    border-color: #0d6efd;
    color: #fff;
}