html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.highlightable-section {
    /*display: inline-block;*/
    cursor: pointer;
}

#rawFile {
    font-family: var(--bs-font-monospace);
    font-family: monospace;
    unicode-bidi: isolate;
    font-size: .875em;
    height: 300px;
    overflow-y: scroll;
}

/*#rawFile table{
    width:auto;
}*/

.scrollable-col {
    overflow-y: auto; /* Allows vertical scrolling */
    white-space: nowrap; /* Prevents wrapping inside the scrollable area */
}

.highlighted {
    background-color: yellow!important;
    font-weight: bold;
}

#ClientMapDropdown option:nth-child(0) {
    background-color: #ffcccc; /* Light red */
}

/* Scrollable div */
.scrollable-div {
    height: calc(100vh - 100px);
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}

#rawFile table thead th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 999;
}

.popup-tooltip {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding: 0.5rem;
    z-index: 9999;
    border-radius: 4px;
    min-width: 150px;
}

.customDropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .375rem 2.25rem .375rem .75rem;
    cursor: pointer;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}

.customPopUpBorderShadow {
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding: 0.5rem;
    z-index: 9999;
    border-radius: 4px;
}