.rs-select2--light {
    color: #808080 !important;
    font-size: 14px !important;
}

.dp-white {
    background-color: rgb(255, 255, 255) !important;
}

.custom-select-border {
    border: 1px solid #ced4da !important;
    /* Use !important to override Bootstrap styles */
}

.th-30 {
    width: 30%;
    white-space: nowrap;
    /* Keeps the text in one line */
}

.th-10 {
    width: 10%;
    white-space: nowrap;
    /* Keeps the text in one line */
}

.truncate {
    width: 200px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle !important;
}

.multiline {
    white-space: pre-wrap;
    /* CSS3 */

}

#specifications pre {
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
}

.multi-field-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* Adds space between the fields */
}


.bootstrap-select .dropdown-menu li.active span {
    color: rgb(255, 255, 255) !important;
}


/* CSS for row fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tr-shadow {
    animation: fadeIn 0.5s ease-in;
}

/* CSS for button hover animations */
.item {
    transition: transform 0.3s ease-in;
    transform: translateZ(0);
}


.item:hover {
    transform: scale(1.1);
}


.report-card {

    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px 30px;
    position: relative;
    min-height: 180px;
    overflow: hidden;
    margin-bottom: 40px;

}