.solid-color {
    width: 30px;
    height: 30px;
    border: 1px solid #777;
    border-radius:5px;
    display: inline-flex;
    cursor: pointer;
    text-decoration:none;
}

.solid-color.color-red{
    background-color: #ff0000;
}

.solid-color.color-green {
    background-color: #00ff00;
}

.solid-color.color-blue {
    background-color: #0000ff;
}

.solid-color.color-yellow {
    background-color: #ffff00;
}

.solid-color.color-purple {
    background-color: #ff00ff;
}

.solid-color.color-cyan {
    background-color: #00ffff;
}

.modal-image {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    display: block;
}
.modal-header{
    background-color:#000;
}
.modal-body {
    background-color: #000;
}

.grid-item{
    text-align:center;
}