/*!
 * No overrides for the default theme as it aligns with general.css
*/

body {
	font-family: "Twemoji Country Flags", "Helvetica", "Comic Sans", serif;
}

:root {
	--cl-border-btn-pwd: var(--bs-body-bg);
}

.table {
	--bs-table-border-color: #444444;
	--bs-table-color: #fff;
	--bs-table-striped-color: #fff;
	--bs-table-active-color: #fff;
	--bs-table-hover-color: #fff;
	--bs-table-accent-bg: #303030;
}

.qslprint {
	--bs-table-striped-bg: none;
}

.table-striped tbody > tr.activeRow {
    background-color: #5cb85c !important;
	--bs-table-accent-bg: none;
}

.border-top {
	--bs-border-color: #444444;
}

.text-bg-light {
	color: black !important;
}

.awardsBgDanger a {
	color: white;
}

.awardsBgSuccess a{
	color: white;
}

/*
*	Dark Maps
*/

.leaflet-tile {
	filter: invert() hue-rotate(180deg) grayscale(0.8) brightness(1.2) !important;
}

path.grid-rectangle {
	stroke: rgba(200, 200, 200, 0.5);
}

span.grid-text > font {
	color: rgba(220, 220, 220, 0.85) !important;
	-webkit-text-stroke: 1px black !important;
}

path.grid-confirmed {
	fill: rgba(144, 238, 144, 0.15) !important;
	stroke: rgba(144, 238, 144, 0.15) !important;
}

path.grid-worked {
	fill: rgba(220, 50, 50, 0.25) !important;
	stroke: rgba(220, 50, 50, 0.25) !important;
}

.map-leaflet {
	background-color: #343d3f!important;
}

/* 
*	Dark Navigation 
*/

/* Navigation background */

.bg-light {
	background-color: #303030 !important;
}

/* Inactive Links */

.navbar-light .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.6);
}

/* Active Links and Logo */

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
}

/* Hamburger Menu */

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 
*	Dark inputs 
*/

.form-control,
.form-control-sm,
.form-control:focus,
.form-control:disabled,
.form-select {
	background-color: rgba(20, 20, 20, 0.5);
	color: #eee;
}
.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

select optgroup,
select option {
	background-color: #222;
}

div.alert-success a,
div.alert-danger a,
div.alert-danger {
	color: #ffffff;
}

.bootstrap-dialog.type-primary .modal-header {
	background-color: #222222;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
	color: #fff;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
	background: #222222;
	color: #fff;
}

.selectize-input.full {
	background-color: #222222;
}

.selectize-dropdown,
.selectize-dropdown.form-control {
	background: #222222;
}

.selectize-input.focus {
	color: #444;
	background-color: #fff;
	border-color: #739ac2;
	box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
}

.selectize-dropdown,
.selectize-dropdown.form-control {
	border-radius: 0;
}

#edit_qso:not(.btn) {
	float: left;
}

.qso_call {
	float: left;
	width: 140px;
}

.qso_icons {
	float: right;
}

#qsoList_wrapper th {
	text-align: left !important;
	white-space: nowrap;
}
#qsoList_wrapper td {
	text-align: left !important;
	white-space: nowrap;
}

.accordion {
	--bs-accordion-active-color: #FFFFFF;
	--bs-accordion-btn-bg: #444444;
	--bs-accordion-active-bg: #444444;
	--bs-accordion-border-color: #444444;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button.collapsed {
	border-bottom:1px solid var(--bs-body-bg);
}

.custom-tooltip {
	--bs-tooltip-max-width: 400px;
	--bs-tooltip-opacity: 1;
}

#languageButton, #advancedSettingsButton, #resetButton {
	position: absolute;
	bottom: 70px;
	right: 20px;
}

.required:after {
	content: " *";
	color: red;
}

.required-prefix:before {
	content: "* ";
	color: red;
}

#logContainer {
	display: none;
	padding: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #a4a4a4;
	white-space: pre-wrap;
	text-align: left;
	font-style: italic;
	background-color: #1a1a1a;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.has-warning {
	border-color: #ffc107;
}

#dxcc_button.has-warning {
	border: 1px solid;
	border-color: #ffc107;
}

#dxcc_button.is-invalid {
	border: 1px solid;
	border-color: red;
}

.uppercase {
	text-transform: uppercase;
}

.multiselect-container.dropdown-menu {
    --bs-dropdown-padding-y: 0;
}

#dxcc_id + .btn-group .multiselect-container .multiselect-option input[type="radio"] {
    display: none;
}

.multiselect {
	--bs-btn-color: inherit !important;
	--bs-btn-bg: inherit !important;
	--bs-btn-border-color: inherit !important;
	--bs-btn-hover-border-color: inherit !important;
	--bs-btn-hover-bg: #1b1b1b;
	--bs-btn-hover-color: inherit !important;
	--bs-btn-active-bg: #1b1b1b;
	--bs-btn-active-color: inherit !important;
}

@media screen and (max-width:991px){ 
	.multiselect-container button.dropdown-item {
	  pointer-events:none;
	}
	.multiselect-container span.form-check input {
	  pointer-events: all;
	}
	.multiselect-container span.form-check label  {
	  pointer-events: none;
	}
	.btn-group .multiselect-container .multiselect-option input[type="radio"] {
		display: block !important;
	}
}