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

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

.selectize-input {
	border-radius: 0;
}

.selectize-input {
	border: 1px solid #ced4da;
}

.selectize-input.dropdown-active {
	border-radius: 0;
}

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

.awardsBgDanger {
	background-color: #f8d7db !important;
}

.awardsBgSuccess {
	background-color: #d4edda !important;
}

.qso_icons {
	float: right;
}

@media (min-width: 1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px
	}
}

@media (min-width: 1920px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1800px
	}
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#map {
	height: 500px !important;
}

@media (min-width: 992px) {
	.modal-lg, .modal-xl {
		max-width: 1300px;
	}
}

.modal-body {
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}

#mapqso {
	height: 400px !important;
}

#qsomap {
	height: 400px !important;
}

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

.qso_icons {
	float: right;
}

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

TD.qrz {
	white-space: nowrap;
}

.accordion {
	--bs-accordion-btn-bg: #f9f9f9;
	--bs-accordion-active-bg: #f9f9f9;
}

.dxccsummaryheader:after {
	background-image: linear-gradient(to right, black 0, black 12ch, black 12ch, black 100%);
}

.spw-buttons {
	--bs-btn-bg: #e9ecef;
	--bs-btn-border-color: transparent;
}

#utc_header_li {
	color: #575757;
}

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

path.grid-rectangle {
	stroke: rgba(97, 97, 97, 1);
}

span.grid-text > font {
	color: rgb(97, 97, 97) !important;
	font-weight: 400 !important;
}

span.grid-text-unworked > font {
	color: rgb(97, 97, 97) !important;
	font-weight: 400 !important;
}

span.grid-text-worked > font {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
}

/* Override CAT frequency gradient */
.cat-frequency-gradient,
.cat-frequency-gradient td,
.cat-frequency-gradient td:hover,
.cat-frequency-gradient td:focus {
	background-color: rgba(82, 81, 81, 0.7) !important;
	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
}

/* Only set text color to white for direct text content, not spans with text classes */
.cat-frequency-gradient td,
.cat-frequency-gradient th,
tr[data-gradient-color] td,
tr[data-gradient-color] th {
	color: #fff !important;
}

.cat-frequency-gradient > td > a > .text-success {
	color: #08ff42 !important;
}

.cat-frequency-gradient > td > .text-success > a {
	color: #08ff42 !important;
}

.cat-frequency-gradient > td > .text-danger > a {
	color: #ffc4c4 !important;
}

.cat-frequency-gradient > td > a > .text-danger {
	color: #ffc4c4 !important;
}