/* Copyright Hadron Industries */
/* Copyright Hadron Industries */
/* to here */
/* Copyright Hadron Industries */
/* apply box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

/* Copyright Hadron Industries */
/*-- Structure -----------------------------------------------------------*/
.ux-spa-root {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.ux-parent-col {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.ux-parent-col > .ux-child-expand {
  flex: 1 1 0%;
  min-height: 0;
  overflow: auto; }

.ux-parent-row {
  display: flex;
  flex-direction: row;
  align-items: stretch; }

.ux-parent-row > .ux-child-expand {
  flex: 1 1 0%;
  min-width: 0;
  overflow: auto; }

.ux-parent-row > .ux-child-center {
  align-self: center;
  margin-left: auto;
  margin-right: auto; }

.ux-parent-row > .ux-child-center-max {
  object-fit: contain;
  margin-left: auto;
  margin-right: auto; }

.ux-parent-stack {
  position: relative; }

.ux-parent-stack > .ux-child-expand {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ux-parent-stack > .ux-child-center-max {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; }

.ux-parent-stack > .ux-child-center {
  position: absolute;
  /* center-absolute */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*-- Interaction Helpers ---------------------------------------------------*/
.ux-suppress-highlighting {
  /* Used to suppress highlighting during interaction */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .ux-suppress-highlighting iframe {
    /* Prevent iframes from swallowing the mouse */
    pointer-events: none; }

/*-- Tool System -----------------------------------------------------------*/
.ux-tool-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 1.5rem;
  white-space: nowrap; }

.ux-tool-col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem; }

.ux-tool-row-group {
  /* tighter spacing than ux-tool-row */
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem; }

/* Dividers */
.ux-row-divider {
  padding: 0;
  border-left: 1px solid #9E9E9E;
  align-self: stretch;
  /* ensures full height */ }

.ux-col-divider {
  padding: 0;
  border-top: 1px solid #9E9E9E;
  align-self: stretch;
  /* ensures full width */ }

/*-- Solid Buttons -----------------------------------------------------------*/
.ux-button-clear, .ux-text-button, .ux-icon-button, .ux-icon-button-4, .ux-icon-button-5, .ux-icon-button-6, .ux-icon-button-7, .ux-icon-button-8 {
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  cursor: pointer;
  text-decoration: none; }

.ux-button, .ux-button-blue, .ux-button-red, .ux-button-green, .ux-button-blue-grey, .ux-button-lt-grey {
  -webkit-appearance: none;
  border: none;
  outline: none;
  font-size: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 2rem;
  width: max-content;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  text-decoration: none; }
  .ux-button:hover, .ux-button-blue:hover, .ux-button-red:hover, .ux-button-green:hover, .ux-button-blue-grey:hover, .ux-button-lt-grey:hover {
    /* shadow-md */
    filter: drop-shadow(0 4px 3px black) drop-shadow(0 2px 2px black);
    filter: brightness(0.95);
    text-decoration: none; }
  .ux-button:disabled, .ux-button-blue:disabled, .ux-button-red:disabled, .ux-button-green:disabled, .ux-button-blue-grey:disabled, .ux-button-lt-grey:disabled {
    filter: grayscale(100%) opacity(60%);
    cursor: not-allowed; }

.ux-button-blue {
  color: #FFFFFF;
  background-color: #1E88E5; }

.ux-button-red {
  color: #FFFFFF;
  background-color: #E53935; }

.ux-button-green {
  color: #FFFFFF;
  background-color: #43A047; }

.ux-button-blue-grey {
  color: #FFFFFF;
  background-color: #455A64; }

.ux-button-lt-grey {
  color: #212121;
  background-color: #E0E0E0;
  border: 1px solid #BDBDBD; }

/*-- Text/Icon Buttons and Links -----------------------------------------------------------*/
.ux-text-button {
  cursor: pointer;
  color: #1E88E5; }
  .ux-text-button:hover {
    color: #1976D2; }

/* Icons */
.ux-icon-button, .ux-icon-button-4, .ux-icon-button-5, .ux-icon-button-6, .ux-icon-button-7, .ux-icon-button-8 {
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem; }

.ux-icon-button-4 {
  width: 1rem;
  height: 1rem; }

.ux-icon-button-6 {
  height: 1.5rem;
  width: 1.5rem; }

.ux-icon-button-7 {
  height: 1.75rem;
  width: 1.75rem; }

.ux-icon-button-8 {
  height: 2rem;
  width: 2rem; }

/* Links */
.ux-url-text {
  color: #1E88E5;
  text-decoration: none; }

.ux-url-icon, .ux-url-icon-4, .ux-url-icon-5, .ux-url-icon-6, .ux-url-icon-7, .ux-url-icon-8 {
  text-decoration: none;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem; }

.ux-url-icon-4 {
  height: 1rem;
  width: 1rem; }

.ux-url-icon-6 {
  height: 1.5rem;
  width: 1.5rem; }

.ux-url-icon-7 {
  height: 1.75rem;
  width: 1.75rem; }

.ux-url-icon-8 {
  height: 2rem;
  width: 2rem; }

/* Colors with Hover */
.ux-text-grey-to-red {
  color: #757575; }
  .ux-text-grey-to-red:hover {
    color: #E53935; }

.ux-text-slate-to-blue {
  color: #455A64; }
  .ux-text-slate-to-blue:hover {
    color: #1E88E5; }

.ux-text-lt-grey-to-blue {
  color: #BDBDBD; }
  .ux-text-lt-grey-to-blue:hover {
    color: #1E88E5; }

/*-- Form Inputs -----------------------------------------------------------*/
.ux-input-text {
  height: 2rem;
  padding: 0 0.5rem;
  outline: none;
  border: none;
  -webkit-appearance: none;
  border: 1px solid #90A4AE;
  font-size: 1rem;
  border-radius: 0.25rem; }
  .ux-input-text:focus {
    outline: none;
    border: none;
    -webkit-appearance: none;
    border: 1px solid #1E88E5; }

.ux-input-textarea {
  padding: 0.5rem;
  outline: none;
  border: none;
  -webkit-appearance: none;
  border: 1px solid #90A4AE;
  font-size: 1rem;
  border-radius: 0.25rem; }
  .ux-input-textarea:focus {
    outline: none;
    border: none;
    -webkit-appearance: none;
    border: 1px solid #1E88E5; }

.ux-input-text-clear {
  border: none;
  outline: none;
  font-size: 1rem; }
  .ux-input-text-clear::focus {
    border: none;
    outline: none; }

.ux-select {
  height: 2rem;
  padding: 0 0.5rem;
  font-size: 0.9rem;
  border-radius: 0.25rem;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-appearance: none;
  border: 1px solid #90A4AE;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem; }
  .ux-select:focus {
    outline: none;
    border: none;
    -webkit-appearance: none;
    border: 1px solid #1E88E5; }

/*-- Pre -----------------------------------------------------------*/
pre.ux-pre-json {
  font-size: 0.85rem;
  padding: 0.5rem;
  background: #CFD8DC;
  white-space: pre-wrap;
  border-radius: 4px;
  line-height: 1.25; }

pre.ux-pre-json-dark {
  font-size: 0.85rem;
  padding: 0.5rem;
  background: #263238;
  color: #FFFFFF;
  white-space: pre-wrap;
  border-radius: 4px;
  line-height: 1.25; }

/*-- Chiclets -----------------------------------------------------------*/
.ux-chiclet-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem; }

.ux-chiclet {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem;
  color: #FFFFFF; }

/*-- Tabs -------------------------------------------------------*/
.ux-v-tabs {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background-color: #37474F;
  color: #F5F5F5; }
  .ux-v-tabs > span {
    /* p-4 cursor-pointer */
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: row; }
    .ux-v-tabs > span:hover {
      background-color: #263238;
      color: #FFFFFF; }
  .ux-v-tabs > span.selected {
    background-color: #263238;
    /* color: $blue-300; */ }

/*-- Dropdown -----------------------------------------------------*/
.ux-dropdown-menu {
  display: block;
  border-top: 0.25rem solid transparent;
  list-style: none; }

.ux-dropdown-item {
  padding: 0.75rem 1rem;
  background-color: #FAFAFA; }
  .ux-dropdown-item:hover {
    background-color: #1E88E5;
    color: #FFFFFF; }
  .ux-dropdown-item:not(:last-child) {
    border-bottom: 1px solid #BDBDBD; }
  .ux-dropdown-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .ux-dropdown-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

/*-- Context Menu ------------------------------------------------------*/
/*
Define more tightly because sizing needs to be more normalized for positioning
*/
.ux-context-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #FFFFFF;
  padding: 0.25rem 0;
  border-radius: 0.25rem; }

.ux-cm-entry {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  cursor: pointer; }
  .ux-cm-entry:hover {
    background-color: #1E88E5;
    color: #FFFFFF; }

.ux-cm-label {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.5rem; }

.ux-cm-icon-row {
  height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 1rem; }

.ux-cm-group {
  border-left: 1rem solid #212121;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.ux-cm-col-divider {
  padding: 0;
  margin: 0.25rem 0;
  border-top: 1px solid #9E9E9E;
  align-self: stretch;
  /* ensures full width */ }

.ux-cm-text {
  /* for arbitrary number of text lines */
  line-height: 2rem;
  padding: 0 0.5rem; }

/*-- Table -----------------------------------------------------------------------------*/
table.ux-basic-table {
  table-layout: auto;
  border-collapse: collapse; }
  table.ux-basic-table thead {
    background: #90A4AE; }
  table.ux-basic-table th {
    font-weight: normal; }
  table.ux-basic-table td, table.ux-basic-table th {
    border: 1px solid #BDBDBD;
    padding: 0.5rem;
    text-align: left; }

.bg-black {
  background-color: black; }

.bg-white {
  background-color: white; }

.bg-transparent {
  background-color: transparent; }

.bg-grey-50 {
  background-color: #FAFAFA; }

.bg-grey-100 {
  background-color: #F5F5F5; }

.bg-grey-200 {
  background-color: #EEEEEE; }

.bg-grey-300 {
  background-color: #E0E0E0; }

.bg-grey-400 {
  background-color: #BDBDBD; }

.bg-grey-500 {
  background-color: #9E9E9E; }

.bg-grey-600 {
  background-color: #757575; }

.bg-grey-700 {
  background-color: #616161; }

.bg-grey-800 {
  background-color: #424242; }

.bg-grey-900 {
  background-color: #212121; }

.bg-blue-grey-50 {
  background-color: #ECEFF1; }

.bg-blue-grey-100 {
  background-color: #CFD8DC; }

.bg-blue-grey-200 {
  background-color: #B0BEC5; }

.bg-blue-grey-300 {
  background-color: #90A4AE; }

.bg-blue-grey-400 {
  background-color: #78909C; }

.bg-blue-grey-500 {
  background-color: #607D8B; }

.bg-blue-grey-600 {
  background-color: #546E7A; }

.bg-blue-grey-700 {
  background-color: #455A64; }

.bg-blue-grey-800 {
  background-color: #37474F; }

.bg-blue-grey-900 {
  background-color: #263238; }

.bg-blue-50 {
  background-color: #E3F2FD; }

.bg-blue-100 {
  background-color: #BBDEFB; }

.bg-blue-200 {
  background-color: #90CAF9; }

.bg-blue-300 {
  background-color: #64B5F6; }

.bg-blue-400 {
  background-color: #42A5F5; }

.bg-blue-500 {
  background-color: #2196F3; }

.bg-blue-600 {
  background-color: #1E88E5; }

.bg-blue-700 {
  background-color: #1976D2; }

.bg-blue-800 {
  background-color: #1565C0; }

.bg-blue-900 {
  background-color: #0D47A1; }

.bg-green-50 {
  background-color: #E8F5E9; }

.bg-green-100 {
  background-color: #C8E6C9; }

.bg-green-200 {
  background-color: #A5D6A7; }

.bg-green-300 {
  background-color: #81C784; }

.bg-green-400 {
  background-color: #66BB6A; }

.bg-green-500 {
  background-color: #4CAF50; }

.bg-green-600 {
  background-color: #43A047; }

.bg-green-700 {
  background-color: #388E3C; }

.bg-green-800 {
  background-color: #2E7D32; }

.bg-green-900 {
  background-color: #1B5E20; }

.bg-red-50 {
  background-color: #FFEBEE; }

.bg-red-100 {
  background-color: #FFCDD2; }

.bg-red-200 {
  background-color: #EF9A9A; }

.bg-red-300 {
  background-color: #E57373; }

.bg-red-400 {
  background-color: #EF5350; }

.bg-red-500 {
  background-color: #F44336; }

.bg-red-600 {
  background-color: #E53935; }

.bg-red-700 {
  background-color: #D32F2F; }

.bg-red-800 {
  background-color: #C62828; }

.bg-red-900 {
  background-color: #B71C1C; }

/* other colors */
.bg-yellow-600 {
  background-color: #FDD835; }

.bg-amber-600 {
  background-color: #FFB300; }

.bg-amber-700 {
  background-color: #FFA000; }

.bg-amber-800 {
  background-color: #FF8F00; }

/* widths and sides */
.border {
  border-width: 1px;
  border-style: solid; }

.border-l {
  border-width: 0px;
  border-left-width: 1px; }

.border-r {
  border-width: 0px;
  border-right-width: 1px; }

.border-t {
  border-width: 0px;
  border-top-width: 1px; }

.border-b {
  border-width: 0px;
  border-bottom-width: 1px; }

.border-l-2 {
  border-width: 0px;
  border-left-width: 2px; }

.border-r-2 {
  border-width: 0px;
  border-right-width: 2px; }

.border-t-2 {
  border-width: 0px;
  border-top-width: 2px; }

.border-b-2 {
  border-width: 0px;
  border-bottom-width: 2px; }

/* styles */
.border-solid {
  border-style: solid; }

/* colors */
.border-white {
  border-color: #FFFFFF; }

.border-black {
  border-color: #000000; }

.border-transparent {
  border-color: rgba(0, 0, 0, 0); }

.border-grey-50 {
  border-color: #FAFAFA; }

.border-grey-100 {
  border-color: #F5F5F5; }

.border-grey-200 {
  border-color: #EEEEEE; }

.border-grey-300 {
  border-color: #E0E0E0; }

.border-grey-400 {
  border-color: #BDBDBD; }

.border-grey-500 {
  border-color: #9E9E9E; }

.border-grey-600 {
  border-color: #757575; }

.border-grey-700 {
  border-color: #616161; }

.border-grey-800 {
  border-color: #424242; }

.border-grey-900 {
  border-color: #212121; }

.border-blue-grey-50 {
  border-color: #ECEFF1; }

.border-blue-grey-100 {
  border-color: #CFD8DC; }

.border-blue-grey-200 {
  border-color: #B0BEC5; }

.border-blue-grey-300 {
  border-color: #90A4AE; }

.border-blue-grey-400 {
  border-color: #78909C; }

.border-blue-grey-500 {
  border-color: #607D8B; }

.border-blue-grey-600 {
  border-color: #546E7A; }

.border-blue-grey-700 {
  border-color: #455A64; }

.border-blue-grey-800 {
  border-color: #37474F; }

.border-blue-grey-900 {
  border-color: #263238; }

.m-0 {
  margin: 0rem; }

/* 1 */
.m-1 {
  margin: 0.25rem; }

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.ml-1 {
  margin-left: 0.25rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mr-1 {
  margin-right: 0.25rem; }

.mb-1 {
  margin-bottom: 0.25rem; }

/* 2 */
.m-2 {
  margin: 0.5rem; }

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.ml-2 {
  margin-left: 0.5rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mr-2 {
  margin-right: 0.5rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

/* 4 */
.m-4 {
  margin: 1rem; }

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.ml-4 {
  margin-left: 1rem; }

.mt-4 {
  margin-top: 1rem; }

.mr-4 {
  margin-right: 1rem; }

.mb-4 {
  margin-bottom: 1rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.p-0 {
  padding: 0rem; }

/* 1 */
.p-1 {
  padding: 0.25rem; }

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.pl-1 {
  padding-left: 0.25rem; }

.pt-1 {
  padding-top: 0.25rem; }

.pr-1 {
  padding-right: 0.25rem; }

.pb-1 {
  padding-bottom: 0.25rem; }

/* 2 */
.p-2 {
  padding: 0.5rem; }

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.pl-2 {
  padding-left: 0.5rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pr-2 {
  padding-right: 0.5rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

/* 4 */
.p-4 {
  padding: 1rem; }

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pl-4 {
  padding-left: 1rem; }

.pt-4 {
  padding-top: 1rem; }

.pr-4 {
  padding-right: 1rem; }

.pb-4 {
  padding-bottom: 1rem; }

/* 6 */
.p-6 {
  padding: 1.5rem; }

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.pl-6 {
  padding-left: 1.5rem; }

.pt-6 {
  padding-top: 1.5rem; }

.pr-6 {
  padding-right: 1.5rem; }

.pb-6 {
  padding-bottom: 1.5rem; }

/* 8 */
.p-8 {
  padding: 2rem; }

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem; }

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pl-8 {
  padding-left: 2rem; }

.pt-8 {
  padding-top: 2rem; }

.pr-8 {
  padding-right: 2rem; }

.pb-8 {
  padding-bottom: 2rem; }

/* 12 */
.p-12 {
  padding: 3rem; }

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem; }

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.pl-12 {
  padding-left: 3rem; }

.pt-12 {
  padding-top: 3rem; }

.pr-12 {
  padding-right: 3rem; }

.pb-12 {
  padding-bottom: 3rem; }

/* 16 */
.p-16 {
  padding: 4rem; }

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem; }

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pl-16 {
  padding-left: 4rem; }

.pt-16 {
  padding-top: 4rem; }

.pr-16 {
  padding-right: 4rem; }

.pb-16 {
  padding-bottom: 4rem; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.relative {
  position: relative; }

.top-4 {
  top: 1rem; }

.right-4 {
  right: 1rem; }

.bottom-4 {
  bottom: 1rem; }

.top-0 {
  top: 0rem; }

.top-half {
  top: 50%; }

.left-half {
  left: 50%; }

.left-0 {
  left: 0rem; }

.bottom-2 {
  bottom: 0.5rem; }

.right-2 {
  right: 0.5rem; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-auto {
  z-index: auto; }

/*-- Relational ------------------------------------------------------ */
.h-screen {
  height: 100vh; }

.w-screen {
  width: 100vw; }

.h-full {
  height: 100%; }

.w-full {
  width: 100%; }

/*-- Specific ------------------------------------------------------ */
.h-0 {
  height: 0rem; }

.h-1 {
  height: 0.25rem; }

.h-2 {
  height: 0.5rem; }

.h-4 {
  height: 1rem; }

.h-6 {
  height: 1.5rem; }

.h-8 {
  height: 2rem; }

.h-10 {
  height: 2.5rem; }

.h-12 {
  height: 3rem; }

.h-14 {
  height: 3.5rem; }

.h-16 {
  height: 4rem; }

.h-18 {
  height: 4.5rem; }

.h-20 {
  height: 5rem; }

.h-24 {
  height: 6rem; }

.h-28 {
  height: 7rem; }

.h-32 {
  height: 8rem; }

.h-36 {
  height: 9rem; }

.h-48 {
  height: 12rem; }

.h-64 {
  height: 16rem; }

.h-80 {
  height: 20rem; }

.h-96 {
  height: 24rem; }

.w-0 {
  width: 0; }

.w-1 {
  width: 0.25rem; }

.w-2 {
  width: 0.5rem; }

.w-4 {
  width: 1rem; }

.w-6 {
  width: 1.5rem; }

.w-8 {
  width: 2rem; }

.w-10 {
  width: 2.5rem; }

.w-12 {
  width: 3rem; }

.w-14 {
  width: 3.5rem; }

.w-16 {
  width: 4rem; }

.w-18 {
  width: 4.5rem; }

.w-20 {
  width: 5rem; }

.w-24 {
  width: 6rem; }

.w-28 {
  width: 7rem; }

.w-32 {
  width: 8rem; }

.w-36 {
  width: 9rem; }

.w-48 {
  width: 12rem; }

.w-64 {
  width: 16rem; }

.w-80 {
  width: 20rem; }

.w-96 {
  width: 24rem; }

/*-- Min ------------------------------------------------------ */
.min-h-0 {
  min-height: 0; }

.min-w-half {
  min-width: 50%; }

.min-w-full {
  min-width: 100%; }

/*-- Max ------------------------------------------------------ */
.max-w-48 {
  max-width: 12rem; }

.max-h-48 {
  max-height: 12rem; }

/*-- Display -----------------------------------------------------------*/
.hidden {
  display: none; }

.inline-block {
  display: inline-block; }

/*-- Overflow -----------------------------------------------------------------*/
.overflow-auto {
  overflow: auto; }

.overflow-scroll {
  overflow: scroll; }

.overflow-hidden {
  overflow: hidden; }

.overflow-clip {
  overflow: clip; }

/*-- Fit --------------------------------------------------------------*/
.object-contain {
  object-fit: contain; }

.object-scale-down {
  object-fit: scale-down; }

.flex {
  display: flex; }

.flex-row {
  flex-direction: row; }

.flex-col {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-1 {
  flex: 1 1 0%; }

.grow {
  flex-grow: 1; }

.order-first {
  order: -9999; }

.items-center {
  align-items: center; }

.justify-center {
  justify-content: center; }

.justify-self-start {
  justify-self: start; }

.justify-self-end {
  justify-self: end; }

.self-stretch {
  align-self: stretch; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.gap-x-1 {
  column-gap: 0.25rem; }

.gap-x-4 {
  column-gap: 1rem; }

.gap-y-1 {
  row-gap: 0.25rem; }

.gap-1 {
  gap: 0.25rem; }

.gap-2 {
  gap: 0.5rem; }

.gap-3 {
  gap: 0.75rem; }

.gap-4 {
  gap: 1rem; }

.gap-6 {
  gap: 1.5rem; }

.gap-8 {
  gap: 2rem; }

.appearance-none {
  appearance: none; }

.cursor-pointer {
  cursor: pointer; }

.cursor-col-resize {
  cursor: col-resize; }

.shadow, .ux-context-menu, .UI_touch_context {
  -moz-box-shadow: 0px 0px 8px 0px #212121;
  -webkit-box-shadow: 0px 0px 8px 0px #212121;
  box-shadow: 0px 0px 8px 0px #212121; }

.shadow-xl {
  -moz-box-shadow: 0px 0px 16px 0px #212121;
  -webkit-box-shadow: 0px 0px 16px 0px #212121;
  box-shadow: 0px 0px 16px 0px #212121; }

.drop-shadow-lg {
  filter: drop-shadow(0 1px 2px #616161) drop-shadow(0 1px 1px #616161); }

.grayscale {
  filter: grayscale(100%); }

/*-- Radius ------------------------------------------------------------*/
.rounded-sm {
  border-radius: 0.125rem; }

.rounded {
  border-radius: 0.25rem; }

.rounded-md {
  border-radius: 0.375rem; }

.rounded-lg {
  border-radius: 0.5rem; }

.rounded-full {
  border-radius: 9999px; }

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.font-thin {
  font-weight: 100; }

.font-extralight {
  font-weight: 200; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.font-italic {
  font-style: italic; }

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-base {
  font-size: 1rem;
  line-height: 1.5rem; }

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem; }

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem; }

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem; }

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem; }

.lowercase {
  text-transform: lowercase; }

.leading-tight {
  line-height: 1.25; }

.leading-8 {
  line-height: 2rem; }

.text-center {
  text-align: center; }

.whitespace-nowrap {
  white-space: nowrap; }

.text-white {
  color: #FFFFFF; }

.text-black {
  color: #000000; }

/* grey */
.text-grey-50 {
  color: #FAFAFA; }

.text-grey-100 {
  color: #F5F5F5; }

.text-grey-200 {
  color: #EEEEEE; }

.text-grey-300 {
  color: #E0E0E0; }

.text-grey-400 {
  color: #BDBDBD; }

.text-grey-500 {
  color: #9E9E9E; }

.text-grey-600 {
  color: #757575; }

.text-grey-700 {
  color: #616161; }

.text-grey-800 {
  color: #424242; }

.text-grey-900 {
  color: #212121; }

/* blue-grey */
.text-blue-grey-50 {
  color: #ECEFF1; }

.text-blue-grey-100 {
  color: #CFD8DC; }

.text-blue-grey-200 {
  color: #B0BEC5; }

.text-blue-grey-300 {
  color: #90A4AE; }

.text-blue-grey-400 {
  color: #78909C; }

.text-blue-grey-500 {
  color: #607D8B; }

.text-blue-grey-600 {
  color: #546E7A; }

.text-blue-grey-700 {
  color: #455A64; }

.text-blue-grey-800 {
  color: #37474F; }

.text-blue-grey-900 {
  color: #263238; }

/* blue */
.text-blue-50 {
  color: #E3F2FD; }

.text-blue-100 {
  color: #BBDEFB; }

.text-blue-200 {
  color: #90CAF9; }

.text-blue-300 {
  color: #64B5F6; }

.text-blue-400 {
  color: #42A5F5; }

.text-blue-500 {
  color: #2196F3; }

.text-blue-600 {
  color: #1E88E5; }

.text-blue-700 {
  color: #1976D2; }

.text-blue-800 {
  color: #1565C0; }

.text-blue-900 {
  color: #0D47A1; }

/* Other colors */
.text-green-600 {
  color: #43A047; }

.text-red-300 {
  color: #E57373; }

.text-red-600 {
  color: #E53935; }

.divide-y:not(:last-child) {
  border-width: 0px;
  border-bottom-width: 1px; }

.divide-grey-300:not(:last-child) {
  border-color: #E0E0E0; }

.select-none {
  user-select: none; }

.overflow-hidden {
  overflow: hidden; }

.cursor-default {
  cursor: default; }

.placeholder--text-blue-grey-800::placeholder {
  color: #37474F; }
.placeholder--text-blue-grey-800::-ms-input-placeholder {
  color: #37474F; }

.before--content_dollar::before {
  content: "$ "; }

.mb-6 {
  margin-bottom: 1.5rem; }

.pt-6 {
  padding-top: 1.5rem; }

.pl-8 {
  padding-left: 2rem; }

.leading-6 {
  line-height: 1.5rem; }

.whitespace-pre-wrap {
  white-space: pre-wrap; }

.w-40-percent {
  width: 40%; }

.h-60-percent {
  height: 60%; }

.pulse-blue {
  animation: pulser_keysa 1.25s linear infinite;
  background-color: #2196F3; }

@keyframes pulser_keysa {
  50% {
    opacity: 0.25; } }
.hover--bg-blue-600:hover {
  background-color: #1E88E5; }

.hover--bg-blue-700:hover {
  background-color: #1976D2; }

.hover--bg-grey-700:hover {
  background-color: #616161; }

.hover--bg-red-700:hover {
  background-color: #D32F2F; }

.bg-shadow {
  background-color: rgba(0, 0, 0, 0.65); }

.bg-shadow-dark {
  background-color: rgba(0, 0, 0, 0.9); }

/*-- Position ------------------------------------------------------------------- */
.pin-top-left {
  top: 0;
  left: 0; }

.center-absolute {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.translate-x-neg-half {
  transform: translateX(-50%); }

.translate-y-neg-half {
  transform: translateY(-50%); }

.center-under-parent {
  transform: translateX(-50%);
  left: 50%; }

.right-under-parent {
  transform: translateX(-100%);
  left: 100%; }

.left-under-parent {
  /* default behavior */ }

/*-- Sizes ----------------------------------------------------------------------*/
.w-half-screen {
  width: 50vw; }

.w-two-thirds-screen {
  width: 68vw; }

.full-size {
  height: 100%;
  width: 100%; }

.full-screen {
  height: 100vh;
  width: 100vw; }

.half-screen {
  height: 50vh;
  width: 50vw; }

.sq-1 {
  height: 0.25rem;
  width: 0.25rem; }

.sq-2 {
  height: 0.5rem;
  width: 0.5rem; }

.sq-3 {
  height: 0.75rem;
  width: 0.75rem; }

.sq-4 {
  height: 1rem;
  width: 1rem; }

.sq-5 {
  height: 1.25rem;
  width: 1.25rem; }

.sq-6 {
  height: 1.5rem;
  width: 1.5rem; }

.sq-7 {
  height: 1.75rem;
  width: 1.75rem; }

.sq-8 {
  height: 2rem;
  width: 2rem; }

.w-95-percent {
  width: 95%; }

/*-- Styles ----------------------------------------------------------------------*/
.list-gap-4 li:not(:last-child) {
  margin-bottom: 1rem; }

.list-gap-2 li:not(:last-child) {
  margin-bottom: 0.5rem; }

.shadow-toolbar {
  -moz-box-shadow: 0px 1px 4px 0px #212121;
  -webkit-box-shadow: 0px 1px 4px 0px #212121;
  box-shadow: 0px 1px 4px 0px #212121; }

.hover-darken:hover {
  filter: brightness(0.75); }

/*-- Text ----------------------------------------------------------------------*/
:hover.hover--text-red-600 {
  color: #E53935; }

.debug-border-pink {
  border: 4px solid pink; }

.debug-border-green {
  border: 4px solid green; }

/* Copyright Hadron Industries */
.UI_touch_context {
  position: absolute;
  height: 48px;
  width: 48px;
  line-height: 48px;
  background-color: #F5F5F5;
  border: 1px solid #90A4AE;
  border-radius: 99px;
  color: #37474F;
  font-family: 'FontAwesome';
  font-weight: 900;
  text-align: center; }

.UI_touch_response {
  -moz-animation: UI_touch_response_pulse 0.125s ease-out;
  -moz-animation-iteration-count: 1;
  -webkit-animation: UI_touch_response_pulse 0.125s ease-out;
  -webkit-animation-iteration-count: 1;
  -ms-animation: UI_touch_response_pulse 0.125s ease-out;
  -ms-animation-iteration-count: 1;
  animation: UI_touch_response_pulse 0.125s ease-out;
  animation-iteration-count: 1; }

@-webkit-keyframes UI_touch_response_pulse {
  0% {
    background-color: #F5F5F5; }
  50% {
    background-color: #90A4AE; }
  100% {
    background-color: #F5F5F5; } }
@-moz-keyframes UI_touch_response_pulse {
  0% {
    background-color: #F5F5F5; }
  50% {
    background-color: #90A4AE; }
  100% {
    background-color: #F5F5F5; } }
@-ms-keyframes UI_touch_response_pulse {
  0% {
    background-color: #F5F5F5; }
  50% {
    background-color: #90A4AE; }
  100% {
    background-color: #F5F5F5; } }

/*# sourceMappingURL=main-compiled.css.map */