/* TODO extract repeative linked values to css variables in the root */

:root {
  /* pass & fail colours */
  --fail-colour: #B50606;
  --fail-rgb-colour: 180, 6, 6; /* #B40606 */
  --fail-input-bg-colour: #FBF0F0;
  --fail-bg-colour: rgb(var(--fail-rgb-colour));
  --fail-input-text-colour: #B50606;
  --fail-text-colour: #fff;
  --fail-border-colour: #B50606;
  --fail-clockIn-shadow-colour: #E83939;  /* fail border colour 20% lightened */

  --pass-colour: #2c785a;
  --pass-rgb-colour: 44, 120, 90; /* #2c785a */
  --pass-input-bg-colour: #E5FCF1;
  --pass-bg-colour: rgb(var(--pass-rgb-colour));
  --pass-input-text-colour: #007F00;
  --pass-text-colour: #fff;
  --pass-border-colour: #007F00;
  --pass-clockIn-shadow-colour: #33B233;  /* pass border colour 20% lightened */

  --fail-hover-rbg-colour: 142, 0, 0; /* #8E0000 */
  --fail-hover-bg-colour: rgb(var(--fail-hover-rbg-colour));
  --fail-focus-bg-colour: rgba(200, 90, 15, 0.1);
  --fail-focus-text-colour: rgb(40, 0, 0);
  --fail-focus-box-shadow-colour: rgba(200, 90, 15, 0.8);
  --fail-focus-border-colour: #B50606;

  --pass-focus-bg-colour: rgba(15, 250, 150, 0.1);
  --pass-focus-text-colour: rgb(0, 50, 0);
  --pass-focus-box-shadow-colour: rgba(15, 250, 150, 0.8);
  --pass-focus-border-colour: #60B406;

  --warning-background-colour: #FAF5D2;

  --target-rgb-colour: 37, 131, 254;
  --proshop-grey: #d3dde9;
  --proshop-orange: #FF4F00;
  --proshop-orange-secondary: #e85d04;
  --proshop-logo-secondary-colour: #6d6e71;

  /* Main Colours */
  --primary-component-background: #FFFFFF;
  --text-secondary-dark: #020A12;
  --secondary-outline: #E9EAF2;
  --main-alt-text-color: #606362;

  /* Tables */
  --row-identifier: #F8F7FB;   /*  Grayed color row  */
  --table-form-subtle-bg-colour: #F3F9FF;
  --row-active-table: #E8F4FF;   /*  Used as row hover colour too  */
  --row-active-colour: #D2E9FF;
  --row-grouping: #485461;

  --nav-tab-background: #5672C7;
  --table-border-colour: #9DA5C7;
  --secondary-table-border-colour: #CED2E3;

  /* date & time picker variables */
  --dtp-theme-colour: var(--proshop-gre, #a3afbc);

  /* font vars */
  --font-family-title: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-family-base: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-weight-thin: 100;
  --font-weight-xlight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-xbold: 800;
  --font-weight-black: 900;

  --font-weight-base: var(--font-weight-normal, 400);
  --font-weight-title: var(--font-weight-medium, 500);

  --font-size-title: 2.2142857142857144rem;
  --font-size-subtitle: 1.7857142857142858rem;
  --font-size-subtitle-1: 1.286rem;
  
  /* transition vars */
  --transition-duration: 0.2s;

  /* dropdown vars */
  --dropdown-bg-colour: #FFF;
  --dropdown-padding: 1.75em;

  /* breakpoints */
  --xs-screen: 320;
  --sm-screen: 576;
  --md-screen: 768;
  --lg-screen: 992;
  --xl-screen: 1200;
  --xxl-screen: 1400;
  --hd-screen: 1920;
  --2k-screen: 2560;
  --uhd-screen: 3840; /* UHD not uHD */
  --4k-screen: 4096;
  /* with pix */
  --xs-screen-px: calc(var(--xs-screen, 320) * 1px);
  --sm-screen-px: calc(var(--sm-screen, 576) * 1px);
  --md-screen-px: calc(var(--md-screen, 768) * 1px);
  --lg-screen-px: calc(var(--lg-screen, 992) * 1px);
  --xl-screen-px: calc(var(--xl-screen, 1200) * 1px);
  --xxl-screen-px: calc(var(--xxl-screen, 1400) * 1px);
  --hd-screen-px: calc(var(--hd-screen, 1920) * 1px);
  --2k-screen-px: calc(var(--2k-screen, 2560) * 1px);
  --uhd-screen-px: calc(var(--uhd-screen, 3840) * 1px);
  --4k-screen-px: calc(var(--4k-screen, 4096) * 1px);

  --default-padding: 1rem;
  --screen-edge-padding: calc(var(--default-padding, 1rem) * 1.5);

  --default-background-colour: #FFFFFF;
  --background-colour: #FEFEFF;
  --widget-background-colour: #F0F0F2;
  --adion-active-tab-text-colour: #F7FAFC;

  --default-text-colour: #363736;
  --text-colour: #363736;
  --default-adion-link-colour: #1767B2;
  --adion-link-colour: #1767B2;
  --default-adion-link-hover-colour: #1D85E5;
  --adion-link-hover-colour: #1D85E5;
  --adion-border-separator-colour: #D1DEE4;
  --default-disabled-text-colour: #676767;
  --disabled-text-colour: #676767;

  --proshop-dark-blue: #0D3B66;
  --proshop-medium-blue: #135899;
  --proshop-light-blue: #1767B2;

  /* button and link styles */
  --btn-raised-bg-colour: #DADADA;
  --btn-raised-text-colour: #000000;
  --btn-raised-hover-bg-colour: #F7F7FA;

  --btn-primary-bg-colour: #FEFEFF;
  --btn-primary-text-colour: #135899;
  --btn-primary-hover-colour: #2693ff;
  --btn-primary-hover-bg-colour: #F7F7FA;

  --btn-secondary-bg-colour: #061D33;
  --btn-secondary-text-colour: #FFFFFF;
  --btn-secondary-hover-bg-colour: #395066;

  --btn-disabled-bg-colour: #bfbfbf;
  --btn-disabled-text-colour: #fff;

  --btn-font-size: 0.93em;
  --btn-border-radius: 3.57rem;
  --btn-font-weight: var(--font-weight-medium, 500);
  --btn-alt-bg-colour: #1767B2;
  --btn-alt-hover-bg-colour: #00418C;

  --default-hover-bg-colour: #C5D0FC;

  /* Radio button styles */
  --radio-ring-colour: #0D3B66;
  --radio-checked-colour: #0D3B66;
  --btn-regular-border-colour:#A1B4C9;

  /* Radio button styles */
  --radio-button-colour: #0D3B66;
  --radio-button-focus-colour: #73A1CC;

  --main-header-height: var(--main-header-mobile-height, 2.5928571428571425rem);
  --default-header-height: var(--main-header-height, 3.75rem);
  
  --adion-overlay-colour: rgba(0, 0, 0, 0.125);
  --page-title-height: 0px;
  --page-title-z-index: 4;
  --bottom-notice-height: 0px;
  --main-nav-height: 0px;

  /* Cart Bulk styles */
  --complimentary-colour: var(--proshop-logo-colour, #FF4F00);

  --success-colour: var(--pass-bg-colour);
  --error-colour: var(--fail-bg-colour);
  
  --regular-border-colour: #9DB8C7;
  --light-border-colour: #D1DEE4;
  --primary-banner-colour: linear-gradient(#0059B0, #033260);
  --alternative-banner-colour: linear-gradient(#2F4B67, #03182F);
  --primary-banner-background: transparent linear-gradient(180deg, #485461 0%, #03182F 100%) 0% 0% no-repeat padding-box;
  --secondary-banner-colour: #061D33;
  
  --title-text-colour: #092C4C;
  --subheading-text-colour: #57617A;
  --single-cart-header-height: 0px;
  --btn-table-active-colour: #D9EDFF;

  --secondary-checkbox-bg: #F2F2F2;
  --secondary-checkmark-colour: #0D3B66;

  --adion-card-border-radius: 18px;
  --rounded-table-border-radius: 1.28571rem;
  --rounded-dropdown-border-radius: calc(var(--rounded-table-border-radius, 1.28571rem) / 2 );
  --input-box-border-radius: 4px;

  /* Shadows */
  --strong-shadow-shade: #808080;
  --medium-shadow-shade: #B1B1B1;
  --subtle-shadow-shade: #C6C6C6;

  /* Input */
  --input-placeholder-text-colour: #AFC4DB;

  /* Icons */
  --icon-size: 1.5em;

  /* Quicklinks */
  --quicklinks-height: 0px;
  --quicklinks-button-width: 3.5rem;

  /* Sidebars */
  --sidebar-header-background: transparent linear-gradient(180deg, #485461 0%, #03182F 100%, #003761 100%) 0% 0% no-repeat padding-box;
  --sidebar-header-size: 1.25em;
  --sidebar-header-padding: 1rem var(--screen-edge-padding, 1.5rem);
  /* Contextual Background */
  --contextual-bg-border-radius: 6px;
  --contextual-bg-late: #FFD3D3;
  --contextual-bg-border-late: #AB4848;
  --contextual-bg-early: #D6FFD3;
  --contextual-bg-border-early: #0DA800;
  --contextual-bg-on-time: #FFFEBD;
  --contextual-bg-border-on-time: #BC8C00;
  /* Status Pill Colours */
  --active-status-colour: #FAD56A;
  --canceled-status-colour: #DADEE3;
  --complete-status-colour: #D4F1E7;
  --alt-complete-status-colour: #4ADE8E;
  --on-hold-status-colour: #C72828;
  --default-status-colour: #9ABEFA;
  --in-stock-status-colour: #F3AC6E;
  --expected-status-colour: #F7F8F9;
  --status-pill-border: 1px solid #E6E6E6;
  --rejected-status-colour: #FFD3D3;
  --pending-status-colour: #FFDFD4;
  --received-status-colour: #FEFD98;
  --partially-received-status-colour: #E3E102;
  --inspected-status-colour: #C7C7FC;
  --partially-inspected-status-colour: #5B5BDE;
  --released-status-colour: #AFFAED;
  --partially-released-status-colour: #18EDC9;
  --lost-status-colour: #000000;
  --status-pill-light-text: #FFFFFF;

  /* VPO Rotating header colours */
  --vpo-rotating-colour-one: #ffff99;
  --vpo-rotating-colour-two: #CCCCFF;
  --vpo-rotating-colour-three: #AFFAED;
  --vpo-rotating-colour-four: #FFD3D3;

  /* Toggle switch details*/
  --toggle-switch-width: 3em;
  --toggle-switch-height: 1.5em;
  --toggle-switch-ball-size: calc(var(--toggle-switch-height) - 5px);
  --toggle-switch-ball-spacing-left: 0.2em;
  --toggle-switch-ball-spacing-right: 1.6em;
}

:root, html {
  --default-font-size: 16px;
  font-size: var(--default-font-size, 16px);
}

script, link, style {
  display: none !important;
}

body {
  background-color: var(--background-colour, #FFF);
  font-size: var(--default-font-size, 16px);
  margin: 0;
  empty-cells: show;
  color: var(--text-colour, #373736);
  width: 100%;
  min-height: calc(100vh - 17px);
  min-width: fit-content;
  position: relative;
  line-height: 1.5;
}

table {
  font-size: inherit;
}

@media not print {
  @media (max-width: 319.98px) {
    :root, html {
      --default-font-size: 3.75vw; /* 12px @ screen width of 320 */
      font-size: 12px;
      font-size: var(--default-font-size, 12px);
    }
  }
  /* screen sizes between 320 and 425 base font size grows from 12px to 16px */
  @media (min-width: 320px) and (max-width: 424.98px) {
    :root, html {
      --default-font-size: calc(calc(12px + 4 * ((100vw - var(--xs-screen-px)) / (425 - var(--xs-screen)))));
      font-size: 14px;
      font-size: var(--default-font-size, 14px);
    }
  }

  /* from 425 to 768 screen size stays at 16px */

  /* from 768 to 992 vase font size grows from 13px (current systems default font size) to 16px */
  @media (min-width: 768px) and (max-width: 991.98px) {
    :root, html {
      --default-font-size: calc(13px + 3 * ((100vw - var(--md-screen-px)) / (var(--lg-screen) - var(--md-screen))));
      font-size: 13px;
      font-size: var(--default-font-size, 13px);
    }
  }
  
  @media (min-width: 768px) {
    :root, html {
      --screen-edge-padding: calc(var(--default-padding, 1rem) * 2);
      --main-header-height: var(--main-header-desktop-height, 3.75rem);
    }
  }

  /* from 992 up to 1920 base font-size stays at 14px (desktop default) */
  @media (min-width: 992px) and (max-width: 1919.98px) {
    :root, html {
      --default-font-size: 14px;
      font-size: 14px;
    }
  }

  /* from 1920 up to 2560 (2k) base font size grows from 14px to 16px */
  @media (min-width: 1920px) and (max-width: 2559.98px) {
    :root, html {
      --default-font-size: calc(14px + 2 * ((100vw - var(--hd-screen-px)) / (var(--2k-screen) - var(--hd-screen))));
      font-size: 16px;
      font-size: var(--default-font-size, 16px);
    }
  }

  /* from 2560 (2k) up base font size is locked at 16px */
  @media (min-width: 2560px) {
    :root, html {
      --default-font-size: 16px;
      font-size: 16px;
      font-size: var(--default-font-size, 16px);
    }
  }
}

body.archived {
  background: var(--archived-bg, #EEE);
}

a, a:hover, a:focus {
  transition-property: color, opacity;
  transition-duration: var(--transition-duration, 0.2s);
}

a.btn {
  max-width: fit-content;
}

a, 
a:link, 
a:visited,
div.ui-widget-content a,
div.ui-widget-content a:link,
div.ui-widget-content a:visited
 {
  color: var(--adion-link-colour);
}

a, a:link, a:visited, a:hover, a:focus, a:focus-within {
  text-decoration: none;
}

a:hover:not(.disabled), a:link:hover:not(.disabled), a:visited:hover:not(.disabled),
a:focus:not(.disabled), a:link:focus:not(.disabled), a:visited:focus:not(.disabled) {
  cursor: pointer;
  color: var(--adion-link-hover-colour, blue);
}


a:hover:not(.disabled) svg, a:link:hover:not(.disabled) svg, a:visited:hover:not(.disabled) svg,
a:focus:not(.disabled) svg, a:link:focus:not(.disabled) svg, a:visited:focus:not(.disabled) svg {
  opacity: 0.7;
  fill: var(--adion-link-hover-colour, blue);
}

span.material-icons {
  color: var(--text-colour, #000);
  font-size: 1.7142857142857142rem;
}

svg.material-icon {
  width: 1.7142857142857142rem;
  height: 1.7142857142857142rem;
}

.material-icons svg {
  width: 1em;
  height: 1em;
}

a.help-icon-link {
  display: inline-flex;
  vertical-align: middle;
  min-height: 18px;
  min-width: 18px;
}

span.material-icons.help,
img.help-img.help-icon,
svg.help-svg.help-icon {
  width: 0.75em;
  height: 0.75em;
  color: #FFFFFF;
  opacity: 0.4;
  padding: 2px;
  mix-blend-mode: difference;
  transition-duration: var(--transition-duration);
  transition-property: opacity, color, mix-blend-mode;
}

a.largehelp img.help-img.help-icon,
a.largehelp svg.help-svg.help-icon {
  height: 1.5em;
  width: 1.5em;
  mix-blend-mode: initial;
  mix-blend-mode: unset;
  opacity: 1;
}
a.largehelp svg.help-svg.help-icon path {
  fill: revert;
}
a.largehelp:hover svg.help-svg.help-icon path,
a.largehelp:focus svg.help-svg.help-icon path {
  fill: var(--adion-link-hover-colour, blue);
}

svg.help-svg.help-icon path {
  fill: #FFF;
}

a:hover img.help-img.help-icon,
a:focus img.help-img.help-icon,
a:hover svg.help-svg.help-icon,
a:focus svg.help-svg.help-icon,
a:hover span.material-icons.help,
a:focus span.material-icons.help,
a:hover i.material-icons.help-icon,
a:focus i.material-icons.help-icon {
  color: #FFFFFF;
  opacity: 1;
  padding: 1px;
}

a > *:only-child,
button > *:only-child {
  min-width: 16px;
  min-height: 16px;
}

a .material-icons, a:hover .material-icons, a:focus .material-icons {
  vertical-align: middle;
}

.material-icons.warning-icon {
  color: #ffd201;
  font-size: 28px; /*note: our Neptune style for .default-icon has !important'd font-size, and so this has no effect */
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: 0;
}

@-moz-document url-prefix() {
  a:focus {
    outline:0;
  }
  a:focus-visible {
    outline:1px solid var(--proshop-grey);
    outline-offset: .25rem;
  }

  .proshop-table > tbody > tr:first-of-type > td {
    border-top-width: 1.6px;
  }

  @media print {
    body.print table.table tbody tr td {
      border-width: 2px;
    }
    .table-bordered > :not(caption) > * > *{
      border-width: 2px;
    }
  }
}

hr {
  border-color: var(--adion-border-separator-colour, #e9e9e9);
}

body.iframe {
  text-align: -webkit-center;
  text-align: -moz-center;
}

body.iframe .container-fluid {
  --container-padding: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: var(--container-padding, 1rem);
  padding-right: var(--container-padding, 1rem);
}

#footer_wrapper, ul.breadcrumb, #page-title, .quicklinks-toolbar {
  position: sticky;
  left: 0;
  max-width: calc(100vw - var(--scrollbar-width, 0px));
}

.prefs_sticky_wrapper {
  position: sticky;
  bottom: -1px;
  z-index: 1;
}

@media not print {
  @media (max-width: 1199.98px) {
    th {
      white-space: nowrap;
    }
  }
}

input {
  border-radius: var(--input-box-border-radius, 4px);
}

textarea {
  border-radius: var(--input-box-border-radius, 4px);
}

table.table tbody tr {
  page-break-inside: avoid;
}

tfoot th {
  white-space: revert;
  white-space: unset;
}

#footer_wrapper.container-fluid,
.container-fluid.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.adion-main-content hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.get-button {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  width: 5.5rem;
  transition: 0.2s;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

.get-button:hover,
.get-button:focus {
  opacity: 0.7;
}

/* ----------------- PrinterFriendly view ----------------- */

@media print {
  body.print {
    font-size: 13px;
    -webkit-print-color-adjust: exact;
  }

  body.print div.pageTitle h3.page-title {
    margin-top:0;
  }

  body.print table.table tbody tr td {
    border-color: #666666;
    padding: 3px 5px;
  }

  body.print .container-fluid:not(#footer_wrapper) {
    padding: 0;
  }

  tbody, td, tfoot, th, thead, tr{
    border-color:#666666;
  }

}

body.print {
  --page-title-colour: #000;
  --page-title-wrapper-bg: #FFF;
  min-height:auto;
}

.print i, 
.print input,
.print .breadcrumb,
.print form[name="editButton"],
.print .button-wrapper .expand-all,
.print .button-wrapper .collapse-all,
.print button {
  display:none;
}
/* Link text */
.print a[href]:after {
  content: none;
}

body.print main.adion-main-content {
  display:flex;
  flex-direction: column;
}
.print .adion-panel.left {
  position:initial
}

ul#main-menu.iframe-hide-main-menu,
div#page-title.iframe-hide-main-menu,
#bottomMargin.iframe-hide-main-menu,
#menu-div.iframe-hide-main-menu {
  display:none
}

.custom-modal-link-wrapper, .custom-modal-link-wrapper:hover {
  cursor: inherit;
  color: inherit;
  text-decoration: inherit;
}

/* TODO move to its own file when a usertalk function is set up for nav-tabs */

.nav-wrapper {
  background: var(--background-colour, #FFF);
  position: relative;
}

.breadcrumb {
  margin-bottom: 0px;
  padding: .35rem 0 .1rem;
  color: #121212;
  border-radius: 0px;
  text-align: center;
  border-bottom: solid 1px #d8d8d8 !important;
  border-top: 1px solid #e5e5e5;   /* Added border top to align text vertically. */
  background-color: #e5e5e5;
  justify-content: center;
  align-items:center;
}

.quicklinks {
  --quicklinks-button-height: 1.75em;
  --quicklinks-button-width: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: .4rem 3.75rem .2rem;
  margin: 0;
  border-bottom: solid 1px #d8d8d8;
  background-color: #e5e5e5;
}
.quicklinks:not(.quicklinks:has(button)) {
  padding: .35rem 0 .1rem;
}

.quicklinks a,
.quicklinks a:link,
.quicklinks a:visited,
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
  color: #121212;
}
.quicklinks .active,
.breadcrumb .active {
  color: #444;
  font-weight: bold;
}

.breadcrumb .btn-in-breadcrumb,
.quicklinks .btn-in-quicklinks {
  position: absolute;
}
.breadcrumb .btn-in-breadcrumb {
  padding-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: var(--screen-edge-padding, 1rem);
}
:not(.edit_button_wrapper) > .quicklinks .btn-in-quicklinks {
  right: var(--screen-edge-padding);
}
.edit_button_wrapper > .quicklinks .btn-in-quicklinks {
  right: 0;
}
.breadcrumb .btn-in-breadcrumb:before {
  display: none;
}
.breadcrumb button {
  height: var(--quicklinks-button-height, 1.5em);
  min-width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quicklinks li + li:not(.btn-in-quicklinks)::before,
.quicklinks a + a:not(.btn-in-quicklinks)::before,
.breadcrumb li + li:not(.btn-in-breadcrumb)::before,
.breadcrumb a + a:not(.btn-in-breadcrumb):not(.contacts-breadcrumb)::before {
  color: #121212;
  content: "|";
  padding: 0 0.3125em;
}

.breadcrumb .btn-in-breadcrumb::before,
.breadcrumb .btn-in-breadcrumb *::before {
  content: none;
  display: none; /* Firefox support */
}


/* !important is overriding bootstrap styles */
.breadcrumb > li > a:hover {
  color: inherit !important;
  text-decoration: underline !important;
}

.quicklinks button {
  height: var(--quicklinks-button-height, 1.5em);
  width: var(--quicklinks-button-width, 1.5em);
  min-width:fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quicklinks .dropdown > ul > li + li:before {
  content:unset;
}

svg * {
  transition-duration: var(--transition-duration, 0.2s);
  transition-property: fill, stroke;
}

/*
 * Plugin data url overrides
 * Toastr overrides
 */

div#toast-container.toast-top-right {
   top: max(var(--main-header-height, 0), var(--screen-edge-padding, 1rem));
   right: var(--screen-edge-padding, 1rem);
}

div#toast-container.toast-bottom-right {
  right: var(--screen-edge-padding, 1rem);
  bottom: var(--screen-edge-padding, 1rem);
}

div#toast-container.toast-bottom-left {
  left: var(--screen-edge-padding, 1rem);
  bottom: var(--screen-edge-padding);
}

div#toast-container.toast-top-left {
  top: max(var(--main-header-height, 0), var(--screen-edge-padding, 1rem));
  left: var(--screen-edge-padding, 1rem);
}

div#toast-container > .toast::before {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
div#toast-container > .toast-error {
  background-image: url(/fileserver/images/js/jquery/toastr/toastr-error.svg?v=1) !important;
}
div#toast-container > .toast-warning {
  background-image: url(/fileserver/images/js/jquery/toastr/toastr-warning.svg?v=1) !important;
}
div#toast-container > .toast-success {
  background-image: url(/fileserver/images/js/jquery/toastr/toastr-success.svg?v=1) !important;
}
div#toast-container > .toast-info {
  background-image: url(/fileserver/images/js/jquery/toastr/toastr-info.svg?v=1) !important;
}

div#toast-container > .toast-error {
  background-color: #B40606;
  color: #FFFFFF;
}
div#toast-container > .toast-warning {
  background-color: var(--warning-background-colour, #FAF5D2);
  color: #473910;
}
div#toast-container > .toast-success {
  background-color: #E6FAF4;
  color: #285E3D;
}
div#toast-container > .toast-info {
  background-color: #E5ECF9;
  color: #000882;
}

div#toast-container > .toast {
  opacity: 0.9;
}

div#toast-container > .toast-warning > .toast-close-button {
  color: #180E00 !important;
}
div#toast-container > .toast-warning .toast-title {
  margin-bottom: 0.25rem;
}
div#toast-container .toast-message a {
  color: inherit;
  font-weight: var(--font-weight-medium, 500);
  font-style: italic;
  text-decoration: underline;
  display: block;
  margin-top: 0.25rem;
}


div.code .indent-guide {
  background: url(/fileserver/images/bootstrap5/pngs/indent-guide.png) right repeat-y;
}

div.vjs-default-skin .vjs-volume-level {
  background: #66a8cc url(/fileserver/images/video-js/pngs/volume-level.png) -50% 0 repeat;
}

div.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(/fileserver/images/video-js/pngs/play-progress.png) -50% 0 repeat;
}

*.form-select, *.accordion-button::after {
  background-image: url(/fileserver/images/bootstrap5/svgs/chevron-down.svg)
}

*.form-check-input:checked[type=checkbox] {
  background-image: url(/fileserver/images/bootstrap5/svgs/checkmark.svg);
}

*.form-check-input:checked[type=radio], 
*.form-switch .form-check-input:checked {
  background-image: url(/fileserver/images/bootstrap5/svgs/solid-circle.svg);
}

*.form-check-input[type=checkbox]:indeterminate {
  background-image: url(/fileserver/images/bootstrap5/svgs/solid-thick-beveled-line.svg);
}

*.form-switch .form-check-input {
  background-image: url(/fileserver/images/bootstrap5/svgs/solid-grey-circle.svg);
}

*.form-switch .form-check-input:focus {
  background-image: url(/fileserver/images/bootstrap5/svgs/solid-blue-circle.svg);
}

*.was-validated .form-control:valid, .form-control.is-valid {
  background-image: url(/fileserver/images/bootstrap5/svgs/checkmark-green.svg);
}

*.was-validated .form-select:valid:not([multiple]):not([size]), 
*.was-validated .form-select:valid:not([multiple])[size="1"], 
*.form-select.is-valid:not([multiple]):not([size]), 
*.form-select.is-valid:not([multiple])[size="1"] {
  background-image: url(/fileserver/images/bootstrap5/svgs/chevron-down.svg), url(/fileserver/images/bootstrap5/svgs/checkmark-green.svg);
}

*.was-validated .form-control:invalid, 
*.form-control.is-invalid {
  background-image: url(/fileserver/images/bootstrap5/svgs/exclaim-circle.svg);
}

*.was-validated .form-select:invalid:not([multiple]):not([size]), 
*.was-validated .form-select:invalid:not([multiple])[size="1"], 
*.form-select.is-invalid:not([multiple]):not([size]), 
*.form-select.is-invalid:not([multiple])[size="1"] {
  background-image: url(/fileserver/images/bootstrap5/svgs/chevron-down.svg), url(/fileserver/images/bootstrap5/svgs/exclaim-circle.svg);
}

*.navbar-light .navbar-toggler-icon {
  background-image: url(/fileserver/images/bootstrap5/svgs/hamburger-menu.svg);
}

*.navbar-dark .navbar-toggler-icon {
  background-image: url(/fileserver/images/bootstrap5/svgs/hamburger-menu-dark-theme.svg);
}

*.accordion-button:not(.collapsed)::after {
  background-image: url(/fileserver/images/bootstrap5/svgs/chevron-down-blue.svg);
}

*.ui-menu .ui-menu-item {
	list-style-image: url(/fileserver/images/js/jquery-ui-1.11.1.custom/images/list-square.gif);
}

*.ui-progressbar .ui-progressbar-overlay {
	background: url(/fileserver/images/js/jquery-ui-1.11.1.custom/images/progress-bar-animation.gif);
}


/*      Textarea bootstrap overrides       */
textarea {
  resize: both;
  max-width: 20rem;
}
@media all and (min-width: 992px) {
  textarea {
    max-width: 60rem;
  }
}
/* Page specifics */
#parts-outsideProcessing_wrapper textarea {
  max-width: 20rem;
}
@media all and (min-width: 992px) {
  #parts-outsideProcessing_wrapper textarea {
    max-width: 30rem;
  }
}
@media all and (min-width: 1200px) {
  #parts-outsideProcessing_wrapper textarea {
    max-width: 40rem;
  }
}

@media all and (min-width: 992px) {
  #run-description_wrapper textarea {
    max-width: 55rem;
  }
}
@media all and (min-width: 1920px) {
  #run-description_wrapper textarea {
    max-width: 70rem;
  }
}

/* main-att-icons-row */
.table-bordered>tbody>tr>td:has(div.main-att-icons-row) {
  background-color: #FFFFFF;
  --aps-table-striped-bg:#FFFFFF;
}

.main-att-icons-row {
  --adion-link-hover-colour: #444;
}

.main-att-icons-row svg {
  width: 2.14rem;
  height: 2.14rem;
  filter: drop-shadow(0 1px 1px var(--strong-shadow-shade, #808080));
  margin: 0 0.2rem;
}

.main-att-icons-row a:not(:focus):not(:hover).svg-white svg,
.adion-panel-action-buttons a:not(:focus):not(:hover).svg-white svg {
  fill: #e6e6e6;
}

.main-att-icons-row a:not(:focus):not(:hover).svg-green svg,
.adion-panel-action-buttons a:not(:focus):not(:hover).svg-green svg {
  fill: #2b8902;
}

.main-att-icons-row a:not(:focus):not(:hover).svg-cyan svg,
.adion-panel-action-buttons a:not(:focus):not(:hover).svg-cyan svg {
  fill: #00b2e5;
}

.main-att-icons-row a:not(:focus):not(:hover).svg-yellow svg,
.adion-panel-action-buttons a:not(:focus):not(:hover).svg-yellow svg {
  fill: #ffe400;
}

.main-att-icons-row a:not(:focus):not(:hover).svg-red svg,
.adion-panel-action-buttons a:not(:focus):not(:hover).svg-red svg {
  fill: #ed0000;
}

.main-att-icons-row svg.svg-tools,
.main-att-icons-row svg.svg-outside-processing {
  width: 2.6rem;
}

.main-att-icons-row svg.inspection-svg {
  max-width: 2.8rem;
  max-height: 2.8rem;
}

.warningSign-svg {
  fill: var(--fail-colour, #B40606);
}

.newLinkFromPage.dropdown button {
  --aps-btn-padding-x: 1rem;
}

[id="mic_paymentterms.v000001"]:has(select)::before,
[id="reg_paymentterms.v000001"]:has(select)::before {
  content: ", ";
  padding-left: 1px;
}