.offcanvas-start {
	width: auto !important;
	max-width: none;
}
html:not([data-bs-theme="dark"]) body  {
	background-color: #f2f2f2; !important; /* light gray background */
}
html:not([data-bs-theme="dark"]) select  {
	background-color: #f2f2f2; !important; /* light gray background */
	border: 1px solid #343a40;
}
html:not([data-bs-theme="dark"]) .offcanvas {
	background-color: #f2f2f2; !important;
}
.dice-set {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem; /* adjust as needed */
	justify-content: center;
}
.logoblin {
	width: 100px; /* Adjust size as needed */
}
.downButton, .upButton, h3, h4, h5, h6 {
	user-select: none;
}
.stripeContainer{
	display: none; /* Hidden by default */
	position: fixed;
	z-index: 9999; /* Very high to cover everything */
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
}
.stripeBox {
	max-width: 400px;
	background: #212529;
	positoin: relative;
}
html:not([data-bs-theme="dark"]) .stripeBox {
	background: #f2f2f2;
}
.table-scope-hit-chance .table {
	--bs-table-hover-bg: #0d6efd;
}

.table-scope-hit-chance .table>:not(caption)>*>* {
	padding: 1px;
}

.sticky-total-header {
	position: sticky;
	top: 3px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dice-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4px; /* spacing between dice */
	text-align: center;
}

body.offcanvas-open {
    overflow: auto !important;
}

.nav-pills .nav-link.btn-outline-primary.active {
	background-color: var(--bs-primary);
	color: white;
	border-color: var(--bs-primary);
}

.accordion-button:not(.collapsed) {
  background-color: #0d6efd;
  color: #ffffff;
}


.accordion-button:not(.collapsed):hover,
.accordion-button:not(.collapsed):focus {
  background-color: #0d6efd;
  color: #ffffff;
}
html:not([data-bs-theme="dark"]) .accordion-body{
	background-color: #f2f2f2;
}
html:not([data-bs-theme="dark"]) .accordion-item{
	border-color: #aeb2b6;
}
html:not([data-bs-theme="dark"]) .accordion-button.collapsed {
  background-color: #f2f2f2; /* your desired background */
}

.btn-outline-primary {
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-primary:hover {
  background-color: #0d6efd; /* Background on hover */
}

html:not([data-bs-theme="dark"]) .btn-outline-primary {
  border-color: #0d6efd;
  color: #000000;
  /*background-color: #f2f2f2;*/ /* Background on hover */

}

html:not([data-bs-theme="dark"]) .btn-outline-primary.active {
  color: #ffffff;
  /*background-color: #f2f2f2;*/ /* Background on hover */

}

html:not([data-bs-theme="dark"]) .btn-outline-primary:hover {
  color: #ffffff; /* Background on hover */
}

html:not([data-bs-theme="dark"]) input.form-control[type="number"],
html:not([data-bs-theme="dark"]) input.form-control[type="text"],
html:not([data-bs-theme="dark"]) textarea.form-control {
  background-color: #f2f2f2;
  border-color: #000000;
}

html:not([data-bs-theme="dark"]) .form-check-input {
  background-color: #f2f2f2;
    border-color: #000000;

}
html:not([data-bs-theme="dark"]) .form-check-input:checked {
  background-color: #0d6efd; /* or your preferred color */
  border-color: #0d6efd;
}

.special-bottom-border-for-dpr {
	border-bottom: 1px solid #bdbebf;
}
.special-left-border-for-dpr {
	border-left: 1px solid #bdbebf;

}

html:not([data-bs-theme="dark"]) input[type=range].availTargetSlider,
html:not([data-bs-theme="dark"]) input[type=range].expectedSaveFailureRateSlider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background-color: #bdbebf; /* Custom track color */
  border-radius: 3px;
  outline: none;
}

/* WebKit browsers (Chrome, Safari) */
html:not([data-bs-theme="dark"]) input[type=range].availTargetSlider::-webkit-slider-runnable-track,
html:not([data-bs-theme="dark"]) input[type=range].expectedSaveFailureRateSlider::-webkit-slider-runnable-track {
  height: 6px;
  background-color: #bdbebf; /* Track color */
  border-radius: 3px;
}

/* Firefox */
html:not([data-bs-theme="dark"]) input[type=range].availTargetSlider::-moz-range-track,
html:not([data-bs-theme="dark"]) input[type=range].expectedSaveFailureRateSlider::-moz-range-track {
  height: 6px;
  background-color: #bdbebf; /* Track color */
  border-radius: 3px;
}