.bnc-subtitle {
  font-size: 14px;
  margin-top: 5px;
  color: white;
}

@media screen and (max-width: 951px) {
  .bnc-subtitle {
    font-size: 12px;
  }
}

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

.bnc-show-margin-left-top {
  margin-left: 10px;
  margin-top: 10px;
}

.bnc-logo {
  display: flex;
}

.bnc-logo a {
  color: white;
  text-decoration: none;
}

.bnc-background {
  background: url("/assets/img/bg-header-stars-blue.jpg") repeat-x scroll center top transparent;
}

@media screen and (max-width: 951px) {
  #main-content {
    margin-top: 75px;
  }
}

.hide {
  display: none;
}

.bnc-progress-bar {
  border-width: 2px;
  border-style: solid;
  border-color: DarkRed;
}

.bnc-progress-bar-color {
  background-color: DarkRed;
  height: 24px;
}

#hp-phone {
  visibility: hidden;
}

.name {
  display: inline;
}

.alert-danger {
  color: red;
}

.alert-info {
  color: blue;
  font-style: italic;
}

textarea.address {
  height: 10rem;
  max-width: 50rem;
}

button.back-button,
input.next-button,
cancel-link,
input[type="submit"] {
  display: inline-block;
}

#password,
#confirm_password {
  width: 460px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  padding: 5px 5px;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.header-tooltip {
  clear: both;
  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times",
    serif;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
  font-size: 2rem;
  font-weight: 700;
}

a.tooltip-more-info {
  color: white;
}

a.tooltip-more-info:hover {
  color: yellow;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

/* USA Overrides */

div.usa-logo-text {
  padding-top: 25px;
  font-family: "Merriweather", "Times New Roman";
}

@media screen and (min-width: 951px) {
  .usa-nav-secondary a {
    color: white;
  }

  .usa-nav-secondary a:hover {
    color: white;
    text-decoration: underline;
  }
}

.usa-section-dark {
  background-color: rgb(4, 45, 101);
  color: #ffffff;
}

.usa-navbar {
  border-bottom: none;
  height: 4rem;
}

@media screen and (min-width: 951px) {
  .usa-nav-secondary-links li:not(:last-child)::after {
    content: "|";
    padding-left: 1rem;
    color: white;
  }
}

label,
textarea {
  max-width: 80rem;
}

button,
[type="button"],
[type="submit"] {
  padding: 1.35rem 2rem;
}

@media screen and (min-width: 951px) {
  nav.usa-nav {
    background-color: DarkRed;
  }

  .usa-nav-primary button,
  .usa-nav-primary a span,
  .usa-nav-primary button:hover,
  .usa-nav-primary a:hover {
    color: white;
  }

  .usa-nav-primary a.usa-current {
    /* stylelint-disable-line selector-no-qualifying-type */
    border-left: 4px solid white;
    color: white;
  }

  button.usa-accordion-button.usa-current {
    border-left: 4px solid white;
  }

  button.usa-current span {
    color: white;
  }
}

pre {
  font-family: sans-serif;
  font-size: 1em;
}

/* Secondary Menu */

div.usa-nav-secondary {
  margin-top: 25px;
}

.usa-nav-secondary-links .login-menu a {
  font-weight: 700;
}

/* EDI Templates */

table.edi-form-list th {
  font-weight: bold;
}

table.edi-form-list td {
  vertical-align: top;
}

table.edi-form-list td>input,
table.edi-form-list td>label {
  margin-top: 0px;
  padding-top: 0px;
}

.bnc-nowrap {
  white-space: nowrap;
}

.bnc-underline {
  text-decoration: underline;
}

#edi-updated-form label,
#edi-updated-form select {
  display: inline;
}

select#time_span,
select#order_by {
  width: 150px;
}

select#district {
  width: 200px;
}

.bnc-info {
  display: block;
}

.bnc-info-none {
  display: none;
}

.bnc-message {
  color: blue;
}

.bnc-final-warning {
  color: red;
  font-weight: bold;
  text-transform: uppercase;
}

.usa-table-borderless th,
.usa-table-borderless td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}