/* Custom class for makeTCR */
.custom-heading {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}

/* Markdown-style formatting */
h4 {
  color: #3875D7;
  margin-top: 24px;
  margin-bottom: 12px;
}

h3 {
  color: #3875D7;
  margin-top: 18px;
  margin-bottom: 12px;
}

strong {
  color: #BC4540;
}

p, ul, li {
  margin-bottom: 12px;
}

/* Style for regular links */
a {
  color: #3875D7;
  text-decoration: none; /* Optional: removes underline */
}

/* Style for links on hover */
a:hover {
  text-decoration: underline;
  color: #BC4540; /* Slightly darker blue on hover */
}

/* Style for button */
.btn-primary {
  background-color: #3875D7;
  border-color: #3875D7;
  color: white;
}

/* Style for disabled button */
.btn-primary:disabled {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  color: white;
  cursor: not-allowed;
}

/* Prevent hover effect on disabled button */
.btn-primary:disabled:hover {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  color: white;
}


/* Target dropdown options on hover - only works in firefox */
select option:hover {
  background-color: #3875D7;
  color: white;
}

/* Keep the Browse button styled as default (grey) */
#dir_wrapper .btn {
  background-color: #e9ecef !important; /* default Bootstrap grey */
  color: black;
  border: 1px solid #ccc;
}

/* Style the placeholder / filename display area */
#dir_wrapper .form-control {
  background-color: white !important;
  color: black;
  border: 1px solid #ccc;
}

/* Optional: clean up the input group container */
#dir_wrapper .input-group {
  background-color: transparent !important;
  border: none;
}