#header {
  margin: 0;
  background-color: #4a4a4a;
  color: white;
  /*background-color: #000026;*/
  padding: 0;
  height: 80px;
}

#header .separator-col .line1 {
  width: 130px;
  height: 56px;
  border-bottom: 5px solid #4a4a4a;
  -webkit-transform: translateY(5px) translateX(-130px) rotate(-55deg);
  /*position: absolute;
top: -20px; */
}

#header .separator-col .line2 {
  width: 130px;
  height: 56px;
  border-bottom: 4px solid #4a4a4a;
  background-color: #4a4a4a;
  -webkit-transform: translateY(-15px) translateX(-80px) rotate(-55deg);
  /*position: absolute;
top: -33px;
left: 40px;*/
}

#header .logo-col {
  height: 80px;
  background-color: white;
}

#header .logo {
  height: 70px;
  padding: 10px;
  display: block;
  float: left;
}

#header .logo img {
  height: 100%;
}

#header .logo-text-section {
  height: 80px;
  width: 80%;
  display: block;
  float: left;
}

#header .logo-text {
  color: #020254;
}

#header .logo-text-amip {
  font-size: 3rem;
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

#header .logo-text-small {
  font-size: 0.9rem;
  display: inline-block;
  color: #020254;
  display: block;
}

#header .logo-text-sub {
  clear: both;
  float: left;
  display: block;
  font-size: 1.4rem;
  color: #020254;
}

/* Header gets to crowded as user resizes- hide the extra stuff and reorient "AMIP" at smaller widths */
@media screen and (max-width: 1530px) {
  #header .logo-text-sub {
    display: none;
  }

  #header .logo-text-section {
    width: 70%;
  }
}

@media screen and (max-width: 1300px) {
  #header .logo-text-section {
    width: unset;
  }

  #header .logo-text-amip {
    line-height: 1.4;
  }

  #header .logo-text-small,
  #header .logo-text-sub {
    display: none;
  }
}

@media screen and (max-width: 660px) {
  #header .logo-text-small {
    display: inline-block;
  }
}

@media screen and (max-width: 484px) {
  #header .logo-text-section {
    width: 70%;
  }

  #header .logo-text-amip {
    line-height: 1;
  }
}

#header .search-col {
  /*height: 80px; */
}

#header .user-col {
  text-align: right;
  padding-right: 20px;
  height: 80px;
}

#header .search {
  margin-top: 1.2em;
}

#header .search label {
  color: white;
}

#header .user-identity {
  margin-top: 1.5rem;
}

#header .user-identity .username {
  color: white;
}

.skip-to-content-link {
  background: #e77e23;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}

a:focus {
  border: 1px solid black;
}

.search-form input {
  width: 80%;
  height: 30px;
  vertical-align: top;
}

.search-form .usa-button {
  padding: 0.4rem;
  line-height: 0.7;
}

.search-form .usa-button img.button-icon {
  height: 1.1rem;
}

.search-results {
  min-height: 400px;
}

.search-results .search-result {
  margin-bottom: 10px;
}

.search-results .search-result h2 {
  font-weight: bold;
  font-size: 1.1rem;
  display: inline-block;
}

.search-results .search-result p {
  margin: 0 20px;
  padding: 0;
}

.search-results .search-result a {
  vertical-align: top;
}

.search-results .search-result .search-result-icon {
  width: 120px;
}

.search-results .search-result .search-result-icon {
  width: 120px;
}

p.results-per-page {
  float: right;
}

.usa-card__img {
  display: flex;
  justify-content: center;
  width: 240px;
}

.usa-card__img img.search-result-icon {
  height: initial;
  width: initial;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.usa-card__img img.search-result-icon-job {
  object-fit: initial;
  width: 50%;
}

.usa-card .usa-card__img {
  display: flex;
}

.branding-border {
  height: 6px;
  margin: 0;
  padding: 0;
}

.branding-border .border-fill {
  height: 6px;
  margin: 0;
  padding: 0;
  background-color: #00b7ff;
  box-shadow: 0 3px 5px #3a474bc2;
  z-index: 100;
}

#sidebar-1 {
  background-color: #4a4a4a;
}

nav.menu ul.usa-sidenav {
  border: none;
  margin-top: 30px;
}

nav.menu ul li {
  text-align: left;
  font-size: 1.4rem;
  color: #fff;
  border: none;
  /*border-color: #999;*/
  margin-top: 10px;
  margin-bottom: 20px;
  /*border-bottom: 1px solid white; */
  width: 90%;
  margin-left: 10px;
}

nav.menu ul li ul {
  padding-left: 0;
  margin-left: 0;
}

nav.menu ul.usa-sidenav li ul li {
  line-height: 0.8;
  font-size: 1rem;
  color: #fff;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

nav.menu ul.usa-sidenav a {
  color: white !important;
}

nav.menu ul.usa-sidenav a:hover {
  background-color: #fff;
  color: #003 !important;
}

nav ul li a.usa-current {
  /* background-color: white; */
  border-color: #ccc;
}

nav ul li a.usa-current ~ ul li {
  /* background-color: #fff; */
}

#body {
  margin: 0;
  background-color: #7cb6dd;
  /*background-color: #ebf2fa;*/
}

#body .content {
  padding: 20px;
  background-image: url("../img/background-logo.png");
  min-height: 100vh!important;
  /*background-image: url("../img/background.png");*/
}
#amip-main-content{
  min-height: 100vh;
}

#anonymous-body .content {
  padding: 20px;
}

#anonymous-body .content h1 {
  height: 100%;
  color: black;
}

h1 {
  color: #20427a; /*#3c5d92*/
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 2rem;
}
.footer-container{
  width: 100%;
}

#footer {
  margin: 0;
}

#footer {
  margin: 0;
  background-color: #edebeb;
  color: #333;
  height: 120px;
  clear: both;
  border-top: 6px solid #00b7ff;
  height: fit-content;
}

#footer a {
  color: #3c5d92;
  font-weight: bold;
  text-decoration: none;
}

#footer .logos {
  display: inline-block;
  float: right;
  margin: 20px;
}

#footer .logos .logo {
  width: 200px;
  display: block;
}

#footer .other {
  display: inline-block;
  float: left;
  margin: 20px;
}

#footer .other ul li {
  display: inline-block;
  margin-right: 10px;
}

/* brought over from previous/original styles - vet these */

label,
.form-label {
  font-weight: bold;
}

label.form-check-label {
  font-weight: normal;
}

input[type="checkbox"] {
  margin: 4px 4px 0 0 !important;
}

.solicitation-detail-checkbox{
  position: relative;
  top: 3px;
}

/*input[type="submit"] {
  color: white;
  padding: 4px 6px;
  background-color: #377de6 !important;
}*/

input[type="file"] {
  display: none;
}

#supplier-details input[type="file"] {
  display: block;
}

.custom-file-upload {
  border: 1px solid #fff;
  background-color: #377de6;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  box-sizing: border-box;
  -webkit-appearance: button;
  border-top: 2px solid #ccc;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-left: 2px solid #ccc;
  cursor: pointer;
}

.logo-preview {
  width: 300px;
}

a {
  color: #20427a; /*3c5d92;*/
  text-decoration: none;
}

a:hover {
  color: #d83933;
}

nav.secondary-menu ul {
  display: block;
  width: 100%;
  margin-top: 10px;
}

nav.secondary-menu ul li.secondary-menu-item {
  display: inline-block;
  padding: 4px;
  border: 1px solid #cfdfff;
}

nav.secondary-menu ul li.secondary-menu-item a:active {
  background-color: #cfdfff;
}

.job-response {
  padding-bottom: 10px;
}

.job-response .highlight {
  padding-bottom: 2px;
}

.highlight.green {
  color: #22956f;
}

.top-right {
  position: absolute;
  top: 1.25em;
  right: 4em;
}

.job-status,
.solicitation-status {
  font-style: italic;
  font-size: 0.9em;
  border-radius: 0.5em;
  background-color: #00b7ff;
  padding: 6px;
  font-weight: normal;
}

.job-status p,
.solicitation-status p {
  margin: 0;
  padding: 0;
}

.job-status a,
.solicitation-status a {
  color: #333;
}

.job-status a:hover,
.solicitation-status a:hover {
  background-color: #00b7ff;
  /*color: #333;*/
}

.job-status.job-status-created,
.solicitation-status.solicitation-status-created,
.solicitation-status.solicitation-status-suppliers_selected {
  display: inline-block;
  background-color: #ccc;
}

.job-status.job-status-production,
.solicitation-status.solicitation-status-qa,
.solicitation-status.solicitation-status-bidding,
.solicitation-status.solicitation-status-bidding_closed,
.solicitation-status.solicitation-status-suppliers_selected {
  background-color: #6c6;
}

.job-status.job-status-shipped,
.job-status.job-status-received,
.job-status.job-status-accepted,
.solicitation-status.solicitation-status-awarded {
  background-color: #393;
}

.job-status.job-status-rejected {
  background-color: #c33;
}

.job-synopsis,
.solicitation-synopsis {
  overflow: hidden;
}

.job-last-updated,
.solicitation-last-updated {
  vertical-align: bottom;
  text-align: right;
}

.job-last-updated-recently,
.solicitation-last-updated-recently {
  font-weight: bold;
}

.button-top-right {
  float: right;
  margin-top: 1em !important;
}

.button-top-left {
  float: left;
  margin-top: 1em !important;
}

.button-center {
  text-align: center;
  margin: 10px 0;
}

#supplier-solicitations-buttons {
  display: flex;
  justify-content: space-between;
}

.matching-supplier-legend {
  width: 100%;
}

.matching-supplier-legend i:hover {
  cursor: pointer;
}

.matching-supplier-legend table,
.matching-supplier-legend table td,
.matching-supplier-legend table th {
  border: 1px solid #666;
  border-spacing: 0;
}

#matching-suppliers,
.matched-suppliers {
  clear: both;
}

#matching-suppliers td.active,
#matching-suppliers .fa-check-square-o,
.matched-suppliers td.active,
.matched-suppliers .fa-check-square-o {
  color: #2ecd99;
}

#matching-suppliers th,
.matched-suppliers th {
  padding: 4px;
  font-weight: bold;
}

td.supplier-capability {
  text-align: center;
}

td.supplier-capability-Y {
  background-color: #6c6 !important;
}

table.dataTable thead .sorting_desc.select-all-suppliers{
  background-image: none!important;
}

.floating-callout {
  display: block;
  float: right;
  background-color: #ececec;
  padding: 6px;
}

.tdp-text-extracted textarea {
  background-color: #ccc;
  /*enabled: false;*/
  width: 90%;
  margin-bottom: 16px;
}

.comments-container .usa-card__container {
  margin-bottom: 0.25rem;
}

.critical-priority-comment {
  box-shadow: 0 4px 8px 0 #b50909 !important;
}

.comment-author {
  font-weight: bold;
  font-size: 14px;
}

.comment-date {
  font-size: 16px;
  color: grey;
}

.comment-priority-text {
  float: right;
  color: white;
  font-style: italic;
  font-size: 14px;
  border-radius: 4px;
  padding: 2px 4px;
}

.low-priority-comment .comment-priority-text {
  background-color: #32cd32;
}

.medium-priority-comment .comment-priority-text {
  background-color: #ffbc00;
}

.high-priority-comment .comment-priority-text {
  background-color: orangered;
}

.critical-priority-comment .comment-priority-text {
  background-color: #ff0000;
}

.comment-body {
  margin-left: 2rem;
}

.comment-footer {
  font-style: italic;
  font-size: 0.85rem;
}

.comments-container {
  padding-top: 1rem;
}

.progress-bar-amnow {
  width: 100%;
}

.progress-bar-amnow .progress {
  background-color: #ccc;
  padding: 8px 4px;
  display: inline-block;
  height: 40px;
  width: 140px;
  font-size: 9pt;
  color: black;
  text-align: center;
}

.progress-bar-amnow .progress.progress-complete {
  background-color: #22956f;
  color: #ccc;
}

.scrollbox {
  height: 200px;
  width: fit-content;
  overflow-y: scroll;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 1em;
}

dl.row dt {
  clear: both;
}

.supplier-capabilities {
  color: #ccc;
}

.supplier-capabilities .fa {
  color: #333;
  margin-right: 4px;
}

.txt-dark-inline {
  color: #069;
  display: inline;
}

.txt-green {
  color: #2ecd99;
}

.highlight {
  padding-bottom: 10px;
}

.highlight .highlight-label {
  display: inline-block;
  font-weight: bold;
}

.highlight .highlight-detail {
  display: inline-block;
  margin-left: 10px;
}

.usa-card__body h2 {
  margin-bottom: 0;
}

.usa-card__body ul {
  margin-top: 0;
}

h2.qanda {
  text-transform: capitalize;
}

.qanda-question {
  display: block;
  padding: 2px;
  margin-bottom: 6px;
  clear: both;
}

.qanda-question .question {
  display: block;
}

.qanda-question .answer {
  display: block;
  font-style: italic;
}

/*
nav ul.job-menu li.secondary-menu-item {
  background-color: #efefef;
  border: none;
  border-radius: 10px;
  padding: 4px 8px;
}

nav ul.job-menu li.secondary-menu-item.completed {
  background-color: #5ce7b9;
}

ul.job-menu li.secondary-menu-item.next {
  background-color: #f7ed8a;
  border: 1px solid #f7ed8a;
}

ul.job-menu li.secondary-menu-item a {
  color: #666;
}

ul.job-menu li.secondary-menu-item a:active {
  background-color: unset;
}

.job-menu-separator {
  border: 1px solid #666;
  width: 20px;
  height: 8px;
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: #666;
}
*/

#job-menu {
  margin-bottom: 20px;
}

#job-menu .usa-button.active {
  background-color: white;
  color: #999;
}

.caret {
  width: 0;
  height: 0;
  display: inline-block;
  border: 8px solid transparent;
}

.caret.right {
  margin: 0 0 0 10px;
}

.caret.right.green {
  border-left-color: #2ecd99;
}

.caret.right.grey {
  border-left-color: #666;
}

.caret.up {
  border-bottom-color: black;
}

.caret.left {
  border-right-color: black;
}

nav.navbar .username {
  display: inline-block;
  vertical-align: top;
  padding-top: 30px;
  margin-right: 30px;
}

#header .username a {
  color: white;
  text-decoration: none;
}

#job-edit-form .form-group {
  max-width: 480px;
}

/* tdp matching classes */
.tdp-data {
  padding: 0;
  background-color: #dfd6cf;
  color: #333;
  margin: 10px;
  border-radius: 3px;
}

#tdp-hide-link {
  padding: 4px;
}

.matches-message {
  margin: 20px 0 0 10px;
}

.tdp-data textarea {
  background-color: #ccc;
  color: #333;
  width: 95%;
}

#tdp-upload-form {
  margin: 10px;
  padding: 10px;
  border: 1px solid #333;
  border-radius: 3px;
  background-color: #e1e1e1;
}

.tdp-field-match,
.tdp-field-all {
  margin-top: 20px;
  margin-left: 10px;
}

.confidence-low {
  border: 2px solid red;
}

.confidence-medium {
  border: 2px solid #ffde33;
}

.confidence-high {
  border: 2px solid #50a0a3;
}

.field-info.zmdi {
  float: right;
  cursor: pointer;
  color: #0b0e32;
  font-size: 2rem;
}

.field-info.field-match {
  color: #50a0a3;
}

a.tdp-download {
  padding: 10px;
  float: top;
  text-decoration: underline;
}

.control-label {
  /*font-weight: bold;*/
  display: block;
}

.control-label.standard {
  font-weight: normal;
}

.form-group {
  margin-top: 25px;
  clear: both;
}

.form-group.checkbox-multiple {
  margin-bottom: 0;
}

.form-group.checkbox-multiple table tr {
  vertical-align: top;
}

.form-group.checkbox-multiple label.standard {
  display: inline;
}

.data-detect .form-group.checkbox-multiple {
  margin-top: 5px;
}

.data-detect .form-group.checkbox-multiple table.cert-table {
  width: 80%;
}

.data-detect .form-group.checkbox-multiple table.cert-table td {
  width: 40%;
}

.data-detect h5 {
  margin: 1rem 0 0 0;
}

.data-detect .form-group.file-upload {
  margin-top: 0;
}

.form-group .stacked-checkbox {
}

.form-group .stacked-checkbox .label,
.form-group .horizontal-checkboxes .label {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  padding-right: 10px;
}

.form-group .horizontal-checkboxes {
  display: inline-block;
}

.form-control.wide {
  width: 400px;
}

.form-control.medium {
  min-width: 200px;
  width: 100%;
}

.form-control.narrow {
  width: 80px;
}

.form-group label {
  /*font-weight: bold;*/
}

.form-group .radio-single {
  display: block;
}

.form-group .radio-single input {
  margin-right: 6px;
}

.form-group .radio-single .radio-label {
  display: inline;
}

.form-group.horizontal .form-field {
  display: block;
  float: left;
  padding: 10px;
  width: 240px;
}

.job-process {
  padding: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.job-process:hover {
  border: 2px dashed #353582;
  background-color: #dedede;
  cursor: move;
}

.job-process,
.process-kpi-field {
  clear: both;
}

.job-process h4:hover {
  cursor: move;
}

.job-process .remove-link {
  display: inline-block;
  margin-left: 10px;
}

.job-process-header {
  font-weight: bold;
  display: inline-block;
}

.dz-clickable#tdpDropzone {
  height: 100px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.solicitation-process {
  padding: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.solicitation-process:hover {
  border: 2px dashed #353582;
  background-color: #dedede;
  cursor: move;
}

.solicitation-process,
.process-kpi-field {
  clear: both;
}

.solicitation-process h4:hover {
  cursor: move;
}

.process-kpi-field .form-field.text {
  display: inline-block;
}

.solicitation-process .remove-link {
  display: inline-block;
  margin-left: 10px;
}

.solicitation-process-header {
  font-weight: bold;
  display: inline-block;
}

#build-process h4 {
  margin-bottom: 0;
  margin-top: 0;
}

.horizontal-field.field {
  float: left;
}

.horizontal-field.field-label {
  float: left;
  margin-left: 10px;
}

.form-label {
  font-weight: bold;
  color: #333;
}

.form-check-label,
input[type="checkbox"] {
  color: #333;
  width: 20px;
  height: 20px;
}

.msg-warning {
  float: right;
  background-color: #faefce;
  padding: 8px;
}

.msg-warning::before {
  border-left: 8px solid #f8d448;
}

#supplier-registration-fields .fieldset-wrapper {
  padding: 20px;
}

#supplier-registration-fields .fieldset-wrapper i {
  display: none;
}

#supplier-registration-fields .fieldset-wrapper fieldset {
  border: 0 !important;
}

.fieldset-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px 6px 30px 6px;
  min-height: 100px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0.5rem;
}

/*.fieldset-wrapper.complete {
  background-color: #EFE;
}

.fieldset-wrapper.complete .fieldset-label {
  color: #198124;
}*/

.fieldset-label {
  color: #00a6e9;
  font-size: 1.2em;
}

.fieldset-text {
  font-size: 1.1em;
}

.row.form-group {
}

.row.form-field {
  margin-top: 10px;
  color: #333;
}

.row.form-field.hidden {
  display: none;
  margin: 0;
}

.row.form-field textarea {
  width: 100%;
}

.row.form-field.checkbox-multiple.input-required {
  background-color: #ffc;
}

.row.form-field.input-required input {
  background-color: #ffc;
  border: 1px solid #c99;
}

i.registration-section {
  font-size: 48pt;
  float: right;
  margin: 10px;
}

i.registration-section-complete {
  color: #7c8;
}

i.registration-section-incomplete {
  color: #fc6;
}

input.input-complete,
.row.form-feld.input-required input.input-complete {
  background-color: #cfc !important;
  border: 1px solid green !important;
}

input.input-error,
.row.form-field.input-required input.input-error {
  background-color: #f99 !important;
  border: 1px solid red !important;
}

.row.form-field.checkbox-multiple.input-required.input-complete {
  background-color: #cfc;
}

.fieldset-text {
  color: #333;
}

.field-option {
  display: inline-block;
  margin-left: 20px;
  color: #333;
}

.field-option.field-option-radio {
  display: block;
  margin-bottom: 8px;
}

.field-option.field-option-radio input[type="checkbox"] {
  margin-right: 4px;
}

.form-group-label {
  margin-top: 10px;
  font-weight: bold;
  color: #333;
}

.btn.disabled,
.usa-button.disabled {
  opacity: 0.35 !important;
}

.expander {
  float: right;
  cursor: pointer;
  padding: 2px;
  margin-right: 8px;
  background-color: #fc6;
}

.expander.collapsed {
}

.expander.complete {
  background-color: #cfc;
}

fieldset.collapsed {
  display: none;
}

#page-help {
  float: left;
  font-size: 32pt;
}

#help {
  position: absolute;
  z-index: 100;
  width: 80%;
  margin-left: 8%;
  background-color: white;
  border: 1px solid #333;
  color: #333;
}

#help p {
  margin-bottom: 10px;
}

.autocomplete-results {
  border: 1px solid #ccc;
  padding: 10px;
  min-height: 200px;
  min-width: 240px;
  background-color: #fff;
}

.autocomplete-quicklink {
  text-decoration: underline;
}

.autocomplete-quicklink:hover {
  cursor: pointer;
}

.form-group.multiple {
  margin-bottom: 80px;
}

.repeat-set {
  margin-top: 20px;
  clear: both;
}

.repeat-set .am_process {
  display: none;
}

.add-another-form .form-group.checkbox-multiple {
  margin-top: 5px;
}

.add-another-form .form-group.checkbox-multiple table.cert-table {
  width: 80%;
}

.add-another-form .form-group.checkbox-multiple table.cert-table td {
  width: 40%;
}

.add-another-form h5 {
  margin: 1rem 0 0 0;
}

.add-another-form .form-group.file-upload {
  margin-top: 0;
}

.add-another-button {
  float: left;
  margin-bottom: 20px;
}

.add-another-button:hover {
  cursor: pointer;
}

#save-button {
  margin-top: 20px;
}

#register-button {
  margin-top: 20px;
  float: right;
}

#saving-output,
#saved-message {
  font-size: 48pt;
  position: absolute;
  width: 100%;
  text-align: center;
}

#saving-output i,
#saved-message i {
  color: #7c8;
}

#submitted-thank-you {
  font-size: 32pt;
  border: 2px solid #768;
  display: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

#map-suppliers-all,
#map-suppliers {
  height: 400px;
  /*margin-bottom: 20px;*/
}

.map-suppliers-container {
}

.map-suppliers {
  height: 400px;
}

#suppliers-table {
  width: 100%!important;
}

#suppliers-table td img {
  height: 60px;
  width: auto;
}
.additional-table-text{
  margin: 0;
  display: inline;
  position: relative;
  top: -2px;
}

.active-supplier,
.sorting_1.active-supplier {
  background: #6c6 !important;
}

.supplier-marker-logo img {
  height: 60px;
}

.suppliers-map-legend {
  background-color: #e2eff4;
  opacity: 0.8;
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid #628fbf;
}

.leaflet-bottom .legend.leaflet-control {
  margin-bottom: 0;
}

.legend-title {
  font-weight: bold;
  display: block;
  width: 100%;
}

.legend-label {
  display: inline-block;
  padding: 0.2rem;
}

.legend-label img {
  height: 30px;
}

.map-supplier-link {
  clear: both;
}

.filter-heading {
  font-weight: bold;
  font-size: 1.2rem;
}

.map-filters-left {
  display: inline-block;
}

.map-filter {
  clear: both;
  text-align: left;
  display: flex;
  font-size: 0.9rem;
}

.dataTables_filter label input {
  float: right;
}

/* Begin top scrollbar styles for datatable.  */
.top-scroll-wrapper,
.bottom-scroll-wrapper,
.top-job-files-scroll-wrapper,
.bottom-job-files-scroll-wrapper {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.top-scroll-wrapper,
.top-job-files-scroll-wrapper {
  height: 20px;
}

.top-scroll-div,
.top-job-files-scroll-div {
  height: 20px;
}

.bottom-scroll-div,
.bottom-job-files-scroll-div {
  width: 100%;
  overflow: none;
}

.dataTables_filter label {
  float: right;
}
/* End top scrollbar styles for datatable.  */

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

.map-facet-group,
.map-facet-group-special {
  font-size: 0.9rem;
  margin: 0.5rem 1rem 0.6rem 0;
  padding: 0;
  clear: both;
  background-color: #ececec;
  border: 1px solid #c9c9c9;
}

.map-facet-group.open {
  border-radius: 0 0 5px 5px;
}

.map-facet-group table.dataTable tbody tr {
  background-color: unset;
}

.map-facet-group:first-child {
  margin-top: 0;
}

.map-facet-group-heading {
  font-weight: bold;
  background-color: #ccc;
  padding: 0.1rem 0.5rem;
  margin: 0;
}

.map-facet-group table.map-facet-list.dataTable.no-footer {
  display: block;
  padding: 1rem;
  margin: 0;
  clear: both;
  border-bottom: none !important;
  border-right: none;
  position: relative;
  top: -4px;
}

.map-facet-group-special.closed .facet-search,
.map-facet-group.closed table.map-facet-list.dataTable.no-footer,
.map-facet-group.closed .dataTables_filter,
.map-facet-group.closed .capabilitiesInHouseOnlyWrap,
.map-facet-group.closed .facet-search,
.map-facet-group.closed .facet-sort-options {
  display: none;
}

.map-facet-group-special .facet-search {
  padding: 1rem;
}

table.dataTable tr {
  line-height: 1.5rem;
}

table.dataTable thead th,
table.dataTable td {
  text-align: left;
}

.map-facet-group table.map-facet-list td {
  font-size: 0.9rem;
  padding: 0;
  width: 20%;
  min-width: 40px;
}

.map-facet-group table.map-facet-list td.map-facet {
  text-decoration: underline;
  list-style-type: none;
  width: 80%;
  min-width: 140px;
}

.map-facet-group table.map-facet-list td:nth-child(2) {
  text-align: center;
}

.map-facet-group table.map-facet-list.dataTable tr.even td {
  background-color: unset;
}

.grid-col-12 .map-facet-group table.map-facet-list td.map-facet {
  min-width: 200px;
}

.map-facet-group table.map-facet-list td.map-facet:hover,
.map-facet-group i:hover {
  cursor: pointer;
}

.map-facet-group-special.closed i.open-arrow,
.map-facet-group-special.open i.close-arrow,
.map-facet-group.closed i.open-arrow,
.map-facet-group.open i.close-arrow {
  display: inline-block;
  float: right;
}

.map-facet-group-special.closed i.close-arrow,
.map-facet-group-special.open i.open-arrow,
.map-facet-group.closed i.close-arrow,
.map-facet-group.open i.open-arrow {
  display: none;
}

.capabilitiesInHouseOnlyWrap {
  display: inline-block;
  padding: 0.5em;
}

#capabilitiesInHouseOnly__label {
  vertical-align: super;
}

.facet-sort-options {
  float: right;
  display: none;
}

.facet-sort {
  padding: 0.2rem 0.4rem 0.2rem 0.2rem;
  border-radius: 2px;
  color: #666;
  background-color: #e0dfdf;
  border: 1px solid #999;
}

.facet-sort.selected {
  background-color: white;
  border: 1px solid #999;
}

.facet-sort.fa-sort-numeric-down-alt {
  margin-right: 1rem;
}

.dashboard h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 0;
}

.dashboard h3 {
  text-transform: uppercase;
  color: #3c5d92;
  margin-top: 0;
}

.dashboard h4 {
  text-transform: uppercase;
}

.dashboard .usa-card {
  margin-bottom: 1rem;
}

.dashboard .usa-card__container.dashboard-map {
  height: 97%;
}

.dashboard .usa-card__body {
  text-align: center;
}

.usa-card__container {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.usa-card__body dd {
  margin-left: 0;
}

.pop {
  border-radius: 15px;
  margin-bottom: 1rem;
}

.pop-yellow {
  background-color: #ffff33;
}

.pop-orange {
  background-color: #ff9933;
}

.pop-teal {
  background-color: #33cccc;
}

.pop-blue {
  background-color: #6699ff;
}

button.usa-accordion__button {
  background-color: #c7deee;
}

button.usa-accordion__button.dirty {
  background-color: #f6a2a2;
}

.usa-accordion__heading.dirty {
  background-color: #eed0c7;
}

.usa-accordion__content h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 2.1rem;
  color: #7ab8e3;
}

.usa-step-indicator__header.analytic-section-header {
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  font-size: larger;
}

.usa-step-indicator__current-step.analytic-section-counter {
  padding: calc((2rem - (2ex * 1.1)) * 0.5);
}

.analytic-section-content {
  border: 0.25rem solid #f0f0f0;
}

.select-buttons-group {
  display: grid;
  justify-content: center;
  align-content: center;
}

.select-button {
  margin-left: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.analytics-table td {
  white-space: nowrap;
}

.usa-button.dynamic {
  opacity: 0.5;
  cursor: none;
}

.usa-button.dynamic.dirty {
  opacity: 1;
  cursor: pointer;
}

a.quick-remove:hover,
.remove-link,
.remove-zip-circle:hover {
  cursor: pointer;
}

.remove-link {
  text-decoration: underline;
}

.accordion-button-save-message {
  float: right;
  display: inline-block;
}

.accordion-button-save-message.disabled {
  display: none;
}

.file-type {
  border: 1px dashed #999;
  display: inline-block;
  padding: 0 6px;
  background-color: #dedede;
  border-radius: 0.3rem;
}

textarea {
  width: 100%;
}

.usa-step-indicator {
  margin-bottom: 20px !important;
}

.usa-step-indicator--center .usa-step-indicator__segment-label {
  height: 30px;
}

li.usa-step-indicator__segment {
  max-width: 30rem;
}

#left-nav-supplier-stats {
  margin: 40px 20px;
  padding: 10px;
  border-radius: 0.5rem;
  background-color: #e6e6e6;
  text-align: center;
}

.left-nav-stat {
  padding: 10px;
  min-width: 50px;
  font-size: 0.9rem;
  display: inline-block;
  /*border-right: 1px solid #ccc;*/
}

.left-nav-stat:last-of-type {
  border-right: 0;
}

.left-nav-stat .stat-pop {
  display: block;
  text-align: center;
  margin-left: 5px;
  font-size: 1.4rem;
}

.usa-card__body h3,
.usa-card__body h4,
.row h3,
.row h4 {
  margin-bottom: 0;
}

.usa-accordion__content form .row {
  clear: both;
}

.usa-accordion__content #MaterialName {
  width: 100%;
  margin-bottom: 4px;
}

#loginform .mfa {
  margin-top: 20px;
  margin-bottom: 20px;
}

#loginform .form-field {
  margin-bottom: 20px;
}

#report-fields h4 {
  clear: both;
}

#report-fields h5 {
  margin: 0;
}

.process-kpi-field.add-another {
  border: 1px solid #ccc;
  padding: 10px 0 50px 0;
  margin: 10px 0;
  width: 240px;
}

.custom-kpi-set {
  display: block;
  clear: both;
}

.custom-kpi-set .kpi-name {
  display: inline-block;
  padding: 2px 6px;
  width: 50%;
}

.custom-kpi-set .kpi-value {
  display: inline-block;
  padding: 2px 6px;
  width: 30%;
}

.delete-custom-kpi {
  border: 1px solid #333;
  display: inline-block;
  padding: 4px 6px;
  margin-left: 4px;
  font-weight: bold;
}

.delete-custom-kpi:hover {
  cursor: pointer;
}

p.no-margin {
  margin: 0 0 0.5rem 0;
}

p.quiet {
  color: #999;
}

h2.job-pan {
  margin-top: 0;
  margin-left: 2px;
  font-size: 1.2rem;
}

h2.job-name,
h3.job-name {
  margin-top: 0;
  margin-left: 2px;
  font-size: initial;
}

.download-selected-btn {
  margin-bottom: 0.35em;
}

i.file-download {
  color: #be1b1b;
}

.job-compare .fa-check-circle {
  color: #3c3;
}

.job-compare .fa-times-circle {
  color: #c33;
}

.job-compare .table-heading {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.job-compare .table-heading.with-subheading {
  margin-bottom: 0;
}

.job-compare .table-subheading {
  font-style: italic;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.cumulative-toggle {
  float: right;
  font-size: 0.9rem;
}

.cumulative-toggle .fas:hover {
  cursor: pointer;
}

.cumulative-toggle .fas.cumulative {
  color: green;
}

.delete-icon {
  color: #ff6347;
}

.selected-filters {
  display: block;
  padding: 2px;
}

.selected-filters .selected-filter {
  display: block;
}

.selected-filters .selected-filter a {
  color: #009900;
  font-size: 1rem;
}

.selected-filters .selected-filter a i {
  color: #993333;
}

.selected-filters .selected-filter:hover {
  display: block;
}

#suppliers-search {
  margin-top: 4px;
}

.horizontal-layout {
  margin-bottom: 1rem;
}

.horizontal-layout label {
  min-width: 200px;
  display: inline-block;
  text-wrap: normal;
}

.horizontal-layout input {
  display: inline-block;
}

/* jQuery tooltip styles */
.ui-tooltip,
.arrow:after {
  background: #336;
  border: 2px solid white;
}

.ui-tooltip {
  padding: 10px 20px;
  color: white;
  width: 50%;
  min-width: 200px;
  border-radius: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  /*text-transform: uppercase;*/
  box-shadow: 0 0 7px #333;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

.ui-helper-hidden-accessible {
  display: none;
}

/* End tooltip styles */

.compare-form {
  /*background: #efefef;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;*/
}

.compare-form #compare-job-uuid {
  font-size: 0.8rem;
  width: 100%;
}

.map-facet-group .dataTables_wrapper .dataTables_filter input {
  background-color: white;
}

.dataTables_length,
.dataTables_filter {
  margin: 10px 0;
}

table.dataTable td.img-col {
  text-align: center;
}

.two-col-card-content {
  margin-top: 10px;
}

.analytics-compare table.dataTable {
  width: 100% !important;
}

.analytics-compare button.dirty {
  background-color: #c7deee;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
  width: 100%;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #005ea2;
  color: white;
  border-radius: 4px 4px 0 0;
  margin-right: 4px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  background-color: #ccc;
  font-weight: bold;
  color: #330;
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
  border: 1px solid #ccc;
}

.tab-content {
  clear: both;
}

.supplier-bids .fas.fa-check {
  color: green;
}

.supplier-bids .fas.fa-times-circle,
.supplier-bids .far.fa-times-circle {
  color: red;
}

#support-popup {
  display: none;
  border: 1px solid #999;
  background-color: white;
  border-radius: 4px;
  padding: 8px;
}

#support-popup h2 {
  margin-top: 0;
}

#support-popup i:hover {
  cursor: pointer;
}

#support-popup.active {
  display: block;
  position: absolute;
  top: 100px;
  right: 10px;
  z-index: 2000;
}

.float-right.contact-support-button {
  margin-top: 10px;
}

#contact-support {
  background-color: white;
  padding: 2px 4px;
  text-transform: capitalize;
  border-radius: 6px;
  float: left;
}

#contact-support:hover {
  cursor: pointer;
}

@media screen and (max-width: 1580px) {
  #contact-support {
    float: left;
  }
}

.loading-div__local,
#loading-div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  width: 100%;
  height: 100%;
  padding: 100px;
  text-align: center;
  vertical-align: center;
  z-index: 2000;
  background-color: white;
  opacity: 85%;
  border-radius: 5px;
}

#loading-div {
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.new-feature {
  border: 1px solid green;
  background-color: #9deb9e;
  margin: 4px 0;
  padding: 4px;
  border-radius: 4px;
}

button.usa-button.grid-button,
a.usa-button.grid-button {
  padding: 6px !important;
  margin-bottom: 6px;
}

#authbtn {
  margin-top: 20px;
}

#fidologinbutton {
  padding: 8px;
  vertical-align: top;
}

#fidologinbutton .button-text,
#fidoregister .button-text {
  vertical-align: top;
  display: inline-block;
  margin: 0.2em 0.8em 0.1em 0;
}

#fidologinbutton img,
#fidoregisterbutton img {
  width: 20px;
  margin: 0 0.2em 0 0.8em;
}

#loginform #username,
#loginform #password {
  min-width: 200px;
  width: 100%;
}

.front-center-link {
  text-align: center;
  background-color: #fbf8cf;
  font-size: 1.3rem;
}

[href]:focus {
  outline: none !important;
}

.cert-table #CertificationName {
  margin-bottom: 10px;
}

.full-width {
  width: 100%;
}

a.usa-button {
  padding: 12px 20px !important;
  text-decoration: none;
}

a.usa-button,
a.usa-button:visited {
  color: #fff !important;
}

.form-group-set {
  padding: 1em;
  border: 1px solid #999;
  margin-top: 1em;
  border-radius: 4px;
}

.last-updated-timestamp {
  display: block;
  font-weight: normal;
}

.usa-button:not([disabled]).usa-focus,
.usa-button:not([disabled]):focus {
  outline-offset: 0.1rem !important;
  border: 2px solid black;
}

.usa-card {
  min-width: 240px;
}

textarea:invalid,
input:invalid,
select:invalid,
password:invalid {
  background-color: #f6a2a2;
}

.fas.error {
  color: #d83933;
}

.map-link {
  font-size: 1.2em;
}

.map-link:hover {
  cursor: pointer;
}

.amip-app-name {
  float: right;
  padding: 4px;
  border-radius: 4px;
  margin-right: 40px;
}

@media screen and (min-width: 1300px) {
  .amip-app-name {
    margin-top: -80px;
  }
}

.bid-form-part {
  border-radius: 4px;
  border: 1px solid #999;
  background-color: #efefef;
  padding: 4px;
  margin-top: 10px;
}

.bid-form-part .bid-form-field {
  padding-right: 10px;
}

.bid-table-details {
  border: 1px solid #ccc;
  border-radius: 4px;
}

#solicitation-bids tr.odd {
  background-color: #efefef;
}

.bid-part-amount {
  width: 120px;
  float: left;
}

.input-prefix {
  float: left;
}

.input-help {
  font-size: 1.4rem;
  color: #393;
  float: left;
  padding: 0 4px;
}

.input-help-explanation {
  color: #393;
  padding: 10px;
}

#solicitation-bids .bid-table-details:hover,
#solicitation-bids .fa-info-circle:hover {
  cursor: pointer;
}

.solicitation-award-grouping {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  clear: both;
  margin-top: 20px;
}

.solicitation-award-grouping .form-group {
  padding: 4px;
}

.solicitation-award-grouping .form-group label {
  font-weight: normal;
}

.solicitation-award-grouping .grouping-label {
  font-weight: bold;
  position: absolute;
}

.solicitation-award-grouping input[type="checkbox"] {
  float: left;
}

ul li.ui-tabs-tab.unsaved i,
li.ui-tabs-tab a i.fa-edit {
  color: #c33;
}

.bid-question {
  margin-bottom: 1rem;
  padding: 4px;
}

.bid-question.unanswered {
  background-color: #fbdfdf;
}

.bid-question .question {
  padding-left: 10px;
  font-weight: bold;
  border-left: 10px solid #323e82;
}

.bid-question .answer {
  padding-left: 10px;
  border-left: 10px solid #999;
}

.qanda-header {
  font-weight: bold;
  font-size: 1.4em;
}

.qanda-header.header-question {
  color: #323e82;
}

.qanda-header.header-answer {
  color: #999;
}

.qanda-answer-link {
  margin: 10px 0;
}

a.qanda-answer-button {
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 4px;
}

.bid-question .comment-time {
  font-size: 0.9em;
  font-weight: normal;
}

.bid-question .qanda-answer-link:hover {
  cursor: pointer;
}

.bid-question .qanda-answer-link.unanswered {
  color: red;
}

#show-table-link,
#show-cards-link,
#show-cards-solicitations,
#show-table-solicitations {
  border-radius: 4px;
  border: 1px solid #666;
  color: #000;
  background-color: #999;
}

#show-table-link i,
#show-cards-link i,
#show-cards-solicitations i,
#show-table-solicitations i {
  padding: 4px;
}

#show-table-link:hover,
#show-cards-link:hover,
#show-cards-solicitations:hover,
#show-table-solicitations:hover {
  cursor: pointer;
}

#show-table-link.selected,
#show-cards-link.selected,
#show-cards-solicitations.selected,
#show-table-solicitations.selected {
  color: #fff;
  background: #323466;
  border: 1px solid #fff;
  padding: 8px;
}

#job-history-datatable,
#solicitation-history-datatable {
  width: 100% !important;
}

i.job-status-created,
i.job-status-canceled {
  color: #ccc;
}

i.job-status-production {
  color: #6c6;
}

i.job-status-shipped,
i.job-status-received,
i.job-status-accepted {
  color: #393;
}

i.job-status-rejected {
  color: #c33;
}

.job-solicitation-part,
.supplier-solicitation-bid {
  border: 2px solid #999;
  border-radius: 4px;
  padding: 0 10px 10px 10px;
  margin-top: 10px;
  clear: both;
}

.fa.fa-circle.not-reviewed {
  color: #ddd;
}

.fa.fa-circle.rejected {
  color: #c33;
}

.fa.fa-circle.ignored {
  color: #999;
}

.fa.fa-circle.approved {
  color: #393;
}

.fa.fa-circle.approval-state:hover,
.fa.fa-circle.new-approval-state:hover {
  cursor: pointer;
}

.approval-select {
  border-radius: 4px;
  border: 1px solid #999;
  position: relative;
  padding: 4px;
  width: 120px;
}

.approval-state-text {
  display: inline-block;
  margin-left: 4px;
}

.note-text {
  min-width: 100px;
  resize: none;
}

.edit-notes {
  cursor: pointer;
}

.file-notes-link {
  cursor: pointer;
}

.checkbox-label {
  float: left;
  margin-right: 4px;
}

tr.file-deleted td,
tr.file-hidden td {
  color: #999;
}

.checkbox-file-hidden-div {
  display: none;
}
/*#create-solicitation-form .checkbox-file-hidden-div,*/
#solicitation-file-upload .checkbox-file-hidden-div,
.solicitation-part-file-upload .checkbox-file-hidden-div {
  display: block;
}

.text-muted{
  color: #c9c9c9;
}

.image-interaction-wrapper {
  margin: 1em 0;
}

.hidden {
  display: none;
}

.fas.hidden {
  display: none;
}

.grid-row.contact-suppliers-heading {
  padding: 1em 0;
}

.assign-images-return-link {
  display: inline-block;
  margin-bottom: 1em;
}

#body .usa-card__container.content.assign-images-no-files {
  min-height: auto;
}

.loading-div__local.loading-div__small {
  padding: 50px;
}

/*Custom checkbox for test data----------------------*/
#list-columns-widget,
#list-rows-widget {
  position: relative;
  margin-right: 5px;
  overflow: visible;
  float: left;
  z-index: 200;
  font-family: sans-serif;
  font-size: 13px;
  float: right !important;
}

#list-columns-preview,
#list-rows-preview {
  background: #f7f7f7;
  background: -moz-linear-gradient(center top, #ffffff, #f3f3f3) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
  padding: 5px 5px 24px;
  height: 20px;
  width: 298px;
  font-weight: inherit;
  text-align: center;
  position: relative;
  border: solid 1px #555555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

#list-columns-widget .pointer,
#list-rows-widget .pointer {
  position: absolute;
  right: 5px;
  top: 9px;
  font-size: 9px;
  cursor: pointer;
}

#list-columns,
#list-rows {
  position: absolute;
  display: none;
  top: 28px;
  width: 298px;
  height: 298px;
  padding-left: 5px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: scroll;
  border: solid 1px #555555;
  list-style: none;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  -moz-box-shadow: 0px 3px 5px #e6e6e6;
  -webkit-box-shadow: 0px 3px 5px #e6e6e6;
  box-shadow: 0px 3px 5px #e6e6e6;
  background: #fff;
}

#list-columns li,
#list-rows li {
  border-bottom: solid 1px #dddddd;
  border-top: solid 1px #fff;
  display: block;
  background: #ffffff;
}

#list-columns li:nth-child(odd),
#list-rows li:nth-child(odd) {
  background: #f9f9f9;
}

#list-columns li input,
#list-rows li input {
  float: left;
  margin: 8px 7px 0px 7px;
}

#list-columns li input:checked + label,
#list-rows li input:checked + label {
  font-weight: bold;
}

#list-columns li label,
#list-rows li label {
  display: block;
  cursor: pointer;
  padding: 7px 0;
  float: none;
  margin: 0px;
  width: auto;
}

#select-colums-row-div {
  margin: 10px 0;
}
/*End Custom checkbox for test data----------------------*/
/* Start Compare Tests */

.compare-tests-button-top-right {
  text-align: right;
  padding-bottom: 1em;
}

.compare-facet-wrap {
  display: flex;
}

.compare-facet {
  padding: 1em;
  border: 1px solid black;
  border-radius: 4px;
  margin: 0 0.5em;
}

.compare-facet ul {
  list-style-type: none;
}

.compare-facet ul label {
  font-weight: normal;
}

.compare-facet-list {
  padding-left: 0.25em;
  max-height: 30vh;
  overflow-y: auto;
}

.usa-card__body .compare-facet h2 {
  margin-top: 0;
}

.usa-card__body ul.compare-facet-list {
  margin-top: 0.5em;
}
/* End Compare Tests*/

.partDataRequirementsCheckboxList {
  list-style-type: none;
  padding-left: 0;
}
.updatePartDataRequirements__submitButton {
  float: right;
}

/* File status and page styles */
.file-status-link ul,
.file-status ul,
.test-file-status-link ul,
.test-file-status ul {
  padding: 0;
  list-style: none;
}
.file-status-link-btn a,
.file-status-btn a,
.test-file-status-link-btn a,
.test-file-status-btn a {
  cursor: pointer;
}
.close-file-status-btn,
.close-accepted-job {
  position: absolute;
  top: 0.1em;
  right: 0.4em;
  cursor: pointer;
  font-size: 25px;
}
/* End file status and page styles */

.icon-badge-value {
  position: relative;
  top: -20px;
  right: -93px;
  width: 25px;
  height: 25px;
  background: #d83933;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.close-notification {
  cursor: pointer;
}
.dataRequirementsFileApprovalEntry {
  min-width: 150px;
}
.dataRequirementPartList {
  list-style-type: none;
  padding-left: 20px;
}
.notification-text {
  min-width: fit-content;
  max-width: none !important;
}
.align-right {
  text-align: right;
}
/* Dropdown for edit groups */

.main {
  margin: 1rem;
  max-width: 350px;
  width: 50%;
  /* height: 250px; */
  margin-top: 0;
}

select#user-select,
select#job-select,
select#solicitation-select {
  display: none !important;
}

.dropdown-select {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  background-color: #fff;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.dropdown-select:focus {
  background-color: #fff;
}

.dropdown-select:hover {
  background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
  background-color: #fff !important;
  border-color: #bbb;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-select.open .option {
  cursor: pointer;
}

.dropdown-select.wide {
  width: 380px;
}

.dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown-select .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  border: 1px solid #ddd;
}

.dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.dropdown-select .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}

.dropdown-select .dd-searchbox {
  width: 90%;
  padding: 0.5rem;
  border: 1px solid #999;
  border-color: #999;
  border-radius: 4px;
  outline: none;
  outline-width: 0;
}
.dropdown-select input.dd-searchbox:focus {
  outline-width: 0;
  outline: none;
}

.dropdown-select .list ul {
  padding: 0;
}

.dropdown-select .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
  background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
  font-weight: 500;
  color: #005ea2;
}

.dropdown-select .option.selected:focus {
  background: #f6f6f6;
}

.dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
  color: #666;
}

.usa-banner__content.usa-accordion__content.groups-accordian {
  min-height: 370px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: none;
}
.usa-banner__guidance.groups-section {
  width: 50%;
}
#user-gruop-list,
#job-gruop-list,
#solicitation-gruop-list {
  list-style: none;
  margin-top: 40px;
}
.usa-button.usa-button--secondary.groups-save {
  padding: 0.75rem 1.25rem rem;
}
.select-section {
  width: 200%;
  display: flex;
}
.hidden-option.option {
  display: none !important;
}
.quick-remove-user.fa-trash-alt,
.quick-remove-job.fa-trash-alt,
.quick-remove-solicitation.fa-trash-alt {
  cursor: pointer;
}
.quick-remove-user.fa-trash-alt:hover,
.quick-remove-job.fa-trash-alt:hover,
.quick-remove-solicitation.fa-trash-alt:hover {
  color: #d83933;
}
#add-group-user,
#add-group-job,
#add-group-solicitation {
  margin-left: 10px;
}
#current-user,
#current-job,
#current-solicitation {
  width: 335px;
  overflow: hidden;
}
.group-listing p {
  display: inline;
}
.group-listing p.user-job-highlight,
.group-listing p.user-sol-highlight {
  color: grey;
}
.fa-lock.locked-job,
.fa-lock.locked-sol {
  color: grey;
}
.fa-lock.locked-job:hover,
.fa-lock.locked-sol:hover {
  color: grey;
}
.info-text-div {
  display: flex;
  justify-content: space-between;
}

.box-id-form{
  padding-top: 30px;
}
.box-id-table-form{
  padding-top: 25px;
}
.box-id-table tbody tr:last-child {
 text-align: center!important;
}
.box-id-table td,
.box-id-table th{
  width: 126px!important;
}
.box-id-table
{
  border-collapse: collapse;
/*   border: 1px solid #2f2f2f; */
}
.box-id-table thead{
  background-color: #7bb6dc;
}

.box-id-table td{
  border: 1px solid black;
  text-align: center;
}
.edit-boxid{
  cursor: pointer;
}
.boxid-edit-input{
  max-width: 130px;
}
.save-boxid {
 display: none;
}
.save-boxid, .delete-boxid, .edit-boxid {
 width: 48px!important;
 margin: 5px auto;
}
td.edit-save{
 /* width: 143px!important; */
 text-align: center!important;
}
td.edit{
  text-align: center!important;
}
button.edit-boxid , button.save-boxid{
  margin-bottom: 5px;
  margin: 5px auto;
}
.add-id{
  margin-top: 5px;
}
@media screen and (max-width: 1380px) {
  .boxid-group {
    flex-direction: column;
  }

  .grid-col-5.box-id-table-form {
    width: 100%;
  }
}

#filenotes{
  margin-bottom: 25px
}
@media screen and (max-width: 1380px) {
  .boxid-group {
    flex-direction: column;
  }

  .grid-col-5.box-id-table-form {
    width: 100%;
  }
}

@media screen and (max-width: 1370px) {
  .dropdown-select.wide {
    width: 286px;
  }
  #current-user,
  #current-job,
  #current-solicitation {
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 1276px) {
  .usa-banner__content.usa-accordion__content.groups-accordian {
    padding-right: 150px;
  }
}
@media screen and (max-width: 1166px) {
  .usa-banner__content.usa-accordion__content.groups-accordian {
    flex-direction: column;
    justify-content: start;
  }
  .main {
    width: 100%;
  }
  .dropdown-select.wide {
    width: 586px;
  }
  #user-gruop-list,
  #job-gruop-list,
  #solicitation-group-list {
    padding-left: 10px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .dropdown-select.wide {
    width: 386px;
  }
}
@media screen and (max-width: 866px) {
  .dropdown-select.wide {
    width: 300px;
  }
  .group-listing {
    width: 380px;
    word-break: break-word;
  }
}
@media screen and (max-width: 737px) {
  .dropdown-select.wide {
    width: 250px;
  }
  .group-listing {
    width: 340px;
  }
}
@media screen and (max-width: 687px) {
  .group-listing {
    width: 320px;
  }
}
@media screen and (max-width: 661px) {
  .dropdown-select.wide {
    width: 230px;
  }
}
@media screen and (max-width: 648px) {
  .group-listing {
    width: 310px;
  }
}
@media screen and (max-width: 639px) {
  .dropdown-select.wide {
    width: 375px;
  }
  .group-listing {
    width: 460px;
  }
}
@media screen and (max-width: 589px) {
  .group-listing {
    width: 400px;
  }
  .dropdown-select.wide {
    width: 300px;
  }
}
@media screen and (max-width: 513px) {
  .group-listing {
    width: 350px;
  }
  .dropdown-select.wide {
    width: 280px;
  }
}
@media screen and (max-width: 479px) {
  #add-group-user,
  #add-group-job,
  #add-group-solicitation {
    width: 60px;
  }
  .groups-save.button-top-right {
    float: none;
  }
}

/* Tabs */
.tabs__tab-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs__tab-list li:first-child > p{
  border-radius: .5rem 0 0 0.5rem;
}
.tabs__tab-list li:last-child > p{
  border-radius: 0 0.5rem 0.5rem 0;
}
.tabs__trigger {
  background: #fff;
  border: 1px solid;
  color: #20427a;
  display: block;
  font-weight: bold;
  padding: 15px 20px;
  text-decoration: none;
  cursor: pointer;
}
.tabs__trigger.is-selected {
  background: #005ea2;
  color: #fff;
}
.tabs__panel {
  display: none;
  padding-top: 10px;
}
.is-initialized .tabs__panel {
  display: inherit;
}
.tabs__panel.is-hidden {
  display: none;
}
.oem-name, .oem-title{
  text-transform: capitalize;
}

.usa-input{
  height: 24.69px;
  margin-bottom: 15px;
}
.dataset-group{
  border: none!important;
  margin-left: auto;
}
#download-test-data-wrapper{
  overflow-x: hidden;
}
#download-test-data-datatable th {
  white-space: nowrap;
}
#download-test-data-datatable td {
  vertical-align: top;
}

.facet-box h2{
font-size: 22px;
}
.facet-box.compare-facet ul {
  padding: 0;
}
.facet-box.compare-facet li{
  margin-left: 5px;
}
.delete-facet{
  cursor: pointer;
}
.textbox.completeIt{
position: relative;
}
.autoComplete{
  position: absolute;
  background: white;
  width: 100%;
  z-index: 9;
}

.autoComplete .item {
    display: block;
    margin-bottom: 4px; /* optional spacing */
  }

  .facet-flex-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.facet-box {
  max-width: 241.1px;
} 
div.loading-div__local.loading-div__small.loading-div-download-dataset {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.download-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem; /* space between buttons */
  margin-top: 15px;
}

.download-group .usa-button {
  white-space: normal;
  text-align: center;
}
.download-combined-data{
  width: 138.36px;
}

.multiline-button {
  white-space: normal;
  width: 100px; /* adjust as needed */
  height: auto;
  line-height: 1.2;
  text-align: center;
  padding: 0.5em;
}
@media screen and (max-width: 1468px) {
  .facet-box {
    max-width: none;
    width: 45%;
  }
}

@media screen and (max-width: 920px) {
  .facet-box {
    max-width: none;
    width: 100%;
  }
}

.job-files-datatable.sol-files-datatable-part {
  width: 100%!important;
}