*,
*::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: rgba(248,249,250, 1);
}

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


h1 {
	font-size: 1.75rem;
}

h2 {
	font-size: 1.25rem;
}

li {
	padding: 3px 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: 2.75rem;
    overflow-y: hidden;
}

.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: .875rem;
    color: #6c757d;
}

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

.check-fresh-result {
	background-color: #fffbc5;
}

tr.check-valid td.tocolor {
	color: #0bbd18;
}

tr.check-invalid td.tocolor {
	color: #ff0000;
}

td.check-valid {
	color: #0bbd18;
}

td.check-invalid {
	color: #ff0000;
}

.edit-balance {
	width: 100px;
}

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;
}

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