html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #343a40;
}
 
 
body {
	margin-bottom: 60px; /* Margin bottom by footer height */
  padding-top: 54px;
}

/* Modal Background */
#invoicePopover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Modal Content */
#invoicePopoverContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 400px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/* Button Styles */
.invoiceButton {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

table.dataTable thead th, table.dataTable tbody td {
  padding: 10px; /* Add padding to table cells */
}
.dataTables_wrapper .dataTables_filter {
  float: right; /* Align the search box to the right */
}
.dataTables_wrapper .dataTables_length {
  float: left; /* Align the records-per-page dropdown to the left */
}
.dataTables_wrapper .dataTables_info {
  padding-top: 0.85em; /* Better spacing between pagination and the table */
}
.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.25em; /* Slightly adjust pagination position */
}
/* Custom button styling */
button.editExpense, button.deleteExpense {
  padding: 5px 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}
button.editExpense {
  background-color: #007bff; /* Make edit button blue */
}
button.deleteExpense {
  background-color: #dc3545; /* Make delete button red */
}
button:hover {
  opacity: 0.9;
}
td img {
  max-width: 50px; /* Limit receipt image size */
  max-height: 50px;
}

/* Hide all content except for the invoice modal when printing */
@media print {
  body * {
      visibility: hidden;
  }
  #invoiceModal, #invoiceModal * {
      visibility: visible;
  }
  #invoiceModal {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
  }
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

/* Required icon */
.requiredIcon {
	color: red;
}

/* Suggestion list styles */
	ul.suggestionsList {
		background-color: #eee;
		cursor: pointer;
		border-radius: 3px;
	
	}
		
	ul.suggestionsList li {
		padding: 12px;
		
	}

/* End Suggestion list styles */


/* Changing the bootstrap table stripe colors to red */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #ecf9ec;
}

/* Changing the background color for tab/pills */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ff6707;
}

/* Display the suggestions list on top of other elements */
.customListDivWidth{
	position: absolute;
	z-index:500;
	width: 100%;
}

/* .dataTables_wrapper .dt-buttons {
  float:none;  
  text-align:center;
} */

.blueText {
	color: #2FA4E7;
}

.navbar {
  background-color: #343a40;
}

.col-lg-2 {
  background-color: #343a40;
}

.card-header {
  background-color: #343a40;
  color: #fff;
}

/* Custom styles for the sidebar */