@import '_content/Asset.RazorLib/Asset.RazorLib.ootd59jmvz.bundle.scp.css';
@import '_content/BlazorFluentUI.CoreComponents/BlazorFluentUI.CoreComponents.bundle.scp.css';
@import '_content/BlazorFluentUI.ListComponents/BlazorFluentUI.ListComponents.bundle.scp.css';
@import '_content/BoxyDesigner.RazorLib/BoxyDesigner.RazorLib.13gwckzbfr.bundle.scp.css';
@import '_content/BoxyShared.RazorLib/BoxyShared.RazorLib.7gtj8x44w0.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/MPFComponents.RazorLib/MPFComponents.RazorLib.9ry9toulmy.bundle.scp.css';
@import '_content/Shoppy.RazorLib/Shoppy.RazorLib.wm7zyuxx77.bundle.scp.css';
@import '_content/Translation.RazorLib/Translation.RazorLib.5fckzumtav.bundle.scp.css';

/* _content/BlazorBoxy/Components/Layout/HeadLessLayOut.razor.rz.scp.css */
/* _content/BlazorBoxy/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/BlazorBoxy/Components/LibraryGroupsComponent.razor.rz.scp.css */
.library-group[b-wybngdpuuv] {
    width: 100%;
    height: 350px;
}

.card-library-group h5[b-wybngdpuuv] {
    font-size: 0.7rem;
}

.card-library-group[b-wybngdpuuv] {
    width: 14rem;
    min-height: 230px;
    max-height: 355px;
    padding:0;

}

.card-library-group .card-body[b-wybngdpuuv] {
    padding: 0;
}

.card-library-group:hover[b-wybngdpuuv] {
    transform: scale(1.02);
    box-shadow: 0 0 7px rgba(0,0,0,0.2);
    transition: transform .2s;
}


.card-library-group:hover > .edit-container[b-wybngdpuuv] {
    transition: opacity 2s;
    opacity: 1;
}

.edit-container[b-wybngdpuuv] {
    opacity: .0;
    position: absolute;
    z-index: 90000;
    top: 0;
    right: 0;
    margin: 10px;
}

.library-group-image[b-wybngdpuuv] {
    width: 100%;
    height: 300px;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* _content/BlazorBoxy/Components/LibraryItemComponent.razor.rz.scp.css */
.library-item[b-f8jvmgdav0] {
    width: 100%;
    height: 300px;
}

.card-title[b-f8jvmgdav0]{
    font-size:10px;
    margin-bottom:0 !important;
}

    .card-library-item[b-f8jvmgdav0] {
        width: 12.8rem;
        min-height: 300px;
        max-height: 300px;
    }

    
.card-library-item:hover[b-f8jvmgdav0] {
    transform: scale(1.02);
    box-shadow: 0 0 7px rgba(0,0,0,0.2);
    transition: transform .2s;
}

.btn-cirlce[b-f8jvmgdav0] {
    border-radius: 50%;
    padding-top:6px;
    font-size:11px;
    text-align: center;
    display:block;
    width: 30px;
    height: 30px;
}

.lazy-load-image[b-f8jvmgdav0] {
    visibility: hidden;
}

.edit-container[b-f8jvmgdav0] {
    opacity: 1;
    position: absolute;
    z-index: 10000;
    top: 0;
    right: 0;
    margin: 5px;
}


.edit-container:hover[b-f8jvmgdav0] {
    opacity: 1;
    transition: opacity .2s;
}

.library-item-image[b-f8jvmgdav0] {
    width: 100%;
    height: 200px;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* _content/BlazorBoxy/Components/Pages/Admin/Workflows.razor.rz.scp.css */
 /*add this to avoid flickering*/
.plk-dd-inprogess > *[b-ncjzn8bt0r] {
    pointer-events: none;
}

/*dropzone style style*/
.plk-dd-dropzone[b-ncjzn8bt0r] {
    min-height: 50px;
}

/*drag drop styles*/

.plk-dd-spacing[b-ncjzn8bt0r] {
    height: 10px;
}

.plk-dd-spacing-dragged-over[b-ncjzn8bt0r] {
    padding: 25px;
}

.plk-dd-dragged-over[b-ncjzn8bt0r] {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker-b-ncjzn8bt0r 1s linear infinite;
}

    .plk-dd-dragged-over > div[b-ncjzn8bt0r] {
        background-color: lightgray;
        opacity: 0.6;
        animation: blinker-b-ncjzn8bt0r 1s linear infinite;
    }

.plk-dd-dragged-over-denied[b-ncjzn8bt0r] {
    background-color: red;
    opacity: 0.6;
    animation: blinker-b-ncjzn8bt0r 1s linear infinite;
}

.plk-dd-in-transit[b-ncjzn8bt0r] {
    opacity: 0;
}

    .plk-dd-in-transit > div[b-ncjzn8bt0r] {
        opacity: 0;
    }

@keyframes blinker-b-ncjzn8bt0r {
    50% {
        opacity: 0;
    }
}

.blink_me[b-ncjzn8bt0r] {
    animation: blinker-b-ncjzn8bt0r 1s linear infinite;
}

/*for flex demo*/

.plk-flex .plk-dd-spacing[b-ncjzn8bt0r] {
    width: 20px;
    height: auto;
}

.plk-flex .plk-dd-dragged-over[b-ncjzn8bt0r] {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker-b-ncjzn8bt0r 1s linear infinite;
}

    .plk-flex .plk-dd-dragged-over > div[b-ncjzn8bt0r] {
        background-color: lightgray;
        opacity: 0.9;
        animation: blinker-b-ncjzn8bt0r 1s linear infinite;
    }

.plk-flex .plk-dd-in-transit[b-ncjzn8bt0r] {
    background-color: orangered;
}

    .plk-flex .plk-dd-in-transit > div[b-ncjzn8bt0r] {
        background-color: orangered;
    }

.plk-dd-noselect[b-ncjzn8bt0r] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
/* _content/BlazorBoxy/Components/ProjectParameterComponent.razor.rz.scp.css */