.modal-footer-row {
    padding: 10px;
}

.imageSelector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.image-item {
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.image-item.selected {
        border-color: red;
    }

.image-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.info-image {
    margin: 0 auto;
    display: block;
}

#labelMessage {
    color: cornflowerblue;
}

.mi-toast-close-btn {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: 0.75rem;
    opacity: 0.7;
}

.mi-toast-close-btn img {
    width: 14px;
    height: 14px;
    display: block;
}

.mi-toast-close-btn:hover {
    opacity: 1;
}

.toast-gradient-success {
    background: linear-gradient(135deg, #d1e7dd, #badbcc); 
    color: #0f5132; 
    border-left: 1px solid #198754;
}

.toast-gradient-primary {
    background: linear-gradient(135deg, #cfe2ff, #9ec5fe);
    color: #052c65; 
    border-left: 1px solid #0d6efd;
}

.toast-gradient-danger {
    background: linear-gradient(135deg, #f8d7da, #f1aeb5);
    color: #58151c;
    border-left: 1px solid #dc3545;
}

.toast-gradient-warning {
    background: linear-gradient(135deg, #fff3cd, #ffe69c);
    color: #664d03;
    border-left: 1px solid #ffc107;
}