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

/* /Shared/DdTeethPositions.razor.rz.scp.css */
.teeth-positions[b-dbi6yggyxs] {
    position: relative;
    width: fit-content;
}

    .teeth-positions img[b-dbi6yggyxs] {
        -webkit-user-drag: none;
    }

    .teeth-positions .positions[b-dbi6yggyxs] {
    }

        .teeth-positions .positions .position[b-dbi6yggyxs] {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

            .teeth-positions .positions .position input[b-dbi6yggyxs] {
                display: flex;
                width: 40px;
                height: 40px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
            }

                .teeth-positions .positions .position input[disabled][b-dbi6yggyxs] {
                    cursor: default;
                }

                .teeth-positions .positions .position input[b-dbi6yggyxs]::before {
                    content: " ";
                    width: 28px;
                    height: 28px;
                    margin: auto;
                    border-radius: 50%;
                }

                .teeth-positions .positions .position input:checked[b-dbi6yggyxs]::before {
                    background-color: var(--bs-info);
                }


    .teeth-positions .lines[b-dbi6yggyxs] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

        .teeth-positions .lines .line[b-dbi6yggyxs] {
            stroke: var(--bs-info);
            stroke-width: 14;
            stroke-linecap: round;
        }

            .teeth-positions .lines .line.active-line[b-dbi6yggyxs] {
                stroke-width: 7;
                stroke-dasharray: 15,5;
                stroke-linecap: initial;
            }

[b-dbi6yggyxs].teeth-positions .reset-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[b-dbi6yggyxs].teeth-positions .upper-btn {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[b-dbi6yggyxs].teeth-positions .lower-btn {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* /Shared/Header.razor.rz.scp.css */
.messages[b-40kh13escm] {
    width: 600px;
    display: flex;
    gap: 1rem;
}

    .messages .groups[b-40kh13escm] {
        min-width: 150px;
        width: 150px;
    }

[b-40kh13escm].messages .groups .groups-list {
    height: 462px;
}

@media only screen and (max-width: 600px) {
    .messages[b-40kh13escm] {
        width: calc(100vw - 26px);
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-kd2fudpm2z] {
    height: 100%;
    overflow: hidden;
}

[b-kd2fudpm2z] .content {
    padding: 1.1rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-kd2fudpm2z] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-kd2fudpm2z] .fit-width {
    max-width: 100%;
}

[b-kd2fudpm2z] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/WorkloadTooltip.razor.rz.scp.css */
.tooltip-minutes td[b-ztpb19u1ek] {
    border: none;
    background-color: white;
    padding: 4px;
}
/* /Shared/WorkOrderComponents/WorkOrderChat.razor.rz.scp.css */
.chat[b-yp3zf852vb] {
    height: 500px;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

    .chat .title-bar[b-yp3zf852vb] {
        height: 50px;
        padding: 0 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
    }

        .chat .title-bar i[b-yp3zf852vb] {
            font-size: 1.5rem;
        }

        .chat .title-bar .typing[b-yp3zf852vb] {
            display: inline-block;
            width: 0.6rem;
            height: 0.6rem;
            margin-right: 0rem;
            box-sizing: border-box;
            background: var(--bs-gray-400);
            border-radius: 50%;
        }

            .chat .title-bar .typing.typing-1[b-yp3zf852vb] {
                -webkit-animation: typing 1s infinite;
                animation: typing-b-yp3zf852vb 1s infinite;
            }

            .chat .title-bar .typing.typing-2[b-yp3zf852vb] {
                -webkit-animation: typing 1s 200ms infinite;
                animation: typing-b-yp3zf852vb 1s 200ms infinite;
            }

            .chat .title-bar .typing.typing-3[b-yp3zf852vb] {
                -webkit-animation: typing 1s 400ms infinite;
                animation: typing-b-yp3zf852vb 1s 400ms infinite;
            }

    .chat .messages[b-yp3zf852vb] {
        overflow-y: auto;
        height: calc(100% - 55px - 50px);
        background-color: var(--bs-dark-bg-subtle);
        box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.2), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.2);
    }

        .chat .messages[b-yp3zf852vb]::-webkit-scrollbar {
            width: 0.5rem;
        }

        .chat .messages[b-yp3zf852vb]::-webkit-scrollbar-track {
            background: transparent;
        }

        .chat .messages[b-yp3zf852vb]::-webkit-scrollbar-thumb {
            background-color: var(--bs-gray-700);
            border-radius: .75rem;
        }

        .chat .messages > p[b-yp3zf852vb] {
            text-align: center;
            padding: 10px;
        }

        .chat .messages .unread-messages-count[b-yp3zf852vb] {
            left: 50%;
            transform: translateX(-50%);
        }

        .chat .messages .tag[b-yp3zf852vb] {
            margin-top: 1rem;
            padding: 0.4rem;
            background: white;
            border-radius: 1rem;
        }

        .chat .messages .unread-divider[b-yp3zf852vb] {
            display: flex;
        }

            .chat .messages .unread-divider hr[b-yp3zf852vb] {
                background-color: var(--bs-danger);
                border-top: 0;
                flex: 1;
                height: 1px;
                margin: auto;
                position: relative;
                opacity: 1;
            }

            .chat .messages .unread-divider span[b-yp3zf852vb] {
                color: var(--bs-danger);
                padding: 0 0.4rem;
            }

        .chat .messages .message[b-yp3zf852vb] {
            position: relative;
            box-sizing: border-box;
            padding: 0.25rem 1rem;
            margin: 0.5rem 1rem;
            background-color: #333;
            color: white;
            border-radius: 1rem 1rem 1rem 0;
            min-height: 2.25rem;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            max-width: 80%;
            box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
        }

            .chat .messages .message .message-user[b-yp3zf852vb] {
                color: #ffee00;
            }

            .chat .messages .message .message-time[b-yp3zf852vb] {
                color: #ffee00;
                position: absolute;
                bottom: -15px;
                right: -4px;
                font-size: 0.7rem;
            }

            .chat .messages .message.from-current-user[b-yp3zf852vb] {
                margin: 0.5rem 1rem 0.5rem auto;
                border-radius: 1rem 1rem 0 1rem;
                background-color: seagreen;
            }

                .chat .messages .message.from-current-user .message-user[b-yp3zf852vb] {
                    color: yellow !important;
                    font-weight: bold;
                }

                .chat .messages .message.from-current-user .message-time[b-yp3zf852vb] {
                    color: #ffee00;
                    position: absolute;
                    bottom: -15px;
                    right: -8px;
                    font-size: 0.7rem;
                }

            .chat .messages .message .message-content[b-yp3zf852vb] {
                overflow-wrap: break-word;
                position: relative;
                margin-bottom: 0.75rem;
            }



    .chat .input-bar[b-yp3zf852vb] {
        position: relative;
        display: flex;
        height: 55px;
        align-items: center;
        padding: 0.5rem 1rem;
    }

        .chat .input-bar i[b-yp3zf852vb] {
            font-size: 1.5rem;
            cursor: pointer;
            transition: opacity 0.2s;
        }

            .chat .input-bar i:hover[b-yp3zf852vb] {
                opacity: 0.7;
            }

        .chat .input-bar input[b-yp3zf852vb] {
            border: 1px solid rgb(210, 210, 210);
            color: var(--bs-body-color);
            background-color: var(--bs-body-bg);
            padding: 0.5rem 0.5rem;
            margin: 0 0.75rem;
            width: calc(100% - 24px - 24px - 21px);
            border-radius: 0.2rem;
            font-family: Red hat Display, sans-serif;
            font-weight: 400;
        }

        .chat .input-bar button[b-yp3zf852vb] {
            height: 24px;
            background-color: var(--bs-body-bg);
            color: var(--bs-body-color);
            border: none;
            padding: 0;
            transition: opacity 0.2s;
        }

            .chat .input-bar button:hover[b-yp3zf852vb] {
                opacity: 0.7;
            }

        .chat .input-bar .emoji-picker[b-yp3zf852vb] {
            position: absolute;
            bottom: 55px;
            left: 0;
            max-height: 10rem !important;
            overflow-y: auto;
            background-color: var(--bs-body-bg);
            border-top: 1px solid #ccc;
        }

            .chat .input-bar .emoji-picker[b-yp3zf852vb]::-webkit-scrollbar {
                width: 0.5rem;
            }

            .chat .input-bar .emoji-picker[b-yp3zf852vb]::-webkit-scrollbar-track {
                background: transparent;
            }

            .chat .input-bar .emoji-picker[b-yp3zf852vb]::-webkit-scrollbar-thumb {
                background-color: var(--bs-gray-400);
                border-radius: .75rem;
            }

            .chat .input-bar .emoji-picker span[b-yp3zf852vb] {
                display: inline-block;
                font-size: 20px;
                padding: 5px;
                cursor: pointer;
            }

                .chat .input-bar .emoji-picker span:hover[b-yp3zf852vb] {
                    background-color: var(--bs-secondary-bg-subtle);
                }


@-webkit-keyframes typing {
    0%, 75%, 100% {
        transform: translate(0, 0.25rem) scale(0.9);
        opacity: 0.5;
    }

    25% {
        transform: translate(0, -0.25rem) scale(1);
        opacity: 1;
    }
}

@keyframes typing-b-yp3zf852vb {
    0%, 75%, 100% {
        transform: translate(0, 0.25rem) scale(0.9);
        opacity: 0.5;
    }

    25% {
        transform: translate(0, -0.25rem) scale(1);
        opacity: 1;
    }
}