/* General Container */
.container, .container-box {
	max-width: 1200px;
	margin: 0 auto;
}

/* Navbar and Footer Styling */
.navbar, .footer {
	background-color: #444d58 !important;
	color: white;
}

.navbar .nav-link, .footer a {
	color: white;
}

.navbar .dropdown-item {
	color: black;
}
.navbar .dropdown-item:hover {
	background-color: #6c757d;
	color: white;
}

html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}

main.flex-fill {
	flex: 1 0 auto;
}

/* Disabled Link Styling */
.nav-link.disabled {
	cursor: not-allowed;
	pointer-events: none;
}

/* Is Assoc Styling */
.isAssoc {
	display: none;
}

/* Navbar height adjustment */
.navbar {
	/*height: 40px;*/
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar .navbar-nav .nav-link {
	line-height: 40px; /* Ensures the nav links align correctly */
	padding-top: 0;
	padding-bottom: 0;
}

/* Navbar link hover and active background color */
.nav-link:hover,
.nav-link.active,
a.nav-link.class.\=.\'active\'.disabled {
	background-color: #6c757d;
	color: white; /* Ensure text color remains readable on the background */
	text-decoration: underline;
}

.text-sm {
	font-size: small;
}

/* Panel Title Styling */
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

/* Custom Container Styling */
.container-custom {
	max-width: 1200px;
}

/* Box Styling */
.box-column {
	border: 1px solid #ddd;
}

.box-left {
	background-color: #f5f5f5;
}

.box-right {
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Full Width Background */
.full-width-background {
	background-color: #eff3f8;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Table Styling */
.table th {
	position: relative;
}

.table tbody tr {
	background-color: #fff;
}

.btn-warning .fa-pencil-alt,
.btn-danger .fa-trash-alt {
	color: #333;
}

/* Custom Pagination Styles */
.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}

.pagination li a {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

/* Pagination Hover Effect */
.pagination li a:hover {
	z-index: 2;
	text-decoration: none;
	background-color: #6c757d; /* Light ash background color */
	border-color: #dee2e6;
}

.pagination .active a {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.pagination .disabled a {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}

/* Customize Dropdown Button */
.btn-secondary.dropdown-toggle {
	background-color: white;
	color: black;
	border: 1px solid black;
}

/* Customize Dropdown Menu */
.dropdown-menu {
	background-color: white;
	color: black;
	border: 1px solid black;
}

/* Customize Dropdown Items */
.dropdown-item {
	color: black;
}

.dropdown-item:hover, .dropdown-item:focus {
	background-color: #6c757d; /* Light ash background color */
	color: black;
}

/* Customize Active Dropdown Item */
.dropdown-item.active {
	background-color: #337ab7;
	color: black;
}

.btn-warning.btn-sm,
.btn-danger.btn-sm {
	background-color: transparent;
	border: 1px solid #ddd;
	color: inherit; /* Inherit text color */
	position: relative;
}

/* Button Hover Effect */
.btn-warning.btn-sm:hover,
.btn-danger.btn-sm:hover {
	background-color: #6c757d; /* Light ash background color */
	border: 1px solid black;
}

/* Tooltip Styles */
.tooltip-container {
	position: relative;
	display: inline-block;
}

.tooltip-container .tooltip-content {
	display: none;
	position: absolute;
	bottom: 150%; /* Adjust this value to position the tooltip correctly */
	left: 50%;
	transform: translateX(-50%);
	background-color: black;
	color: white;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 12px;
	white-space: nowrap;
	z-index: 1000;
}

.tooltip-container .tooltip-content::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
	z-index: 1001;
}

.tooltip-container:hover .tooltip-content {
	display: block;
}

/* Custom Styles for Address Verification */
.custom-alert {
	background-color: transparent;
	border: 1px solid black;
	color: black;
}

.custom-alert .label {
	font-weight: bold;
	color: black;
}

.custom-paragraph {
	background-color: lightgray;
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 10px;
}

.custom-btn {
	background-color: transparent;
	color: black;
	border: 1px solid black;
}

.custom-btn:hover {
	background-color: lightgray;
	color: black;
	border: 1px solid black;
}

label {
	font-weight: bold;
}

.btn-group.btn-group-sm {
	display: block;
	margin-top: 10px;
}

.yesno {
	border: 1px solid black;
}

/*.form-group, .form-control, .btn-group {
	margin: 5px;
}*/

.btn-default {
	background-color: #f8f9fa;
	color: #000;
}

.dt-length {
	display: flex;
	align-items: center; /* Align the select and label vertically */
}

.dt-length select {
	margin-right: 10px; /* Add space between the select and the label */
}

.right {
	float: right !important;
}

.hide {
	display: none;
}

.scroll-to-top {
	padding: 2px;
	text-align: center;
	position: fixed;
	z-index: 10001;
	bottom: 5px;
	display: none;
	right: 20px;
}

.scroll-to-top > i {
	display: inline-block;
	color: #657383;
	font-size: 32px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}