.bulk-matrix-wrapper {
    margin-top:30px;
}

.bulk-matrix-table {
    width:100%;
    border-collapse:collapse;
    background:white;
}

.bulk-matrix-table th,
.bulk-matrix-table td {
    border:1px solid #ddd;
    text-align:center;
    text-transform: uppercase;
}

.bulk-matrix-table input {
    width:70px;
    padding:6px;
    text-align:center;
    border:1px solid #bbb;
}

.variation-image img {
    width:60px;
}

.bulk-summary {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px;
}

.bulk-add-button {
    background:black;
    color:#fff;
    padding:14px 40px;
    border:none;
    font-weight:bold;
}

.bulk-message .success {
    margin-top:10px;
    color:green;
}

.bulk-message .error {
    margin-top:10px;
    color:red;
}

.bulk-modal{
position: fixed;
    top: 30%;
    left: 50%;
    width: 400px;
    height: auto;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 9999;
}

.bulk-modal.show{
opacity:1;
visibility:visible;
}

.bulk-modal-content{
background:#fff;
padding:25px 40px;
border-radius:0px;
font-size:18px;
font-weight:600;
}