.navbarContainer {
  height: 4rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  background-color: #D7E0E6;
  position: relative;
  z-index: 4;
}
.navbarContainer .logo {
  grid-column: 1/2;
  position: relative;
  width: 6rem;
  height: 4rem;
  left: 4.5rem;
  z-index: 2;
  cursor: pointer;
}
.navbarContainer .linkContainer {
  padding-right: 10rem;
  grid-column: 5/7;
  display: flex;
  gap: 2rem;
  align-items: center;
  flex: initial;
  justify-content: flex-end;
  font-size: 20px;
  font-family: "franklinGothicURWmedium";
}
.navbarContainer .linkContainer .link {
  color: #7A99AC;
}
.navbarContainer .linkContainer .linkSelected, .navbarContainer .linkContainer .link:hover {
  color: #003A70;
}
.navbarContainer .userContainer {
  display: flex;
  grid-column: 7/8;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding-right: 3.4vw;
  fill: #003A70;
}
.navbarContainer .userContainer .user {
  margin-bottom: 0.7rem;
  font-size: 29px;
  cursor: pointer;
  color: #003A70;
}
.navbarContainer .userContainer p {
  font-family: "franklinGothicURWbook";
  font-size: 16px;
  color: #003A70;
}

.logOutContainer, .logOutContainerActive {
  position: absolute;
  display: flex;
  margin: auto;
  right: 0;
  margin: auto;
  right: 0;
  justify-content: center;
  align-items: center;
  width: 8.5rem;
  background-color: #003A70;
  height: 2rem;
  transition: transform 0.4s cubic-bezier(0.38, 0.1, 0.36, 1.11);
  z-index: 1;
  font-family: "franklinGothicURWmedium";
  font-size: 18px;
  margin-right: 3.3vw;
  color: #ffffff;
  user-select: none;
  cursor: pointer;
  transform: translateY(-2rem);
}
.logOutContainerActive {
  transform: translateY(0);
}.dashboardButton {
  display: block;
  width: 25rem;
  height: 25rem;
  color: #003A70;
  fill: #003A70;
  background-color: #ffffff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.dashboardButton .dashboardContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
}
.dashboardButton .text {
  padding-top: 2rem;
  white-space: pre-line;
  text-align: center;
  line-height: 2.5rem;
  font-family: "stratum2bold";
  font-size: 34px;
}
.dashboardButton:hover {
  background-color: #003A70;
  color: #ffffff;
}
.dashboardButton:hover .text {
  color: #ffffff;
}.icon {
  margin: auto;
  font-size: 8rem;
  font-weight: 300;
}

.buttonsContainer {
  justify-content: center;
  padding-top: 15rem;
  display: flex;
  gap: 0.2rem;
  height: 95vh;
  background-color: #D7E0E6;
}@font-face {
  font-family: "stratum2bold";
  src: url("/assets/stratum2Bold-5Xs0NDaS.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "stratum2medium";
  src: url("/assets/stratum2Medium-pIm7qxvG.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "stratum2regular";
  src: url("/assets/stratum2Regular-CfDtBPCx.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "franklinGothicURWdemi";
  src: url("/assets/FranklinGothicURWdemi-98JQ-Q5H.woff2") format("woff2"), url("/assets/FranklinGothicURWdemi-CyDwS8ZO.woff") format("woff"), url("/assets/franklinGothicURWdemi-BZBnyqD0.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
}
@font-face {
  font-family: "franklinGothicURWmedium";
  src: url("/assets/FranklinGothicURWmedium--8FFD9OD.woff2") format("woff2"), url("/assets/FranklinGothicURWmedium-B_P_jC85.woff") format("woff"), url("/assets/franklinGothicURWmedium-Ws4ijdUX.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
}
@font-face {
  font-family: "franklinGothicURWbook";
  src: url("../assets/fonts/franklin/franklinGothicURWbook.woff2") format("woff2"), url("../assets/fonts/franklin/franklinGothicURWbook.woff") format("woff"), url("/assets/franklinGothicURWbook-CVAAjgJa.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
}
@font-face {
  font-family: "franklinGothicURWlight";
  src: url("/assets/FranklinGothicURWlight-D_UwT9IK.woff2") format("woff2"), url("/assets/FranklinGothicURWlight-JaeZ9lgv.woff") format("woff"), url("/assets/franklinGothicURWlight-DgHp49QW.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
}@font-face {
  font-family: "materialSymbolsSharp";
  font-style: normal;
  font-variant: normal;
  text-rendering: optimizeLegibility;
  src: url("/assets/materialSymbolsSharp-CpP9B4vR.ttf") format("truetype");
}
.material-symbol {
  font-family: "materialSymbolsSharp";
  font-style: normal;
  font-variant: normal;
  line-height: 0.8;
  text-rendering: optimizeLegibility;
}body {
  background-color: #ffffff;
}p {
  font-family: "franklinGothicURWmedium";
  font-size: 24px;
  color: #003A70;
}.logTableContainer {
  max-height: 60vh;
  max-width: 93vw;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 2rem;
  margin-right: 2rem;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.logTableContainer .tableFooter {
  height: 6rem;
  width: 93vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-color: #ffffff;
}

.logTable {
  background-color: #ffffff;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1607843137);
  color: #003A70;
  width: 100%;
}
.logTable th {
  font-family: "stratum2bold";
  white-space: nowrap;
  font-size: 16px;
  font-weight: normal;
  height: 3.5rem;
  border-bottom: 3px solid #003A70;
  text-align: left;
  background-color: #ffffff;
  top: 0;
  position: sticky;
  padding-right: 2rem;
}
.logTable td {
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  font-weight: normal;
  height: 3rem;
  text-align: left;
  border-bottom: 0.5px solid #747374;
  padding-right: 2rem;
}
.logTable th:nth-child(1),
.logTable td:nth-child(1) {
  padding-left: 2rem;
}
.logTable th:nth-child(9),
.logTable td:nth-child(9) {
  padding-right: 2rem;
}
.logTable tr:nth-child(even) {
  background: #E0E7EE;
}
.logTable tr:not(:first-child):hover {
  cursor: pointer;
}.logsModalContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  outline: none;
  width: 60rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logsModalContainer .modalHeader {
  height: 3.5rem;
  width: 100%;
  background-color: #003A70;
  display: flex;
  gap: 1rem;
  padding-right: 2rem;
}
.logsModalContainer .modalHeader .modalTextButton, .logsModalContainer .modalHeader .modalTextButtonActive {
  font-family: "franklinGothicURWmedium";
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  padding-left: 2rem;
  padding-right: 2rem;
}
.logsModalContainer .modalHeader .modalTextButtonActive {
  font-family: "franklinGothicURWdemi";
  border-bottom: 2px solid #ffffff;
}
.logsModalContainer .modalHeader .modalExitButton {
  margin-left: auto;
  color: #ffffff;
  align-self: baseline;
  height: 100%;
  display: flex;
  align-items: center;
}
.logsModalContainer .modalHeader .modalExitButton .close-icon {
  cursor: pointer;
  fill: #ffffff;
  font-size: 1.5rem;
}
.logsModalContainer .modalContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  width: 100%;
  height: 27rem;
}
.logsModalContainer .modalBackButton {
  align-self: flex-end;
  padding: 2rem;
}.buttonFilledBlueSharp, .buttonOutlinedBlueSharp, .buttonOutlinedWhite, .buttonFilledBlue, .buttonFilledWhite {
  font-family: "franklinGothicURWmedium";
  font-size: 16px;
  cursor: pointer;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 2.8rem;
  white-space: pre;
  user-select: none;
}
.buttonFilledBlueSharp:disabled, .buttonOutlinedBlueSharp:disabled, .buttonOutlinedWhite:disabled, .buttonFilledBlue:disabled, .buttonFilledWhite:disabled {
  background-color: #C4C3C4;
}

.buttonBasicBlue, .buttonBasicBlueActive, .buttonBasicWhite {
  font-family: "franklinGothicURWmedium";
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.buttonBasicBlue:disabled, .buttonBasicBlueActive:disabled, .buttonBasicWhite:disabled {
  background-color: #C4C3C4;
}

.buttonFilledWhite {
  color: #003A70;
  background-color: #ffffff;
  border: 1px solid #003A70;
}

.buttonFilledBlue {
  color: #ffffff;
  background-color: #003A70;
}

.buttonBasicWhite {
  color: #ffffff;
}

.buttonBasicBlue, .buttonBasicBlueActive {
  color: #003A70;
}
.buttonBasicBlueActive {
  color: #7A99AC;
}

.buttonOutlinedWhite {
  color: #003A70;
  background-color: #ffffff;
  border: 1px solid #003A70;
  box-shadow: none;
}

.buttonOutlinedBlueSharp {
  border-radius: 0;
  color: #003A70;
  border: 1px solid #003A70;
}

.buttonFilledBlueSharp {
  border-radius: 0;
  background-color: #003A70;
  color: #ffffff;
}.detailsTextContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  padding: 2.5rem;
}
.detailsTextContainer .column1 {
  grid-column: 1/2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.detailsTextContainer .column2 {
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.disabledTextfield {
  color: #003A70;
}
.disabledTextfield .Mui-disabled.MuiInputLabel-root {
  color: #003A70;
  font-family: "franklinGothicURWbook";
  font-size: 16px;
}
.disabledTextfield .MuiInput-input.Mui-disabled {
  color: #003A70;
  -webkit-text-fill-color: currentColor;
  font-family: "franklinGothicURWbook";
  font-size: 16px;
}
.disabledTextfield .MuiInput-root.Mui-disabled:before {
  -webkit-text-fill-color: currentColor;
  border-bottom: 1.5px solid;
}.modalXMLContainer {
  width: 100%;
  font-family: monaco, Consolas, Lucida Console, monospace;
  color: #003A70;
  padding: 2.5rem;
}.modalJSONContainer {
  width: 100%;
  font-family: monaco, Consolas, Lucida Console, monospace;
  color: #003A70;
  padding: 2.5rem;
}.modalLogsTable {
  background-color: #ffffff;
  color: #003A70;
  width: 100%;
  max-height: 100%;
}
.modalLogsTable th {
  padding-left: 2%;
  font-family: "stratum2bold";
  white-space: nowrap;
  font-size: 16px;
  font-weight: normal;
  height: 3rem;
  border-bottom: 3px solid #003A70;
  text-align: left;
  background-color: #ffffff;
  top: 0;
  position: sticky;
}
.modalLogsTable td {
  padding-left: 2%;
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  font-weight: normal;
  height: 2.5rem;
  text-align: left;
  border-bottom: 0.5px solid #747374;
  overflow-wrap: anywhere;
}
.modalLogsTable th:nth-last-child(1),
.modalLogsTable td:nth-last-child(1) {
  padding-right: 2%;
}
.modalLogsTable tr:nth-child(even) {
  background: #E0E7EE;
}.filterContainer {
  width: 93vw;
  background-color: #ffffff;
  margin-bottom: 1.5rem;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.filterContainer .filterHeader {
  display: flex;
  width: 100%;
  height: 3rem;
  background-color: #7A99AC;
  align-items: center;
  padding-left: 2rem;
}
.filterContainer .filterHeader p {
  font-family: "stratum2medium";
  color: #ffffff;
  font-size: 24px;
}
.filterContainer .searchContainer {
  display: grid;
  background-color: #ffffff;
  grid-template-columns: repeat(4, 1fr) 1, 5fr;
  grid-template-rows: repeat(3, 1fr);
  row-gap: 1vw;
  column-gap: 1.5vw;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-top: 2rem;
}
.filterContainer .contractor {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 16vw;
}
.filterContainer .recieptStatus {
  grid-column: 1/2;
  grid-row: 2/3;
  width: 16vw;
}
.filterContainer .facility {
  grid-column: 2/3;
  grid-row: 1/2;
  width: 16vw;
}
.filterContainer .objectType {
  grid-column: 2/3;
  grid-row: 2/3;
  width: 16vw;
}
.filterContainer .targetApplication {
  grid-column: 3/4;
  grid-row: 1/2;
  width: 16vw;
}
.filterContainer .noOfLogs {
  grid-column: 3/4;
  grid-row: 2/3;
  width: 16vw;
}
.filterContainer .fromDate {
  grid-column: 4/5;
  grid-row: 1/2;
  width: 16vw;
}
.filterContainer .toDate {
  grid-column: 4/5;
  grid-row: 2/3;
  width: 16vw;
}
.filterContainer .project {
  grid-column: 5/6;
  grid-row: 1/2;
  width: 20vw;
}
.filterContainer .objectName {
  grid-column: 5/6;
  grid-row: 2/3;
  width: 20vw;
}
.filterContainer .logsButtonContainer {
  grid-column: 5/6;
  grid-row: 3/4;
  display: flex;
  align-items: center;
  padding-bottom: 1.3rem;
  gap: 3rem;
  justify-content: flex-end;
}
.filterContainer .exportButtonContainer {
  display: flex;
}
.filterContainer .muiTextfieldOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWmedium";
}.logsContainer {
  padding-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}.muiTextfield, .muiTextfieldOutlined {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0;
}
.muiTextfield .Mui-focused.MuiInputLabel-root, .muiTextfieldOutlined .Mui-focused.MuiInputLabel-root {
  color: #003A70;
  background-color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.muiTextfield .MuiInput-root::after, .muiTextfieldOutlined .MuiInput-root::after {
  border-color: #003A70 !important;
}
.muiTextfield .Mui-focused .MuiOutlinedInput-notchedOutline, .muiTextfieldOutlined .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.muiTextfield:hover .MuiOutlinedInput-notchedOutline, .muiTextfieldOutlined:hover .MuiOutlinedInput-notchedOutline {
  border: 2px solid #003A70 !important;
}
.muiTextfield:hover .MuiInput-underline:hover:before, .muiTextfieldOutlined:hover .MuiInput-underline:hover:before {
  border-bottom: 1px solid #003A70 !important;
}
.muiTextfield .MuiOutlinedInput-root, .muiTextfieldOutlined .MuiOutlinedInput-root {
  border-radius: 0;
  font-family: "franklinGothicURWbook";
  border: 1px solid #003A70;
}
.muiTextfield .MuiInput-root, .muiTextfieldOutlined .MuiInput-root {
  font-family: "franklinGothicURWbook";
  font-size: 16px;
}
.muiTextfield .MuiFormLabel-root, .muiTextfieldOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWbook";
  font-size: 16px;
  background-color: #ffffff;
  /*border-radius: 0.5rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;*/
  color: #003A70;
}
.muiTextfield .MuiInputAdornment-root, .muiTextfieldOutlined .MuiInputAdornment-root {
  padding-right: 0.85rem;
}
.muiTextfield .MuiButtonBase-root .clearIcon, .muiTextfieldOutlined .MuiButtonBase-root .clearIcon {
  color: #003A70;
}

.muiTextfieldOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWlight";
}

.childContainer .muiTextfieldOutlined {
  height: unset;
  background-color: unset;
}.date {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0;
}
.date .Mui-focused.MuiInputLabel-root {
  color: #003A70;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.date .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.date:hover .MuiOutlinedInput-notchedOutline {
  border: 2px solid #003A70 !important;
}
.date .MuiOutlinedInput-root {
  border-radius: 0;
}
.date .MuiFormLabel-root {
  font-family: "franklinGothicURWmedium";
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #003A70;
}
.date .MuiInputAdornment-root {
  padding-right: 0.85rem;
}
.date .MuiButtonBase-root svg {
  fill: #003A70;
  width: 1em;
  height: 1em;
}
.date fieldset {
  border-color: #003A70;
}
.date .calendar-icon {
  font-size: 24px;
  color: #003A70;
}
.date .clear-icon {
  font-size: 24px;
  color: #003A70;
}.MuiAutocomplete, .MuiAutocompleteOutlined {
  width: 100%;
  background-color: #ffffff;
}
.MuiAutocomplete .Mui-focused.MuiInputLabel-root, .MuiAutocompleteOutlined .Mui-focused.MuiInputLabel-root {
  color: #003A70;
  background-color: #ffffff;
  padding-right: 0.5rem;
}
.MuiAutocomplete .Mui-focused .MuiOutlinedInput-notchedOutline, .MuiAutocompleteOutlined .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.MuiAutocomplete .MuiFormLabel-root-MuiInputLabel-root.Mui-focused, .MuiAutocompleteOutlined .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  color: #003A70;
}
.MuiAutocomplete .MuiInput-root::after, .MuiAutocompleteOutlined .MuiInput-root::after {
  border-color: #003A70 !important;
}
.MuiAutocomplete:hover .MuiOutlinedInput-notchedOutline, .MuiAutocompleteOutlined:hover .MuiOutlinedInput-notchedOutline {
  border: 2px solid #003A70 !important;
}
.MuiAutocomplete:hover .MuiInput-underline:hover:before, .MuiAutocompleteOutlined:hover .MuiInput-underline:hover:before {
  border-bottom: 1px solid #003A70 !important;
}
.MuiAutocomplete .MuiOutlinedInput-root, .MuiAutocompleteOutlined .MuiOutlinedInput-root {
  border-radius: 0;
  border-color: #003A70;
}
.MuiAutocomplete .MuiAutocomplete-input, .MuiAutocompleteOutlined .MuiAutocomplete-input {
  font-family: "franklinGothicURWmedium";
  font-size: 16px;
}
.MuiAutocomplete .MuiFormLabel-root, .MuiAutocompleteOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWmedium";
  font-size: 16px;
  background-color: #ffffff;
  color: #003A70;
}
.MuiAutocomplete .MuiAutocomplete-popupIndicator, .MuiAutocompleteOutlined .MuiAutocomplete-popupIndicator {
  color: #003A70;
}
.MuiAutocomplete .MuiAutocomplete-popupIndicator svg, .MuiAutocompleteOutlined .MuiAutocomplete-popupIndicator svg {
  width: 1.7em;
  height: 1.7em;
  border-radius: 1rem;
}
.MuiAutocomplete .MuiAutocomplete-endAdornment, .MuiAutocompleteOutlined .MuiAutocomplete-endAdornment {
  display: flex;
  align-items: center;
  height: 100%;
}
.MuiAutocomplete .MuiChip-root, .MuiAutocompleteOutlined .MuiChip-root {
  height: 25px;
}
.MuiAutocomplete .MuiChip-label, .MuiAutocompleteOutlined .MuiChip-label {
  font-size: 0.9rem;
}

.MuiAutocompleteOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWmedium";
  font-size: 16px;
  background-color: #ffffff;
  color: #003A70;
}
.MuiAutocompleteOutlined.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.MuiAutocompleteOutlined fieldset {
  border-color: #003A70;
}

.modalContent .MuiAutocomplete-root {
  height: 5rem;
}
.modalContent .childContainer .MuiAutocomplete-root {
  height: unset;
  background-color: unset;
}

.MuiCircularProgress-colorPrimary {
  color: #003A70 !important;
}

.clear-icon {
  color: #003A70;
  font-size: 24px;
}.sideNavContainer {
  height: 100vh;
  position: absolute;
  display: flex;
  width: 4rem;
  background-color: #E7E7E7;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0;
}
.sideNavContainer .google-icon {
  font-size: 2.5rem;
  color: #747374;
}
.sideNavContainer .google-icon.engineering {
  padding-left: 0.5rem;
}
.sideNavContainer .google-icon:hover {
  color: #393739;
}
.sideNavContainer .icon, .sideNavContainer .iconSelected {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-bottom: 1px solid #003A70;
  padding: 1rem;
}
.sideNavContainer .icon svg, .sideNavContainer .iconSelected svg {
  width: 2.5rem;
  height: 2.5rem;
  color: #003A70;
  fill: #747374;
}
.sideNavContainer .icon svg:hover, .sideNavContainer .iconSelected svg:hover {
  fill: #393739;
}
.sideNavContainer .icon:not(.no-hover):hover, .sideNavContainer .iconSelected:not(.no-hover):hover {
  background-color: #D9D9D9;
}
.sideNavContainer .iconSelected .google-icon {
  color: #FA4616;
}
.sideNavContainer .iconSelected svg {
  fill: #FA4616;
}
.sideNavContainer .iconSelected svg:hover {
  fill: #FA4616;
}
.sideNavContainer .iconSelected:hover {
  background-color: #E7E7E7;
}.projectContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 6rem;
  margin-right: 3.3vw;
}
.projectContainer .buttonContainer {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: flex-start;
}
.projectContainer .tableContainer {
  height: 80vh;
  width: 100%;
  padding-top: 0.2rem;
}
.projectContainer .MuiDataGrid-row {
  cursor: pointer;
}

.activeSwitchInput.MuiFormControlLabel-root {
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-left: 0;
}
.activeSwitchInput.MuiFormControlLabel-root span {
  font-family: "stratum2medium";
  color: #003A70;
}
.activeSwitchInput.MuiFormControlLabel-root span .MuiSwitch-track {
  background-color: #C4C3C4;
  opacity: 1;
}
.activeSwitchInput.MuiFormControlLabel-root span .Mui-checked + .MuiSwitch-track {
  background-color: #003A70;
  opacity: 0.5;
}.adminTableContainer {
  height: 100%;
  width: 100%;
}
.adminTableContainer .mainHeader {
  width: 100%;
  height: 3rem;
  background-color: #7A99AC;
  font-family: "franklinGothicURWmedium";
  font-size: 24px;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.adminTableContainer .MuiDataGrid-root {
  border: none !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-columnHeaders {
  background-color: #ffffff;
  font-family: "stratum2bold";
  font-size: 16px;
  color: #003A70;
  border-bottom: 3px solid #003A70 !important;
  position: sticky !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-columnHeader {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-cell:focus-within {
  outline: none !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-cell:hover {
  outline: none !important;
}
.adminTableContainer .MuiDataGrid-root .filter-icon {
  color: #003A70;
  font-size: 24px;
  opacity: 1;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row {
  background-color: #ffffff;
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  color: #003A70;
  border-bottom: 0.5px solid #707070 !important;
  margin-right: 3rem;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row:hover {
  background: #ffffff !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row.Mui-hovered {
  background: #ffffff !important;
}
.adminTableContainer .MuiDataGrid-root .Mui-selected {
  background: rgba(0, 58, 112, 0.8) !important;
  color: #ffffff;
}
.adminTableContainer .MuiDataGrid-root .Mui-selected .row-icons {
  color: #ffffff !important;
}
.adminTableContainer .MuiDataGrid-root .Mui-selected:hover {
  background: rgba(0, 58, 112, 0.8) !important;
}
.adminTableContainer .MuiDataGrid-root .Mui-selected.Mui-hovered {
  background: rgba(0, 58, 112, 0.8) !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd) {
  background: #E0E7EE;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd):not(.Mui-selected):hover {
  background: #E0E7EE !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd).Mui-hovered {
  background: #E0E7EE !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-cell {
  padding-right: 2.4rem !important;
  padding-left: 1.5rem !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-virtualScroller {
  overflow-y: auto !important;
  overflow-x: hidden;
}
.adminTableContainer .MuiDataGrid-root .row-icons {
  font-size: 24px;
  color: rgba(0, 58, 112, 0.8) !important;
}
.adminTableContainer .MuiDataGrid-root .MuiDataGrid-footerContainer {
  display: none;
}
.adminTableContainer .MuiDataGrid-withBorderColor {
  border: none !important;
}
.adminTableContainer .MuiLinearProgress-colorPrimary {
  background: #E0E7EE !important;
}
.adminTableContainer .MuiLinearProgress-barColorPrimary {
  background-color: rgba(0, 58, 112, 0.6) !important;
}.projectModalContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  outline: none;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.projectModalContainer .modalHeader {
  height: 3.5rem;
  width: 100%;
  background-color: #003A70;
  display: flex;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  align-items: center;
}
.projectModalContainer .modalHeader p {
  font-family: "franklinGothicURWdemi";
  font-size: 24px;
  color: #ffffff;
}
.projectModalContainer .modalHeader .modalExitButton {
  margin-left: auto;
  color: #ffffff;
  align-self: baseline;
  height: 100%;
  display: flex;
  align-items: center;
}
.projectModalContainer .modalHeader .modalExitButton .close-icon {
  cursor: pointer;
  fill: #ffffff;
  font-size: 1.5rem;
}
.projectModalContainer .modalHeader .MuiLinearProgress-colorPrimary {
  background: rgba(0, 58, 112, 0.11) !important;
}
.projectModalContainer .modalHeader .MuiLinearProgress-barColorPrimary {
  background-color: rgba(0, 58, 112, 0.6) !important;
}
.projectModalContainer .modalContent {
  padding-top: 3rem;
  padding-bottom: 1rem;
  display: grid;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  column-gap: 3rem;
  row-gap: 2rem;
  color: #003A70;
}
.projectModalContainer .modalContent .buttonContainer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  grid-row: 3/4;
  grid-column: 2/3;
  align-items: center;
}
.projectModalContainer .modalContent .messageContainer {
  grid-row: 3/4;
  grid-column: 1/2;
  position: relative;
  z-index: 10;
}
.projectModalContainer p {
  white-space: nowrap;
}
.projectModalContainer .MuiAutocomplete .MuiFormLabel-root, .projectModalContainer .MuiAutocompleteOutlined .MuiFormLabel-root {
  font-family: "franklinGothicURWbook";
}.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "franklinGothicURWbook";
  font-size: 11px;
  color: #003A70;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #003A70;
}

.header-title {
  flex-grow: 1;
}

.childContainer {
  min-height: 0;
  max-height: 75%;
  width: 100%;
  overflow-y: auto;
}
.childContainer:not(:empty) {
  border-bottom: 2px solid #003A70;
}
.childContainer {
  font-family: "franklinGothicURWlight";
}

.addButton {
  display: flex;
  color: #003A70;
  background-color: #ffffff;
  gap: 1rem;
  align-items: center;
  font-family: "stratum2medium";
  font-size: 16px;
  cursor: pointer;
  padding-top: 1rem;
}
.addButton .google-icon {
  color: #003A70;
  font-size: 2rem;
}
.addButton:hover {
  color: #FA4616;
  cursor: pointer;
}
.addButton:hover .google-icon {
  color: #FA4616;
  cursor: pointer;
}
.addButton:disabled {
  color: #747374;
  cursor: default;
}
.addButton:disabled svg {
  fill: #747374;
}.facilityContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 6rem;
  margin-right: 3.3vw;
}
.facilityContainer .buttonContainer {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: flex-start;
}
.facilityContainer .tableContainer {
  padding-top: 6rem;
  height: 80vh;
  width: 100%;
}
.facilityContainer .MuiDataGrid-row {
  cursor: pointer;
}

.targetApplicationChildContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.targetApplicationChildContainer:first-child {
  padding-top: 1rem;
}
.targetApplicationChildContainer:last-child {
  padding-bottom: 1rem;
}
.targetApplicationChildContainer .delete-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.targetApplicationChildContainer .delete-icon:hover {
  cursor: pointer;
  color: #FA4616;
}
.targetApplicationChildContainer .MuiAutoComplete {
  font-family: "franklinGothicURWlight";
}
.targetApplicationChildContainer .MuiAutoComplete .MuiAutocomplete-input {
  font-family: "franklinGothicURWlight";
  font-size: 16px;
}
.targetApplicationChildContainer .MuiAutoComplete .MuiFormLabel-root {
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  background-color: #ffffff;
  color: #003A70;
}
.targetApplicationChildContainer .MuiAutocompleteOutlined .MuiFormLabel-root {
  color: #003A70;
  font-family: "franklinGothicURWlight";
}
.targetApplicationChildContainer .MuiAutocompleteOutlined .MuiAutocomplete-input {
  font-family: "franklinGothicURWlight";
}.userRegNavContainer {
  display: inline-flex;
  gap: 2rem;
  height: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
  margin-left: 6rem;
}
.userRegNavContainer .link, .userRegNavContainer .linkSelected {
  color: #003A70;
  font-family: "franklinGothicURWmedium";
  font-size: 20px;
}
.userRegNavContainer .linkSelected {
  color: #7A99AC;
}

.userButtonContainer {
  display: inline-flex;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 1.5rem;
  justify-content: flex-start;
}

.usersContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 6rem;
  margin-right: 3.3vw;
  height: 80vh;
  padding-top: 0rem;
}.contractorRegistrationContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 6rem;
  margin-right: 3.3vw;
}
.contractorRegistrationContainer .buttonContainer {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: flex-start;
}
.contractorRegistrationContainer .tableContainer {
  height: 80vh;
  width: 100%;
  padding-top: 0.2rem;
}
.contractorRegistrationContainer .MuiDataGrid-row {
  cursor: pointer;
}

.MuiCircularProgress-colorPrimary {
  color: #003A70 !important;
}

.checkbox-icons {
  color: #003A70;
  font-size: 24px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}.addUserContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 6rem;
  padding-right: 4rem;
}
.addUserContainer .headerContainer {
  font-family: "stratum2regular";
  color: #003A70;
  padding-top: 1rem;
  padding-left: 0.5em;
}
.addUserContainer .buttonContainer {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: flex-start;
}
.addUserContainer .searchAndContractorContainer {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  width: 100%;
}
.addUserContainer .searchAndContractorContainer .searchContainer {
  width: 35vw;
}
.addUserContainer .searchAndContractorContainer .contractorAssignmentContainer {
  width: 55vw;
  height: 80vh;
}
.addUserContainer p {
  font-size: 1.3rem;
  font-family: "stratum2medium";
}.autocompleteSearchContainer, .autocompleteSearchContainer .MuiAutocompleteOutlined {
  width: 100%;
}
.autocompleteSearchContainer .MuiAutocomplete-root {
  background-color: #ffffff;
  border-radius: 0rem;
  font-size: 1.1rem;
}
.autocompleteSearchContainer .Mui-focused.MuiInputLabel-root {
  color: #003A70;
  background-color: #ffffff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0 0.5rem 0 0.5rem;
}
.autocompleteSearchContainer .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.autocompleteSearchContainer:hover .MuiOutlinedInput-notchedOutline, .autocompleteSearchContainer .MuiAutocompleteOutlined:hover .MuiOutlinedInput-notchedOutline {
  border-color: #003A70 !important;
}
.autocompleteSearchContainer:hover .MuiInput-underline:hover:before, .autocompleteSearchContainer .MuiAutocompleteOutlined:hover .MuiInput-underline:hover:before {
  border-bottom: 1px solid #003A70 !important;
}
.autocompleteSearchContainer .MuiOutlinedInput-root {
  border-radius: 3rem;
}
.autocompleteSearchContainer .MuiAutocomplete-input {
  font-family: "franklinGothicURWbook";
  font-size: 1.1rem;
  margin-left: 1.3rem;
}
.autocompleteSearchContainer .MuiFormLabel-root {
  font-family: "franklinGothicURWbook";
  font-size: 1.1rem;
  background-color: #ffffff;
  color: #003A70;
  margin-left: 1.3rem;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0 0.5rem 0 0.5rem;
}
.autocompleteSearchContainer .MuiAutocomplete-popper {
  padding-right: 1.7rem !important;
  padding-left: 1.7rem !important;
}
.autocompleteSearchContainer .MuiAutocomplete-popper .MuiPaper-root {
  font-size: 1.1rem;
}
.autocompleteSearchContainer .MuiAutocomplete-popupIndicator {
  color: #003A70;
}
.autocompleteSearchContainer .MuiAutocomplete-popupIndicator svg {
  width: 1.7em;
  height: 1.7em;
  border-radius: 1rem;
}
.autocompleteSearchContainer .MuiAutocomplete-endAdornment {
  display: flex;
  align-items: center;
  height: 100%;
}
.autocompleteSearchContainer .MuiAutocompleteOutlined .MuiFormLabel-root {
  font-family: "stratum2medium";
  font-size: 16px;
  background-color: #ffffff;
  color: #003A70;
}
.autocompleteSearchContainer .search-icon {
  color: #003A70;
  font-size: 24px;
}.tableSelectContainer {
  height: 100%;
  width: 100%;
}
.tableSelectContainer .mainHeader {
  width: 100%;
  height: 3rem;
  background-color: #7A99AC;
  font-family: "stratum2medium";
  font-size: 24px;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.tableSelectContainer .MuiDataGrid-root {
  border: none !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-columnHeaders {
  background-color: #ffffff;
  font-family: "stratum2bold";
  font-size: 16px;
  color: #003A70;
  border-bottom: 3px solid #003A70 !important;
  position: sticky !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-columnHeader {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-cell:focus-within {
  outline: none !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-cell:hover {
  outline: none !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row {
  background-color: #ffffff;
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  color: #003A70;
  border-bottom: 0.5px solid #707070 !important;
  margin-right: 3rem;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row:hover {
  background: #ffffff !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row.Mui-hovered {
  background: #ffffff !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd) {
  background: #E0E7EE;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd):hover {
  background: #E0E7EE !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-row:nth-child(odd).Mui-hovered {
  background: #E0E7EE !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-cell {
  padding-right: 2.4rem !important;
  padding-left: 1.5rem !important;
}
.tableSelectContainer .MuiDataGrid-root .MuiDataGrid-virtualScroller {
  overflow-y: auto;
  overflow-x: hidden;
}
.tableSelectContainer .MuiDataGrid-withBorderColor {
  border: none !important;
}
.tableSelectContainer .MuiLinearProgress-colorPrimary {
  background: #E0E7EE !important;
}
.tableSelectContainer .MuiLinearProgress-barColorPrimary {
  background-color: rgba(0, 58, 112, 0.6) !important;
}
.tableSelectContainer .Mui-checked {
  color: #003A70 !important;
}.showText {
  opacity: 1;
  transition: all 400ms linear;
}

.hideText {
  opacity: 0;
  transition: all 400ms linear;
}.userRegNavContainer {
  display: inline-flex;
  gap: 2rem;
  height: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
  margin-left: 6rem;
}
.userRegNavContainer .link, .userRegNavContainer .linkSelected {
  color: #003A70;
  font-family: "franklinGothicURWmedium";
  font-size: 20px;
}
.userRegNavContainer .linkSelected {
  color: #7A99AC;
}.userRegNavContainer {
  display: inline-flex;
  gap: 2rem;
  height: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
  margin-left: 6rem;
}
.userRegNavContainer .link, .userRegNavContainer .linkSelected {
  color: #003A70;
  font-family: "franklinGothicURWmedium";
  font-size: 20px;
}
.userRegNavContainer .linkSelected {
  color: #7A99AC;
}

.rolesContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 6rem;
  margin-right: 3.3vw;
}
.rolesContainer .tableContainer {
  height: 80vh;
  width: 100%;
  padding-top: 0rem;
}.loggedOutContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loggedOutContainer .logOutDropdown, .loggedOutContainer .logOutDropdownActive {
  position: absolute;
  display: flex;
  margin: auto;
  right: 0;
  justify-content: flex-end;
  align-items: center;
  width: 7.75rem;
  background-color: #003A70;
  height: 2rem;
  transition: transform 0.4s cubic-bezier(0.38, 0.1, 0.36, 1.11);
  z-index: -1;
  font-family: "franklinGothicURWmedium";
  font-size: 18px;
  padding-right: 2rem;
  color: #ffffff;
  user-select: none;
  cursor: pointer;
  transform: translateY(2rem);
}
.loggedOutContainer .logOutDropdownActive {
  transform: translateY(4rem);
  z-index: 1;
}
.loggedOutContainer .loggedOutBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35rem;
  height: 40rem;
  border: 2px solid #003A70;
  background-color: #ffffff;
  justify-content: center;
  gap: 8rem;
}
.loggedOutContainer .loggedOutBox button {
  font-size: 20px;
}
.loggedOutContainer p {
  font-size: 28px;
}
.loggedOutContainer .topBarContainer {
  height: 4rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 10rem;
}
.loggedOutContainer .topBarContainer .logo {
  grid-column: 4/5;
  position: relative;
  width: 6rem;
  height: 4.4rem;
  align-self: center;
  justify-self: center;
  z-index: 2;
}
.loggedOutContainer .topBarContainer .userContainer {
  display: flex;
  grid-column: 7/8;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding-right: 2rem;
  fill: #003A70;
}
.loggedOutContainer .topBarContainer .userContainer .user {
  font-size: 29px;
  max-width: none;
  margin-bottom: 0.7rem;
  cursor: pointer;
}.contractorContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 6rem;
  margin-right: 3.3vw;
}
.contractorContainer .buttonContainer {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: flex-start;
}
.contractorContainer .tableContainer {
  padding-top: 6rem;
  height: 80vh;
  width: 100%;
}
.contractorContainer .pointer .MuiDataGrid-row {
  cursor: pointer !important;
}
.contractorContainer .tablePadding {
  padding-top: 6rem !important;
}
.contractorContainer .MuiAutoComplete {
  font-family: "franklinGothicURWlight";
}
.contractorContainer .MuiAutoComplete .MuiAutocomplete-input {
  font-family: "franklinGothicURWlight";
  font-size: 16px;
}
.contractorContainer .MuiAutoComplete .MuiFormLabel-root {
  font-family: "franklinGothicURWlight";
  font-size: 16px;
  background-color: #ffffff;
  color: #003A70;
}
.contractorContainer .MuiAutocompleteOutlined .MuiFormLabel-root {
  color: #003A70;
  font-family: "franklinGothicURWlight";
}

.fillModalContainer {
  grid-row: 1/3;
  grid-column: 1/3;
  height: 15rem;
  width: 60vh;
}/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: 100%;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
  border: none;
  background: none;
  padding: 0;
}

/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
}

table {
  border-spacing: 0px;
}