/* _content/CGSA.Web/Components/Common/Parking/ParkingSpot.razor.rz.scp.css */

.spot[b-gx0n42pt9s],
.road[b-gx0n42pt9s],
.wall[b-gx0n42pt9s] {
    min-width: var(--spot-min-width);
    width: var(--spot-width);
    height: var(--spot-height);
    margin: 0 1px 1px 0;
    border-radius: var(--rz-border-radius);
}

.wall[b-gx0n42pt9s] {
    background-color: var(--wall-background-color);
}

.spot[b-gx0n42pt9s] {
    background-color: var( --spot-background-color);
    color: var(--spot-txt-color);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding-left: 4px;
    padding-right: 4px;
}

    .spot.busy[b-gx0n42pt9s] {
        background-color: var( --spot-busy-background-color);
        color: var(--spot-busy-txt-color);
    }

.spot[b-gx0n42pt9s] {
    border-top: 5px solid var(--rz-base-200);
}


    .spot.double[b-gx0n42pt9s] {
        min-width: calc(2*var(--spot-width) + 1px);
        width: calc(2*var(--spot-width) + 1px);
    }

    .spot .plate[b-gx0n42pt9s] {
        font-size: 12px;
        font-weight: 400;
        color: rgba(var(--rz-white-rgb), 0.7);
        padding-top: 4px;
    }

    .spot.busy .plate[b-gx0n42pt9s] {
        color: white;
        font-weight: 700;
    }

    .spot .id[b-gx0n42pt9s] {
        color: var(--spot-txt-color);
        font-size: 10px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-top: 2px;
        margin-top: auto;
        margin-bottom: 0.5rem;
    }

    .spot.busy .id[b-gx0n42pt9s] {
        color: rgba(var(--rz-white-rgb), 0.5) !important;
    }

    .spot.busy[b-gx0n42pt9s] .rzi {
        color: rgba(var(--rz-white-rgb), 0.5) !important;
        font-size: 1.25rem;
        visibility: visible;
    }

    .spot[b-gx0n42pt9s] .rzi {
        font-size: 20px;
        visibility: hidden;
    }
/* _content/CGSA.Web/Components/Common/Spinner.razor.rz.scp.css */
.spinner-mask[b-7np9sevowi] {
    position: absolute;
    z-index: var(--rz-dialog-mask-zindex);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: wait;
    background-color: rgba(255, 255, 255, 0.5);
}

.spinner-wrapper[b-7np9sevowi] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner[b-7np9sevowi] {
    animation: rotate-b-7np9sevowi 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px; /* Dopasowanie do nowego promienia */
    width: 70px; /* Dopasowanie do nowego promienia */
    height: 70px;
}

    .spinner .path[b-7np9sevowi] {
        stroke: var(--rz-primary);
        stroke-linecap: round;
        animation: dash-b-7np9sevowi 1.5s ease-in-out infinite;
    }

@keyframes rotate-b-7np9sevowi {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash-b-7np9sevowi {
    0% {
        stroke-dasharray: 1, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 135, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: -52.5; /* Zwiększenie proporcjonalne */
    }

    100% {
        stroke-dasharray: 135, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: -186; /* Zwiększenie proporcjonalne */
    }
}
/* _content/CGSA.Web/Components/Pages/Parking.razor.rz.scp.css */
.p-grid[b-ql5ha2ys19] {
    display: flex;
    flex-direction: column;
    overflow: visible;
}

    .p-grid .p-row[b-ql5ha2ys19] {
        display: flex;
        flex-direction: row;
    }