#breadcrumb-area {
  display: block;
  position: relative;
  padding-left: 15px;
  top: 70px;
  left: 90px;
}

.breadcrumb-current-title {
  color: #ffffff;
}

.env-badge {
  font-size: 1rem;
  color: #f3f5f7;
}

.badge-position {
  display: block;
  position: relative;
  width: auto;
  margin-right: 12px;
}

@media (max-width: 976px) {
  #breadcrumb-area {
    top: 60px;
    left: 40px;
  }
}
/* SDT Modifications for Reskin of Pathfinder -- Chris Sealy
    Need to override dark styles in the current dashboard theme
 */

@font-face {
  font-family: "Tactic Sans";
  src: url("../fonts/TacticSans-Reg.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Tactic Sans";
  src: url("../fonts/TacticSans-Bld.otf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("../fonts/Protipo Compact Lt.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("../fonts/Protipo Compact Sb.otf");
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: "Protipo", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Tactic Sans", "Roboto", "Helvetica", "Arial", sans-serif;
}

h2, .h2 {
  font-size: 2.325rem;
  line-height: 2.6rem;
  font-weight: 500;
  color: var(--midblue);
}

h3, .h3 {
  font-size: 1.825rem;
  line-height: 2rem;
  font-weight: 500;
  color: var(--midblue);
}

h4, .h4 {
  font-size: 1.675rem;
  line-height: 1.8em;
  font-weight: 500;
  color: var(--midblue);
}

h5, .h5 {
  font-size: 1.4rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: var(--midblue);
}

.btn,
.btn-sm {
  font-size: 0.85rem !important;
  font-weight: 600;
}

.btn-primary:hover {
  color: #ffffff;
  background: #4c86a0 linear-gradient(180deg, #5ea9c2, #4c86a0) repeat-x !important;
  border-color: #4c86a0;
}

.dropdown-override-neptune {
  background: #4c86a0 linear-gradient(180deg, #5ea9c2, #4c86a0) repeat-x;
}

.invert-logo-color {
  filter: invert(100%);
}

.text-black {
  color: #000000 !important;
}

.text-darkblue {
  color: var(--midblue) !important;
}

.text-neptune {
  color: var(--neptune) !important;
}

.fc .fc-daygrid-day-number {
  color: #000000 !important;
}

.fc .fc-today-button {
  color: #ffffff !important;
  text-transform: capitalize;
}

.list-item-trips {
  font-size: 1.2rem;
  font-weight: 300;
}

.sub-text {
  color: #000000 !important;
  font-size: 1.15rem;
  font-weight: 300;
}

.alert-copy, .alert-text {
  font-size: 1.275rem;
  color: #ffffff;
}

.sf-dialog-warning-text {
  font-size: 1.275rem;
}

.page-link:hover {
  color: #000 !important;
}

label, .md-label-static { /* sizing label text new defaults */
  font-size: 1.2rem !important;
  line-height: 1.45rem;
  font-weight: bold;
}

.info-title {
  text-align: center;
  font-weight: 500;
  margin: 10px 0 30px;
}

.thin-black-border {
  border-color: #000000 !important;
  border-width: 1px !important;
  border-style: solid;
}

.textfield-light-style {
  border-bottom: 1px solid #595959 !important;
  color: #000000 !important;
}

.col-form-label {
  font-size: 1.05rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: var(--midblue);
}

.bootstrap-datetimepicker-widget a {
  color: var(--neptune) !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

/* Table Header Font Adjustments */
.table thead tr th {
  font-size: 1.2rem;
  font-weight: 600;
}

.table th, .table td {
  vertical-align: middle !important;
}

.table-copy-size {
  font-size: 1.125rem;
  font-weight: 300;
}

input.date-text-field {
  background: none;
  border-bottom: 1px solid #595959;
  color: #000000 !important;
}

input#autoComplete {
  background: none !important;
  border-bottom: 1px solid #595959;
  color: var(--midblue);
  font-size: 1.2rem;
}

input#autoComplete::placeholder {
  color: var(--midblue);
  font-size: 1.2rem;
}

.border-bottom-black {
  border-bottom: 1px solid #595959;
}

.btn-dropdown-align-fix {
  margin-top: -2px;
  padding: 0 !important;
}

.nav-username {
  font-size: 1.15rem;
}

#time,
#day {
  color: var(--midblue) !important;
}

/* ---- Card Override Styles ------ */
.card .card-body {
  font-size: 1.2175rem;
}

.card .card-body .card-category,
.card .card-body .card-title {
  color: var(--midblue) !important;
}

.card .card-body,
.md-form-group label {
  color: var(--midblue) !important;
}

.card .card-header .card-title {
  color: #000000;
}

.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
  color: #000000 !important;
  font-size: 1.475rem;
  font-weight: 500;
}

.card .card-header-neptune .card-icon,
.card .card-header-neptune .card-text,
.card .card-header-neptune:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
  background: #4c86a0 linear-gradient(60deg, #5ea9c2, #4c86a0) repeat-x;
  border-color: #4c86a0;
}

.card .card-header-pfblue .card-icon,
.card .card-header-pfblue .card-text,
.card .card-header-pfblue:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
  background: #345155 linear-gradient(60deg, #42656a, #345155) repeat-x;
  border-color: #345155;
}

/* ------ Calendar Overrides ------------- */
.fc-daygrid-event.fc-h-event {
  background: var(--neptune) !important;
  border-color: var(--neptune) !important;
}

.fc .fc-button-primary {
  color: #ffffff;
  background: #4c86a0 linear-gradient(180deg, #5ea9c2, #4c86a0) repeat-x !important;
  border-color: #4c86a0;
  box-shadow: 0 2px 2px 0 rgba(39, 76, 176, 0.14), 0 3px 1px -2px rgba(39, 80, 176, 0.2), 0 1px 5px 0 rgba(39, 76, 176, 0.12);
}

.fc .fc-toolbar-title {
  font-size: 2rem;
}

.calendar-icon-centered {
  display: inherit;
  align-items: center;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background: none;
  border: none;
}

small,
.small {
  color: #000 !important;
}

/* Element | http://localhost:8081/trips/upcoming_trips/ */
div.row:nth-child(3) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  /* color: #cbcbcb !important; */
  color: #000 !important;
}

div.row:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  /* color: #cbcbcb !important; */
  color: #000 !important;
}

div.row:nth-child(5) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  /* color: #cbcbcb !important; */
  color: #000 !important;
}

div.row:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  /* color: #cbcbcb !important; */
  color: #000 !important;
}

.page-item.active .page-link {
  /* background-color: #17a2b8; */
  background-color: var(--neptune);
  color: #fff !important;
}

.light-edition .nav-tabs .nav-item .nav-link-dark.active {
  /* background-color: #e91e63; */
  background-color: var(--neptune);
}

/* ---- Sidebar icons ---- */
.light-edition
  .sidebar[data-background-color="default"]
  .nav
  .nav-item
  .nav-link-dark {
  display: block;
  padding: 0.625rem 0.9375rem;
}
.light-edition .sidebar[data-background-color="default"] .nav .nav-item i {
  color: #000000;
}

ul.nav > li.nav-item > a {
  font-weight: 500;
}

ul.nav > li.nav-item > a > p {
  font-size: 1.1rem !important;
}

ul.nav > li.pathfinder {
  background-color: #1e273c;
}

/* Modal Content Fixes */
.modal-content {
  background-color: #eeeeee;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
}

.modal-dialog .modal-title {
  color: #000000 !important;
}

/* Buttons */
.btn-neptune {
  color: #ffffff;
  background: #4c86a0 linear-gradient(180deg, #5ea9c2, #4c86a0) repeat-x;
  border-color: #4c86a0;
  box-shadow: none;
}
.btn-neptune:hover {
  color: #ffffff;
  background: #3b6273 linear-gradient(180deg, #4a8aa5, #3b6273) repeat-x;
  border-color: #3b6273;
}
.btn-neptune:focus,
.btn-neptune.focus {
  color: #ffffff;
  background: #3b6273 linear-gradient(180deg, #4a8aa5, #3b6273) repeat-x;
  border-color: #3b6273;
  box-shadow: 0 0 0 rgba(94, 169, 194, 0.5);
}
.btn-neptune.disabled,
.btn-neptune:disabled {
  color: #ffffff;
  background-color: #4c86a0;
  border-color: #4c86a0;
  background-image: none;
}
.btn-neptune:not(:disabled):not(.disabled):active,
.btn-neptune:not(:disabled):not(.disabled).active,
.show > .btn-neptune.dropdown-toggle {
  color: #ffffff;
  background-color: #356276;
  background-image: none;
  border-color: #31596d;
}
.btn-neptune:not(:disabled):not(.disabled):active:focus,
.btn-neptune:not(:disabled):not(.disabled).active:focus,
.show > .btn-neptune.dropdown-toggle:focus {
  box-shadow: 0 0 0 rgba(94, 169, 194, 0.5);
}

.btn-pfblue {
  color: #ffffff;
  background: #345155 linear-gradient(180deg, #42656a, #345155) repeat-x;
  border-color: #345155;
  box-shadow: none;
}
.btn-pfblue:hover {
  color: #ffffff;
  background: #2a4043 linear-gradient(180deg, #355256, #2a4043) repeat-x;
  border-color: #26383b;
}
.btn-pfblue:focus,
.btn-pfblue.focus {
  color: #ffffff;
  background: #2a4043 linear-gradient(180deg, #355256, #2a4043) repeat-x;
  border-color: #26383b;
  box-shadow: 0 0 0 rgba(66, 101, 106, 0.5);
}
.btn-pfblue.disabled,
.btn-pfblue:disabled {
  color: #ffffff;
  background-color: #345155;
  border-color: #345155;
  background-image: none;
}
.btn-pfblue:not(:disabled):not(.disabled):active,
.btn-pfblue:not(:disabled):not(.disabled).active,
.show > .btn-pfblue.dropdown-toggle {
  color: #ffffff;
  background-color: #26383b;
  background-image: none;
  border-color: #233235;
}
.btn-pfblue:not(:disabled):not(.disabled):active:focus,
.btn-pfblue:not(:disabled):not(.disabled).active:focus,
.show > .btn-pfblue.dropdown-toggle:focus {
  box-shadow: 0 0 0 rgba(66, 101, 106, 0.5);
}

.btn, .btn.btn-default {
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.25), 0 3px 1px -2px rgba(153, 153, 153, 0.3), 0 1px 5px 0 rgba(153, 153, 153, 0.2);
}

.btn-disabled {
  background-color: #999999;
}

.dropdown-toggle::after {
  color: #ffffff !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
  color: var(--midblue) !important;
  border: 1px solid #595959;
  padding-left: 3px !important;
}

.alert.alert-danger {
  margin: 12px auto;
}

/*   Light‑edition – a copy of dark‑edition with the light theme  */
.light-edition {
  /* background from alt stylesheet (.bg-light) */
  background-color: #f8f9fa; /* same as .bg-light */
}

/* ---------- form controls ----------------------------------- */
.light-edition .form-control::-moz-placeholder {
  color: #f8f9fa; /* light background, dark text (contrast) */
  font-weight: 400;
  font-size: 14px;
}
.light-edition .form-control:-ms-input-placeholder {
  color: #f8f9fa;
  font-weight: 400;
  font-size: 14px;
}
.light-edition .form-control::-webkit-input-placeholder {
  color: #f8f9fa;
  font-weight: 400;
  font-size: 14px;
}
.light-edition .form-control:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #1a83ff !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 86, 162, 0.25) !important;
}

.form-check .form-check-label .circle .check {
  background-color: var(--midblue) !important;
}

.form-check .form-check-input:checked + .form-check-sign .check::before {
  color: #000 !important;
}

/* if the page has a white wrapper – keep placeholder white */
.has-white .light-edition .form-control::-moz-placeholder {
  color: #ffffff;
}
.has-white .light-edition .form-control:-ms-input-placeholder {
  color: #ffffff;
}
.has-white .light-edition .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.light-edition .input-group-text {
  color: #212529; /* bootstrap body text colour */
}

.light-edition .form-control {
  background:
    no-repeat center bottom,
    center calc(100% - 1px);
  background-size:
    0 100%,
    100% 100%;
  transition: background 0s ease-out;
  font-size: 1.2rem;
  color: #000000 !important;
}

.light-edition form .form-group .error {
  font-size: 1.15rem;
  color: #f44336 !important;
}

#id_username,
#id_password {
  border: 1px solid #000000;
}

/* ---------- navigation / sidebar --------------------------------- */
.light-edition.off-canvas-sidebar .navbar-brand {
  color: #212529; /* dark text on light background */
}
.light-edition .sidebar .logo {
  padding: 15px 0;
  position: relative;
  z-index: 4;
  background-color: var(--midblue);
}

.light-edition .sidebar .sidebar-wrapper {
  background-color: #ffffff;
}

.light-edition
  .sidebar[data-background-color="default"]
  .nav
  .nav-item
  .nav-link-dark {
  color: #000000;
}

/* --------- navigation / links -------------------------------------*/
.light-edition .nav-tabs .nav-item .nav-link {
  color: #000000 !important;
  font-weight: 600;
}
.light-edition .nav-tabs .nav-item .nav-link.active {
  color: #ffffff !important;
  background-color: var(--neptune);
  transition: 0.3s background-color 0.2s;
  font-weight: 600;
}
.light-edition .nav-tabs .nav-item .nav-link-dark {
  position: relative;
  color: #000000;
  border: 0;
  margin: 0;
  border-radius: 0.25rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.625rem 0.9375rem;
  background-color: transparent;
  transition: 0.3s background-color 0s;
}
.light-edition .nav-tabs .nav-item .nav-link-dark:hover {
  border: 0;
}
.light-edition .nav-tabs .nav-item .nav-link-dark,
.light-edition .nav-tabs .nav-item .nav-link-dark:focus,
.light-edition .nav-tabs .nav-item .nav-link-dark:hover {
  border: 0 !important;
  color: #000000 !important;
  font-weight: 500;
}
.light-edition .nav-tabs .nav-item.disabled .nav-link-dark,
.light-edition .nav-tabs .nav-item.disabled .nav-link-dark:hover {
  color: rgba(255, 255, 255, 0.5);
}
.light-edition .nav-tabs .nav-item .nav-link-dark.active {
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s background-color 0.2s;
}

/* ---------- animations ----------------------------------------- */
.animation-transition-general,
.login-page .card-login,
.lock-page .card-profile,
.sidebar
  .sidebar-wrapper
  .user
  .user-info
  [data-toggle="collapse"]
  ~ div
  > ul
  > li
  > a
  span,
.sidebar
  .sidebar-wrapper
  > .nav
  [data-toggle="collapse"]
  ~ div
  > ul
  > li
  > a
  span,
.sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.sidebar .user .photo,
.sidebar .user .user-info > a > span {
  transition: all 300ms linear;
}

.animation-transition-slow {
  transition: all 370ms linear;
}
.animation-transition-fast,
.bootstrap-datetimepicker-widget table td > div,
.bootstrap-datetimepicker-widget table th > div,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td span {
  transition: all 150ms ease 0s;
}
.animation-transition-fast-in,
.caret,
.sidebar a {
  transition: all 150ms ease-in;
}

/* ---------- badge colors --------------------------------------- */
.light-edition .badge.badge-warning {
  color: #212529 !important; /* dark text on light background */
}

/* ---------- gradient backgrounds --------------------------------- */
.bg-gradient-primary {
  background: #9c27b0 linear-gradient(180deg, #ab47bc, #9c27b0) repeat-x !important;
}
.bg-gradient-secondary {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
}
.bg-gradient-success {
  background: #4caf50 linear-gradient(180deg, #67bb6a, #4caf50) repeat-x !important;
}
.bg-gradient-info {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
}
.bg-gradient-warning {
  background: #ff9800 linear-gradient(180deg, #ffa726, #ff9800) repeat-x !important;
}
.bg-gradient-danger {
  background: #f44336 linear-gradient(180deg, #f65f54, #f44336) repeat-x !important;
}
.bg-gradient-light {
  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
}
.bg-gradient-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
}

/* --------------------------------------------------------------- */