.content-pics {
    .message {
        margin-bottom: 20px;
    }
}

.content-pics, .content-backend-pics {
    .add-pic {
        border-radius: 37px;
        padding: 10px;
        font-size: 13px;
        margin-bottom: 10px;
        width: auto;

        &:hover {
            background: lightgray;
        }
    }

    .pics {
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;

        .pic {
            vertical-align: top;
            position: relative;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 15px;

            .edit-delete {
                position: relative;
                top: -2px;

                .edit, .delete {
                    color: black;
                    padding: 0 10px 5px 10px;
                }

                .edit {
                    display: inline-block;
                }

                .delete {
                    position: absolute;
                    top: 0;
                    right: 0;
                }
            }

            img {
                object-fit: contain;
                width: 200px;
                height: 200px;
            }

            .title {
                font-weight: bold;
            }

            .created {
                float: right;
            }

            .search_text {
                font-style: italic;
                overflow-wrap: anywhere;
            }
        }
    }
}

.logged-in .pics .pic, body:not(.logged-in) .pics .pic > a {
    display: block;
    width: 200px;
    border: 1px solid lightgray;
    padding: 4px;

    &:hover {
        border-color: #999;
    }
}

.roar-alert-message-content {
    font-size: 13px !important;
    text-align: left !important;

    span {
        font-size: 14px !important;
    }
}

.roar-alert-message-button-confirm {
    background: red !important;
    font-size: 14px !important;
}

.roar-alert-message-button-cancel {
    order: 2;
}