/* pseudos *******************************/

/* dark blue: #14274e rgb(20,39,78) */
/* lighter blue: #02709a rgb(2,112,154) */
/* lightest blue: #0092ca rgb(0,146,202) */
/* orange: #e05a26 rgb(224,90,38) */
/* gray/blue: #f7f7fa */
/* light blue text: #c5c9d2 */

#333
#00bad6
#d9f6fc
purple 8a4fff
red d64933
blue 005377
:root {
	--cl: #f1f3f4; /* light */
	--cd: #333; /* dark */
	--cw: #fff; /* white */
	--cb: #000; /* black */
	--c0: #14274e; /* dark blue */
	--c1: #02709a; /* lighter blue */
	--c2: #0092ca; /* lightest blue */
	--c3: #e05a26; /* orange */
	--c4: #06283d; /* darkest blue */
	--c5: #e9ecef; /* hover blue */
	--cl-rgb: 20,39,78;
	--cd-rgb: 20,39,78;
	--cw-rgb: 255,255,255;
	--cb-rgb: 0,0,0;
	--c0-rgb: 20,39,78;
	--c1-rgb: 2,112,154;
	--c2-rgb: 0,146,202;
	--c3-rgb: 224,90,38;
	--s0: 5px;
	--s1: 10px;
	--s2: 20px;
	--s3: 30px;
	--s4: 40px;
	--s5: 50px;
	--s6: 60px;
	--s7: 70px;
	--s8: 80px;
	--t0: 0.2s;
	--fs: 0.7rem;
	--of: 0.7;
	--e0: ease;
	--e1: all 0.3s cubic-bezier(.25,.8,.25,1);
	--shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

body {
	background-color: #fff;
	color: #444;
	font-family: 'Source Sans 3', serif;
	font-size: 1rem;
	line-height: 1.5;
	position: relative;
}

a {
	color: #0198af;
	text-decoration: none;
	transition: all ease 0.2s;
}

a:hover {
	text-decoration: underline;
}

.table th,
.table td {
	color: #444;
}

.table thead {
	background-color: #999;
}

table tbody tr:hover td,
table tbody tr:hover th {
	background-color: #e5f8fb;
}

th, td {
	white-space: nowrap;
}

thead.sticky-head {
	position: sticky;
	z-index: 22;
	top: 0;
}