@import '_content/Blazor.SignaturePad/Blazor.SignaturePad.g22u5lm4z9.bundle.scp.css';

/* _content/ZenaPitStop/UI/Components/ArticoloPneumatico/ArticoloPneumaticoForm.razor.rz.scp.css */
.row > [class^="col"] :is(input, textarea, select)[b-qpdqa9ez0j],
.row > [class^="col"] .e-control[b-qpdqa9ez0j],
.row > [class^="col"] .e-btn[b-qpdqa9ez0j] {
    width: 100%;
}

@media (max-width: 576px) {
    .row[b-qpdqa9ez0j] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }

    .row > [class^="col"][b-qpdqa9ez0j] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3[b-qpdqa9ez0j] {
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3 .e-btn[b-qpdqa9ez0j] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/Cliente/ClienteForm.razor.rz.scp.css */
.row > [class^="col"] :is(input, textarea, select)[b-0drtad9dct],
.row > [class^="col"] .e-control[b-0drtad9dct],
.row > [class^="col"] .e-btn[b-0drtad9dct] {
    width: 100%;
}

@media (max-width: 576px) {
    .row[b-0drtad9dct] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }

    .row > [class^="col"][b-0drtad9dct] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3[b-0drtad9dct] {
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3 .e-btn[b-0drtad9dct] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/AsseAddDialogForm.razor.rz.scp.css */
@media (max-width: 1199px) {
    .e-dialog[b-b7ocv0ao7c] {
        width: 95% !important;
        max-width: 95% !important;
    }

    .d-flex.flex-row.align-items-center.gap-5.mx-1[b-b7ocv0ao7c] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .d-flex.flex-row.align-items-center.gap-5.mx-1 > *[b-b7ocv0ao7c] {
        width: 100% !important;
        flex: none !important;
    }

    .d-flex.justify-content-between[b-b7ocv0ao7c] {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .d-flex.justify-content-between .e-btn[b-b7ocv0ao7c] {
        width: 100% !important;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/AsseRemoveDialogForm.razor.rz.scp.css */
@media (max-width: 576px) {
    .e-dialog[b-dxrb2uqd13] {
        width: 95% !important;
        max-width: 95% !important;
    }

    .d-flex.flex-row.align-items-center.gap-4.flex-wrap[b-dxrb2uqd13] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px !important;
    }

    .d-flex.justify-content-between[b-dxrb2uqd13] {
        flex-direction: column;
        gap: 12px;
    }

    .d-flex.justify-content-between .e-btn[b-dxrb2uqd13] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/AsseView.razor.rz.scp.css */
.asse[b-0s2ef7c0wx] {
    position: relative;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    gap: 30px;
}

.d-flex.align-items-center.w-100.mt-2[b-0s2ef7c0wx] {
    position: relative;
}

.d-flex.flex-column.align-items-center.position-absolute.translate-middle-y.top-50.gap-2[b-0s2ef7c0wx] {
    right: 0;
    z-index: 10;
}

.asse-line[b-0s2ef7c0wx] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    background-color: #e0e0e0;
    z-index: 0;
    pointer-events: none;
    width: calc(100% - 120px);
    left: 60px;
}

@media (max-width: 768px) {
    .asse[b-0s2ef7c0wx] {
        transform: scale(0.85);
    }
}
/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/ConfigurazioneAssaleForm.razor.rz.scp.css */
.row > [class^="col"] :is(input, textarea, select)[b-gm0y8urumt],
.row > [class^="col"] .e-control[b-gm0y8urumt],
.row > [class^="col"] .e-btn[b-gm0y8urumt] {
    width: 100%;
}

@media (max-width: 576px) {
    .row[b-gm0y8urumt] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }

    .row > [class^="col"][b-gm0y8urumt] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-1[b-gm0y8urumt],
    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3[b-gm0y8urumt] {
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-1 .e-btn[b-gm0y8urumt],
    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3 .e-btn[b-gm0y8urumt] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/ConfigurazioneAssaleView.razor.rz.scp.css */
.configurazione-assale[b-aaizi7cs89] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
    gap: 25px;
    padding: 1em;
    max-width: 100%;
    transition: scale 0.3s ease;
}

@media (max-width: 1024px) {
    .configurazione-assale[b-aaizi7cs89] {
        gap: 60px;
    }
}

@media (max-width: 480px) {
    .configurazione-assale[b-aaizi7cs89] {
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .configurazione-assale[b-aaizi7cs89] {
        gap: 30px;
        flex-direction: column;
        padding: 1em;
    }
}

@media (max-width: 768px) {
    .configurazione-assale[b-aaizi7cs89] {
        gap: 30px;
        flex-direction: column;
        padding: 0.5em;
    }
}
/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/DifferenzialeView.razor.rz.scp.css */
.differenziale[b-o4pkn382j0] {
    width: 60px;
    height: 60px;
    border: 4px solid #101010;
    border-radius: 50%;
    position: relative;
    background: #bebfc1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .differenziale[b-o4pkn382j0]::before,
    .differenziale[b-o4pkn382j0]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 10px;
        height: 25px;
        background: #101010;
        transform: translateY(-50%);
    }

    .differenziale[b-o4pkn382j0]::before {
        left: -12px;
        border-radius: 4px 0 0 4px;
    }

    .differenziale[b-o4pkn382j0]::after {
        right: -12px;
        border-radius: 0 4px 4px 0;
    }

    .differenziale.state-red[b-o4pkn382j0] {
        background: var(--state-red);
    }

    .differenziale.state-yellow[b-o4pkn382j0] {
        background: var(--state-yellow);
    }

    .differenziale.state-green[b-o4pkn382j0] {
        background: var(--state-green);
    }

    .differenziale.state-black[b-o4pkn382j0] {
        background: var(--state-black);
    }

.differenziale-icon[b-o4pkn382j0] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    display: flex;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    line-height: 1;
}

.differenziale.state-trattivo .differenziale-icon[b-o4pkn382j0]::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVR4nO2Yvy8EQRSAPzk6apWE6CjPH3CVRiQStUYUCoWCiJxDtCKiFH+EVncJK1FQoaJyiEaEaCTOk03uksvk7jbm1+7GfMmrNjsz37yZ2TcLgUAgoMk5IJoRkSHEMDJDECGIuOHMQOKUjJP52f93IrmhF9gBni1sdlHiDTgC+n2IHDoQECXiPpyy6kFCgFeXErNA3ZOIuJKYAD49SogLiRHgxbOEdKmuo04P4q9zkwJQBmqGg6i2mZAZDRHp9CwpjRuWZrOkSAwADz5FahYk2mVjX3Npia6Ii2wUge+8iVQViXjPXVqaIPEpomZj2YGEJA0Uy9kYAj7yKFJSRI4dSYhLkXYnlcpcHkRKCRKjwHseRESJmxaJPuAiL0tLlNhqEdm1LCHdBtrEVkdjjfYmDUp/0ha5bbQ1aFA117Mgsg30ACcGbVybijxaEBkHVgzerwPTpiKbFpZVfJv80nz/B1hoGU/U6f4UJfy6jIu8ikE5vwfcGUgs4pDhP2zaKwOJJTxQdPzzYQ2PTGlekJJinRSwfb8okyIHliQqpEyhcUw/aQrcA/NpSwQCgQDe+AUC1Y1ki22wCgAAAABJRU5ErkJggg==');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.differenziale.state-sterzante:not(.state-trattivo) .differenziale-icon[b-o4pkn382j0]::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEB0lEQVR4nO2ay2vdVRDHP9KmN6I3adoYcWX+Bo0gVNxYWmrVBMQQUx9ZCQrFElxWGppVH5vSIgiRqgTFjQtN1KwkwUAoLsUmMXGRtKaidNM2bUzplYG5cLn5zTlzfvnd64N+YeDCOTNn5pwzr/O7cB//X3QAfcAZYBKYB64DG0ry+7KOyZxeYDf/EpSAI8AUcBeoJJLwfAsMqqym40FgGLiaQ3mLrgDHgNZmGXEIWCrQgHr6BTjYSAPk6M810IB6+lRPvlA8CvzYRCMqSpeArqKM6Nbj9iz8GzAGvA48AewFWpQ6gSeBN4CPgDWnzEXVYdsn4THie+AwsCNB9k7gBWDaaUxXXiNaHdepKMd83hFALuUN0R9EBH8CPERxeBgYj6x5Pk+IDQl8n8ZhJLL2Aa8gOb6FgKDjNB4jkevsSprDkevULIwH9HjXcxpXAztRpE94fGbZ0GU15vhHArvQ0LLBwOGAPq+GGKcCecKLPcA7wNe6ozeVfgUmgKOJOWHG0OmbUD9hleKyMzG0a59xw5Hgbmt4f8wh90VDxibQlsXQFyg7JAtbkGz+FvC7w4B6kpM6EfG9ncA1g1+M3IKzxuSxwAKvAT/lMCBrs94DysZaFw2+01mTJ4zJUgBWr97TwJsahv+MKLcCvKzKlfXE5yM8t4Av9YSfUX9D18yaL364BYvGZKliBbMJO7xSo0QtOnTMK2dW+XqMcdmYLbB2WEpxEn1ATsLCKwlyrinPI8b4H1kLbBiTd0XGs8i662ik8cq5ozylyHiSIesFGdKeIGc9jyGxq3UlQQFxbAv9CXJW81wtq+KV9hRnJ1frhOLY9dirynnlTCvfU8a4PPi5w6/02GjWriTQijp2m1J/ohEVXVMwZIx/lWWIpag8FIQgWXkf8FmikhV9ZXxOK90QPjb4T2VN7jUmr0VKlFq8nWDEqFNmSyD0y+PFFuwOFI2ZDAa+cJ6EFy8ZMv6yikbBdxGn8+BZhyFynbz4wZAhPm1iMLC4PNl4UN5mnvGU8EIDBFAK5Islh1NWETPEg7I2Y1ZErCZqE8cCCow3yZAHgM8D/NJlRlGKlNsjTTBkNMC7mPLieDCiyEgDDTkZ4LsH7CcRFyLKjAd8Jo8h4hOh61TR7zPJKOnDcUjwsvEwcVZD9qpWsOv6e7qm7KiPTpZjV2nO4+AWugKdYy3NqDLeCqCasXsDeaJSQwtaAW8L3U5jqh3dRe2xe/Tjzi6lTq1ih7R28nacC8DjFIQuxzVrBM0VcRLWx9B7TTLiw0Z/ez+QcNXy0HyeEJsXJX3aT22UQiRlx9F/6h8QJX0Vn9S32FTlN7WKHdhOaC0abRqCT+sL4GV90Kj+qUZ+/6zt6SntcbxV8H3wX8PfHCI2JYdGNoAAAAAASUVORK5CYII=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.differenziale.state-trattivo.state-sterzante .differenziale-icon[b-o4pkn382j0]::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVR4nO2Yvy8EQRSAPzk6apWE6CjPH3CVRiQStUYUCoWCiJxDtCKiFH+EVncJK1FQoaJyiEaEaCTOk03uksvk7jbm1+7GfMmrNjsz37yZ2TcLgUAgoMk5IJoRkSHEMDJDECGIuOHMQOKUjJP52f93IrmhF9gBni1sdlHiDTgC+n2IHDoQECXiPpyy6kFCgFeXErNA3ZOIuJKYAD49SogLiRHgxbOEdKmuo04P4q9zkwJQBmqGg6i2mZAZDRHp9CwpjRuWZrOkSAwADz5FahYk2mVjX3Npia6Ii2wUge+8iVQViXjPXVqaIPEpomZj2YGEJA0Uy9kYAj7yKFJSRI4dSYhLkXYnlcpcHkRKCRKjwHseRESJmxaJPuAiL0tLlNhqEdm1LCHdBtrEVkdjjfYmDUp/0ha5bbQ1aFA117Mgsg30ACcGbVybijxaEBkHVgzerwPTpiKbFpZVfJv80nz/B1hoGU/U6f4UJfy6jIu8ikE5vwfcGUgs4pDhP2zaKwOJJTxQdPzzYQ2PTGlekJJinRSwfb8okyIHliQqpEyhcUw/aQrcA/NpSwQCgQDe+AUC1Y1ki22wCgAAAABJRU5ErkJggg==');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.differenziale.state-trattivo.state-sterzante .differenziale-icon[b-o4pkn382j0]::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEB0lEQVR4nO2ay2vdVRDHP9KmN6I3adoYcWX+Bo0gVNxYWmrVBMQQUx9ZCQrFElxWGppVH5vSIgiRqgTFjQtN1KwkwUAoLsUmMXGRtKaidNM2bUzplYG5cLn5zTlzfvnd64N+YeDCOTNn5pwzr/O7cB//X3QAfcAZYBKYB64DG0ry+7KOyZxeYDf/EpSAI8AUcBeoJJLwfAsMqqym40FgGLiaQ3mLrgDHgNZmGXEIWCrQgHr6BTjYSAPk6M810IB6+lRPvlA8CvzYRCMqSpeArqKM6Nbj9iz8GzAGvA48AewFWpQ6gSeBN4CPgDWnzEXVYdsn4THie+AwsCNB9k7gBWDaaUxXXiNaHdepKMd83hFALuUN0R9EBH8CPERxeBgYj6x5Pk+IDQl8n8ZhJLL2Aa8gOb6FgKDjNB4jkevsSprDkevULIwH9HjXcxpXAztRpE94fGbZ0GU15vhHArvQ0LLBwOGAPq+GGKcCecKLPcA7wNe6ozeVfgUmgKOJOWHG0OmbUD9hleKyMzG0a59xw5Hgbmt4f8wh90VDxibQlsXQFyg7JAtbkGz+FvC7w4B6kpM6EfG9ncA1g1+M3IKzxuSxwAKvAT/lMCBrs94DysZaFw2+01mTJ4zJUgBWr97TwJsahv+MKLcCvKzKlfXE5yM8t4Av9YSfUX9D18yaL364BYvGZKliBbMJO7xSo0QtOnTMK2dW+XqMcdmYLbB2WEpxEn1ATsLCKwlyrinPI8b4H1kLbBiTd0XGs8i662ik8cq5ozylyHiSIesFGdKeIGc9jyGxq3UlQQFxbAv9CXJW81wtq+KV9hRnJ1frhOLY9dirynnlTCvfU8a4PPi5w6/02GjWriTQijp2m1J/ohEVXVMwZIx/lWWIpag8FIQgWXkf8FmikhV9ZXxOK90QPjb4T2VN7jUmr0VKlFq8nWDEqFNmSyD0y+PFFuwOFI2ZDAa+cJ6EFy8ZMv6yikbBdxGn8+BZhyFynbz4wZAhPm1iMLC4PNl4UN5mnvGU8EIDBFAK5Islh1NWETPEg7I2Y1ZErCZqE8cCCow3yZAHgM8D/NJlRlGKlNsjTTBkNMC7mPLieDCiyEgDDTkZ4LsH7CcRFyLKjAd8Jo8h4hOh61TR7zPJKOnDcUjwsvEwcVZD9qpWsOv6e7qm7KiPTpZjV2nO4+AWugKdYy3NqDLeCqCasXsDeaJSQwtaAW8L3U5jqh3dRe2xe/Tjzi6lTq1ih7R28nacC8DjFIQuxzVrBM0VcRLWx9B7TTLiw0Z/ez+QcNXy0HyeEJsXJX3aT22UQiRlx9F/6h8QJX0Vn9S32FTlN7WKHdhOaC0abRqCT+sL4GV90Kj+qUZ+/6zt6SntcbxV8H3wX8PfHCI2JYdGNoAAAAAASUVORK5CYII=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.differenziale.state-trattivo.state-sterzante .differenziale-icon[b-o4pkn382j0]::before,
.differenziale.state-trattivo.state-sterzante .differenziale-icon[b-o4pkn382j0]::after {
    width: 22px;
    height: 22px;
}

.differenziale-wrapper[b-o4pkn382j0] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(max-width: 1024px) {
    .differenziale[b-o4pkn382j0] {
        width: 50px;
        height: 50px;
    }
}

@media(max-width: 480px) {
    .differenziale[b-o4pkn382j0] {
        width: 40px;
        height: 40px;
    }

    .differenziale-icon[b-o4pkn382j0] {
        font-size: 18px;
    }
}
/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/PneumaticoView.razor.rz.scp.css */
.pneumatico[b-45gzjetdvg] {
    width: 55px;
    height: 130px;
    border: 4px solid #101010;
    border-radius: 18px;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: var(--state-black);
    gap: 4px;
    padding: 0 3px;
}

.pneumatico-text[b-45gzjetdvg] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    white-space: nowrap;
}
    .pneumatico-text.top[b-45gzjetdvg] {
        top: 6px;
    }

    .pneumatico-text.center[b-45gzjetdvg] {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .pneumatico-text.bottom[b-45gzjetdvg] {
        bottom: 6px;
    }

.pneumatico.state-red[b-45gzjetdvg] {
    background: var(--state-red);
}

.pneumatico.state-yellow[b-45gzjetdvg] {
    background: var(--state-yellow);
}

.pneumatico.state-green[b-45gzjetdvg] {
    background: var(--state-green);
}

.pneumatico.state-black[b-45gzjetdvg] {
    background: var(--state-black);
}

.pneumatico:hover[b-45gzjetdvg] {
    filter: brightness(1.15);
}

.pneumatico-wrapper[b-45gzjetdvg] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.battistrada[b-45gzjetdvg] {
    background-color: #101010;
    width: 2px;
    height: 100%;
    display: inline-block;
}

.pneumatico.state-red .battistrada[b-45gzjetdvg] {
    background-color: #b02a37;
}

.pneumatico.state-yellow .battistrada[b-45gzjetdvg] {
    background-color: #e0a800;
}

.pneumatico.state-green .battistrada[b-45gzjetdvg] {
    background-color: #218838;
}

.asse-label.bottom[b-45gzjetdvg] {
    white-space: break-spaces;
    word-break: keep-all;
    text-align: center;
    max-width: 200%;
}

@media(max-width:1024px) {
    .pneumatico[b-45gzjetdvg] {
        width: 50px;
        height: 110px;
        font-size: 13px;
    }
}

@media(max-width: 480px) {
    .pneumatico[b-45gzjetdvg] {
        width: 40px;
        height: 90px;
    }
}


@media(max-width: 768px) {
    .pneumatico[b-45gzjetdvg] {
        width: 45px;
        height: 100px;
        font-size: 12px;
    }
}
/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/PneumaticoWrapperView.razor.rz.scp.css */
.pneumatico-container[b-ane49gd1mq] {
    display: flex;
    /*justify-content: center;*/
    margin: 0 25px;
}


.gemellata-wrapper .pneumatico-container[b-ane49gd1mq] {
    margin: 0;
}
/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/RuotaAddDialogForm.razor.rz.scp.css */
@media (max-width: 576px) {
    .e-dialog[b-upunpr7i70] {
        width: 95% !important;
        max-width: 95% !important;
    }

    .d-flex.flex-row.align-items-center.gap-5[b-upunpr7i70] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px !important;
    }

    .d-flex.justify-content-between[b-upunpr7i70] {
        flex-direction: column;
        gap: 12px;
    }

    .d-flex.justify-content-between .e-btn[b-upunpr7i70] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/RuotaRemoveDialogForm.razor.rz.scp.css */
@media (max-width: 576px) {
    .e-dialog[b-chk32c8yx2] {
        width: 95% !important;
        max-width: 95% !important;
    }

    .d-flex.flex-row.align-items-center.gap-4.flex-wrap[b-chk32c8yx2] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px !important;
    }

    .d-flex.justify-content-between[b-chk32c8yx2] {
        flex-direction: column;
        gap: 12px;
    }

    .d-flex.justify-content-between .e-btn[b-chk32c8yx2] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/ConfigurazioneAssale/RuotaView.razor.rz.scp.css */
.ruota[b-k3mag6qoxe] {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 40px 55px;
    /*justify-content: center;*/
}

@media(max-width: 768px) {
    .ruota[b-k3mag6qoxe] {
        flex-direction: row;
        gap: 30px;
    }
}

.gemellata-wrapper[b-k3mag6qoxe] {
    display: flex;
    gap: 0px;
}


/* _content/ZenaPitStop/UI/Components/Intervento/CronologiaIntervento.razor.rz.scp.css */
.scrollable-list[b-bcmusdo3h5] {
    overflow-y: auto;
}

.cronologia-intervento-badge-sx[b-bcmusdo3h5] {
    background-color: #fd9843;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

.cronologia-intervento-badge-dx[b-bcmusdo3h5] {
    background-color: #3dd5f3;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

.cronologia-intervento-badge-sx .fw-bold[b-bcmusdo3h5],
.cronologia-intervento-badge-dx .fw-bold[b-bcmusdo3h5] {
    font-size: 0.9rem;
    margin-bottom: 2px;
}

.cronologia-intervento-badge-sx span:nth-child(2)[b-bcmusdo3h5],
.cronologia-intervento-badge-dx span:nth-child(2)[b-bcmusdo3h5] {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2px;
}

.cronologia-intervento-badge-sx .text-muted[b-bcmusdo3h5],
.cronologia-intervento-badge-dx .text-muted[b-bcmusdo3h5] {
    font-size: 0.8rem;
    line-height: 1.1rem;
    max-width: 140px;
    word-wrap: break-word;
}

.asse-display[b-bcmusdo3h5] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow-x: auto;
    gap: 0.5rem;
    padding-bottom: 0.25rem;
    --webkit-overflow-scrolling: touch;
}
/* _content/ZenaPitStop/UI/Components/Ispezione/CronologiaIspezione.razor.rz.scp.css */
.scrollable-list[b-niqlnqezkd] {
    overflow-y: auto;
}

.cronologia-ispezione-badge-sx[b-niqlnqezkd] {
    background-color: #fd9843;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

.cronologia-ispezione-badge-dx[b-niqlnqezkd] {
    background-color: #3dd5f3;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

    .cronologia-ispezione-badge-sx .fw-bold[b-niqlnqezkd],
    .cronologia-ispezione-badge-dx .fw-bold[b-niqlnqezkd] {
        font-size: 0.9rem;
        margin-bottom: 2px;
    }

    .cronologia-ispezione-badge-sx span:nth-child(2)[b-niqlnqezkd],
    .cronologia-ispezione-badge-dx span:nth-child(2)[b-niqlnqezkd] {
        font-size: 0.9rem;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .cronologia-ispezione-badge-sx .text-muted[b-niqlnqezkd],
    .cronologia-ispezione-badge-dx .text-muted[b-niqlnqezkd] {
        font-size: 0.8rem;
        line-height: 1.1rem;
        max-width: 140px;
        word-wrap: break-word;
    }
.asse-display[b-niqlnqezkd] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow-x: auto;
    gap: 0.5rem;
    padding-bottom: 0.25rem;
    --webkit-overflow-scrolling: touch;
}
/* _content/ZenaPitStop/UI/Components/Ispezione/ValoreRuotaAddDialogForm.razor.rz.scp.css */
/* Responsive styles for ValoreRuotaAddDialogForm dialog */

@media (max-width: 576px) {
    .e-dialog[b-o77irab5fa] {
        width: 95% !important;
        max-width: 95% !important;
    }

    .d-flex.gap-3.w-100[b-o77irab5fa] {
        flex-direction: column;
        gap: 12px !important;
    }

    .d-flex.justify-content-between[b-o77irab5fa] {
        flex-direction: column;
        gap: 12px;
    }

    .d-flex.justify-content-between .e-btn[b-o77irab5fa] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Components/MezzoCliente/MezzoClienteForm.razor.rz.scp.css */
.row > [class^="col"] :is(input, textarea, select)[b-texv5i1186],
.row > [class^="col"] .e-control[b-texv5i1186],
.row > [class^="col"] .e-btn[b-texv5i1186] {
    width: 100%;
}

@media (max-width: 576px) {
    .row[b-texv5i1186] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }

    .row > [class^="col"][b-texv5i1186] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3[b-texv5i1186] {
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
    }

    .d-flex.align-items-center.justify-content-center.gap-5.mt-3.mb-3 .e-btn[b-texv5i1186] {
        width: 100%;
    }
}


/* _content/ZenaPitStop/UI/Layout/MainLayout.razor.rz.scp.css */
.page[b-imbfjnbrzx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

#blazor-error-ui[b-imbfjnbrzx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-imbfjnbrzx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ZenaPitStop/UI/Pages/FatturaInterventi.razor.rz.scp.css */
.scrollable-list[b-yajaaqb36r] {
    overflow-y: auto;
}

.cronologia-intervento-badge-sx[b-yajaaqb36r] {
    background-color: #fd9843;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

.cronologia-intervento-badge-dx[b-yajaaqb36r] {
    background-color: #3dd5f3;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 6px 8px;
    border-radius: 0.75rem;
}

    .cronologia-intervento-badge-sx .fw-bold[b-yajaaqb36r],
    .cronologia-intervento-badge-dx .fw-bold[b-yajaaqb36r] {
        font-size: 0.9rem;
        margin-bottom: 2px;
    }

    .cronologia-intervento-badge-sx span:nth-child(2)[b-yajaaqb36r],
    .cronologia-intervento-badge-dx span:nth-child(2)[b-yajaaqb36r] {
        font-size: 0.9rem;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .cronologia-intervento-badge-sx .text-muted[b-yajaaqb36r],
    .cronologia-intervento-badge-dx .text-muted[b-yajaaqb36r] {
        font-size: 0.8rem;
        line-height: 1.1rem;
        max-width: 140px;
        word-wrap: break-word;
    }

.asse-display[b-yajaaqb36r] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow-x: auto;
    gap: 0.5rem;
    padding-bottom: 0.25rem;
    --webkit-overflow-scrolling: touch;
}