@import '_content/Blazor.QRCode/Blazor.QRCode.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Shared/FormComponents/UploadFileComponent.razor.rz.scp.css */
.drop-zone[b-b1bwwh836x] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
}

    .drop-zone.hover[b-b1bwwh836x] {
        border-style: solid;
    }
/* /Shared/Visualisation/Tooltip.razor.rz.scp.css */
.tooltip-wrapper-top[b-hja8wuenet] {
    position: relative;
    display: inline-block;
}

    .tooltip-wrapper-top > span[b-hja8wuenet] {
        visibility: hidden;
        position: absolute;
        bottom: 100%;
        margin-left: -10px;
        background-color: #363636;
        color: #fff;
        text-align: center;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        border-radius: 6px;
        z-index: 10;
        width: max-content;
        font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
    }

        .tooltip-wrapper-top > span[b-hja8wuenet]::after {
            content: "";
            position: absolute;
            top: 100%;
            left: inherit;
            margin-left: 0;
            border-color: #555 transparent transparent transparent;
            font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
        }

    .tooltip-wrapper-top:hover span[b-hja8wuenet] {
        visibility: visible;
    }

.tooltip-wrapper-right[b-hja8wuenet] {
    position: relative;
    display: inline-block;
}

    .tooltip-wrapper-right > span[b-hja8wuenet] {
        visibility: hidden;
        position: absolute;
        left: 100%;
        margin-top: -5px;
        margin-left: 10px;
        background-color: #363636;
        color: #fff;
        text-align: center;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        border-radius: 6px;
        z-index: 10;
        width: max-content;
        border: solid 2px lightgray;
        font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
    }

        .tooltip-wrapper-right > span[b-hja8wuenet]::after {
            content: "";
            position: absolute;
            top: 100%;
            left: inherit;
            margin-left: 0;
            border-color: #555 transparent transparent transparent;
            font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
        }

    .tooltip-wrapper-right:hover span[b-hja8wuenet] {
        visibility: visible;
    }

.tooltip-wrapper-break[b-hja8wuenet] {
    position: relative;
    display: inline-block;
}

    .tooltip-wrapper-break > span[b-hja8wuenet] {
        visibility: hidden;
        position: absolute;
        bottom: 100%;
        margin-left: -10px;
        background-color: #363636;
        color: #fff;
        text-align: center;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        border-radius: 6px;
        z-index: 10;
        width: 300px;
        font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
    }

        .tooltip-wrapper-break > span[b-hja8wuenet]::after {
            content: "";
            position: absolute;
            top: 100%;
            left: inherit;
            margin-left: 0;
            border-color: #555 transparent transparent transparent;
            font-size: calc(12px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));
        }

    .tooltip-wrapper-break:hover span[b-hja8wuenet] {
        visibility: visible;
    }