.link-no-decoration a {
  text-decoration: none;
}

/*******************************************************************************************************/
/* Global Styles applicable throughout                                                                 */
/*******************************************************************************************************/
/* Importing a Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* General styles for the body */
body {
    font-family: 'Roboto', sans-serif;
    color: #333;
    /* background-color: #f9f9f9; */
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    /* color: #4ABDAC; */
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.2;
}

/* Specific header sizes */
h1 {
    font-size: 2.5em;
    font-weight: 700;
}

h2 {
    font-size: 2em;
    font-weight: 700;
}

h3 {
    font-size: 1.75em;
    font-weight: 700;
}

h4 {
    font-size: 1.5em;
    font-weight: 700;
}

h5 {
    font-size: 1.25em;
    font-weight: 700;
}

h6 {
    font-size: 1em;
    font-weight: 700;
}

/* Paragraph styles */
/* p {
    font-size: 1em;
    color: #555; 
    margin: 0 0 20px;
    padding: 0;
} */

.no-border {
  border: none !important;
}

.faint-border {
  border-right: 1px solid #f0f0f0; /* Light grey border */
}

/* Remove underline from links and only show underline when mouse-over */
a {
  /* color: #0056b3; */
  text-decoration: none; /* Removes the underline from all links */
}




/*******************************************************************************************************/
/* Custom Buttons                                                                                      */
/*******************************************************************************************************/
.patai-custom-btn {
  color: #94618E; /* Text and outline color */
  border-color: #94618E; /* Border color */
  background-color: transparent; /* Transparent background */
  border-radius: 0; /* no border-radius */
  padding: 0.25rem 0.5rem; /* Adjust padding */
  font-size: 0.875rem; /* Adjust font size */
  line-height: 1.5; /* Adjust line height  */
  border-width: 1px; /* Adjust border width */
}

.patai-custom-btn:hover {
  color: #ffffff; /* White text on hover */
  background-color: #94618E; /* Background color on hover */
  border-color: #94618E; /* Border color on hover */
  text-decoration: none; /* no underline on hover */
}

.patai-find-devices-btn-width {
  width: 150px;
}

/*******************************************************************************************************/
/* Patent Search Form                                                                                  */
/*******************************************************************************************************/
.search-form .form-group {
  margin-bottom: 20px;
}

.search-form label {
  display: block;
  margin-bottom: 5px;
}

.search-form input[type="text"],
.search-form input[type="date"],
.search-form select {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.search-form .form-actions button {
  margin-right: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

/*******************************************************************************************************/
/* Genai Search/Results Component                                                                      */
/*******************************************************************************************************/
.genai-container {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.genai-results-container {
  padding-bottom: 200px; /* Space for the fixed footer */
}

.fixed-bottom-form {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  z-index: 1000; /* Ensure the form is on top */
}

.genai-results-container .search-result {
  margin-bottom: 1rem;
}

.genai-results-container .submitted-prompt {
  margin-left: 20px; /* Offset to stagger */
}

/*******************************************************************************************************/
/* Wizard Flow Chart                                                                                   */
/*******************************************************************************************************/
.wiz-flowchart-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 10px;
  border: 2px solid #4abdac;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  background-color: white;
  position: relative;
}

/* Sidebar styles */
.wiz-flowchart-sidebar-closed {
  width: 50px;  /* Minimal width to only show icons */
  overflow: hidden;
  transition: width 0.3s;
  margin-right: 15px; /* prevent overlap when sidebar closed in small screen */
}

.wiz-flowchart-sidebar-open {
  width: 100%; /* Full width on small screens when opened */
  max-width: 250px; /* Limiting max width on larger screens */
  transition: width 0.3s;
}

/* Show/Hide animation for the sidebar */
@media (max-width: 600px) {
  .wiz-flowchart-sidebar-open, .wiz-flowchart-sidebar-closed {
    position: absolute;
    z-index: 1200; /* High z-index to overlay content */
    height: auto; /* Height adjusted to content */
  }
}

/* Responsive adjustments */
@media (min-width: 601px) {
  .wiz-flowchart-sidebar-open {
    position: relative; /* Normal flow on large screens */
  }
}

/*******************************************************************************************************/
/* Custom KTH table & footnotes                                                                                    */
/*******************************************************************************************************/
.kth_table-withborder {
  border-collapse: collapse; /* Ensure borders are combined */
  width: 100%;
  margin-bottom: 20px; /* Space between the table and footnotes if any */
}

.kth_table-withborder caption {
  text-align: center;
  caption-side: top; /* Ensures the caption is placed above the table */
  font-weight: bold;
  margin-top: 10px; /* Add some space between the table and caption */
  font-size: 1.1em; /* Make caption slightly larger */
  color: #4ABDAC;
}

.kth_table-withborder th, .kth_table-withborder td {
  border-width: 1px;
  border-color: #99D3DF;
  border-style: solid;
  /* text-align: center;  */
  vertical-align: middle; /* Center vertically */
  padding: 8px; /* Add padding for spacing */
}

.kth_table-withborder th {
  font-size: 1.1em; /* Increase header font size */
  background-color: #4ABDAC; /* Set header background color */
  font-weight: bold; /* Make header bold for better readability */
  color: #ffffff; /*text color in header*/
}

.kth_table-withborder td {
  font-size: 1em; /* Standard font size for table cells */
}

/* ---- FOOTNOTES REF ------------------------------------------*/
/* Footnote Reference Styling (inside the table) */
.kth_footnote-ref a {
  color: #4ABDAC;
  text-decoration: none;
  font-size: 0.9em; /* Slightly smaller font size for references */
  vertical-align: super; /* Superscript effect for footnote numbers */
}

.kth_footnote-ref a:hover {
  text-decoration: underline; /* Add underline on hover for better clarity */
}

/* ---- FOOTNOTES LIST ------------------------------------------*/
.kth_footnotes-list {
  list-style-type: decimal; /* Use decimal numbering */
  padding-left: 20px; /* Indent numbers slightly */
  margin: 0;
  font-size: 0.9em; /* Smaller font for footnotes */
}

.kth_footnotes-list li {
  background-color: #f9f9f9; /* Light grey background for contrast */
  border-left: 4px solid #4ABDAC; /* Add a colored left border */
  border-radius: 5px; /* Rounded corners for aesthetic look */
  padding: 10px;
  margin: 10px 0; /* Space between footnotes */
  position: relative; /* Allow for styling adjustments */
}

.kth_footnotes-list li::marker {
  font-weight: bold; /* Make the numbers bold */
  color: #4ABDAC; /* Match the highlighted text color */
}

.kth_footnotes-list li strong {
  font-weight: bold;
  color: #4ABDAC; /* Highlighted text for important parts */
}
.kth-contact-box {
  background-color: #f8f9fa;
  /* border-left: 4px solid #3498db; */
  border-left: 4px solid #4ABDAC;
  padding: 15px;
  margin: 25px 0;
}
.kth-contact-link {
  display: block;
  margin: 10px 0;
  color: #4ABDAC;
  text-decoration: none;
  font-weight: bold;
}
.kth-contact-link:hover {
  text-decoration: none;
  color: #2980b9;

}