/* Datatable */
select.dt-input {
    margin-right: 10px !important;
    padding: .5rem 2rem .5rem 1rem !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #6b7280 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 16px 12px !important;
    border: .0625rem solid #d1d5db !important;
    border-radius: .5rem !important;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, .0125) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

input.dt-input {
    margin-left: 10px !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #6b7280 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: .0625rem solid #d1d5db !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: .5rem !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

div#report-table_info {
    margin: 1.25em 0;
}

.wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.dt-buttons {
    float: right;
    margin-bottom: 25px;
}

/* Form fields */
.input-group > .form-control{
    margin-left: -0.0625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;  
}

/* General */
.content {
    min-height: 100vh;
}

.invalid-feedback {
    display: block;
}

span.badge.badge-md {
    font-size: .875rem;
    padding: .375rem .625rem;
    line-height: 1.5;
}

/* VOLT Overrides */

table.report-table tbody tr:has(+ .thead-light) td {
    border-bottom: none;
}

/* Handsontable */

.limited-width-cell {
    max-width: 150px; /* Set the desired maximum width */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Scroll to top */
#scrollToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #374151;
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 18px;
}

#scrollToTop:hover {
    background-color: #f0bc74;
    color: #374151;
}

/* Store Score Badges */
.score-badge-poor {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    font-weight: 600;
    border: 1px solid #FFB3B3 !important;
}

.score-badge-fair {
    background-color: #f8d893 !important;
    color: #8B4513 !important;
    font-weight: 600;
    border: 1px solid #F4C842 !important;
}

.score-badge-good {
    background-color: #cfe5a7 !important;
    color: #2F4F2F !important;
    font-weight: 600;
    border: 1px solid #9ACD32 !important;
}

.score-badge-great {
    background-color: #bde8c5 !important;
    color: #006400 !important;
    font-weight: 600;
    border: 1px solid #90EE90 !important;
}

.score-badge-excellent {
    background-color: #d0ddfc !important;
    color: #000080 !important;
    font-weight: 600;
    border: 1px solid #B0C4DE !important;
}

.score-badge-not-rated {
    background-color: #6c757d !important;
    color: #ffffff !important;
    font-weight: 600;
    border: 1px solid #5a6268 !important;
}