@import '_content/PrintShop.WebApp.Shared/PrintShop.WebApp.Shared.bundle.scp.css';

/* /Components/FileCard/FileCard.razor.rz.scp.css */
.FileCard[b-mygygqt3bx]{
    width: 250px;
    border: 1px solid var(--BackgroundColor);
}

.FileIconContainer[b-mygygqt3bx]{
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--BackgroundColor);
    user-select: none;
}

.FileIconContainer i[b-mygygqt3bx]{
    color: var(--AccentColor);
    font-size: 75px;
    pointer-events: none;
}

.FileIconContainer img[b-mygygqt3bx]{
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.FileInfo[b-mygygqt3bx]{
    height: 78px;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: var(--ComponentBackgroundColor);
}

.FileNameAndSize[b-mygygqt3bx]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    line-height: 20px;
}

.FileName[b-mygygqt3bx]{
    position: relative;
}

.FileSize[b-mygygqt3bx]{
    position: relative;
    opacity: 0.5;
    font-size: 0.9rem;
}

.FileDownload[b-mygygqt3bx]{
    position: relative;
    display: flex;
    align-items: center;
}

.FileDownload i[b-mygygqt3bx]{
    position: relative;
    cursor: pointer;
}

p[b-mygygqt3bx]{
    padding: 0;
    margin: 0;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Components/InfoTable/InfoTable.razor.rz.scp.css */
table[b-rcllm32tr2] {
    width: 100%;
    /*margin-top: 30px;*/
    /*border: 1px solid var(--DeviderColor);*/
    border-collapse: collapse;
}

/*::deep tr {*/
/*    border: 1px solid var(--DeviderColor);*/
/*}*/

/*::deep td {*/
/*    border: 1px solid var(--DeviderColor);*/
/*    padding: 10px;*/
/*}*/

/*::deep tr:nth-of-type(even) {*/
/*    background-color: var(--BackgroundColor);*/
/*}*/

/* /Components/SideBarIcons/SideBarIconSpawnPoint.razor.rz.scp.css */
.SideBarIconSpawnPoint[b-n8u5tuet8g]{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    pointer-events: none;

    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    padding-right: 20px;

    z-index: 1000;
}

[b-n8u5tuet8g] .SideBarIconContainer{
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-color: #22A2dE;
    color: white;
   
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;

    box-sizing: border-box;
    cursor: pointer;
    
    pointer-events: all;
    z-index: 1000;
    margin-right: 2px;
}

[b-n8u5tuet8g] .SideBarIconContainerTooltip{
    visibility: hidden;
    position: absolute;
    background-color: #22A2dE;
    color: white;
    right: 85px;
    padding: 5px 11px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: bold;
}

[b-n8u5tuet8g] .SideBarIconContainerTooltip::after {
    height: 15px;
    width: 15px;
    background-color: #22A2dE;
    position: absolute;
    content: '...';
    transform: rotate(45deg);
    right: -4px;
    top: 8px;
    z-index: -1;
}

[b-n8u5tuet8g] .SideBarIconContainer:hover .SideBarIconContainerTooltip{
    visibility: visible;
}



/*::deep .SideBarIconContainer:active{*/
/*    box-shadow: inset 0 0 15px 4px rgba(74, 74, 74,  0.85), var(--BoxElevation2);*/
/*    */
/*}*/
/* /Components/UserSideBarIcons/DialogUserSideBarIcons.razor.rz.scp.css */
[b-f6qsr8jdlq] .DragItem {
    border-radius: 20px;
    padding: 2px 20px;
    margin: 5px 0;
    text-align: center;
}

[b-f6qsr8jdlq] .DragContainer,[b-f6qsr8jdlq] .SecondDragContainer{
    display: flex;
    padding: 15px 0;
    background-color: #f7f7f7;
    margin: 15px 0;
}

[b-f6qsr8jdlq] .drag-item{
    flex: 0 0 auto;
    width: 33.33333%;
}


/**/

.SideBarIconSpawnPoint[b-f6qsr8jdlq]{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    pointer-events: none;

    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    padding-right: 20px;

    z-index: 1000;
}

[b-f6qsr8jdlq] .SideBarIconContainer{
    width: 63px;
    height: 63px;
    background-color: #22A2dE;
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;

    box-sizing: border-box;
    cursor: pointer;

    pointer-events: all;
    z-index: 1000;
    margin-right: 2px;
    /*border-radius: 34px;*/
}

[b-f6qsr8jdlq] .SideBarIconContainerTooltip{
    visibility: hidden;
    position: absolute;
    background-color: #22A2dE;
    color: white;
    right: 85px;
    padding: 5px 11px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: bold;
}

[b-f6qsr8jdlq] .SideBarIconContainerTooltip::after {
    height: 15px;
    width: 15px;
    background-color: #22A2dE;
    position: absolute;
    content: '...';
    transform: rotate(45deg);
    right: -4px;
    top: 8px;
    z-index: -1;
}

[b-f6qsr8jdlq] .SideBarIconContainer:hover .SideBarIconContainerTooltip{
    visibility: visible;
}