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;
}

.content-container {
    display: flex;
    height: calc(100vh - 160px); /* Adjust based on header/footer height */
    overflow: hidden;
}

.left-section {
    flex: 0 0 250px;
    overflow-y: auto;
    border-right: 1px solid #dfe1e2;
    padding: 1rem;
}

.right-section {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}


.required-field {
    color: #b50909;
    margin-right: 5px; /* Add some space between the * and the field name */
}

.file-list {
    margin-top: 20px;
}

.file-list-item {
    list-style: none;
    margin-bottom: 5px;
}


.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
}

    .table-responsive::-webkit-scrollbar {
        height: 8px;
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px;
    }

        .table-responsive::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

.hidden-table {
    display: none;
}

.clickablecell {
    position: relative;
}

.smallarea {
    width: 5%;
}

.largearea {
    width: 95%;
}

/* Add formatting to validation error text */
.validation-error {
    display: block; 
    margin-bottom: 1rem;
    font-weight: bold;
    color: red;
}

.red-text{
    color:red;
}

.hidden-column {
    display: none;
}

.hidden-div {
    display: none;
}

/*button:focus,
button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}*/