html {
  position: relative;
  min-height: 100%;
  padding-bottom:160px;
}
body {
  margin-bottom: 160px;

}
footer {
  position: absolute;
  background-color: #d5decf;
  bottom: 0;
  width: 100%;
  height: 35px;
  padding: 10px;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  background-color: #8bc34a;
  border-color: 1px solid #8bc34a;
  font-weight: bold;
  color : white;
}

/* Change navbar link color */
.navbar-inverse .navbar-nav > li > a {
  color: white !important; /* Ensure white text */
}

/* Change navbar brand (logo) color */
.navbar-inverse .navbar-brand {
  color: white !important;
}

/* Change link color on hover */
.navbar-inverse .navbar-nav > li > a:hover {
  color: #f1f1f1 !important; /* Light gray on hover */
}

/* Change active link color */
.navbar-inverse .navbar-nav > .active > a {
  color: #fff !important;
  background-color: #689f38 !important; /* Darker green for active tab */
}

#logo{
  font-family: verdana;
  text-align: center;
  font-size: 20px;
  color: rgb(37, 116, 48);
  background-color: #8bc34a;
  text-shadow: rgb(0, 0, 0) 2px 2px 2px;
}

.main-page{
  padding: 25px;
}


/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 450px
}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
}

/

.block-link {
  text-decoration: none;
}

.panel {
  transition: transform 0.2s;
}

.panel:hover {
  transform: scale(1.05);
}

.block-icon {
  font-size: 50px; /* Adjust size of Bootstrap icons */
  color: #333; /* Change color if needed */
}






/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }

  .row.content {
    height: auto;
  }
}