.album_image_background {
        background-color: #0e0e0e;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        color: white;
        font-size: 10pt;
        line-height: unset;
        cursor: pointer;
    }

    .ui-state-default { border:none; background:none; }
    #album_sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
    #album_sortable li { padding: 0; float: left; width:100%; }

    .album_image_settings_details {
        line-height: 25px;
        font-size: 7pt;
        border-bottom: 1px solid lightgrey;
    }

    .album_image_placeholder {
        background-color: red;
        width: 33.3%;
        height: 200px;
    }

    .album_header_button {
        padding: 0;
        text-align: center;
        font-size: 11pt;
        font-weight: bold;
        cursor: pointer;
        float: left;
        width: 40px;
    }

    .album_image_item {
        padding: 2px;
        float: left;
    }

    .album_image_handle {
        float: left;
        padding: 0;
        text-align: center;
        color: white;
        width: 40px;
        display: flex;
        justify-content: center;
    }

    .album_image_menu {
        float: right;
        text-align: center;
        padding: 0;
        width: 30px;
        justify-content: center;
    }

    /* Default: hide the details */
    .album_sortable .album_image_details {
        display: none;
    }

    /* When the special class is added, show the details */
    .album_sortable.album_sortable_details_show .album_image_details {
        display: block;
    }

    .album_image_container {
        padding: 2px;
        border:1px solid grey;
        width:100%;
        background-color: whitesmoke;
        box-shadow: 5px 5px 9px darkgray;
    }

    @media (max-width: 576px) {
        /* XS */

        #album_route_album_resize {
            display: none;
        }

        .album_content_small > .album_image_item {
            width: 50%;
        }

        .album_content_large > .album_image_item {
            width: 50%;
        }

        #album_image_edit_details_master {
            display: none;
        }
    }

    @media (min-width: 576px) {
        /* SM */

        #album_route_album_resize {
            display: none;
        }

        .album_content_small > .album_image_item {
            width: 100%;
        }

        .album_content_large > .album_image_item {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        /* MD */

        #album_route_album_resize {
            display: grid;
        }

        .album_content_small > .album_image_item {
            width: 50%;
        }

        .album_content_large > .album_image_item {
            width: 33%;
        }

        #album_image_edit_details_master {
            display: block;
        }
    }

    @media (min-width: 992px) {
        /* LG */

        #album_route_album_resize {
            display: grid;
        }

        .album_content_small > .album_image_item {
            width: 50%;
        }

        .album_content_large > .album_image_item {
            width: 33%;
        }
    }

    @media (min-width: 1200px) {
        /* XL */

        #album_route_album_resize {
            display: grid;
        }

        .album_content_small > .album_image_item {
            width: 33%;
        }

        .album_content_large > .album_image_item {
            width: 25%;
        }
    }

    @media (min-width: 1400px) {
        /* XXL */

        #album_route_album_resize {
            display: grid;
        }

        .album_content_small > .album_image_item {
            width: 25%;
        }

        .album_content_large > .album_image_item {
            width: 16.66%;
        }
    }