.page-title {
    font-weight: bold;
    font-size: 22px;
}

.scrollable {
    overflow: auto;
}

.centered-grid-layout-content {
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center;     /* Centers content vertically */
    text-align: center;      /* Centers text if needed */
}

.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-shading .dxbl-loading-panel-indicator-area.dxbl-loading-panel-hidden {
    --dxbl-loading-panel-message-color: black;
}

.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-shading .dxbl-loading-panel-indicator-area.dxbl-loading-panel-hidden .dxbl-wait-indicator {
    --dxbl-wait-indicator-color: black;
}

.grid-list-view {
    height: 100%;
}

.dropzone {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    margin: 1rem;
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
}

    .dropzone input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.dropzone-disabled {
    cursor: default;
}

.dropzone-drag {
    background-color: lightskyblue;
}

.theme-settings {
    margin-right: .5rem;
}

.demo-btn-container > .theme-settings {
    --dxbl-btn-border-radius: 50%;

    width: 2.125rem;
    height: 2.125rem;
    border-width: 2px;
    align-items: center;
    justify-content: center;
    display: flex;
}