@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
  background-color: white !important;
}

@media screen and (min-width: 960px) {
  html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif !important;
  color: #253746 !important;
  font-weight: bold !important;
}

.dash-vendor-label {
  font-size: 1rem;
}

.card-title,
.footer-copy,
.nav-link-text {
  font-family: 'Roboto', sans-serif !important;
}

.card-header {
  background-color: #c1bdb7 !important;
  /* text-transform: uppercase; */
}

.docs-table-header {
  background-color: #c1bdb7 !important;
  /* text-transform: uppercase; */
  padding-top: 10px;
  padding-bottom: 0px;
  font-size: 14px;
  margin-top: auto;
}

.docs-table-header p {
  margin-bottom: 0px;
}

.docs-table-body {
  background-color: white !important;
}

.docs-table-body td p {
  margin-bottom: 0px;
}

.bg-branding-blue {
  background-color: #253746 !important;
}

.bg-branding-gray {
  background-color: #f0efec !important;
}

.bg-branding-tan {
  background-color: #ecd3c3 !important;
}

.nav-tabs {
  border-bottom: 0 !important;
}

.card {
  background-color: #f0efec !important;
  box-shadow: none !important;
}

.btn {
  border-radius: 1.25rem !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
}

/* White background buttons (secondary/default style) */
.btn.btn-falcon-default {
  display: inline-flex;
  padding: 0.75rem 1.25rem !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1.25rem !important;
  border: 1px solid #253746 !important;
  background-color: #fff !important;
  color: #253746 !important;
  font-weight: 600 !important;
}

/* Primary/dark background buttons (Save buttons) */
.btn.btn-primary,
.btn.btn-falcon-primary,
.btn-falcon-primary.btn-primary {
  border-radius: 1.25rem !important;
  background: #253746 !important;
  border: 1px solid #253746 !important;
  color: #fff !important;
  padding: 0.75rem 1.25rem !important;
  font-weight: 600 !important;
}

.btn-small {
  padding: 0.5rem 1rem !important;
}

#run-btn {
  padding: 0.5rem 1rem !important;
}

/* Danger button style - matches default white button style per design */
.btn.btn-falcon-danger {
  border-radius: 1.25rem !important;
  border: 1px solid #253746 !important;
  background-color: #fff !important;
  color: #253746 !important;
}

/* Hover states for white background buttons */
.btn.btn-falcon-default:hover:not(.disabled) {
  background-color: #f5f5f5 !important;
  border: 1px solid #253746 !important;
  color: #253746 !important;
}

/* Hover state for primary/dark buttons (Save buttons) */
a.btn-falcon-primary:hover:not(.disabled),
.btn-falcon-primary:hover:not(.disabled),
.LoaderButton.btn-falcon-primary:hover:not(.disabled) {
  background: #1a2a36 !important;
  border: 1px solid #1a2a36 !important;
  color: #fff !important;
}

/* Hover state for danger button - matches other white buttons */
.btn.btn-falcon-danger:hover {
  background-color: #f5f5f5 !important;
  border: 1px solid #253746 !important;
  color: #253746 !important;
}

/* Hover state for primary/dark button */
.btn.btn-primary:hover {
  background: #1a2a36 !important;
  border: 1px solid #1a2a36 !important;
}

.kw-chip {
  background-color: #ffffff;
  border: 1.5px solid #253746;
  border-radius: 50px;
  padding: 4px 10px;
  font-size: 0.85rem;
  color: #253746;
  line-height: 1.4;
}

.kw-chip-close {
  margin-left: 6px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  color: #253746;
  line-height: 1;
}

.kw-chip-close:hover {
  color: #1a2a36;
}

/* Input focus color */
.form-control:focus {
  border-color: #253746 !important;
  box-shadow: 0 0 0 0.2rem rgba(189, 71, 42, 0.25) !important;
}

/* Input disabled color */
.form-control:disabled,
.form-control[readonly] {
  background-color: #e3e1dd !important;
}

.nav-item:focus,
.nav-item:focus-visible,
.nav-link.active:focus,
.nav-link.active:focus-visible,
.nav-link:focus,
.nav-link:focus-visible,
.nav-link-text:focus-visible {
  outline: 0 !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: 1px solid rgba(0, 0, 0, 0.000001) !important;
}

/* Configuration page tab styles - inactive tabs */
.btn.btn-outline-blue {
  border-radius: 0.625rem 0.625rem 0 0 !important;
  background: #F4F3F0 !important;
  color: #253746 !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  opacity: 0.5 !important;
  border: none !important;
  padding: 0.5rem 1.5rem !important;
  box-shadow: none !important;
  margin-right: 1px !important;
}

.btn.btn-outline-blue a {
  color: #253746 !important;
}

/* Active tab style - has bg-branding-gray class */
.btn.btn-outline-blue.bg-branding-gray,
.nav-item.btn-outline-blue.bg-branding-gray {
  background: #F4F3F0 !important;
  color: #253746 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.btn.btn-outline-blue.bg-branding-gray a {
  color: #253746 !important;
  font-weight: 700 !important;
}

/* .btn-outline-blue:first-of-type {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.btn-outline-blue:last-of-type {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
} */

.active {
  color: #bd472a !important;
}

.list-group-item.active {
  color: white !important;
}

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: white;
}

.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #f0efec;
}

.show-print {
  display: none;
}

.hide-print {
  display: block;
}

@media print {
  .show-print {
    display: inline-block;
  }
  .hide-print {
    display: none;
  }
}

.branding-blue {
  color: #253746 !important;
}

.branding-red {
  color: #bd472a !important;
}

.branding-green {
  color: #617e71 !important;
}

.branding-light-blue {
  color: #557387 !important;
}

.navbar-light,
.navbar-vertical,
.navbar-collapse {
  background-color: white !important;
}

#sticky-top {
  top: 67px !important;
}

.form-control {
  box-shadow: 0 7px 14px 0 rgb(59 65 94 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}

input[type='checkbox'] {
  accent-color: #617e71;
  border-radius: 50% !important;
}

/* React Select styling - rounded corners to match design */
.basic-multi-select {
  border-radius: 0.3125rem !important;
}

.select__control {
  border-radius: 0.3125rem !important;
}

/* Target all React Select containers and controls */
[class*="-control"] {
  border-radius: 0.3125rem !important;
}

[class*="-container"] {
  border-radius: 0.3125rem !important;
}

/* Priority mapping selects */
.css-13cymwt-control,
.css-t3ipsp-control,
.css-1s2u09g-control,
.css-1pahdxg-control {
  border-radius: 0.3125rem !important;
}

.select__option--is-focused {
  color: white !important;
}

.css-9gakcf-option {
  background-color: #253746 !important;
  color: white !important;
}

.css-159qa9e-option {
  color: white !important;
}

.css-13jmfyo-multiValue {
  background: #bd472a !important;
}

.select__multi-value__remove {
  color: white !important;
}

.css-2b097c-container {
  box-shadow: 0 7px 14px 0 rgb(59 65 94 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}

/* box-shadow: 0 7px 14px 0 rgb(59 65 94 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%) */

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* .loading-skeleton {
  pointer-events: none;
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #999;
  border-color: #999;
  animation: loading-skeleton 1s infinite alternate;
} */

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.loading-skeleton {
  visibility: hidden;
}
.visually-hidden {
  display: none;
}
.documentation table {
  overflow-x: auto;
  display: block;
  white-space: nowrap;
}

/* Custom Styles for the Range Input */
.custom-range::-webkit-slider-runnable-track {
  background: #bc5c2d; /* Track color */
}

.custom-range::-webkit-slider-thumb {
  background: #bc5c2d; /* Thumb color */
  border: 2px solid #bc5c2d;
}

.custom-range::-moz-range-track {
  background: #bc5c2d; /* Track color */
}

.custom-range::-moz-range-thumb {
  background: #bc5c2d; /* Thumb color */
  border: 2px solid #bc5c2d;
}

.custom-range::-ms-track {
  background: transparent; /* Track color for IE/Edge */
  border-color: transparent;
  color: transparent;
}

.custom-range::-ms-fill-lower {
  background: #bc5c2d; /* Lower fill color for IE/Edge */
}

.custom-range::-ms-fill-upper {
  background: #bc5c2d; /* Upper fill color for IE/Edge */
}

.custom-range::-ms-thumb {
  background: #bc5c2d; /* Thumb color for IE/Edge */
  border: 2px solid #bc5c2d;
}

table.bst-data th {
  white-space: nowrap;
}
table.risk-score-table td,
table.risk-score-table th {
  background-color: transparent !important;
}