.extra-wrapper {
    min-width: 800px;
    padding-top: 120px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.extra-item-wrapper {
    display: grid;
    grid-template-columns: 21% 21% 21% 21% 8% 8%;
    /* gap: 2px; */
    background: #fff;
    margin-bottom: 15px;
    border: 2px solid #3b3c3d;
    border-radius: 6px;
    overflow: hidden;
}

.e-item {
    /* padding: 5px 10px; */
}

.eititle {
    font-family: "Inconsolata", monospace;
    font-weight: 700;
    font-size: 16px;
    color: #8a8a8a;
    border-bottom: 1px solid #888888;
}

.eivalue {
    font-family: "Inconsolata", monospace;
    font-weight: 500;
}

.eititle, 
.eivalue {
    padding: 3px 10px;
    display: block;
}

.exbr {
    border-right: 1px solid #888888;
}
/* .exa-edit {background: #eee595;} */
/* .exa-del {background: #d79898;} */

.exa-del img {
    width: 20px;
    transition: all 0.3s ease;
    filter: brightness(0) saturate(100%) invert(31%) sepia(15%) saturate(2319%) hue-rotate(329deg) brightness(99%) contrast(94%);
}
.exa-edit img {
    width: 20px;
    transition: all 0.3s ease;
    filter: brightness(0) saturate(100%) invert(55%) sepia(45%) saturate(6529%) hue-rotate(98deg) brightness(101%) contrast(81%);
}

.exa-del,
.exa-edit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.exa-del img:hover {
    width: 23px;
    filter: brightness(0) saturate(100%) invert(37%) sepia(46%) saturate(2292%) hue-rotate(337deg) brightness(82%) contrast(91%);
}

.exa-edit img:hover {
    width: 23px;
    filter: brightness(0) saturate(100%) invert(65%) sepia(63%) saturate(428%) hue-rotate(102deg) brightness(89%) contrast(92%);
}