body {
    overflow-x: hidden;
    /*padding-top: 70px;*/
    
}

.sidebar.collapse.show,
.sidebar.collapse.show + .col {
    transition: .18s linear;
    left: 0;
}

.sidebar.collapse ,
.sidebar.collapsing,
.sidebar.collapsing + .col {
    transition: .18s linear;
    z-index: 1040;
    left: -25%;
    height: auto !important;
}
@media (max-width: 576px) {
  #resident_table .btn {
    margin-bottom: 0.5rem;
  }
  #resident_table .edit_button {
    margin-right: 0.5rem;
  }
}
@media (max-width: 576px) {
  #visitor_table .btn {
    margin-bottom: 0.5rem;
  }
  #visitor_table .edit_button {
    margin-right: 0.5rem;
  }
}

.bg-purple
{
	background-color: rgba(51,94,234,.1);
}

.bg-dark {
    background-color: #1b2a4e!important;
}

@media (max-width:302px) {
	.sidebar {
		width: 100%;
		max-width: 302px;
		margin-bottom: 0
	}
}

#sidebar li
{
    border-top: 1px solid #f9f9f9;
   max-width: 295px; 
}
#sidebar li:first-child
{
    border-top: 1px solid #f9f9f9;
}
#sidebar li:last-child
{
    border-bottom: 1px solid #f9f9f9;
}

#sidebar li a:hover
{
    background-color: #f9f9f9;
    color:#333;
}

.active_class
{
    /*background-color: #f9f9f9;*/
    background-color: #ffffff;
    color:#333;
    line-height: 40px;
}

.inactive_class
{
    color:#fff; 
    line-height: 40px;   
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     /* color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg); */
        background-color: #f8f9fa;
}
a.nav-link.active, a.nav-link:hover {
    /* color: #9c6d6d !important; */
}

/*added May 14 by GT */
@media (max-width: 767.98px) {
  body, .main-content, .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .main-content {
    padding-top: 60px !important; /* enough to push content below the navbar */
  }

  body {
    padding-top: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .main-content {
    padding-top: 70px !important; /* push down below the fixed mobile navbar */
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .main-content {
    margin-left: 250px !important; /* matches your sidebar width */
    padding: 20px !important;      /* restore padding for desktop */
  }
}
.container {
  max-width: 100% !important;
  padding-left: 20 !important;
  padding-right: 20 !important;
}




/* Main content layout fix for desktop (leave space for sidebar) */
.main-content {
  margin-left: 260px; /* sidebar width */
  padding: 20px;
}
.rounded, .rounded-lg, .rounded-3 {
  border-radius: 1.2rem !important;
}