/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
  white-space: normal;
}
.btn-primary {
  border-color: #FC9714;
  color: #000000;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #e49503;
  border-color: #e49503;
}
.btn-secondary {
  border-color: #FC9714;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background: #e49503;
  border-color: #e49503;
}
input:focus,
.form-control:focus {
  border-color: #fee0c4;
  box-shadow: 0 0 7px 0 #fee0c4;
}
[hidden] {
  display: none !important;
}
textarea {
  resize: vertical;
}
.input-validation-error {
  border-color: #a94442 !important;
}
.field-validation-error {
  color: #a94442 !important;
}
.valid {
  border-color: #FC9714;
}
.navbar {
  min-height: 60px;
}
.navbar .container .navbar-brand {
  margin-left: 0;
}
.navbar .search-form input {
  width: calc(100% - 47px);
  display: inline;
}
.navbar .search-form {
  margin-top: 12px;
  margin-left: 15px !important;
}
@media (min-width: 768px) {
  .navbar .search-form input {
    width: 200px;
  }
  .navbar .search-form {
    margin-right: 15px !important;
  }
}
.navbar .search-form .btn {
  background: #e49503;
  color: #000000;
}
.navbar li {
  padding-right: 4px;
}
.navbar img {
  height: 60px;
}
.navbar a,
.navbar a:visited,
.navbar .icon-bar {
  color: #000000;
  border-radius: 4px;
}
.navbar .dropdown-menu {
  background-color: #FC9714;
}
.navbar-collapse {
  max-height: 80% !important;
}
.navbar-brand {
  padding-top: 20px;
  height: 60px;
}
.navbar-right {
  margin-right: 0;
}
.navbar-nav li a {
  margin-top: 12px;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-bottom: 8px;
}
.navbar-nav li a:hover,
.navbar-nav li a:active,
.navbar-nav li a:focus {
  background: #e49503 !important;
  color: #000000 !important;
}
.navbar-nav li a.selected {
  background: #c17e02 !important;
  color: #000000 !important;
}
.navbar-logo {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-rigoletto {
  background: #FC9714;
  box-shadow: 0 0 15px #AAA;
  border: none;
}
.navbar-rigoletto .navbar-toggle {
  margin-top: 12px;
}
.navbar-rigoletto .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.footerlink,
.footerlink:hover {
  color: #808080;
  padding-left: 15px;
}
form {
  min-height: 60px;
}
form .form-control,
form .form-check-input {
  border: 2px solid black;
}
form .container .navbar-brand {
  margin-left: 0;
}
form .search-form input {
  width: calc(100% - 47px);
  display: inline;
}
.typeahead__field input,
.typeahead__field textarea,
.typeahead__list {
  border-radius: 4px;
}
.sr-only {
  position: absolute;
  top: -30em;
}
.sortable td,
.sortable th {
  width: 8em;
  background-color: inherit;
}
.sortable th {
  font-weight: bold;
  border-bottom: thin solid #888;
  position: relative;
}
.sortable th.no-sort {
  padding-top: 0.35em;
}
.sortable td:nth-child(1) {
  padding-right: 1em;
}
.sortable td:nth-child(2) {
  padding-left: 1em;
}
.sortable th button {
  font-size: 100%;
  font-weight: bold;
  background: transparent;
  border: none;
  display: inline;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.sortable th button span {
  position: absolute;
  right: 4px;
}
.sortable th[aria-sort="descending"] span::after {
  font-family: "FontAwesome";
  content: "\f175";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}
.sortable th[aria-sort="ascending"] span::after {
  font-family: "FontAwesome";
  content: "\f176";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}
.show-unsorted-icon th:not([aria-sort]) button span::after {
  font-family: "FontAwesome";
  content: "\f07d";
  color: currentcolor;
  font-size: 100%;
  position: relative;
  top: -3px;
  left: -4px;
}
.sortable td.num {
  text-align: right;
}
.sortable tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
/* Focus and hover styling */
.sortable th button:focus,
.sortable th button:hover {
  padding: 2px;
  border: 2px solid currentcolor;
  background-color: #e5f4ff;
}
.sortable th button:focus span,
.sortable th button:hover span {
  right: 2px;
}
.sortable th:not([aria-sort]) button:focus span::after,
.sortable th:not([aria-sort]) button:hover span::after {
  content: "🡓";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}
body {
  padding-top: 70px;
  padding-bottom: 0px;
}
.help {
  color: #c17e02;
  border-radius: 4px;
  display: none;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
label {
  font-weight: bold;
}
.col-form-label {
  font-weight: bold;
}
h3 {
  font-size: 1.5rem;
  font-weight: bold;
}