/* Full page background */
/* Smaller containers like divboxes */
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
/* 
To-do
- Additional palette colors (commented out now)
- content colors, per-color (?)
- spacing variables (?)
- sizing in rems (?)
 */
body, th, td, input, select, textarea, button {
  color: #0F2129;
  font-size: 12px;
  font-family: "Rubik", Arial, sans-serif;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/*These two rules allow for the scrolling headers to work correctly and also allow the left menu to stretch to the browser's full height on pages which would otherwise be too short.*/
html {
  height: 100%;
}

body {
  min-height: 100%;
}

body {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

a {
  color: #1E3A8A;
}

a:not([href]) {
  cursor: pointer;
  user-select: none;
}

h1, h2, h3, h4 {
  font-family: "Rubik", Arial, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: 100%;
}

h1 {
  font-size: 24px;
  padding-bottom: 5px;
  line-height: 150%;
  font-size: 20px;
  letter-spacing: 0.1px;
}

h2, .h2 {
  font-size: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 150%;
}

h3, .h3 {
  font-size: 16px !important;
  line-height: 150%;
}

h4, .h4 {
  font-size: 14px;
}

.contentOuterOuter {
  flex: 1 0 auto;
  display: flex;
}

.contentOuter {
  flex: 1 1 auto;
}

.h2Row {
  display: flex;
  align-items: center;
}

.h2Row {
  margin-bottom: 10px;
}

.h2Row, .contentOuter > h2, .borderBottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0392156863);
}

.h2Row > h2, .contentOuter > h2 {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.2px;
  padding: 4px 12px 4px 0;
}

.h2Row > h2 {
  flex: 1 1 auto;
  max-width: 100%;
}

.h2Row > .right > a.button:not(:last-child) {
  margin-right: 5px;
}

.h2Row > .right > .popupMenu {
  width: 150px;
}

table {
  border-collapse: collapse;
}

table.widthAuto {
  width: auto;
}

th, td {
  padding: 0;
}

th {
  text-align: left;
}

table.grid, ul.table.grid {
  width: 100%;
}

table.grid > tbody, ul.table.grid > tbody {
  background-color: white; /*needed for when a grid expands beyond the width of a divBox2.*/
}

/*header, data, and footer cells*/
table.grid > * > tr > *, ul.table.grid > li > div, .resultsAndPaging, :not(.resultsAndPaging) > .paging {
  padding: 6px;
  border: 1px solid #CBDAE1;
}

table.grid > * > tr > *, ul.table.grid > li > div {
  vertical-align: middle;
}

/*header and footer cells*/
table.grid > thead > tr > *, table.grid > tbody > tr > th, table.grid > tfoot > tr > *, ul.table.grid > li.header > div {
  background-color: #E1EBEF;
  font-weight: 500;
}

td.shaded {
  background-color: #E1EBEF;
}

/*links within header cells*/
table.grid > thead > tr > th a, table.grid > tbody > tr > th a, ul.table.grid > li.header > div a {
  color: black;
  text-decoration: none;
  display: block;
}

.quantity, table.grid > thead > tr > th.quantity, table.grid > tbody > tr > th.quantity, table.grid > tfoot > tr > td.quantity {
  text-align: right;
}

table.grid > tbody > tr.clickable {
  cursor: pointer;
}

/*table.grid>thead>tr:first-child>th:first-child, table.grid>tbody>tr:first-child>th:first-child, table.grid>thead>tr:first-child>td:first-child, table.grid>tbody>tr:first-child>td:first-child, ul.table.grid>li:first-child>div:first-child {
border-top-left-radius:5px;
}

table.grid>thead>tr:first-child>th:last-child, table.grid>tbody>tr:first-child>th:last-child, table.grid>thead>tr:first-child>td:last-child, table.grid>tbody>tr:first-child>td:last-child, ul.table.grid>li:first-child>div:last-child {
border-top-right-radius:5px;
}

table.grid>tbody:last-child>tr:last-child>th:first-child, table.grid>tbody:last-child>tr:last-child>td:first-child, table.grid>tfoot>tr:first-child>th:first-child, table.grid>tfoot>tr:first-child>td:first-child, ul.table.grid>li:last-child>div:first-child {
border-bottom-left-radius:5px;
}

table.grid>tbody:last-child>tr:last-child>th:last-child, table.grid>tbody:last-child>tr:last-child>td:last-child, table.grid>tfoot>tr:first-child>th:last-child, table.grid>tfoot>tr:first-child>td:last-child, ul.table.grid>li:last-child>div:last-child {
border-bottom-right-radius:5px;
}
*/
table.grid.widthAuto {
  width: auto;
}

table.padded > thead > tr > th, table.padded > tbody > tr > td {
  padding: 5px;
}

.formInner input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]), .formInner textarea {
  width: 100%;
  box-sizing: border-box;
}

a {
  color: #1E3A8A;
}

a:hover, .topMenu a:hover {
  color: blue;
}

a:hover {
  transition: 150ms;
}

.topMenu a {
  color: black;
}

ul.table {
  display: table;
  border-collapse: collapse;
}

ul.table > li {
  display: table-row;
}

ul.table > li > div {
  display: table-cell;
}

/*$ui-gray-200*/
.divBox1 {
  background-color: #657F8B;
  color: white;
  border-radius: 5px 5px 0 0;
  margin-top: 24px;
  margin-bottom: 8px;
  padding: 8px;
}

.divBox2 {
  border-color: #657F8B;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-radius: 0 0 5px 5px;
  margin-bottom: 20px;
}

.divBox2, .divBox1 {
  border-radius: 0px;
  border-width: 0px;
  border-color: #94ACB8;
}

.divBox2 .divBox1, .divBox2 .divBox2 {
  border-color: #657F8B;
}

.divBox2 > .divBox1:first-child, .divBox2 > div:first-child > .divBox1:first-child, .divBox2 > p:first-child {
  margin-top: 0;
}

.divBox1.important, .important > div > .divBox1 {
  border-width: 3px;
}

.divBox2 .divBox1, .divBox1, div.divBox1 {
  color: #0F2129;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  padding: 0px;
  padding-bottom: 4px;
  margin-bottom: 16px;
}

.divBox1 > h2 {
  margin: 0;
}

.divBox {
  border: 1px solid #E1EBEF;
  border-radius: 6px;
}

.divBox > .divBox1, .divBox > .divBox1.normal {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #E1EBEF;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.divBox > .divBox2 {
  padding: 8px;
  margin-bottom: 0;
}

.divBox h3.divBox1, .divBox .divBox1 h3 {
  color: #344B56;
  font-weight: 400;
  border-bottom: 1px solid #F2F6F8;
}

.margin12 > .divBox1 {
  margin-top: 0;
}

.divBox1.normal {
  background-color: #004463;
  color: white;
  border-radius: 6px;
  padding: 4px 8px;
}

div.divBox1.normal {
  background-color: #004463;
  border-radius: 6px;
  color: white;
  padding: 4px 8px;
}

.divBoxComplete {
  border: 1px solid #657F8B;
  border-radius: 5px;
  padding: 5px;
}

input[type=submit], input[type=button], button, a.button, .buttons a, ul.radios > li > label, .popupMenu {
  background-color: #F8FBFC;
  border: 1px solid #CBDAE1;
  border-radius: 6px;
  color: #0F2129;
  font-size: 13px;
}

input[type=submit], input[type=button], button, a.button, .buttons a, ul.radios > li > label {
  background-image: none;
  background-size: contain;
  cursor: pointer;
  font-weight: 450;
  padding: 8px 12px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

a.button.fa-solid.fontWeightOverride, input.fa-solid.fontWeightOverride { /*Only needed for some Font Awesome icons while used on <a> (not <button>) with an abnormal font-weight*/
  font-weight: 600;
}

button.small {
  font-size: 12px;
}

a.button, .buttons a, a.button:hover, .buttons a:hover {
  text-decoration: none;
}

button.primary, input[type=submit].primary, a.button.primary {
  color: #1E3A8A;
  background-color: #DBEAFE;
  border-color: #93C5FD;
}

button.primary:hover, input[type=submit].primary:hover, a.button.primary:hover {
  background-color: #93C5FD;
}

button.delete, input[type=submit].delete {
  color: #C20A0A;
  background-color: #FEECEC;
}

button.delete:hover, input[type=submit].delete:hover {
  color: #C20A0A;
}

button.trans, input[type=button].trans, input[type=submit].trans, .button.trans {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

input[type=submit]:hover, input[type=button]:hover, button:hover, a.button:hover, .buttons a:hover,
.actionsAvailableToYou button:hover,
.actionsAvailableToYou input[type=submit]:hover,
ul.radios > li > label:hover {
  background-color: #F2F6F8;
  border-color: #94ACB8;
  transition: 150ms;
  color: #1E3A8A;
}

button > span.fa-solid, a.button > span.fa-solid, .buttons a > span.fa-solid, ul.radios > li > label > span.fa-solid {
  color: #94ACB8;
}

input[type=submit]:hover > span.fa-solid, input[type=button]:hover > span.fa-solid, button:hover > span.fa-solid, a.button:hover > span.fa-solid, .buttons a:hover > span.fa-solid, ul.radios > li > label:hover > span.fa-solid {
  color: #657F8B;
}

input[type=submit][disabled], input[type=button][disabled], button[disabled], button[disabled]:hover {
  color: #657F8B;
  background-color: #E1EBEF;
  border-color: #94ACB8;
  cursor: default;
}

ul.radios {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.radios > li {
  float: left;
  position: relative;
  margin-right: 5px;
}

ul.radios > li:last-child {
  margin-right: 0;
}

ul.radios > li > label {
  display: block;
  position: relative;
  /*z-index: 2;*/ /*Why was this necessary?*/
  font-size: 125%;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
}

ul.radios > li > input[type=radio] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  /*z-index: 1;*/ /*Why was this necessary?*/
  -webkit-appearance: none; /*Safari renders this incorrectly.*/
}

ul.radios > li > input[type=radio]:checked + label {
  color: white;
  background-color: #657F8B;
}

.menuParent > * {
  margin: 5px 5px 5px 0;
}

input, select, textarea {
  padding: 2px 8px 2px 8px;
}

/*#e0e0e0*/
input[type=submit], input[type=button] {
  -webkit-appearance: none;
}

.alternatingBGs0 > tbody > tr:nth-child(2n), .alternatingBGs1 > tbody > tr:nth-child(2n+1), .alternatingBGs4 > tbody > tr:nth-child(4n) {
  background-color: #E1EBEF;
}

.lightGrayBG {
  background-color: #E1EBEF;
}

.lightGrayColor {
  color: #657F8B;
}

/*#e1f4ff*/
table.grid > tbody > tr.clickable:hover {
  background-color: #e1f4ff;
}

table.grid > tbody > tr.clickable.active {
  background-color: #93C5FD;
}

.headerCellInner > img.headerFull {
  width: 100%;
  display: block;
}

.headerCellInner > img.headerSmall {
  width: 100%;
  display: none;
}

@media (max-width: 740px) {
  .headerCellInner > img.headerFull {
    display: none;
  }
  .headerCellInner > img.headerSmall {
    display: block;
  }
}
.copyright {
  font-size: 8px;
  padding: 10px;
  text-align: center;
}

a.plain, a.plain:hover {
  color: inherit;
  text-decoration: none;
  cursor: text;
}

.errorMessageGood {
  color: #007000;
  font-weight: bold;
}

.errorMessageBad, a.plain.errorMessageBad {
  color: red;
  font-weight: bold;
}

input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]):not(.ag-input-field-input), select, textarea {
  border: 1px solid #CBDAE1;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 6px;
  min-height: 28px;
  background-color: #F8FBFC;
  font-size: 13px;
  font-weight: 450;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]):not(.ag-input-field-input):hover, select:hover, textarea:hover {
  transition: 150ms;
  background-color: #E1EBEF;
  border: 1px solid #94ACB8;
}

input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]).jobEditableFieldField {
  min-height: 0px;
}

input:hover, textarea:hover, select:hover {
  background-color: #F8FBFC;
}

select {
  cursor: pointer;
}

input[type=date]:hover {
  cursor: text;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 640px) {
  input, select, textarea {
    font-size: 16px;
    font-weight: 300;
  }
}
table.searchGrid input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]), table.searchGrid select {
  width: 100%;
  box-sizing: border-box;
}

.actionsAvailableToYou button, .actionsAvailableToYou input[type=submit] {
  font-weight: 500;
  width: fit-content;
}

.important input[type=submit], .actionsAvailableToYou button, .actionsAvailableToYou input[type=submit] {
  font-size: 16px;
}

.important > div > .divBox2 {
  border-width: 0 3px 3px 3px;
}

.autoFloatLeft, .autoFloatRight {
  float: left;
  width: 50%;
}

.autoFloatLeft {
  box-sizing: border-box;
  padding-right: 5px;
}

.search.small input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=file]) {
  display: inline-block;
  margin-right: 2px;
  width: 198px;
  height: 20px;
  box-sizing: border-box;
}

.pagerRow {
  background-color: transparent !important;
}

.pagerRow table {
  margin: 0 auto;
}

.pagerRow td {
  padding: 0 1px;
}

.borderRadius {
  border-radius: 5px;
}

iframe {
  display: block;
}

textarea {
  width: 100%;
  box-sizing: border-box;
  display: block;
  resize: none;
  min-height: 56px;
}

textarea.comments {
  max-width: 550px;
}

.passwordOrUserNamePage {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

.passwordOrUserNamePage div.formInner {
  width: 300px;
  margin: 0 auto;
}

.passwordOrUserNamePage p {
  margin: 0;
}

.passwordOrUserNamePage .formInner p {
  margin: 5px 0;
}

.passwordOrUserNamePage form div.row label {
  float: none;
  font-weight: bold;
}

.passwordOrUserNamePage form div.row div {
  padding: 0;
}

.passwordOrUserNamePage form div.row {
  margin-bottom: 5px;
}

.h1AndJobSearch {
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.h1AndJobSearch.margin12 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.h1AndJobSearch > h1 {
  padding-bottom: 0;
}

#jobSearchQuery {
  width: 130px;
  height: 28px;
  padding-right: 14px;
  margin: 0 -14px 0 0;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #0F2129;
}

#jobSearchQuery::placeholder {
  color: black;
  font-style: italic;
}

#jobSearchQuery:-ms-input-placeholder {
  color: black;
  font-style: italic;
}

#jobSearchQuery::-ms-clear {
  display: none;
}

#jobSearchQuery::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

#jobSearchButton {
  display: block;
  height: 26px;
  width: 26px;
  padding: 0;
  position: relative;
  z-index: 1;
}

input.noSpinButton::-webkit-outer-spin-button, input.noSpinButton::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.noSpinButton[type=number] {
  -moz-appearance: textfield;
}

input.noClearButton::-ms-clear {
  display: none;
}

.padding {
  padding: 5px;
}

.padding0 {
  padding: 0 !important;
}

.paddingTop {
  padding-top: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.paddingBottom {
  padding-bottom: 5px;
}

.paddingLeft {
  padding-left: 5px;
}

.margin {
  margin: 5px;
}

.margin12 {
  margin: 12px;
}

.marginTop {
  margin-top: 5px;
}

.marginBottom {
  margin-bottom: 5px;
}

.marginTopBottom {
  margin-top: 5px;
  margin-bottom: 5px;
}

.marginLeft {
  margin-left: 5px;
}

.marginRight {
  margin-right: 5px;
}

.overflowAuto {
  overflow: auto;
}

/*.maxWidth900 {
max-width:900px;
}
*/
dialog {
  border-width: 0;
  padding: 0;
}

dialog > .dialogTitle {
  display: flex;
  background-color: white;
  border-bottom: 1px solid #E1EBEF;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.06), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  color: #0F2129;
  align-items: center;
}

dialog button.back {
  margin-right: 10px;
}

dialog .dialogContent, dialog .dialogBottom {
  padding: 10px;
}

dialog .dialogContent {
  overflow: auto;
  max-height: calc(100vh - 200px); /*This might be better handled with flex.*/
}

dialog .dialogContent.small {
  padding: 10px 65px;
}

dialog .dialogBottom {
  border-top: 1px solid #94ACB8;
  background-color: #F8FBFC;
  box-shadow: rgba(0, 0, 0, 0.15) 0 -5px 5px -5px;
}

.workflowArrows {
  font-size: 0;
  overflow: auto;
  white-space: nowrap;
  margin: 10px 0;
}

/*
.workflowArrows>div {
height:64px;
display:inline-block;
}

.workflowArrows>div>img, .workflowArrows>div>div {
height:100%;
display:inline-block;
vertical-align:top;
}

.workflowArrows>div>div>div {
font-size:14px;
padding-top:25px;
}

.workflowArrows>div>div>div>div {
font-size:11px;
}

*/
.workflowArrows > div, .workflowArrows > div > div {
  display: inline-block;
}

.workflowArrows > div {
  margin-right: -26px;
}

.workflowArrows > div:last-child {
  margin-right: 0;
}

.workflowArrows > div > div.left > div.top, .workflowArrows > div > div.left > div.bottom, .workflowArrows > div > div.right {
  border-style: solid;
  border-color: transparent;
  color: transparent;
}

.workflowArrows > div > div.left > div.top {
  border-width: 32px 0 0 32px;
}

.workflowArrows > div > div.left > div.bottom {
  border-width: 32px 32px 0 0;
}

.workflowArrows > div > div.middle {
  height: 64px;
  font-size: 14px;
  vertical-align: top;
  padding-left: 5px;
}

.workflowArrows > div > div.middle > div {
  padding-top: 24px;
}

.workflowArrows > div > div.middle > div > div {
  font-size: 11px;
}

.workflowArrows > div > div.middle.pastOrFuture > div {
  color: #474747;
}

.workflowArrows > div > div.middle.pastOrFuture > div > div.status {
  color: #8a8a8a;
}

.workflowArrows > div > div.right {
  border-width: 32px 0 32px 32px;
}

.topMenuTopLevelItem {
  padding: 5px;
}

.topSubMenuItem {
  padding: 2px;
}

.dashboardFilters select {
  width: 100%;
  box-sizing: border-box;
}

.dashboardFilters > div {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  padding: 0 20px 5px 0;
}

.dashboardFilters input[type=checkbox] {
  margin-left: 0;
}

.dashboardFilters input[type=checkbox] + label {
  position: relative;
  top: -2px;
  left: -3px;
}

.actionsAvailableToYou .divBox2 {
  overflow: hidden;
}

.actionsAvailableToYou button, .actionsAvailableToYou input[type=submit] {
  display: block;
  width: 285px;
  margin-bottom: 5px;
}

.actionsAvailableToYou img {
  padding: 6px 0 0 6px;
}

table.itemProperties {
  width: 100%;
  max-width: 550px;
  box-sizing: border-box;
}

table.itemProperties > thead > tr > th, table.itemProperties > tbody > tr > th {
  width: 150px;
}

/*table.itemProperties > tbody > tr > td > span {
    display: block;
    padding: 2px;
}*/
table.itemProperties > tbody > tr > td > input:not([type=button]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=file]), table.itemProperties > tbody > tr > td > select {
  width: 100%;
}

table.itemProperties input[type=text], table.itemProperties input[type=date], table.itemProperties textarea, table.itemProperties select {
  width: 100%;
  box-sizing: border-box;
}

input[type=date]::-webkit-calendar-picker-indicator {
  margin-inline-start: 0;
}

.expandCollapse.collapsed .expandedContainer, .expandCollapse.expanded .collapsedContainer {
  display: none;
}

ul.undecoratedList, li.undecoratedList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.statuses li {
  display: inline-block;
  margin-right: 5px;
}

.statuses li input[type=radio] {
  margin-top: 1px;
}

.statuses li label {
  font-size: 14px;
  vertical-align: top;
}

.rfv {
  color: red;
  font-weight: bold;
}

.calendarExpansion ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.stepsRadioButtonList span {
  display: block;
  overflow: hidden;
}

.stepsRadioButtonList input, .stepsRadioButtonList label {
  float: left;
}

.stepsRadioButtonList label {
  padding: 3px 4px 0;
}

.fileUploader {
  border: 1px solid #CBDAE1;
  border-radius: 6px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294);
}

/* *:not(td.Replace) > .fileUploader {
    display: inline-block;
}*/
.fileUploader label {
  padding: 5px 5px 5px 20px;
}

.fileUploader label:before {
  color: #657F8B;
  content: "\f07b";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  margin-left: -15px;
}

.fileUploader .status {
  padding: 0 5px 5px 5px;
}

.fileUploader .status a:hover {
  color: red;
}

.fileUploader label.draggingOver span, a.draggingOver, li.draggingOver div.name a {
  color: #94ACB8;
}

.RadUpload .ruInputs {
  width: auto;
}

form div.row, .normalFormDiv div.row {
  clear: both;
  overflow: hidden;
}

form div.row > label, .normalFormDiv div.row > label {
  float: left;
  width: 110px;
  padding-top: 4px;
}

form div.row > label, form.readOnly div.row > div, form div.row.noFormElement > div, .normalFormDiv div.row > label, .normalFormDiv.readOnly div.row > div, .normalFormDiv div.row.noFormElement > div {
  padding: 5px 3px 3px 0px;
}

form div.row > div, .normalFormDiv div.row > div {
  padding: 2px 0px;
}

form div.row > div.floatLeft, .normalFormDiv div.row > div.floatLeft {
  float: left;
}

form div.row.fullWidth, .normalFormDiv div.row.fullWidth {
  width: auto;
}

form div.row.fullWidth > label, .normalFormDiv div.row.fullWidth > label {
  float: none;
}

form div.row div.belowLabel, .normalFormDiv div.row div.belowLabel {
  float: left;
  clear: left;
}

form div.row.noFormElement > div, .normalFormDiv div.row.noFormElement > div {
  padding-top: 4px;
}

/*#popupMenu, */
.popupMenu {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1; /*Above <th>*/
  box-shadow: 0px 8px 48px -8px rgba(16, 24, 40, 0.2);
  outline: none;
}

/*#popupMenu > li > a, */
.popupMenu > li > a {
  color: #1D313A;
  display: block;
  padding: 5px;
  text-decoration: none;
  border-radius: 6px;
}

/*#popupMenu > li > a:hover, #popupMenu > li > a:focus, */
.popupMenu > li > a:hover, .popupMenu > li > a:focus {
  color: white;
  background-color: #004463;
}

.popupMenu > li > a.active {
  color: white;
  background-color: #004463;
}

.notPrintDisplayNone {
  display: none;
}

@media (max-width: 800px) {
  @-ms-viewport {
    width: device-width;
  }
  .liteDisplayNone {
    display: none;
  }
  .liteFloatNone {
    float: none !important;
  }
  .liteWidthAuto {
    width: auto !important;
  }
  .liteWidth100Percent {
    width: 100% !important;
  }
  .litePaddingTop0 {
    padding-top: 0 !important;
  }
  .liteMarginLeft0 {
    margin-left: 0 !important;
  }
  .liteMarginLeftRight0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .h1AndJobSearch {
    display: block;
  }
}
@media (max-width: 500px) {
  th {
    white-space: normal;
  }
  .lite500DisplayNone {
    display: none;
  }
  .lite500DisplayBlock {
    display: block !important;
  }
  .lite500DisplayInline {
    display: inline !important;
  }
  .lite500DisplayInlineBlock {
    display: inline-block;
  }
  .lite500FloatNone {
    float: none !important;
  }
  .lite500ClearBoth {
    clear: both;
  }
  .lite500WidthAuto {
    width: auto !important;
  }
  .lite500Width100Percent {
    width: 100% !important;
  }
  .autoFloatLeft, .autoFloatRight {
    width: auto !important;
    float: none !important;
  }
  .autoFloatLeft {
    padding-right: 0;
  }
  .lite500HeightAuto {
    height: auto !important;
  }
  .lite500MaxHeightNone {
    max-height: none !important;
  }
  .lite500Padding0 {
    padding: 0 !important;
  }
  .lite500PaddingRight0 {
    padding-right: 0 !important;
  }
  .lite500PaddingLeftRight10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .lite500Margin10 {
    margin: 10px;
  }
  .lite500MarginLeft0 {
    margin-left: 0 !important;
  }
  .lite500MarginRight0 {
    margin-right: 0 !important;
  }
  .lite500MarginLeftRight0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .lite500MarginTop0 {
    margin-top: 0 !important;
  }
  .lite500MarginTop5 {
    margin-top: 5px;
  }
  .lite500MarginBottom5 {
    margin-bottom: 5px;
  }
  .lite500OverflowVisible {
    overflow: visible !important;
  }
  .lite500TextAlignCenter {
    text-align: center;
  }
}
@media print {
  .printDisplayNone {
    display: none !important;
  }
  .notPrintDisplayNone {
    display: block;
  }
  .headerCellInner img, .topMenu {
    display: none;
  }
  .headerCellInner {
    height: auto !important;
    min-height: 0 !important;
  }
  .currentJobDiv {
    float: none;
    position: static !important;
  }
  .currentJobPanel {
    padding-left: 5px !important;
  }
  .printMaxWidthNone, .maxWidth900 {
    max-width: none !important;
  }
  .printMaxHeightNone {
    max-height: none !important;
  }
}
/* Added for Sprint 1 */
.attention {
  background-color: #F4F7A7;
  padding: 10px;
  border: dashed 1px black;
}

a {
  color: #1E3A8A;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #1D4ED8;
}

table.alternatingBGs0 > tbody > tr, table.alternatingBGs1 > tbody > tr, table.alternatingBGs4 > tbody > tr, .resultsAndPaging, :not(.pagingAndResults) > .paging {
  background-color: #F8FBFC;
}

table.alternatingBGs0 > tbody > tr:nth-child(2n), table.alternatingBGs1 > tbody > tr:nth-child(2n+1), table.alternatingBGs4 > tbody > tr:nth-child(4n) {
  background-color: white;
}

select[multiple=multiple] {
  border-radius: 0;
}

th {
  font-weight: 600;
}

table.itemProperties > thead > tr > th, table.itemProperties > tbody > tr > th {
  width: 120px;
}

#searchAndExportControls {
  border-color: #94ACB8;
  padding: 4px;
}

#searchExpandCollapse {
  padding: 0px;
}

/* td.printDisplayNone, a::after {
    white-space: pre;
} */
.clickable:hover {
  transition: 0.3s;
}

.divBoxComplete {
  border: 0px;
  padding: 0px;
}

#itemFiltersOuter {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
}

.dashboardFilters {
  flex: 1 1 auto;
}

/* .dashboardFilters>div {
    width: inherit;
} */
/* table.alternatingBGs0 td, table.alternatingBGs1 td, table.alternatingBGs4 td {
    max-width: 200px;
    overflow: hidden;
} */
/*td.Ball_in_Court {
    width: 160px;
    border: 0px solid rgb(0,0,0) !important;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 0px .5px rgba(0,0,0,0.15);
}*/
.topMenuItemHeader {
  font-weight: 500;
}

table.itemProperties > thead > tr > th, table.itemProperties > tbody > tr > th {
  max-width: 120px;
}

#searchAndExportControls {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#searchOuterDiv {
  flex-grow: 2;
  flex-shrink: 3;
}

.searchAndMisc a {
  color: #1E3A8A;
  font-weight: 500;
  display: block;
}

#searchExpandCollapse span {
  color: #1E3A8A;
  font-weight: 500;
}

td {
  overflow-wrap: break-word;
}

input[type=submit] {
  max-width: none;
}

#loginAsideBottom {
  display: flex;
}

.dialogTitle {
  background-color: white;
  padding: 8px;
}

.dialogTitle > h2 {
  display: inline-block;
}

.csiCodeFilterEditablePanel td {
  padding-bottom: 0px;
}

.csiCodeFilterEditablePanel input[type=search] {
  max-width: 280px;
}

.actionsAvailableToYouButtons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.actionsAvailableToYouButtons, .workflowArrows {
  margin-bottom: 20px;
}

.attachmentList div.attachment:first-child, table.itemList div.Related_Items:first-child {
  padding-top: 0;
}

.attachmentList div.attachment, table.itemList div.Related_Items {
  padding-top: 5px;
}

.attachmentList div.attachment {
  display: flex;
}

.attachmentList div.attachment > span {
  padding-right: 5px;
}

.attachmentList div.attachment > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.attachmentThumbnailOuter {
  display: inline-flex;
}

.attachmentThumbnailOuter > input {
  align-self: center;
}

.attachmentThumbnail {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-position: center center;
  border-radius: 10%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.notice {
  color: #25745a;
  background-color: #eaf9f4;
  padding: 5px;
  margin-bottom: 5px;
}

.notice a {
  text-decoration: underline;
}

.inputTextWithFilterResultsOuter {
  position: absolute;
  background-color: white;
  border: 1px solid black;
  display: none;
  max-height: 200px;
  overflow-y: auto;
}

.inputTextWithFilterResultsInner {
  min-width: 100%;
  box-sizing: border-box;
  user-select: none;
}

.inputTextWithFilterResultsInner tr {
  cursor: default;
}

.inputTextWithFilterResultsInner td, .inputTextWithFilterNoResults {
  padding: 2px;
}

.filterResultPaneHighlighted {
  background-color: lightgray;
}

.filterableChipListMessage {
  margin-top: 5px;
}

ul.filterableChipList {
  list-style: none;
  padding: 0;
  margin: 5px 0;
}

ul.filterableChipList > li {
  display: inline-block;
  background-color: #94ACB8;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

ul.filterableChipList > li > input[type=button] {
  color: #657F8B;
  text-decoration: none;
  font-size: 100%;
  font-weight: normal;
  padding: 0 2px;
  margin-left: 5px;
}

@media print {
  .attachmentThumbnail {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari*/
    print-color-adjust: exact !important; /*Firefox*/
  }
}
.expandCollapse2 > div {
  display: inline;
}

.expandCollapse2 > div.initiallyHidden {
  display: none;
}

.expandCollapse2.expanded > div.initiallyHidden {
  display: inline;
}

.expandCollapse2 > .expandCollapseLink {
  display: block;
}

.scrollingTHead > thead > tr > th {
  position: sticky;
}

table > tbody > tr > td > div.chip {
  padding: 4px 6px 4px 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  font-weight: 450;
  letter-spacing: -0.01em;
  color: #021117;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.3019607843);
  text-align: center;
}

table.itemProperties > tbody > tr > td > div.Ball_in_Court, table.itemProperties > tbody > tr > td > div.Status {
  display: block;
  text-align: left;
}

.itemColumnCustomizerHandle {
  background-color: #E1EBEF;
  padding: 3px 5px;
  position: relative;
  top: -3px;
  cursor: move;
}