body {
	color: #034790;
	font-family: Roboto,sans-serif;
}

.sds-top-banner. logo{background-image:url(../../images/smartest.jpg);}

.login-register{background-image:url(../../images/nexus.png);}

.navbar-sds {
  border: none !important;
  box-shadow: none !important;
	font-weight: 500 !important;
}

.navbar-sds .navbar-nav .nav-link {
  border: none !important;
  box-shadow: none !important;
}

.navbar-sds .dropdown-menu a {
	padding: 0px 10px;
	font-weight: 500;
	font-size: .9rem;
	color: #034790;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #0d47a1;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.bg-sds-orange {background-color: #f26522;}
.text-sds-orange {color: #f26522;}
.bg-sds-blue {background-color: #006699;}
.text-sds-blue {color: #006699;}
.bg-sds-pale-blue {background-color: #d9edf7; color:#666}

dl.sds-dl dt, dl.sds-dl dd {
	line-height: 2.25;
}

.popup-message {
	position: fixed;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 10000;
	white-space: nowrap;  /* Prevent text from wrapping */
	text-align: center;  /* Center the text */
}

.popup-message .icon {
	margin-right: 10px;
	color: #28a745;
}

.popup-message .message {
	font-size: 16px;
	font-weight: bold;
}

#card-row {
	display: flex;
	flex-wrap: wrap;
}

.card-section {
	flex-grow: 1;
}

.card-grid {
	display: grid;
	grid-template-rows: repeat(4, auto);
}

.card-grid .card-title {
	margin-bottom:2px;
}
.card-grid div {
	margin-bottom:8px;
}

table.event-dates tbody {
	cursor:pointer;
}

.highlight {
	background-color:#069;
	color:#FFF;
}

.sds-badge {
color:#FFF;
display: inline-block;
padding: .25em .4em;
font-weight:normal;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 4px;
margin-right: 2px;
margin-bottom:2px;
}

.sds-badge-available {
	background-color:#51a251;
}

.sds-badge-selected {
	background-color:#477BC8;;
}

.sds-badge-disabled {
	background-color:#bfbfbf;
	color:#464646;
	cursor: not-allowed;
	opacity: 0.6;
}

.btn.btn-sm, .btn.btn-block, input, .navbar {
	border-radius: .3rem;
	margin-inline-end: .35rem;
}
.btn-sm {
	line-height: 1.3;
}

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

.clearable input[type="search"] {
	padding-right: 24px;
}

.clearable__clear {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	display: none;
	color: #aaa;
	font-size: 1.5em;
}

.clearable input[type="search"]:valid ~ .clearable__clear {
	display: block;
}

/* This media query targets WebKit browsers, including Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.clearable input[type="search"]::-webkit-search-cancel-button {
		display: none;
	}
}

.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 30%;
	width: 14px;
	height: 14px;
	border: 1px solid  #ced4da; /* Set border color as needed */
	outline: none;
}

.form-check-input:checked {
	background-color: #034790; /* Set background color as needed */
	border-color:  #034790; /* Set border color as needed */
}

/* Shopping Cart icon styling */

#view-cart {
	cursor: pointer;
	user-select: none;
}

#view-cart svg {
	width: 36px;
	height: 26px;
	stroke: currentColor;
	stroke-width: 1;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#cart-qty {
	fill: white;
	font-size: 8px;
	font-weight: lighter;
}

li i.active {
	color: darkgray;background-color: lightgray;
}