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

/* _content/TechPortal.Presentation/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-qm7e942104] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-qm7e942104] {
    flex: 1;
}

.sidebar[b-qm7e942104] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-qm7e942104] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-qm7e942104]  a, .top-row[b-qm7e942104]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-qm7e942104]  a:hover, .top-row[b-qm7e942104]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-qm7e942104]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-qm7e942104] {
        justify-content: space-between;
    }

    .top-row[b-qm7e942104]  a, .top-row[b-qm7e942104]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-qm7e942104] {
        flex-direction: row;
    }

    .sidebar[b-qm7e942104] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-qm7e942104] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-qm7e942104]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-qm7e942104], article[b-qm7e942104] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-qm7e942104] {
    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-qm7e942104] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

[b-qm7e942104] .page-header {
    background-color: white;
    height: 52px;
    overflow: hidden;
}
[b-qm7e942104] .page-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    padding-left: calc(2rem + 24px);
    padding-right: calc(1.5rem + 24px);
    margin: auto;
    height: 52px;
}
[b-qm7e942104] .mud-icon-button:hover {
    background-color: transparent !important;
}

@media screen and (max-width: 600px) {
    [b-qm7e942104] .page-header-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

[b-qm7e942104] .center {
    justify-content: center;
}
[b-qm7e942104] .content {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
[b-qm7e942104] .logo {
    height: 16px;
}
[b-qm7e942104] .layout-notifications-button svg {
    font-size: 32px;
}

[b-qm7e942104] .notification-popover {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 20px 24px -4px rgba(2, 6, 23, 0.08), 0px 8px 8px -4px rgba(2, 6, 23, 0.03);
}

[b-qm7e942104] .notification-popover-title {
    color: #1E293B;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

[b-qm7e942104] .notification-popover-mark-all-as-read {
    color: #2251FF !important;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

[b-qm7e942104] .notification-popover-text {
    color: #475569;
    font-family: Montserrat;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

[b-qm7e942104] .notification-popover-time {
    color: #475569 !important;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

[b-qm7e942104] .notification-icon-button-active path {
    fill: #EF5350;
    stroke: #E53935;
}

[b-qm7e942104] .notification-counter .mud-badge.mud-badge-top.right {
    position: absolute;
    top: 10px;
    left: 27px;
}
/* _content/TechPortal.Presentation/Components/Layout/NotAuthorizedLayout.razor.rz.scp.css */
.page[b-p2jnp3zqja] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-p2jnp3zqja] {
    flex: 1;
}

.sidebar[b-p2jnp3zqja] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-p2jnp3zqja] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-p2jnp3zqja]  a, .top-row[b-p2jnp3zqja]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-p2jnp3zqja]  a:hover, .top-row[b-p2jnp3zqja]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-p2jnp3zqja]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-p2jnp3zqja] {
        justify-content: space-between;
    }

    .top-row[b-p2jnp3zqja]  a, .top-row[b-p2jnp3zqja]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-p2jnp3zqja] {
        flex-direction: row;
    }

    .sidebar[b-p2jnp3zqja] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-p2jnp3zqja] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-p2jnp3zqja]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-p2jnp3zqja], article[b-p2jnp3zqja] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-p2jnp3zqja] {
    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-p2jnp3zqja] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/TechPortal.Presentation/Components/Layout/TicketLayout.razor.rz.scp.css */
[b-d3gdxfmcr2] .ticket-layout-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
[b-d3gdxfmcr2] .page-header {
    background-color: white;
}
[b-d3gdxfmcr2] .page-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    margin: auto;
}
[b-d3gdxfmcr2] .content {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
[b-d3gdxfmcr2] .mud-icon-button:hover {
    background-color: transparent !important;
}
[b-d3gdxfmcr2] .ticket-layout-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -1%;
    text-align: center;
    vertical-align: middle;
    color: #2D3648;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketAcceptedButtonGroup.razor.rz.scp.css */
[b-dblxpg23xy] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-dblxpg23xy] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-dblxpg23xy] .mud-button {
    font-size: 16px !important;
}

[b-dblxpg23xy] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketAssignedButtonGroup.razor.rz.scp.css */
.card-buttons[b-zqd381vv1q] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.card-buttons > :first-child[b-zqd381vv1q] {
    flex: 1;
}

.card-buttons > :last-child[b-zqd381vv1q] {
    flex: 2;
}

.card-action-buttons-second-row[b-zqd381vv1q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-reject[b-zqd381vv1q] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-zqd381vv1q] .mud-button-root {
    width: 100%;
}

[b-zqd381vv1q] .mud-button-root > div {
    width: 100%;
}

[b-zqd381vv1q] .tp-button-root {
    width: 100%;
}

[b-zqd381vv1q] .tp-button-root > div {
    width: 100%;
}

[b-zqd381vv1q] .button-reject {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #FFDBDB !important;
    color: #520B0B;
}

[b-zqd381vv1q] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-zqd381vv1q] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-zqd381vv1q] .mud-button {
    font-size: 16px !important;
}

[b-zqd381vv1q] .button-chat {
    font-size: 12px !important;
}

[b-zqd381vv1q] .button-accept .mud-icon-root.mud-svg-icon {
    fill: white !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketBelongsToChildButtonGroup.razor.rz.scp.css */
[b-vbq6ek8yq1] .mud-button {
    font-size: 16px !important;
}

[b-vbq6ek8yq1] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketCollateralButtonGroup.razor.rz.scp.css */
[b-uw6vavlbjh] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-uw6vavlbjh] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-uw6vavlbjh] .mud-button {
    font-size: 16px !important;
}

[b-uw6vavlbjh] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketCompletedButtonGroup.razor.rz.scp.css */
.card-buttons[b-h6ylzlchl4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

[b-h6ylzlchl4] .mud-button-root {
    width: 100%;
}

[b-h6ylzlchl4] .mud-button-root > div {
    width: 100%;
}

[b-h6ylzlchl4] .tp-button-root {
    width: 100%;
}

[b-h6ylzlchl4] .tp-button-root > div {
    width: 100%;
}

[b-h6ylzlchl4] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-h6ylzlchl4] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-h6ylzlchl4] .button-completed.button-disabled:disabled {
    background-color: #E2E7F0 !important;
    font-size: 16px;
}

[b-h6ylzlchl4] .mud-button {
    font-size: 16px !important;
}

[b-h6ylzlchl4] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketInProgressButtonGroup.razor.rz.scp.css */
[b-yxcgxxx7ik] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-yxcgxxx7ik] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-yxcgxxx7ik] .mud-button {
    font-size: 16px !important;
}

[b-yxcgxxx7ik] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketOnHoldButtonGroup.razor.rz.scp.css */
[b-pgpwwopc16] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-pgpwwopc16] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-pgpwwopc16] .mud-button {
    font-size: 16px !important;
}
[b-pgpwwopc16] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketOnTheWayButtonGroup.razor.rz.scp.css */
.card-buttons[b-b64v1pvbql] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.card-buttons > :first-child[b-b64v1pvbql] {
    flex: 1;
}

.card-buttons > :last-child[b-b64v1pvbql] {
    flex: 2;
}

.card-action-buttons-second-row[b-b64v1pvbql] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-late[b-b64v1pvbql] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-b64v1pvbql] .mud-button-root {
    width: 100%;
}

[b-b64v1pvbql] .mud-button-root > div {
    width: 100%;
}

[b-b64v1pvbql] .tp-button-root {
    width: 100%;
}

[b-b64v1pvbql] .tp-button-root > div {
    width: 100%;
}

[b-b64v1pvbql] .button-late {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #D1DCEB !important;
    color: #0B1C52;
}

[b-b64v1pvbql] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-b64v1pvbql] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-b64v1pvbql] .mud-button {
    font-size: 16px !important;
}

[b-b64v1pvbql] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketOpenButtonGroup.razor.rz.scp.css */
.card-buttons[b-tknewfqv11] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.card-buttons > :first-child[b-tknewfqv11] {
    flex: 1;
}

.card-buttons > :last-child[b-tknewfqv11] {
    flex: 2;
}

.card-open-buttons-second-row[b-tknewfqv11] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-reject[b-tknewfqv11] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-tknewfqv11] .mud-button-root {
    width: 100%;
}

[b-tknewfqv11] .mud-button-root > div {
    width: 100%;
}

[b-tknewfqv11] .tp-button-root {
    width: 100%;
}

[b-tknewfqv11] .tp-button-root > div {
    width: 100%;
}

[b-tknewfqv11] .button-reject {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #FFDBDB !important;
    color: #520B0B;
}

[b-tknewfqv11] .card-open-buttons-second-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 12px 12px 12px;
    border: 0;
    gap: 12px;
}

[b-tknewfqv11] .mud-button {
    font-size: 16px !important;
}

[b-tknewfqv11] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketReleaseButtonGroup.razor.rz.scp.css */
[b-1gnuzt2m28] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-1gnuzt2m28] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-1gnuzt2m28] .mud-button {
    font-size: 16px !important;
}

[b-1gnuzt2m28] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketRunningLateButtonGroup.razor.rz.scp.css */
.card-buttons[b-s68f1cu6dz] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.card-buttons > :first-child[b-s68f1cu6dz] {
    flex: 1;
}

.card-buttons > :last-child[b-s68f1cu6dz] {
    flex: 2;
}

.card-action-buttons-second-row[b-s68f1cu6dz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-fail[b-s68f1cu6dz] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-s68f1cu6dz] .mud-button-root {
    width: 100%;
}

[b-s68f1cu6dz] .mud-button-root > div {
    width: 100%;
}

[b-s68f1cu6dz] .tp-button-root {
    width: 100%;
}

[b-s68f1cu6dz] .tp-button-root > div {
    width: 100%;
}

[b-s68f1cu6dz] .button-fail {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #D1DCEB !important;
    color: #0B1C52;
}

[b-s68f1cu6dz] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-s68f1cu6dz] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-s68f1cu6dz] .mud-button {
    font-size: 16px !important;
}

[b-s68f1cu6dz] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketScheduledReturnButtonGroup.razor.rz.scp.css */
.card-buttons[b-iwsrqqa9rt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.card-action-buttons-second-row[b-iwsrqqa9rt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-late[b-iwsrqqa9rt] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-iwsrqqa9rt] .mud-button-root {
    width: 100%;
}

[b-iwsrqqa9rt] .mud-button-root > div {
    width: 100%;
}

[b-iwsrqqa9rt] .tp-button-root {
    width: 100%;
}

[b-iwsrqqa9rt] .tp-button-root > div {
    width: 100%;
}

[b-iwsrqqa9rt] .button-late {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #D1DCEB !important;
    color: #0B1C52;
}

[b-iwsrqqa9rt] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-iwsrqqa9rt] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-iwsrqqa9rt] .mud-button {
    font-size: 16px !important;
}

[b-iwsrqqa9rt] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/ButtonGroups/TicketUnexpectedDelayButtonGroup.razor.rz.scp.css */
.card-buttons[b-kd5ws1fz1u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.card-action-buttons-second-row[b-kd5ws1fz1u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.button-fail[b-kd5ws1fz1u] {
    width: 100%;
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    color: #0A2C98;
    background-color: #CCD7FF !important;
}

[b-kd5ws1fz1u] .mud-button-root {
    width: 100%;
}

[b-kd5ws1fz1u] .mud-button-root > div {
    width: 100%;
}

[b-kd5ws1fz1u] .tp-button-root {
    width: 100%;
}

[b-kd5ws1fz1u] .tp-button-root > div {
    width: 100%;
}

[b-kd5ws1fz1u] .button-fail {
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
    background-color: #D1DCEB !important;
    color: #0B1C52;
}

[b-kd5ws1fz1u] .button-chat .mud-icon-root.mud-svg-icon  {
    fill: none !important;
}

[b-kd5ws1fz1u] .mud-button-label .mud-button-icon-start {
    margin-right: 2px !important;
}

[b-kd5ws1fz1u] .mud-button {
    font-size: 16px !important;
}

[b-kd5ws1fz1u] .button-chat {
    font-size: 12px !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/DialogHeaders/TicketDialogHeader.razor.rz.scp.css */
[b-2k1o50so94] .confirm-acceptance-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

[b-2k1o50so94] .confirm-acceptance-modal-image {
    width: 24px;
    height: auto;
}

[b-2k1o50so94] .confirm-acceptance-modal-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #2D3648;
    text-align: center;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/DialogHeaders/TicketSimpleDialogHeader.razor.rz.scp.css */
[b-j8sdh1a3gz] .simple-dialog-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 46px;
    align-items: center;
}
[b-j8sdh1a3gz] .mud-typography-body1.simple-dialog-header-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    vertical-align: middle;
    color: #2D3648;
}
[b-j8sdh1a3gz] .underline {
    width: 80px;
    border: 1px solid #CBD2E0;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketCheckOutDialog.razor.rz.scp.css */
[b-0a6rov5v4l] .confirm-acceptance-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-content {
    padding: 30px 0%;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    color: white;
    text-transform: none;
    line-height: 21px;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    background-color: #2251FF;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
    border: 0;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-0a6rov5v4l] .confirm-acceptance-modal-content {
    text-align: center;
}

[b-0a6rov5v4l] .small-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #717D96; 
    margin-bottom: 24px; 
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketDeclineDialog.razor.rz.scp.css */
[b-ftf7gw3hcm] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-ftf7gw3hcm] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-ftf7gw3hcm] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-ftf7gw3hcm] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-ftf7gw3hcm] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-ftf7gw3hcm] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-ftf7gw3hcm] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-ftf7gw3hcm] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
    border: 0;
}

[b-ftf7gw3hcm] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:hover {
    background-color: #1839b3 !important;
    color: white !important;
    border: 0;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketDetailsAndLogDialog.razor.rz.scp.css */
[b-yvw2gc9abl] .mud-tab {
    font-family: Montserrat;
    text-transform: none;
}

[b-yvw2gc9abl] .mud-tabs-tabbar-wrapper {
    margin: auto;
}

[b-yvw2gc9abl] .log-list {
    max-height: 325px;
    overflow-y: auto;
    margin-top: 16px;
}

[b-yvw2gc9abl] .log-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

[b-yvw2gc9abl] .log-list ul li {
    height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1F1B26;
    padding: 0 24px;
}

[b-yvw2gc9abl] .card-button-wrapper {
    width: 100%;
    padding: 0;
    border-radius: 6px;
}

[b-yvw2gc9abl] .card {
    border-radius: 0;
    font-family: Montserrat;
    width: 100%;
    margin-top: 16px;    
}

[b-yvw2gc9abl] .card-header {
    padding: 12px;
    background: #E2E7F0;
    border-bottom: 1px solid #A0ABC0;
    border-radius: 0;    
}

[b-yvw2gc9abl] .card-pretitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #E2E7F0;
}

[b-yvw2gc9abl] .card-label svg {
    font-size: 16px;
}

[b-yvw2gc9abl] .card-location-time {
    background: #F7F9FC;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-yvw2gc9abl] .card-location-time-item {
    display: flex;
    flex-direction: row;
    gap: 4px;
    background-color: #F7F9FC;
    align-items: center;
}

[b-yvw2gc9abl] .card-description {
    border-bottom: 1px solid #A0ABC0;
    padding: 12px;
    border-radius: 0;
}

[b-yvw2gc9abl] .card-list {
    padding: 12px 0;
}

[b-yvw2gc9abl] .card-buttons {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    border-radius: 0;
}

[b-yvw2gc9abl] .mud-dialog .mud-dialog-title {
    padding: 0;
}

[b-yvw2gc9abl] .mud-dialog .mud-dialog-content {
    padding: 0;
}

[b-yvw2gc9abl] .card-action-buttons-first-row {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
}

[b-yvw2gc9abl] .card-action-buttons-second-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 12px 12px 12px;
    border: 0;
}

[b-yvw2gc9abl] .card-action-buttons-second-row .mud-button-filled.mud-button-filled-primary {
    background-color: #FFDBDB !important;
    color: #520B0B;
}

[b-yvw2gc9abl] .mud-dialog .mud-dialog-actions {
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}

[b-yvw2gc9abl] .confirm-acceptance-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-image {
    width: 24px;
    height: auto;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #2D3648;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-content {
    padding: 30px 0%;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-yvw2gc9abl] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;    
}

[b-yvw2gc9abl] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-yvw2gc9abl] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-yvw2gc9abl] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-yvw2gc9abl] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-yvw2gc9abl] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-yvw2gc9abl] .mud-dialog-content {
    padding: 0 !important;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketDetailsDialog.razor.rz.scp.css */
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketDocumentUploadDialog.razor.rz.scp.css */
[b-dt5n5q5ll0] .document-upload-buttons {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%;
    justify-content: flex-end;
    background-color: #F3F3F5;
}

[b-dt5n5q5ll0] .document-upload-buttons .document-upload-button-attach {
    display: inline-flex;
    height: 32px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #2251FF;
    text-transform: none;
    color: #ffffff;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

[b-dt5n5q5ll0] .document-upload-buttons .document-upload-button-attach:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    background-color: #2251FF;
}

[b-dt5n5q5ll0] .document-upload-buttons .document-upload-button-cancel {
    display: inline-flex;
    height: 32px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #D5D6EC;
    text-transform: none;
    color: #0B090D;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

[b-dt5n5q5ll0] .upload-container {
    padding: 16px 24px;
}

[b-dt5n5q5ll0] .upload-container .mud-file-upload .mud-paper-outlined {
    background-color: #EDF0F7;
    border: 2px dashed #248DDE;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

[b-dt5n5q5ll0] .upload-container .mud-file-upload div input:hover + div>.mud-paper-outlined {
    background-color: #F0F4FF;
    border: 2px dashed #2251FF;
}

[b-dt5n5q5ll0] .upload-container .mud-file-upload input:hover {
    border-color: #2251FF !important;
    cursor: pointer;
}

[b-dt5n5q5ll0] .upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

[b-dt5n5q5ll0] .upload-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

[b-dt5n5q5ll0] .mud-dialog-content {
    padding: 0 !important;
    margin: 0 !important;
}

[b-dt5n5q5ll0] .upload-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #717D96;
}

[b-dt5n5q5ll0] .file-list {
    max-height: 325px;
    overflow-y: auto;
    margin-top: 16px;
}

[b-dt5n5q5ll0] .file-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

[b-dt5n5q5ll0] .file-list ul li {
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1F1B26;
    padding: 0 24px;
}

[b-dt5n5q5ll0] .button-delete svg {
    fill: #B41313;
}

[b-dt5n5q5ll0] .button-edit svg {
    fill: #292D32;
}

/* Signature Pad Styles */
[b-dt5n5q5ll0] .signature-pad-container {
    overflow: hidden;
}

[b-dt5n5q5ll0] .signature-pad {
    display: flex;
    flex-direction: column;
}

[b-dt5n5q5ll0] .signature-pad-canvas {
    border-bottom: 2px solid #AEB0EA;
    position: relative;
}

[b-dt5n5q5ll0] #signatureCanvas {
    width: 100%;
    height: 200px;
    cursor: crosshair;
    touch-action: none;
    display: block;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
}

[b-dt5n5q5ll0] .signature-pad-wrapper:focus-within {
    box-shadow: 0 0 0 2px rgba(34, 81, 255, 0.3);
    border-radius: 8px;
    transition: box-shadow 0.2s ease-in-out;
}

@media (max-width: 768px) {
    [b-dt5n5q5ll0] #signatureCanvas {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    
    [b-dt5n5q5ll0] .signature-pad-canvas {
        -webkit-tap-highlight-color: transparent;
    }
}

[b-dt5n5q5ll0] .signature-pad-footer {
    padding: 10px;
    background-color: #f9f9f9;
}

[b-dt5n5q5ll0] .handwritten-style-container {
    margin-bottom: 16px;
}

[b-dt5n5q5ll0] .typed-signature-input {
    border: none;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #0B090D;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 16px;
}

[b-dt5n5q5ll0] .typed-signature-input .mud-input {
    flex-shrink: 0;
    color: #000;
    font-family: MonteCarlo, 'Segoe Script', 'Brush Script MT', cursive !important;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #ffffff;
    border-bottom: 2px solid #AEB0EA;
}

[b-dt5n5q5ll0] .typed-signature-input .mud-input-slot {
    font-family: MonteCarlo, 'Segoe Script', 'Brush Script MT', cursive !important;
    text-align: center;
}

[b-dt5n5q5ll0] .electronic-signature-agreement {
    margin-top: 16px;
    padding: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    color: #2088C3;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

@media (max-width: 768px) {
    [b-dt5n5q5ll0] .electronic-signature-agreement p p {
        font-size: 14px;
    }
}

[b-dt5n5q5ll0] .electronic-signature-checkbox {
    margin-top: 8px;
}

[b-dt5n5q5ll0] .electronic-signature-checkbox .mud-checkbox-label {
    font-family: Inter;
    font-size: 14px;
    line-height: 150%;
    color: #1F1B26;
}

/* File List Styles */
[b-dt5n5q5ll0] .file-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 24px;
    border-bottom: 1px solid #eee;
}

    [b-dt5n5q5ll0] .file-list ul li:nth-child(odd) {
        background-color: #F7F9FC;
    }

[b-dt5n5q5ll0] .file-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

[b-dt5n5q5ll0] .file-thumbnail {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

    [b-dt5n5q5ll0] .file-thumbnail img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

[b-dt5n5q5ll0] .file-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #717D96;
}

[b-dt5n5q5ll0] .file-actions {
    display: flex;
    gap: 8px;
}

[b-dt5n5q5ll0] .file-name-edit {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 8px;
}

[b-dt5n5q5ll0] .file-name-textfield {
    flex: 1;
}

[b-dt5n5q5ll0] .edit-actions {
    display: flex;
    gap: 4px;
}

[b-dt5n5q5ll0] .edit-confirm svg {
    fill: #2E7D32;
}

[b-dt5n5q5ll0] .edit-cancel svg {
    fill: #D32F2F;
}

/* Signature Modal Styles */
[b-dt5n5q5ll0] .mud-tab.mud-tab-active {
    background: linear-gradient(white, var(--mud-palette-primary-hover));
}
[b-dt5n5q5ll0] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar {
    border-radius: 0 !important;
    margin-bottom: 5.5px;
    border-bottom: 1px solid #717D96;
    margin-bottom: 9px;
}
[b-dt5n5q5ll0] .mud-tabs-scroll-button {
    display: none;
}
[b-dt5n5q5ll0] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    background-color: #ffffff;    
}
[b-dt5n5q5ll0] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar .mud-tab {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    min-width: unset !important;
}

[b-dt5n5q5ll0] .mud-tab {
    min-width: unset !important;
}

[b-dt5n5q5ll0] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab svg {
    height: 32px;
    font-size: 32px;
    position: relative;
    top: 5px;
}
[b-dt5n5q5ll0] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab svg path {
    fill: #858593;
}
[b-dt5n5q5ll0] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab-active svg {
    height: 32px;
    font-size: 32px;
}
[b-dt5n5q5ll0] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab-active svg path {
    fill: #0A2C98 !important;
}
[b-dt5n5q5ll0] .mud-tooltip-root.mud-tooltip-inline {
    flex-grow: 1;
}
[b-dt5n5q5ll0] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar .mud-tab {
    text-transform: none;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    min-width: unset !important;
    flex-direction: column-reverse;
    flex-basis: 0;
}

[b-dt5n5q5ll0] .signature-pad-container {
    background: #F3F3F5;
    padding: 10px 16px;
}

[b-dt5n5q5ll0] .typed-signature-container {
    background: #F3F3F5;
    padding: 0 16px 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

[b-dt5n5q5ll0] .upload-container {
    background: #F3F3F5;
}

[b-dt5n5q5ll0] .signature-pad-wrapper {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #AEB0EA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 10px 8px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

[b-dt5n5q5ll0] .signature-pad-clear-button {
    display: inline-flex;
    height: 32px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 6px;
    text-transform: none;
    color: #0B090D;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #AEB0EA !important;
    background-color: #ffffff;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10;
}

[b-dt5n5q5ll0] .signature-pad-name-input {
    border: none;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #0B090D;
    width: 100%;
    margin-bottom: 8px;
}

[b-dt5n5q5ll0] .signature-pad-name-input .mud-input {
    width: 100%;
    margin-bottom: 3px;
}

[b-dt5n5q5ll0] .signature-pad-name-input .mud-input>input.mud-input-root, div.mud-input-slot.mud-input-root[b-dt5n5q5ll0] {
    border: none;
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
    color: #0B090D;
    border-radius: 8px;
    background-color: #ffffff;
    width: 100%;
}

[b-dt5n5q5ll0] .signature-pad {
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
}

[b-dt5n5q5ll0] .mud-dialog-actions {
    background-color: #F3F3F5; 
}

[b-dt5n5q5ll0] .signature-name-input {
    border: none;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0B090D;
    background-color: #ffffff;
    margin-bottom: 8px !important;
}

[b-dt5n5q5ll0] .signature-name-input .mud-input>input.mud-input-root, div.mud-input-slot.mud-input-root[b-dt5n5q5ll0] {
    border: none;
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
    color: #0B090D;
    background-color: #ffffff;
}

[b-dt5n5q5ll0] .signature-name-input input::placeholder {
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
    color: #aaaaaa;
    background-color: #ffffff;
}

[b-dt5n5q5ll0] .electronic-signature-checkbox .mud-svg-icon {
    fill: #2251FF;
}

[b-dt5n5q5ll0] .typed-signature-pad {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #AEB0EA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 10px 8px;
    aspect-ratio: 568 / 202.67;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 768px) {
    [b-dt5n5q5ll0] .typed-signature-pad {
        height: 124.67px;
    }
}

[b-dt5n5q5ll0] .signature-pad-bottom-line {
    border-bottom: 1px solid #AEB0EA;
}

[b-dt5n5q5ll0] .mud-input.mud-input-outlined:focus-within>.mud-input-outlined-border legend, .mud-input.mud-input-outlined:focus-within .mud-shrink>.mud-input-outlined-border legend[b-dt5n5q5ll0] {
    width: auto;
    padding: 0 10px;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketRejectDialog.razor.rz.scp.css */
[b-4i4a504oox] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-4i4a504oox] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-4i4a504oox] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-4i4a504oox] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-4i4a504oox] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-4i4a504oox] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-4i4a504oox] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-4i4a504oox] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
    border: 0;
}

[b-4i4a504oox] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:hover {
    background-color: #1839b3 !important;
    color: white !important;
    border: 0;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketReplyWithChangeDialog.razor.rz.scp.css */
[b-j5q0lfo2u0] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-j5q0lfo2u0] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-j5q0lfo2u0] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-j5q0lfo2u0] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-j5q0lfo2u0] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-j5q0lfo2u0] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-j5q0lfo2u0] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-j5q0lfo2u0] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
    border: 0;
}

[b-j5q0lfo2u0] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:hover {
    background-color: #1839b3 !important;
    color: white !important;
    border: 0;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketRunningLateDialog.razor.rz.scp.css */
[b-enk8gbmtpz] .card-button-wrapper {
    width: 100%;
    padding: 0;
    border-radius: 6px;
}

[b-enk8gbmtpz] .card {
    border-radius: 6px;
    font-family: Montserrat;
    width: 100%;
}

[b-enk8gbmtpz] .card-header {
    padding: 12px;
    background: #E2E7F0;
    border-bottom: 1px solid #A0ABC0;
}

[b-enk8gbmtpz] .card-pretitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #E2E7F0;
}

[b-enk8gbmtpz] .card-label svg {
    font-size: 16px;
}

[b-enk8gbmtpz] .card-location-time {
    background: #F7F9FC;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-enk8gbmtpz] .card-location-time-item {
    display: flex;
    flex-direction: row;
    gap: 4px;
    background-color: #F7F9FC;
    align-items: center;
}

[b-enk8gbmtpz] .card-description {
    border-bottom: 1px solid #A0ABC0;
    padding: 12px;
    border-radius: 0;
}

[b-enk8gbmtpz] .card-list {
    padding: 12px 0;
}

[b-enk8gbmtpz] .card-buttons {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    border-radius: 0;
}

[b-enk8gbmtpz] .mud-dialog .mud-dialog-title {
    padding: 0;
}

[b-enk8gbmtpz] .mud-dialog .mud-dialog-content {
    padding: 0;
}

[b-enk8gbmtpz] .card-action-buttons-first-row {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
}

[b-enk8gbmtpz] .card-action-buttons-second-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 12px 12px 12px;
    border: 0;
}

[b-enk8gbmtpz] .card-action-buttons-second-row .mud-button-filled.mud-button-filled-primary {
    background-color: #FFDBDB !important;
    color: #520B0B;
}

[b-enk8gbmtpz] .mud-dialog .mud-dialog-actions {
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}

[b-enk8gbmtpz] .confirm-acceptance-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-image {
    width: 24px;
    height: auto;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #2D3648;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-content {
    padding: 30px 0%;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 16px;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 21px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-enk8gbmtpz] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-enk8gbmtpz] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-enk8gbmtpz] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-enk8gbmtpz] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-enk8gbmtpz] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-enk8gbmtpz] .mud-select {
    width: 100%;
    margin: auto;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketTransferDialog.razor.rz.scp.css */
[b-lsjfd4w2xw] .card-button-wrapper {
    width: 100%;
    padding: 0;
    border-radius: 6px;
}

[b-lsjfd4w2xw] .card {
    border-radius: 6px;
    font-family: Montserrat;
    width: 100%;
}

[b-lsjfd4w2xw] .card-header {
    padding: 12px;
    background: #E2E7F0;
    border-bottom: 1px solid #A0ABC0;
}

[b-lsjfd4w2xw] .card-pretitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #E2E7F0;
}

[b-lsjfd4w2xw] .card-label svg {
    font-size: 16px;
}

[b-lsjfd4w2xw] .card-location-time {
    background: #F7F9FC;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-lsjfd4w2xw] .card-location-time-item {
    display: flex;
    flex-direction: row;
    gap: 4px;
    background-color: #F7F9FC;
    align-items: center;
}

[b-lsjfd4w2xw] .card-description {
    border-bottom: 1px solid #A0ABC0;
    padding: 12px;
    border-radius: 0;
}

[b-lsjfd4w2xw] .card-list {
    padding: 12px 0;
}

[b-lsjfd4w2xw] .card-buttons {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    border-radius: 0;
}

[b-lsjfd4w2xw] .mud-dialog .mud-dialog-title {
    padding: 0;
}

[b-lsjfd4w2xw] .mud-dialog .mud-dialog-content {
    padding: 0;
}

[b-lsjfd4w2xw] .card-action-buttons-first-row {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
}

[b-lsjfd4w2xw] .card-action-buttons-second-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 12px 12px 12px;
    border: 0;
}

[b-lsjfd4w2xw] .card-action-buttons-second-row .mud-button-filled.mud-button-filled-primary {
    background-color: #FFDBDB !important;
    color: #520B0B;
}

[b-lsjfd4w2xw] .mud-dialog .mud-dialog-actions {
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-image {
    width: 24px;
    height: auto;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #2D3648;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-content {
    padding: 30px 0%;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 16px;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 21px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
    background-color: rgba(255, 255, 255, 0.1); /* white, 50% transparent */
}

[b-lsjfd4w2xw] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-lsjfd4w2xw] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-lsjfd4w2xw] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-lsjfd4w2xw] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
}

[b-lsjfd4w2xw] .mud-select {
    width: 100%;
    margin: auto;
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-buttons .transfer-confirm-acceptance-modal-button-accept {
    /* styles for the accept button */
    background-color: #2251FF !important;
    color: white !important;
    font-weight: 700;
    border-radius: 8px;
    width: 100%;
    padding: 12px 16px 12px 24px;
    font-size: 16px;
    box-shadow: none !important; /* removes raised look */
    transition: background-color 0.2s ease;
    border: 1px solid transparent; /* Optional: keeps layout consistent */
}

[b-lsjfd4w2xw] .confirm-acceptance-modal-buttons .transfer-confirm-acceptance-modal-button-back {
    background-color: white !important;
    color: #717D96 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    padding: 12px 16px;
    width: 100%;
    text-transform: none;
    box-shadow: none !important; /* removes raised look */
    transition: background-color 0.2s ease;
    border: 1px solid transparent; /* Optional: keeps layout consistent */
}

[b-lsjfd4w2xw] .transfer-confirm-acceptance-modal-button-back:hover {
    filter: brightness(95%); /* darker by 10% */
}

[b-lsjfd4w2xw] .transfer-confirm-acceptance-modal-button-accept:hover {
    filter: brightness(95%); /* darker by 10% */
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/Dialogs/TicketWorkIncompleteDialog.razor.rz.scp.css */
[b-itn0vd255k] .confirm-reject-modal {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}

[b-itn0vd255k] .confirm-reject-textarea {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: var(--text-field-text-field-background-color, #FFFFFF);
    color: #2D3648;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04px;
}

[b-itn0vd255k] .confirm-rejection-modal-content {
    padding: 40px 0;
}

[b-itn0vd255k] .confirm-rejection-modal-content-text {
    margin-bottom: 12px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    color: #2D3648;
    text-align: center;
}

[b-itn0vd255k] .confirm-acceptance-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

[b-itn0vd255k] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #B41313;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    text-transform: none;
}

[b-itn0vd255k] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:hover {
    background-color: #7e0d0d;
}

[b-itn0vd255k] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-back {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #717D96;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    text-transform: none;
}

[b-itn0vd255k] .confirm-acceptance-modal-buttons .confirm-acceptance-modal-button-accept:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
    border: 0;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/TicketCard.razor.rz.scp.css */
[b-x27y4m5527] .card-button-wrapper {
    width: 100%;
    padding: 0;
    border-radius: 6px;
}
[b-x27y4m5527] .card {
    border-radius: 6px;
    font-family: Montserrat;
    width: 100%;
}
[b-x27y4m5527] .card-header {
    padding: 12px;
    background: #E2E7F0;
    border-bottom: 1px solid #A0ABC0;
    border-radius: 0;
}
[b-x27y4m5527] .card-pretitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #E2E7F0;
    margin-bottom: 8px;
}
[b-x27y4m5527] .card-label svg {
    font-size: 16px;
}
[b-x27y4m5527] .card-location-time {
    background: #F7F9FC;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
[b-x27y4m5527] .card-location-time-item {
    display: flex;
    flex-direction: row;
    background-color: #F7F9FC;
    align-items: center;
}
[b-x27y4m5527] .card-description {
    border-bottom: 1px solid #A0ABC0;
    padding: 12px;
    border-radius: 0;
}
[b-x27y4m5527] .card-list {
    padding: 12px 0;
}
[b-x27y4m5527] .card-buttons {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    border-radius: 0;
    border: none;
}
[b-x27y4m5527] .mud-dialog .mud-dialog-title {
    padding: 0;
}
[b-x27y4m5527] .mud-dialog .mud-dialog-content {
    padding: 0;
}
[b-x27y4m5527] .card-action-buttons-first-row {
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
}
[b-x27y4m5527] .card-action-buttons-second-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 12px 12px 12px;
    border: 0;
}
[b-x27y4m5527] .card-action-buttons-second-row .mud-button-filled.mud-button-filled-primary {
    background-color: #FFDBDB !important;
    color: #520B0B;
}
[b-x27y4m5527] .mud-dialog .mud-dialog-actions {
    border: 1px solid #E2E7F0;
    box-shadow: 0px -4px 4px 0px #A0A1A826;
    display: block;
    padding: 0;
    width: 100%;
    border: none;
}

/* TimerCard specific styles */
[b-x27y4m5527] .card-heading {
    max-width: 350px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

[b-x27y4m5527] .card-address {
    max-width: 200px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

[b-x27y4m5527] .card-description-text {
    max-height: 150px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 8px;
}

[b-x27y4m5527] .card-list {
    max-height: 150px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 8px;
}
[b-x27y4m5527] .whitespace-pre-line {
    white-space: pre-line;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/TicketCreate.razor.rz.scp.css */
[b-kek5u6lss7] .create-ticket {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

[b-kek5u6lss7] .form-group {
    margin-bottom: 1rem;
}

[b-kek5u6lss7] .form-control {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-kek5u6lss7] .profile-button-submit {
    margin-top: 1rem;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/TicketList.razor.rz.scp.css */
[b-k7k0d4iix1] .tickets-heading {
    display:flex;
    flex-direction: row; 
    justify-content: flex-start; 
    align-items: center; 
    gap:10px; 
    background: #F3F3F5; 
    padding: 16px; 
    font-family: Inter;
}
[b-k7k0d4iix1] .mud-tab.mud-tab-active {
    background: linear-gradient(white, var(--mud-palette-primary-hover));
}
[b-k7k0d4iix1] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar {
    border-radius: 0 !important;
    margin-bottom: 5.5px;
    border-bottom: 1px solid #717D96;
    margin-bottom: 9px;
}
[b-k7k0d4iix1] .mud-tabs-scroll-button {
    display: none;
}
[b-k7k0d4iix1] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    background-color: #F3F3F5;    
}
[b-k7k0d4iix1] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar .mud-tab {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
}
[b-k7k0d4iix1] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab svg {
    height: 32px;
    font-size: 32px;
    position: relative;
    top: 5px;
}
[b-k7k0d4iix1] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab svg path {
    fill: #858593;
}
[b-k7k0d4iix1] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab-active svg {
    height: 32px;
    font-size: 32px;
}
[b-k7k0d4iix1] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tab-active svg path {
    fill: #0A2C98 !important;
}
[b-k7k0d4iix1] .mud-tooltip-root.mud-tooltip-inline {
    flex-grow: 1;
}
[b-k7k0d4iix1] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar .mud-tab {
    text-transform: none;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    min-width: unset !important;
    flex-direction: column-reverse;
    flex-basis: 0;
}
[b-k7k0d4iix1] .tickets-filter {
    background-color: #1A202C;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:white;
    padding: 0% 16px;
    border-bottom: 1px solid #717D96;
    border-radius: 0;
    font-family: Montserrat;
}
[b-k7k0d4iix1] .tickets-filter button {
    color:white;
    background-color: #2D3648;
    border-radius: 6px;
    text-transform: none;
}
[b-k7k0d4iix1] .tickets-filter button:hover {
    background-color:#575e6d;
}
[b-k7k0d4iix1] .tickets-items {
    background-color: #2D3648;
    padding:16px;
    min-height: calc(100vh - 52px - 56px - 48px - 48px - 7px);
    border-radius: 0;
}
[b-k7k0d4iix1] .mud-alert-text-info {
    color: white;
    background-color: #696E78;
}
[b-k7k0d4iix1] .mud-alert-text-info .mud-alert-position {
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    padding-top: 15px;
}
[b-k7k0d4iix1] .mud-alert-text-info .mud-alert-position .mud-alert-message {
    text-align: center;
}
[b-k7k0d4iix1] .mud-alert-text-info .mud-alert-position .mud-alert-message .alert-message-title {
    margin-bottom: 20px;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
}
[b-k7k0d4iix1] .mud-alert-text-info .mud-alert-position .mud-alert-message .alert-message-description {
    margin-bottom: 20px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
}
[b-k7k0d4iix1] .mud-alert-text-info .mud-icon-root.mud-svg-icon {
    fill:#a0abc0;
}

[b-k7k0d4iix1] .mud-progress-circular-svg {
    color: white;
}

[b-k7k0d4iix1] .mud-input-adornment-end svg {
    position: relative;
    top: 4px;
    font-size: 30px;
    left: 13px;
}

[b-k7k0d4iix1] .select-status {
    background-color: #2D3648;
    font-family: Inter !important;
    position: relative;
    bottom: 0px;
}

[b-k7k0d4iix1] .select-order {
    background-color: #2D3648;
    font-family: Inter !important;
    position: relative;
    bottom: 0px;
}

[b-k7k0d4iix1] .select-status .mud-select-input {
    font-weight: bold;
}

[b-k7k0d4iix1] .select-order .mud-select-input {
    font-weight: bold;
}

[b-k7k0d4iix1] .select-status .mud-input {
    line-height: 0;
    color: white;
    font-family: Inter !important;
    font-size: 14px;
    width: 135px;
}

[b-k7k0d4iix1] .select-status .mud-input input {
    padding: 16.5px 14px;
}

[b-k7k0d4iix1] .select-order .mud-input input {
    padding: 16.5px 14px;
}

[b-k7k0d4iix1] .select-status .mud-input-slot {
    font-size: 12px;
}

[b-k7k0d4iix1] .select-order .mud-input-slot {
    font-size: 12px;
}

[b-k7k0d4iix1] .select-status .mud-icon-root.mud-svg-icon {
    fill: white !important;
}

[b-k7k0d4iix1] .select-order .mud-input {
    line-height: 0;
    color: white;
    font-family: Inter !important;
    font-size: 14px;
    width: 96px;
}

[b-k7k0d4iix1] .select-order .mud-icon-root.mud-svg-icon {
    fill: white !important;
}

[b-k7k0d4iix1] .results {
    font-size: 12px;
}
[b-k7k0d4iix1] span.separator {
    color:#A0ABC0;
}

[b-k7k0d4iix1] .mud-tab-active  {
    position: relative;
}

[b-k7k0d4iix1] .mud-tab .mud-badge-root {
    position: absolute;
    top: -4px !important;
    left: 7px !important;
}

[b-k7k0d4iix1] .mud-tab .mud-badge-root .mud-badge {
    background-color: #2251FF !important;
}

[b-k7k0d4iix1] .ticket-list-tab-no-badge .mud-badge-root {
    display: none;
}

[b-k7k0d4iix1] .mud-tab-icon-badge-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

[b-k7k0d4iix1] .mud-tab .mud-icon-root {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-k7k0d4iix1] .mud-tab-active .mud-icon-root {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/TicketMain.razor.rz.scp.css */
[b-yo35jjtutv] .ticket-main-wrapper {
    margin-top: 50px;
}

[b-yo35jjtutv] .tickets-heading {
    display:flex;
    flex-direction: row; 
    justify-content: flex-start; 
    align-items: center; 
    gap:10px; 
    background: #F3F3F5; 
    padding: 16px 0; 
    font-family: Inter;
}
[b-yo35jjtutv] .mud-tab.mud-tab-active {
    background: linear-gradient(white, var(--mud-palette-primary-hover));
}
[b-yo35jjtutv] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar {
    border-radius: 0 !important;
    margin-bottom: 5.5px;
    border-bottom: 1px solid #717D96;
}
[b-yo35jjtutv] .mud-tabs-scroll-button {
    display: none;
}
[b-yo35jjtutv] .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    display: flex;
}
[b-yo35jjtutv] .mud-tooltip-root.mud-tooltip-inline,
[b-yo35jjtutv] .documents-tabs .d-inline-block {
    flex-grow: 1;
}

[b-yo35jjtutv] .mud-tabs.mud-tabs-rounded .mud-tabs-tabbar .mud-tab {
    text-transform: none;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    min-width: unset !important;
    flex-direction: column-reverse;
    flex-basis: 0;
}
[b-yo35jjtutv] .tab-panel {    
    background-color: #F3F3F5;
}
[b-yo35jjtutv] .tab-panel .tab-panel-content {
    max-height: 500px;
    overflow-y: auto;
    background-color: #F3F3F5;
    /* Safari mobile scrolling fixes */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* Ensure proper container behavior */
    position: relative;
    /* Prevent Safari from disabling scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* Additional fixes for mobile scrolling */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* Ensure content doesn't get cut off */
    padding-bottom: 16px;
}
[b-yo35jjtutv] .alert-message {
    font-family: Inter;
    border-radius: 4px;
    padding-bottom: 25px;
    margin: 48px 24px;
}
[b-yo35jjtutv] .mud-alert-text-info {
    color: #5D5D6A;
    background-color: #ffffff;
}
[b-yo35jjtutv] .mud-alert-text-info .mud-alert-position {
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    padding-top: 15px;
}
[b-yo35jjtutv] .mud-alert-text-info .mud-alert-position .mud-alert-message {
    text-align: center;
}
[b-yo35jjtutv] .mud-alert-text-info .mud-alert-position .mud-alert-message .alert-message-title {
    margin-bottom: 20px;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
}
[b-yo35jjtutv] .tab-panel-button-area {
    padding: 16px 0;
    background-color: #F3F3F5;
}
[b-yo35jjtutv] .tab-panel-button-area .attach-documents-button {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #2251FF;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    color: white;
    text-transform: none;
    line-height: 21px;
}
[b-yo35jjtutv] .tab-panel-button-area .attach-documents-button svg {
    fill: white;
}
[b-yo35jjtutv] .tab-panel-button-area .attach-documents-button:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    background-color: #2251FF;
}
[b-yo35jjtutv] .ticket-main-buttons {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: white;
}
[b-yo35jjtutv] .ticket-main-buttons div {
    height: 80px;
    width: 100%;
    text-align: center;
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button {
    width: 122px;
    background-color: white;
    color: #5D5D6A;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 100%;
    box-shadow: none;
    text-transform: none;
    border-radius: 0;
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button:hover {
    background-color: white;
    color: #539DF3;
    border-top: 5px solid #539DF3;
    transition: none;
    height: calc(100% - 5px);
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button:hover .mud-button-label .mud-icon-root.mud-svg-icon {
    fill: #539DF3;
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button .mud-button-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button .mud-button-label .mud-button-icon-start {
    margin: auto;    
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button .mud-button-label  .mud-icon-root.mud-svg-icon {
    fill: #5D5D6A;
    height: 34px;
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button.active {
    color: #539DF3;
    border-top: 5px solid #539DF3;
    transition: none;
    height: calc(100% - 5px);
}
[b-yo35jjtutv] .ticket-main-buttons .ticket-main-buttons-button.active .mud-button-label .mud-icon-root.mud-svg-icon {
    fill: #539DF3;
}

[b-yo35jjtutv] .file-list {
    max-height: 325px;
    overflow-y: auto;
    margin-top: 16px;
    /* Safari mobile scrolling fixes */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* Ensure proper container behavior */
    position: relative;
    /* Prevent Safari from disabling scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* Additional mobile fixes */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* Ensure proper height calculation */
    height: auto;
    min-height: 0;
}

[b-yo35jjtutv] .file-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

[b-yo35jjtutv] .file-list ul li {
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1F1B26;
    padding: 0 24px;
    /* Safari mobile touch improvements */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
}

[b-yo35jjtutv] .button-delete {
    padding: 10px !important;
}

[b-yo35jjtutv] .button-edit {
    padding: 10px !important;
}

[b-yo35jjtutv] .button-delete svg {
    fill: #ffffff;
}

[b-yo35jjtutv] .button-edit svg {
    fill: #ffffff;
}

[b-yo35jjtutv] .mud-progress-circular-svg {
    color: #2251FF;
}

[b-yo35jjtutv] .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* _content/TechPortal.Presentation/Components/Pages/Tickets/TicketUploadedDocuments.razor.rz.scp.css */
[b-5u1edxa3ut] .mud-dialog {
    font-family: Montserrat !important;
    color: #2D3648;
}

[b-5u1edxa3ut] .mud-dialog h6 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2D3648;
}

[b-5u1edxa3ut] .mud-dialog button {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: none;
}

[b-5u1edxa3ut] .mud-dialog .mud-message-box__yes-button {
    background-color: #B41313;
    color: white;
}

    [b-5u1edxa3ut] .mud-dialog .mud-message-box__yes-button:hover {
        background-color: #5a0a0a;
        color: white;
    }

[b-5u1edxa3ut] .mud-dialog .mud-message-box__no-button {
    color: #717D96;
    margin-right: 10px;
}

[b-5u1edxa3ut] .file-thumbnail {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 8px;
    max-width: 100%;
    background-color: #f5f5f5;
    /* Add loading effect */
    transition: opacity 0.3s ease-in-out;
}

[b-5u1edxa3ut] .file-item {
    display: flex;
    align-items: center;
}

[b-5u1edxa3ut] .file-icon {
    font-size: 2rem;
    margin-right: 8px;
    color: #717D96;
}

/* Ensure proper scrolling for the documents list */
[b-5u1edxa3ut] .tab-panel-content {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-scrolling: touch !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

[b-5u1edxa3ut] .file-list ul li {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/ContactUsHelpAndSupport.razor.rz.scp.css */
[b-dlcizsgsj0] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}
[b-dlcizsgsj0] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}
[b-dlcizsgsj0] .profile-back-button a {
    padding: 0;
}
[b-dlcizsgsj0] .profile-back-button svg {
    font-size: 24px !important;
}
[b-dlcizsgsj0] .profile-back-button .mud-button:hover {
    background: none;
}
[b-dlcizsgsj0] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
}
[b-dlcizsgsj0] .profile-header .mud-paper {
    background-color: transparent;
}
[b-dlcizsgsj0] .profile-main-heading {
    display: flex;
    justify-content: center;
}
[b-dlcizsgsj0] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/Dialogs/NewTechnicianDialog.razor.rz.scp.css */
.flag-icon[b-hj6qj0b670] {
    display: inline-block;
    width: 1.33333333em;
    height: 1em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/EditProfile.razor.rz.scp.css */
[b-486no36lv1] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}
[b-486no36lv1] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}
[b-486no36lv1] .profile-back-button a {
    padding: 0;
}
[b-486no36lv1] .profile-back-button svg {
    font-size: 24px !important;
}
[b-486no36lv1] .profile-back-button .mud-button:hover {
    background: none;
}
[b-486no36lv1] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
    text-transform: none;
}
[b-486no36lv1] .profile-button-submit button:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 8px;
}
[b-486no36lv1] .profile-header .mud-paper {
    background-color: transparent;
}
[b-486no36lv1] .profile-main-heading {
    display: flex;
    justify-content: center;
}
[b-486no36lv1] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}
[b-486no36lv1] .profile-form-wrapper {
    font-family: Montserrat;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #A0ABC0;
    background-color: white;
}
[b-486no36lv1] .profile-button-submit {
    margin-top: 30px;
}
[b-486no36lv1] .profile-form-wrapper .input-field-text {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.07px;
    color: var(--color-neutral-1F1B26, #1F1B26);
}
[b-486no36lv1] .profile-form-wrapper select {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.07px;
    color: var(--color-neutral-1F1B26, #1F1B26);
    border: 1px solid #CBD2E0;
}
[b-486no36lv1] .mud-input-helper-text.mud-input-error {
    font-family:Montserrat;
    font-size: 14px;
    font-weight: 400; 
    
}
[b-486no36lv1] .mud-error-text {
    font-family:Montserrat;
    font-size: 14px;
    font-weight: 400; 
}
[b-486no36lv1] .profile-button-submit button:disabled {
    background-color: #A0ABC0;
    color: #1F1B26;
    border: 0;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/ManageUsers.razor.rz.scp.css */
/* _content/TechPortal.Presentation/Components/Pages/Users/NotificationPolicy.razor.rz.scp.css */
[b-xbyldjkb6z] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}
[b-xbyldjkb6z] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}
[b-xbyldjkb6z] .profile-back-button a {
    padding: 0;
}
[b-xbyldjkb6z] .profile-back-button svg {
    font-size: 24px !important;
}
[b-xbyldjkb6z] .profile-back-button .mud-button:hover {
    background: none;
}
[b-xbyldjkb6z] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
}
[b-xbyldjkb6z] .profile-header .mud-paper {
    background-color: transparent;
}
[b-xbyldjkb6z] .profile-main-heading {
    display: flex;
    justify-content: center;
}
[b-xbyldjkb6z] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/PrivacyPolicy.razor.rz.scp.css */
/* Styles moved to the shared LegalDocumentLayout component */
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;[b-hpkkozjs6d]
}
/* _content/TechPortal.Presentation/Components/Pages/Users/TermsAndConditions.razor.rz.scp.css */
[b-b0cvww714o] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}
[b-b0cvww714o] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}
[b-b0cvww714o] .profile-back-button a {
    padding: 0;
}
[b-b0cvww714o] .profile-back-button svg {
    font-size: 24px !important;
}
[b-b0cvww714o] .profile-back-button .mud-button:hover {
    background: none;
}
[b-b0cvww714o] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
}
[b-b0cvww714o] .profile-header .mud-paper {
    background-color: transparent;
}
[b-b0cvww714o] .profile-main-heading {
    display: flex;
    justify-content: center;
}
[b-b0cvww714o] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/UserProfile.razor.rz.scp.css */
[b-uo2sracbmp] .profile-hero-wrapper {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    border-radius: 0;
}
[b-uo2sracbmp] .profile-hero-wrapper .mud-paper {
    background-color: transparent;
}
[b-uo2sracbmp] .profile-back-button {
    padding: 0 0 16px 0;
}
[b-uo2sracbmp] .profile-back-button button {
    padding: 0;
}
[b-uo2sracbmp] .profile-back-button svg {
    font-size: 24px !important;
}
[b-uo2sracbmp] .profile-back-button .mud-button:hover {
    background: none;
}
[b-uo2sracbmp] .profile-image {
    display: flex;
    justify-content: center;
}
[b-uo2sracbmp] .profile-image .mud-avatar {
    height: 120px;
    width: 120px;
}
[b-uo2sracbmp] .profile-image .mud-avatar image {
    height: 120px;
    width: 120px;
}
[b-uo2sracbmp] .profile-user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 0;
}
[b-uo2sracbmp] .profile-user-info .text {
    color: #1A202C;
    font-family: Montserrat;
}
[b-uo2sracbmp] .profile-user-info .text.profile-name {
    font-size: 20px;
    font-weight: 600;
}
[b-uo2sracbmp] .profile-user-info .text.profile-email {
    font-size: 14px;
    font-weight: 500;
}
[b-uo2sracbmp] .profile-user-info .text.profile-phone {
    font-size: 14px;
    font-weight: 500;
}
[b-uo2sracbmp] .profile-button-edit a {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
    text-transform: none;
}
[b-uo2sracbmp] .profile-button-edit a:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
}
[b-uo2sracbmp] .profile-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background-color: transparent;
}
[b-uo2sracbmp] .profile-links .button {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.07px;
    color: black;
    width: 100%;
    height: 56px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px #00000040;
    background-color: white;
    color: #292D32;
    text-transform: none;
}

[b-uo2sracbmp] .profile-button-logout a.logout-button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: white;
    color: #2251FF;
    border: 1px solid #2251FF;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    border-radius: 8px;
    text-transform: none;
}

[b-uo2sracbmp] .profile-links .withdraw-consent-button {
    color: #B41313;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #EBD1D1;
    text-transform: none;
}
/* _content/TechPortal.Presentation/Components/Pages/Users/WithdrawConsent.razor.rz.scp.css */
[b-phtygpuuly] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}
[b-phtygpuuly] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}
[b-phtygpuuly] .profile-back-button a {
    padding: 0;
}
[b-phtygpuuly] .profile-back-button svg {
    font-size: 24px !important;
}
[b-phtygpuuly] .profile-back-button .mud-button:hover {
    background: none;
}
[b-phtygpuuly] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
}
[b-phtygpuuly] .profile-header .mud-paper {
    background-color: transparent;
}
[b-phtygpuuly] .profile-main-heading {
    display: flex;
    justify-content: center;
}
[b-phtygpuuly] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}

[b-phtygpuuly] .withdraw-content {
    margin-bottom: 24px;
}

[b-phtygpuuly] .withdraw-consent-button {
    font-weight: 700;
    background-color: red;
    color: white;
    margin-top: 16px;
}

[b-phtygpuuly] .keep-consent-button{
    color: blue;
}
/* _content/TechPortal.Presentation/Components/Shared/LegalDocumentsLayout.razor.rz.scp.css */
[b-ngma84030h] .profile-header {
    background: linear-gradient(180deg, #F3F3F5 0%, #C3DCF7 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 80px;
    margin-bottom: 16px;
}

[b-ngma84030h] .profile-back-button {
    position: absolute;
    top: 28px;
    left: 16px;
}

[b-ngma84030h] .profile-back-button a {
    padding: 0;
}

[b-ngma84030h] .profile-back-button svg {
    font-size: 24px !important;
}

[b-ngma84030h] .profile-back-button .mud-button:hover {
    background: none;
}

[b-ngma84030h] .profile-button-submit button {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    background: #2251FF;
    color: white;
    width: 100%;
    height: 48px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border-radius: 8px;
}

[b-ngma84030h] .profile-header .mud-paper {
    background-color: transparent;
}

[b-ngma84030h] .profile-main-heading {
    display: flex;
    justify-content: center;
}

[b-ngma84030h] .profile-main-heading h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: #1A202C;
}

/* Special styles for WithdrawConsent */
[b-ngma84030h] .withdraw-content {
    margin-bottom: 24px;
}

[b-ngma84030h] .profile-content {
    padding: 16px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1A202C;
    margin-bottom: 60px;
}

[b-ngma84030h] .profile-content ul {
    padding-left: 20px;
    margin-bottom: 16px;
}

[b-ngma84030h] .profile-content ul li {
    margin-bottom: 16px;
}

[b-ngma84030h] .profile-content ul ul li {
    margin-bottom: 8px;
}
/* _content/TechPortal.Presentation/Components/Shared/TPButton.razor.rz.scp.css */
[b-adn4tex7qw] .button {
    border-radius: 8px;
    background-color: #2251FF !important;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: none;
}
[b-adn4tex7qw] .button-disabled:disabled {
    background-color: #A0ABC0 !important;
    color: #1F1B26 !important;
}
[b-adn4tex7qw] .button-container {
    width: 100%;
}
/* _content/TechPortal.Presentation/Components/Shared/TPHeading.razor.rz.scp.css */
[b-e6obqc6eaj] .heading {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0%;
    text-align: left;
}
[b-e6obqc6eaj] .header-1 {
    font-size: 24px;
}
[b-e6obqc6eaj] .header-2 {
    font-size: 20px;
}
[b-e6obqc6eaj] .header-3 {
    font-size: 18px;
}
/* _content/TechPortal.Presentation/Components/Shared/TPInfoBox.razor.rz.scp.css */
[b-s1r1pzf8gu] .info-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: #E9F6FF;
    border-radius: 8px;
    padding: 16px 12px;
}

[b-s1r1pzf8gu] .info-box-icon {
    color: #2088C3;
    height: 16.5px;
}

[b-s1r1pzf8gu] .info-box-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #2088C3;
}
/* _content/TechPortal.Presentation/Components/Shared/TPInputField.razor.rz.scp.css */
[b-lrclzuksv5] .input-field {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 54px;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    width: 100%;
}
/* _content/TechPortal.Presentation/Components/Shared/TPLabel.razor.rz.scp.css */
[b-dn8kwho0qw] .card-label {
    background: #F7EECC;
    border: 1px solid #CF9C00;
    border-radius: 4px;
    padding: 4px;
    color: #A35D12;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
/* _content/TechPortal.Presentation/Components/Shared/TPLink.razor.rz.scp.css */
[b-ks5uxcu4iw] .link {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
    text-align: left;
    color: #2251FF;
}
[b-ks5uxcu4iw] .link-small {
    font-size: 12px;
}
[b-ks5uxcu4iw] .link-regular {
    font-size: 16px;
}
[b-ks5uxcu4iw] .link-large {
    font-size: 18px;
}
/* _content/TechPortal.Presentation/Components/Shared/TPText.razor.rz.scp.css */
[b-j3kp4iur6b] .text {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
    text-align: left;
}
[b-j3kp4iur6b] .body-small {
    font-size: 12px;
}
[b-j3kp4iur6b] .body-regular {
    font-size: 16px;
}
[b-j3kp4iur6b] .body-large {
    font-size: 18px;
}