/* Entry point for your PostCSS build */
/* dev.css v6, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
/* about: tiny, simple, classless CSS framework inspired by new.css */
/* table of contents
	1. configurable variables
	2. typography
	3. document
	4. blockquotes
	5. buttons and inputs
	6. code and keyboards
	7. details
	8. description lists
	9. horizontal rules
	10. fieldsets
	11. tables
	12. lists
	13. media
*/
/* 1. configurable variables */
/* adjustable by you! see ./theme/boilerplate.user.css */
:root {
	/* font families */
	--dc-font: ui-sans-serif, system-ui, sans-serif;
	--dc-font-mono: ui-monospace, monospace;

	/* light/dark colors */
	color-scheme: light dark; /* light and dark scrollbars, inputs, etc */
	--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
	--dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */
	--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
	--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
	--dc-bg-3: light-dark(#d3d3d3, #494949); /* border */
	--dc-lk: light-dark(#005ff2, #47a8ff); /* link text */
	--dc-btn: light-dark(#006bff, #006efe); /* link button */
	--dc-btn-hover: light-dark(#0059ec, #005be7); /* link button hover */
	--dc-btn-tx: light-dark(#fff, #fff); /* text over buttons */
	--dc-ac: light-dark(#a000f8, #9440d5); /* accent color */

	/* layout */
	--dc-width: 48rem; /* max width */
}
/* 2. typography */
p {
	overflow-wrap: break-word;
	text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
	text-wrap: balance;
	color: var(--dc-tx-1);
}
h1,
h2,
h3 {
	padding-block-end: 0.125rem;
	border-block-end: 1px solid var(--dc-bg-3);
	line-height: 1;
}
a {
	color: var(--dc-lk);
}
mark {
	border-radius: 0.375rem;
	padding: 0.125rem 0.25rem;
	background: var(--dc-ac);
	color: var(--dc-btn-tx);
}
code,
pre,
kbd,
samp {
	font-family: var(--dc-font-mono);
	font-size: 0.875rem;
}
/* 3. document */
body {
	font-family: var(--dc-font);
	color: var(--dc-tx-2);
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: var(--dc-width);
	margin: 0 auto;
	padding: 1rem;
	background: var(--dc-bg-2);
	overflow-x: hidden;
}
header * {
	padding: 0;
	margin: 0;
}
header > *:not(:last-child) {
	margin-block-end: 0.25rem;
}
header h1,
header h2,
header h3 {
	border-block-end: none;
}
header nav ul,
footer nav ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}
header nav ul li,
footer nav ul li {
	margin: 0;
	display: flex;
	align-items: center;
}
header nav ul li:not(:first-child)::before,
footer nav ul li:not(:first-child)::before {
	content: "•";
	margin: 0 0.25em;
}
aside {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
main,
body > article,
aside article {
	padding-inline: 1.5rem;
	background: var(--dc-bg-1);
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
}
main article {
	margin-block: 1rem;
	padding-inline: 1.5rem;
	background: var(--dc-bg-2);
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
}
article h1,
article h2,
article h3 {
	border-block-end: none;
}
aside article details {
	margin-block: 1rem;
}
@media (max-width: 48rem) {
	main {
		margin-inline: -1rem;
		background: none;
		border: none;
	}

	main article,
	aside article,
	main code,
	main samp,
	main kbd,
	main pre,
	main blockquote,
	main details:not(aside details) {
		background: var(--dc-bg-1);
	}

	main tr:nth-child(even),
	main th {
		background: var(--dc-bg-1);
	}

	main,
	body > article,
	aside article,
	main article {
		padding-inline: 1rem;
	}
}
@media (min-width: 82rem) {
	body:has(main):has(aside) {
		display: grid;
		grid-template-columns: minmax(0, 16rem) minmax(0, var(--dc-width)) minmax(
				0,
				16rem
			);
		grid-template-areas:
			". header ."
			"aside-l main aside-r"
			". footer .";
		max-width: 80rem;
	}

	body:has(main):has(aside) header {
		grid-area: header;
	}
	body:has(main):has(aside) main {
		grid-area: main;
	}
	body:has(main):has(aside) aside:nth-of-type(1) {
		grid-area: aside-l;
	}
	body:has(main):has(aside) aside:nth-of-type(2) {
		grid-area: aside-r;
	}
	body:has(main):has(aside) footer {
		grid-area: footer;
	}
}
/* 4. blockquotes */
blockquote {
	padding: 1rem;
	margin-inline: 0;
	background: var(--dc-bg-2);
	border: 1px solid var(--dc-bg-3);
	border-inline-start: 5px solid var(--dc-bg-3);
	border-radius: 0.375rem;
}
/* 5. buttons and inputs */
input,
button,
textarea,
select {
	font: inherit;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	padding: 0.25rem 0.75rem;
	text-align: center;
	text-decoration: none;
	background: var(--dc-btn);
	color: var(--dc-btn-tx);
	border: 0;
	border-radius: 0.375rem;
	cursor: pointer;
}
button[disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled] {
	cursor: not-allowed;
	opacity: 0.5;
}
:is(
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"]
):is(:focus, :enabled:hover) {
	background: var(--dc-btn-hover);
}
textarea,
select,
input {
	padding: 0.25rem 0.5rem;
	background: var(--dc-bg-2);
	color: var(--dc-tx-2);
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
	box-shadow: none;
	box-sizing: border-box;
}
textarea {
	max-width: 100%;
}
input,
progress {
	accent-color: var(--dc-ac);
}
/* 6. code and keyboards */
code,
samp,
kbd,
pre {
	background: var(--dc-bg-2);
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
	padding: 0.125rem 0.25rem;
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4;
}
kbd {
	border-block-end: 3px solid var(--dc-bg-3);
}
pre {
	padding: 1rem;
	max-width: 100%;
	overflow: auto;
}
pre code {
	padding: 0;
	border: 0;
}
/* 7. details */
details:not(aside details) {
	margin-block: 1rem;
	padding: 1rem 1.5rem;
	background: var(--dc-bg-2);
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
}
summary {
	cursor: pointer;
	font-weight: bold;
}
details[open] > :last-child {
	margin-block-end: 0;
}
/* 8. description lists */
dt {
	font-weight: bold;
}
dd::before {
	content: "→ ";
}
/* 9. horizontal rules */
hr {
	border: 0;
	border-block-end: 2px solid var(--dc-bg-3);
}
/* 10. fieldsets */
fieldset {
	padding: 1rem;
	border: 1px solid var(--dc-bg-3);
	border-radius: 0.375rem;
}
legend {
	padding-inline: 0.5rem;
}
/* 11. tables */
table {
	border-collapse: collapse;
	width: 100%;
}
td,
th {
	border: 1px solid var(--dc-bg-3);
	text-align: left;
	padding: 0.5rem;
}
th {
	background: var(--dc-bg-2);
}
tr:nth-child(even) {
	background: var(--dc-bg-2);
}
table caption {
	font-weight: bold;
}
/* 12. lists */
ol,
ul {
	padding-inline-start: 2rem;
}
li {
	margin-block-start: 0.375rem;
}
/* 13. media */
img,
picture,
video,
canvas,
svg {
	max-width: 100%;
	height: auto;
}
/* ==userstyle==
@name         boilerplate for dev.css
@description  a template that you can modify. copied from dev.css defaults. removing lines will revert to the dev.css default, for example the font lines
@namespace    author
@version      1.0.0
@author       author <author@example.com> (https://example.com)
@homepageURL  https://example.com
@supportURL   https://example.com/issues
@license      MIT
==/userstyle== */
:root {
	/* font families */
	--dc-font: ui-sans-serif, system-ui, sans-serif;
	--dc-font-mono: ui-monospace, monospace;

	/* light/dark colors */
	color-scheme: light dark; /* light/dark scrollbars, inputs, etc */
	--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
	--dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */
	--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
	--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
	--dc-bg-3: light-dark(#d3d3d3, #494949); /* border */
	--dc-lk: light-dark(#005ff2, #47a8ff); /* link text */
	--dc-btn: light-dark(#006bff, #006efe); /* link button */
	--dc-btn-hover: light-dark(#0059ec, #005be7); /* link button hover */
	--dc-btn-tx: light-dark(#fff, #fff); /* text over buttons */
	--dc-ac: light-dark(#a000f8, #9440d5); /* accent color */

	/* layout */
	--dc-width: 60rem; /* max width */
}
.auto-hide-alert {
  position: absolute;
  top:0px;
  margin: 0 auto;
  width: 100%;
  height: 50px;
  margin-top: 0px;
  background: #F36B47;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  z-index: 2000;
  font-size: 14px;
}
.auto-hide-notif {
  position: absolute;
  top:-64px;
  margin: 0 auto;
  width: 100%;
  height: 50px;
  margin-top: 0px;
  background: #F36B47;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  z-index: 2000;
  font-size: 14px;
}
.ranges table {
  font-size: 13px; width: auto;
}
.active { background: #eee; }
.shipment_count { background: #666; color: #fff; }
.open_shipment_count { background: #22D760; color: #444; }
.ranges table tr th {
  font-size: 13px; padding: 3px !important; width: 20%;
}
.ranges table tr td {
  font-size: 13px; padding: 3px !important;
}
.in_redis { color: green; float: right; }
.not_in_redis { color: red; float: right; }
.top { width: 100%; padding-top: 12px; padding-bottom: 18px; }
.show-on-tr-hover { visibility: hidden; }
.red { color:  red; }
.red:hover { color:  red; }
.token_cell { min-width: 305px; }
.digg_pagination {
  background: white;
  cursor: default;
  /* self-clearing method: */ }
.digg_pagination a, .digg_pagination span, .digg_pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px; }
.digg_pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd; }
.digg_pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #2e6ab1;
    color: white;
    border: 1px solid #2e6ab1; }
.digg_pagination a {
    text-decoration: none;
    color: #105cb6;
    border: 1px solid #9aafe5; }
.digg_pagination a:hover, .digg_pagination a:focus {
      color: #000033;
      border-color: #000033; }
.digg_pagination .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
.digg_pagination .page_info b {
      color: #000033;
      background: #6aa6ed;
      padding: 0.1em 0.25em; }
.digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
* html .digg_pagination {
    height: 1%; }
*:first-child + html .digg_pagination {
    overflow: hidden; }