@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphiconshalflings_regular.ttf') format('truetype');
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ul[class],
ol[class] {
  padding: 0;
}

form {
	margin: 0;
}

label {
	margin-bottom: 0;
}

body {
	margin: 0;
	font-size: 16px;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff;
}

body.bg-body-tertiary {
	background-color: rgb(248,249,250);
}

code {
	color: #ed143d;
	/*background-color: #f1f1f1;*/
	margin-bottom: 10px;
	padding: 2px;
	display: block;
}


h1 {
	font-size: 1.75rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 1.25rem;
}

li {
	padding: 3px 0;
}

p {
	margin-bottom: 0.5rem;
}

.navbar-nav {
	--bs-nav-link-color: #000;
}

.navbar-brand {
	--bs-navbar-brand-color: #000;
}

.navbar .container, .navbar .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.nav-link:first-child {
	padding-left: 0;
}

.response-code {
	font-family: var(--bs-font-monospace);
    font-size: .875em;
}

.table-white {
	background-color: #ffffff;
}

.footer {
	padding-top: 40px;
	padding-bottom: 30px;
}

.nav-scroller {
	position: relative;
    z-index: 2;
    height: 3rem;
    overflow-y: hidden;
	margin-top: 8px;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
	padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    color: #6c757d;
}

.balance-top {
	color: #fff!important;
}

span.okmsg {
	display: none;
	position: absolute;
    top: 0.6rem;
    left: 0.6rem;
	background-color: #fff;
	padding: 5px;
	font-weight: bold;
    color: #7ABA59;
}

#bulk-results {
	font-size: 0.85rem;
}

.cart-add {
	cursor: pointer;
}

.cart-add::after {
	content: "\e116";
    font-family: Glyphicons Halflings, sans-serif;
	color: var(--bs-link-color);
}

.cart-add.cart-remove::after {
	content: "added";
	color: #03b600;
}

.cart-delete {
	cursor: pointer;
}

.cart-delete::after {
	content: "\e014";
    font-family: Glyphicons Halflings, sans-serif;
	color: var(--bs-link-color);
}

.loading {
	background-image: url(/media/loading.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

div.loading {
	width: 25px;
    height: 25px;
}