:root {
--green1: #004400; --green2: #337733; --green3: #339933; --green4: #cceecc; --green5: #eeffee;
--blue1: #003366; --blue2: #3a87ad; --blue3: #aaccee; --blue4: #ddeeff; --blue5: #f8faff;
--purple1: #440044; --purple2: #880088; --purple3: #bb33bb; --purple4: #eeaaee; --purple5: #ffddff;
--red1: #440000; --red2: #880000; --red3: #bb3333; --red4: #eeaaaa; --red5: #ffdddd;
--amber1: #775500; --amber2: #997700; --amber3: #c09853; --amber4: #faebcc; --amber5: #fcf8e3;
--grey1: #444444; --grey2: #666666; --grey3: #888888; --grey4: #d0d0d0; --grey5: #f7f7f7;
}
.m-auto { margin: auto !important; }
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.cursor-pointer { cursor: pointer; }
.no-wrap { white-space: nowrap; }
.op-0 { opacity: 0; }
.op-5 { opacity: 5%; }
.op-10 { opacity: 10%; }
.op-15 { opacity: 15%; }
.op-20 { opacity: 20%; }
.op-25 { opacity: 25%; }
.op-30 { opacity: 30%; }
.op-35 { opacity: 35%; }
.op-40 { opacity: 40%; }
.op-45 { opacity: 45%; }
.op-50 { opacity: 50%; }
.op-55 { opacity: 55%; }
.op-60 { opacity: 60%; }
.op-65 { opacity: 65%; }
.op-70 { opacity: 70%; }
.op-75 { opacity: 75%; }
.op-80 { opacity: 80%; }
.op-85 { opacity: 85%; }
.op-90 { opacity: 90%; }
.op-95 { opacity: 95%; }
.op-100 { opacity: 100%; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-light { border-width: 0.5px; }
.border-1 { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-3 { border-width: 3px; }
.bg-black { background-color: black!important; background-image: none; }
.border-black { border-color: black!important; }
.bg-white { background-color: white!important; background-image: none; }
.border-white { border-color: white!important; }
.text-transparent { color: transparent!important; }
.bg-transparent { background-color: transparent!important; background-image: none; }
.border-transparent { border-color: transparent!important; }
.text-green1 { color: var(--green1) !important; }
.text-green2 { color: var(--green2)!important; }
.text-green3 { color: var(--green3)!important; }
.text-green4 { color: var(--green4)!important; }
.text-green5 { color: var(--green5)!important; }
.bg-green1 { background-color: var(--green1)!important; background-image: none; }
.bg-green2 { background-color: var(--green2)!important; background-image: none; }
.bg-green3 { background-color: var(--green3)!important; background-image: none; }
.bg-green4 { background-color: var(--green4)!important; background-image: none; }
.bg-green5 { background-color: var(--green5)!important; background-image: none; }
.border-green1 { border-color: var(--green1)!important; }
.border-green2 { border-color: var(--green2)!important; }
.border-green3 { border-color: var(--green3)!important; }
.border-green4 { border-color: var(--green4)!important; }
.border-green5 { border-color: var(--green5)!important; }
.text-blue1 { color: var(--blue1)!important; }
.text-blue2 { color: var(--blue2)!important; }
.text-blue3 { color: var(--blue3)!important; }
.text-blue4 { color: var(--blue4)!important; }
.text-blue5 { color: var(--blue5)!important; }
.bg-blue1 { background-color: var(--blue1)!important; background-image: none; }
.bg-blue2 { background-color: var(--blue2)!important; background-image: none; }
.bg-blue3 { background-color: var(--blue3)!important; background-image: none; }
.bg-blue4 { background-color: var(--blue4)!important; background-image: none; }
.bg-blue5 { background-color: var(--blue5)!important; background-image: none; }
.border-blue1 { border-color: var(--blue1)!important; }
.border-blue2 { border-color: var(--blue2)!important; }
.border-blue3 { border-color: var(--blue3)!important; }
.border-blue4 { border-color: var(--blue4)!important; }
.border-blue5 { border-color: var(--blue5)!important; }
.text-amber1 { color: var(--amber1)!important; }
.text-amber2 { color: var(--amber2)!important; }
.text-amber3 { color: var(--amber3)!important; }
.text-amber4 { color: var(--amber4)!important; }
.text-amber5 { color: var(--amber5)!important; }
.bg-amber1 { background-color: var(--amber1)!important; background-image: none; }
.bg-amber2 { background-color: var(--amber2)!important; background-image: none; }
.bg-amber3 { background-color: var(--amber3)!important; background-image: none; }
.bg-amber4 { background-color: var(--amber4)!important; background-image: none; }
.bg-amber5 { background-color: var(--amber5)!important; background-image: none; }
.border-amber1 { border-color: var(--amber1)!important; }
.border-amber2 { border-color: var(--amber2)!important; }
.border-amber3 { border-color: var(--amber3)!important; }
.border-amber4 { border-color: var(--amber4)!important; }
.border-amber5 { border-color: var(--amber5)!important; }
.text-red1 { color: var(--red1)!important; }
.text-red2 { color: var(--red2)!important; }
.text-red3 { color: var(--red3)!important; }
.text-red4 { color: var(--red4)!important; }
.text-red5 { color: var(--red5)!important; }
.bg-red1 { background-color: var(--red1)!important; background-image: none; }
.bg-red2 { background-color: var(--red2)!important; background-image: none; }
.bg-red3 { background-color: var(--red3)!important; background-image: none; }
.bg-red4 { background-color: var(--red4)!important; background-image: none; }
.bg-red5 { background-color: var(--red5)!important; background-image: none; }
.border-red1 { border-color: var(--red1)!important; }
.border-red2 { border-color: var(--red2)!important; }
.border-red3 { border-color: var(--red3)!important; }
.border-red4 { border-color: var(--red4)!important; }
.border-red5 { border-color: var(--red5)!important; }
.text-grey1 { color: var(--grey1)!important; }
.text-grey2 { color: var(--grey2)!important; }
.text-grey3 { color: var(--grey3)!important; }
.text-grey4 { color: var(--grey4)!important; }
.text-grey5 { color: var(--grey5)!important; }
.bg-grey1 { background-color: var(--grey1)!important; background-image: none; }
.bg-grey2 { background-color: var(--grey2)!important; background-image: none; }
.bg-grey3 { background-color: var(--grey3)!important; background-image: none; }
.bg-grey4 { background-color: var(--grey4)!important; background-image: none; }
.bg-grey5 { background-color: var(--grey5)!important; background-image: none; }
.border-grey1 { border-color: var(--grey1)!important; }
.border-grey2 { border-color: var(--grey2)!important; }
.border-grey3 { border-color: var(--grey3)!important; }
.border-grey4 { border-color: var(--grey4)!important; }
.border-grey5 { border-color: var(--grey5)!important; }
.text-purple1 { color: var(--purple1)!important; }
.text-purple2 { color: var(--purple2)!important; }
.text-purple3 { color: var(--purple3)!important; }
.text-purple4 { color: var(--purple4)!important; }
.text-purple5 { color: var(--purple5)!important; }
.bg-purple1 { background-color: var(--purple1)!important; background-image: none; }
.bg-purple2 { background-color: var(--purple2)!important; background-image: none; }
.bg-purple3 { background-color: var(--purple3)!important; background-image: none; }
.bg-purple4 { background-color: var(--purple4)!important; background-image: none; }
.bg-purple5 { background-color: var(--purple5)!important; background-image: none; }
.border-purple1 { border-color: var(--purple1)!important; }
.border-purple2 { border-color: var(--purple2)!important; }
.border-purple3 { border-color: var(--purple3)!important; }
.border-purple4 { border-color: var(--purple4)!important; }
.border-purple5 { border-color: var(--purple5)!important; }
td.no-stretch, th.no-stretch { width: 0.1px; white-space: nowrap; }
.not-set, .unset { font-style: italic; color: #999999 !important; }
.text-inline { display: inline-block; }
.text-lightgray, .text-lightgrey { color: #dedede !important; }
.text-gray, .text-grey { color: #999999 !important; }
.text-darkgray, .text-darkgrey { color: #444444 !important; }
.text-white { color: #ffffff !important; }
.text-blue, .text-info { color: #0088cc !important; }
.text-darkblue { color: #005580 !important; }
.text-darkblue2 { color: #667788 !important; }
.text-orange, .text-warning, .text-warn { color: #f89406 !important; }
.text-red, .text-important { color: #cc0000 !important; }
.text-darkred { color: #b94a48 !important; }
.text-green, .text-success { color: green !important; }
.text-lightgreen { color: #68c965 !important; }
.text-yellow { color: #c09853 !important; }
.text-darkcyan { color: #006677 !important; }
.text-cyan { color: #009999 !important; }
.text-black { color: black !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-top { vertical-align: top !important; }
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important; }
.text-strong { font-weight: bold; }
.text-normal { font-weight: normal; }
.text-it, .text-italic { font-style: italic; }
.text-tt { font-family: monospace; }
.text-underline { text-decoration: underline; }
.text-superhuge { font-size: 5em; }
.text-huge2 { font-size: 3em; }
.text-huge { font-size: 1.5em; }
.text-large { font-size: 1.2em; }
.text-small { font-size: 0.85em; line-height: 1.4em !important; }
.text-tiny { font-size: 0.7em; line-height: 1.4em !important; }
.text-small td, .text-small th { line-height: 1.4em; }
.text-condensed { line-height: 1.1em; }
.text-ellipsis { overflow: hidden; text-overflow: ellipsis; }
.pill { background-color: var(--grey5); color: var(--grey1); font-size: 0.9em; text-align: center; padding: 0.2em 1em; border: 0.5px solid var(--grey4); border-radius: 2em; width: fit-content; display: inline-block; text-shadow: none; }
.pill.pill-white { background-color: white; border-color: var(--grey2); color: var(--grey1); }
.pill.pill-transparent { background-color: transparent; border-color: var(--grey2); color: var(--grey1); }
.pill.pill-inverse, .pill.pill-black { background-color: black; border-color: black; color: var(--grey5); }
.pill.pill-success { background-color: var(--green5); border-color: var(--green4); color: var(--green2); }
.pill.pill-important { background-color: var(--red5); border-color: var(--red4); color: var(--red2); }
.pill.pill-warn { background-color: var(--amber5); border-color: var(--amber4); color: var(--amber2); }
.pill.pill-info { background-color: var(--blue4); border-color: var(--blue3); color: var(--blue2); }
.color-label { width: 20px; height: 20px; border-radius: 3px; border: 0.5px solid var(--grey1); display: inline-block; vertical-align: middle; margin-bottom: 0.3em; }
.color-label.round { border-radius: 1em }
.badge {border-radius: 2em;}