.grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    grid-auto-rows: 1fr;
    justify-content: start;

    /* three columns */
}

.grid .grid_item {
    padding: 4px;
    margin: 4px;
    background: #F5F7FA;
    border: 1px solid #CCD1D9;
    border-radius: 0.5rem;
    text-align: center;
    vertical-align: middle !important;
    max-width: 128px;
    position: relative;
}


.grid .grid_item .card {
    /* height: 100%; */

}

.grid .grid_item .dropdown-menu,
.grid .grid_item .dropdown-menu li,
.grid .grid_item .dropdown-menu .dropdown-item {
    min-width: auto !important;
    width: 48px !important;
}

.grid .grid_item .dropdown-menu .dropdown-item:hover {
    background: transparent !important;
}

.grid .grid_item .grid-del-item {
    display: none;
    z-index: 99999;
    position: absolute;
    right: 8px;
    top: 8px;
}

.grid .grid_item:hover .grid-del-item {
    display: block;
}