.public_view_style {
    min-width:250px;
    max-width:400px;
}

.CorrespondingAdjustmentApproach_Column{
    min-width:400px;
}
.CorrespondingAdjustmentReserveAccount_Column {
    min-width: 205px;
}
.HCLOA_Column {
    min-width: 130px;
}
.PermanenceBufferAccount {
    min-width: 160px;
}
.Market_Eligibility_Column {
    min-width: 160px;
}
.Letter_of_Intent_Column {
    min-width: 130px;
}
.Corresponding Adjustment_Column {
    min-width: 180px;
}
.Project_Title_Column {
    min-width: 300px;
}
.Methodology_Column {
    min-width: 160px;
}
.VerifiedSDGTableCell {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: 150px;
    justify-content: normal;
}
.CreatingPeriods_Column{
    min-width: 90px 
}
.FocalPoint_Column {
    min-width: 120px;
}
.OMGE_Column {
    min-width: 130px;
}
.AdaptionFund_Column {
    min-width: 110px;
}
.CorrespondingStatus_Column {
    min-width: 180px;
}
.SOPAccount_Column {
    min-width: 130px;
}
.NETElectricity_Column {
    min-width: 170px;
}
.Quantity_Column {
    min-width:170px;
}
.VintageStart_Column {
    min-width: 110px;
}
.VintageEnd_Column {
    min-width: 110px;
}
    .grid-item {
        /*flex: 1 1 auto;
            margin: 0.25rem;
            max-width: 4rem;*/
    }

    .grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        width: 40px;
        height: auto;
        object-fit: cover;
        border-radius: 0.15rem;
        transition: transform .2s;
        margin: 0 auto;
        position: relative;
    }




        .grid-item img:hover {
            transform: scale(2.5);
            z-index: 9999;
        }


.custom-colvis-btn {
    background-color: #00b894; /* Bootstrap green */
    color: white;
    font-weight: bold;
    border-radius: 10px;
    padding: 6px 16px;
    border: none;
}

custom-colvis-btn:hover {
    background-color: #001f3f; /* Navy blue */
    color: white !important;
}