/* Stylesheet across all versions of Alpha */
:root {
	--max-footer-height: 85px;
}
/* Style campaigns add/edit better */
body {
	font-size: 14px;
	padding-top: 100px;
}

body.campaigns div.campaigns.form label {
	width: 200px;
}

body.campaigns div.campaigns.form div.input {
	display: inline-block;
}

body.campaigns div.campaigns.form input {
	width: 300px;
}

body.organisations.listCampaigns li.organisation-dropdown a {
	padding-top: 0;
	padding-bottom: 0;
}

body.organisations.listCampaigns li.organisation-dropdown a::first-letter {
	color: red;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 1px;
}

body.organisations.listCampaigns li.organisation-dropdown.selected {
	background-color: #eee;
	font-style: italic;
}

body.stats.add div.input label,
body.stats.edit div.input label {
	min-width: 200px;
}

body.stats.google-display input[type="text"] {
	border: 1px dashed #d9d9d9;
}

body.stats.google-display #CampaignStatsStatsDate,
body.stats.google-display #CampaignStatsAdRequests,
body.stats.google-display #CampaignStatsMatchedRequests,
body.stats.google-display #CampaignStatsCoverage,
body.stats.google-display #CampaignStatsClicks,
body.stats.google-display #CampaignStatsPaidCtr,
body.stats.google-display #CampaignStatsCost,
body.stats.google-display #CampaignStatsImpressions {
	border: 1px solid #32ad14;
}

/*
table {
  table-layout: fixed;
}

table td {
  word-wrap: break-word;
}
*/
table td a,
table tbody a {
	color: unset;
	font-weight: normal;
	text-decoration: none;
}

@media (min-width: 1200px) {
	.container {
		max-width: 80%;
	}
}

.dropdown-menu {
	overflow: hidden;
	overflow-y: auto;
	max-height: calc(100vh - 150px);
}

.affix {
	position: fixed;
	top: 60px;
	width: 220px;
}

/* new styles */
.pagination>li>a {
	border-radius: var(--bs-border-radius-lg);
	margin: 5px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	font-weight: 700;
}

.nav-link {
	color: var(--bs-secondary-color);
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title a {
	font-weight: 700;
}

.bootstrap-table .fixed-table-container .table tfoot th .asc,
.bootstrap-table .fixed-table-container .table thead th .asc,
.bootstrap-table .fixed-table-container .table tfoot th .desc,
.bootstrap-table .fixed-table-container .table thead th .desc {
	background-size: 16px 16px;
	background-position: bottom right 2px;
	background-repeat: no-repeat;
	padding-right: 10px !important;
	display: block;
}

.bootstrap-table .fixed-table-container .table tfoot th .desc,
.bootstrap-table .fixed-table-container .table thead th .desc {
	background-position: top right 2px;
}

.tab-pane {
	border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);;
	border-right: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);;
	border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);;
	border-radius: 0px 0px 5px 5px;
	padding: 10px;
}

.dropdown-item.organisation-dropdown a {
	color: var(--bs-secondary-color);
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--bs-tertiary-color);
}

.dropdown-item.active a,
.dropdown-item:active a {
	color: var(--bs-body-bg);
}

form.form-control label {
	font-weight: 700;
}

form.form-control fieldset legend {
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

.subtotal {
	background-color: #f9f9f9;
	font-weight: bold;
}

.month-total {
	background-color: #d9f9f9;
	font-weight: bold;
}

@media (min-width: 1200px) {
	.container {
		width: 100%;
	}
}

.pagination>li>a {
	color: #ee2950;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #ee2950;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>.active>.page-link {
	color: white;
	background-color: #ee2950;
	border: solid 1px #ee2950;
	border-radius: 10px;
	margin: 5px;
}

.pagination>.active>a:hover {
	background-color: #ee2950;
	border: solid 1px #ee2950;
}

/* mobile only styles for tabs */
@media only screen and (max-width: 576px) {
	.nav-tabs {
		border-bottom: none;
	}
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		border-color: var(--bs-nav-tabs-border-color);
		border-bottom-left-radius: var(--bs-nav-tabs-border-radius);
		border-bottom-right-radius: var(--bs-nav-tabs-border-radius);
	}
	.tab-pane {
		border-top: 1px solid #ddd;
		border-radius: 5px;
		margin-top: 10px;
	}

	.bootstrap-table .fixed-table-toolbar .search {
		float: left;
	}
	.date-filter #reportrange {
		max-width: 160px;

	}
}

.date-filter #reportrange {
	width: 220px;

}

.navbar-brand img {
	min-height: 30px;
}

footer .logo img {
	max-height: 20px;
}

#footer {
	min-height: var(--max-footer-height);
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto calc(var(--max-footer-height) * -1);
	/* Pad bottom by footer height */
	padding: 0 0 var(--max-footer-height);
}

.daterangepicker .ranges .input-mini {
	min-width: 80px;
}

.daterangepicker .ranges {
	min-width: 172px;
}

*[data-bs-theme="dark"] .daterangepicker,
*[data-bs-theme="dark"] .daterangepicker .calendar-date {
	background: inherit;
}

*[data-bs-theme="dark"] .daterangepicker .ranges .input-mini,
*[data-bs-theme="dark"] .daterangepicker .daterangepicker_start_input label,
*[data-bs-theme="dark"] .daterangepicker .daterangepicker_end_input label {
	color: inherit;
	text-shadow: none;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
	scrollbar-color: #03A9F4 #fafafa;
}

*[data-bs-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body {
	scrollbar-color: #03A9F4 #0a0a0a33;
}