:root {
	--offer-navbar-text-color: white;
	--offer-navbar-dropdown-color: white;
	--offer-navbar-hover-color: var(--info);
	--offer-navbar-color: var(--secondary);
}

.nav-link:focus, .nav-link:hover, .nav-link:active, .dropdown:hover .nav-link {
	background-color: var(--offer-navbar-hover-color);
	color: #000000 !important;
}

.navbar-custom {
	align-items: center;
	background-color: var(--offer-navbar-color);
	padding: 0px 0px 0px 15px;
	font-weight: normal;
	font-size: 15px;
	z-index: 1 !important;
}

.navbar-button {
	box-shadow: none !important;
	background-color: var(--offer-navbar-color);
	border-color: var(--offer-navbar-color);
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
	color: var(--offer-navbar-text-color);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
	color: var(--offer-navbar-text-color);
}

.divider {
	border: thick 1px;
	border-bottom: solid 1px;
	border-bottom-color: #dbdbdb;
}

.dropdown-content .divider:hover {
	background-color: white;
}

.dropdown-header {
	text-transform: uppercase;
	font-weight: lighter;
}

.dropdown-content .dropdown-header:hover {
	background-color: #ffffff;
}

/** Fa Icons **/
.input-group-text {
	width: 40px;
	display: inline;
	padding: 6px;
}

/** DataTables **/
.table thead th {
	border-bottom: 0px;
	white-space: nowrap;
}

.table.dataTable tr {
	border-collapse: collapse !important;
}

.table.dataTable {
	border-collapse: collapse !important;
}


.table th, .table td {
	padding: 1px;
	vertical-align: middle;
}

.table-hover tbody tr:hover td {
	background: var(--info);
}

/** Enables scroll bar on card body if needed **/
.card-body {
	overflow: auto;
}

.dropbtn {
	background-color: var(--offer-navbar-color);
	color: white;
	padding: 16px;
	font-size: 15px;
	border: none;
	cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
	background-color: var(--offer-navbar-hover-color);
	color: black;
}

.dropdown {
	position: relative;
	display: inline-block;
}


.dropdown-content {
	display: none;
	position: absolute;
	font-size: 15px;
	background-color: #ffffff;
	min-width: 190px;
	overflow: auto;
	color: black;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	max-height: 90vh;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown a:hover {
	background-color: var(--offer-navbar-hover-color);
}

.show {
	display: block;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	top: 8px;
}

.incomingPaymentForm {
	width: 60%;
}

.dashboardList {
	height: calc(100vh - 300px);
	overflow-y: scroll;
}