/* /Components/Document.razor.rz.scp.css */
/*
*  Global variables
*
*  Used across multiple components
*/
/*
*  Global colour variables
*
*  1 - Greyscale colours
*  2 - System colours
*  3 - Accent colours
*    3.1 - Main
*    3.2 - Light
*    3.3 - Dark
*    3.4 - Callout backgrounds
*/
/*** 1 - Greyscale colours ***/
/*** 2 - System colours ***/
/*** 3 - Accent colours ***/
/* Main */
/* Light */
/* Dark */
/* callout backgrounds */
/* icon colours */
/* service ontario header colours */
/* -------------------------------
    Global font-weight variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/*** 1 - Breakpoint sizes for media queries ***/
/* -------------------------------
    Global letter-spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/* -------------------------------
    Global line-height variables
--------------------------------- */
/* -------------------------------
    Global typography variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/*
*  Grid functions
*
*  1 - Lower-bound
*  2 - Upper-bound
*  3 - Grid calc
*/
/*** 1 - Lower-bound ***/
/*** 2 - Upper-bound ***/
/*** 3 - Grid calc ***/
/*** 1 - Breakpoint sizes for media queries ***/
/*
*  Global grid variables
*
*  1 - Grid text variables
*  2 - Grid row/column variables
*  3 - Grid screen size variables
*/
/*** 1 - Grid text variables ***/
/*** 2 - Grid row/column variables ***/
/*** 3 - Grid screen size variables ***/
.upload-area[b-vyaiwr45oy] {
  background-color: #E2F0F4;
  color: #0066CC;
  border: solid 1px #0066CC;
  padding: 1rem;
}
.upload-area svg.ontario-icon[b-vyaiwr45oy] {
  width: 32px;
  height: 32px;
}
.upload-area.drag-over[b-vyaiwr45oy] {
  background-color: rgb(224.4, 239.7, 255);
}

@media only screen and (max-width: 40em) {
  .upload-message-2[b-vyaiwr45oy] {
    display: none;
  }
  .upload-message-3[b-vyaiwr45oy]::first-letter {
    text-transform: capitalize;
  }
}
/* /Controls/TableDisplay.razor.rz.scp.css */
/*
*  Global variables
*
*  Used across multiple components
*/
/*
*  Global colour variables
*
*  1 - Greyscale colours
*  2 - System colours
*  3 - Accent colours
*    3.1 - Main
*    3.2 - Light
*    3.3 - Dark
*    3.4 - Callout backgrounds
*/
/*** 1 - Greyscale colours ***/
/*** 2 - System colours ***/
/*** 3 - Accent colours ***/
/* Main */
/* Light */
/* Dark */
/* callout backgrounds */
/* icon colours */
/* service ontario header colours */
/* -------------------------------
    Global font-weight variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/*** 1 - Breakpoint sizes for media queries ***/
/* -------------------------------
    Global letter-spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/* -------------------------------
    Global line-height variables
--------------------------------- */
/* -------------------------------
    Global typography variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/*
*  Grid functions
*
*  1 - Lower-bound
*  2 - Upper-bound
*  3 - Grid calc
*/
/*** 1 - Lower-bound ***/
/*** 2 - Upper-bound ***/
/*** 3 - Grid calc ***/
/*** 1 - Breakpoint sizes for media queries ***/
/*
*  Global grid variables
*
*  1 - Grid text variables
*  2 - Grid row/column variables
*  3 - Grid screen size variables
*/
/*** 1 - Grid text variables ***/
/*** 2 - Grid row/column variables ***/
/*** 3 - Grid screen size variables ***/
thead th[b-ln91usjdac] {
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}

th .sort-container[b-ln91usjdac] {
  border: 0;
  display: inline;
  width: 1rem;
  cursor: pointer;
  background: inherit;
}

th .sort-container.sort-image[b-ln91usjdac] {
  width: 1.125rem;
  filter: invert(100%) sepia(0%) saturate(7406%) hue-rotate(4deg) brightness(106%) contrast(104%);
  position: relative;
}

.sort-image-up[b-ln91usjdac] {
  transform: rotate(180deg);
  top: 4px;
}

.sort-image-down[b-ln91usjdac] {
  top: -4px;
}

tbody tr.zebra[b-ln91usjdac] {
  background-color: #F2F2F2;
}
tbody tr:hover[b-ln91usjdac], tbody tr.zebra:hover[b-ln91usjdac] {
  background-color: rgb(232.05, 232.05, 232.05);
}
/* /Controls/TextAreaControl.razor.rz.scp.css */
.error-border[b-xkv60qktea] {
  outline: none !important;
  border: 2px solid red;
}

.ontario-form-group:last-of-type[b-xkv60qktea] {
  margin-bottom: 0;
}

.textarea-messages[b-xkv60qktea] {
  text-align: right;
}

.ontario-input[b-xkv60qktea] {
  max-width: none;
}

.ontario-textarea[b-xkv60qktea], .ontario-input[b-xkv60qktea] {
  margin-bottom: unset;
}

.empty-row .disabled[b-xkv60qktea] {
  cursor: not-allowed;
  border: solid 2px #ccc !important;
  background-color: #f2f2f2;
}
/* /Controls/TextInputControl.razor.rz.scp.css */
/*
*  Global variables
*
*  Used across multiple components
*/
/*
*  Global colour variables
*
*  1 - Greyscale colours
*  2 - System colours
*  3 - Accent colours
*    3.1 - Main
*    3.2 - Light
*    3.3 - Dark
*    3.4 - Callout backgrounds
*/
/*** 1 - Greyscale colours ***/
/*** 2 - System colours ***/
/*** 3 - Accent colours ***/
/* Main */
/* Light */
/* Dark */
/* callout backgrounds */
/* icon colours */
/* service ontario header colours */
/* -------------------------------
    Global font-weight variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/*** 1 - Breakpoint sizes for media queries ***/
/* -------------------------------
    Global letter-spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/* -------------------------------
    Global line-height variables
--------------------------------- */
/* -------------------------------
    Global typography variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/* Rem calc function */
/* Pixel to REM Conversion */
/*
*  Grid functions
*
*  1 - Lower-bound
*  2 - Upper-bound
*  3 - Grid calc
*/
/*** 1 - Lower-bound ***/
/*** 2 - Upper-bound ***/
/*** 3 - Grid calc ***/
/*** 1 - Breakpoint sizes for media queries ***/
/*
*  Global grid variables
*
*  1 - Grid text variables
*  2 - Grid row/column variables
*  3 - Grid screen size variables
*/
/*** 1 - Grid text variables ***/
/*** 2 - Grid row/column variables ***/
/*** 3 - Grid screen size variables ***/
.prefix-text[b-6pmcpfc413] {
  display: inline-block;
  text-align: left;
  margin-right: 4px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
}

.prefix[b-6pmcpfc413] {
  display: inline-block !important;
  width: 88% !important;
}

.input-holder[b-6pmcpfc413] {
  position: relative;
  max-width: 48rem;
}
.input-holder.full-width[b-6pmcpfc413], .input-holder.full-width input.ontario-input[b-6pmcpfc413] {
  max-width: 100%;
}
.input-holder button[b-6pmcpfc413] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0.5rem 0.75rem;
  border: 0;
  margin: 2px;
}
/* /Layout/MainLayout.razor.rz.scp.css */