@import '_content/Ivatec.Common.Razor.Client.Cache/Ivatec.Common.Razor.Client.Cache.bundle.scp.css';
@import '_content/VeetzUI/VeetzUI.cg52rj3303.bundle.scp.css';

/* /Pages/Account/MembersDetails.razor.rz.scp.css */
.my-custom-grid .rz-column-title[b-uxwjmna2at] {
    display: none;
}

@media (max-width: 600px) {
    .rz-search-input[b-uxwjmna2at], .rz-border-radius-6[b-uxwjmna2at] {
        width: 100%; /* Faz os inputs ocuparem toda a largura em telas pequenas */
        margin-bottom: 10px; /* Adiciona um espaço entre os elementos */
    }

    .rz-display-flex[b-uxwjmna2at] {
        flex-direction: column; /* Empilha os elementos verticalmente em telas pequenas */
    }
}

/* /Pages/Account/VeterinarianProfileCreator.razor.rz.scp.css */
.avatar-container[b-x2r6775lhr] {
    display: flex; /* Usa Flexbox para centralizar o conteúdo */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    margin: auto; /* Margem automática para centralização */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra leve */
    border: 2px solid #ccc; /* Borda */
    border-radius: 50%; /* Borda arredondada para fotos circulares */
    overflow: hidden; /* Garante que a foto não ultrapasse o círculo */
    max-width: 150px; /* Largura máxima */
    max-height: 150px; /* Altura máxima */
}
/* /Pages/Animal/AnimalDetails.razor.rz.scp.css */
.light-orange-alert[b-2ixok7az8b] {
    background-color: #FFCC80;
}
/* /Pages/Animal/AnimalRegistration.razor.rz.scp.css */
/* /Pages/Chat/AddFriends.razor.rz.scp.css */
/* Estilos para telas menores que 600px */
@media (max-width: 600px) {
    .search-bar[b-a6ewwmkt1h] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Chat/ChatDialog.razor.rz.scp.css */
/* Estrutura principal com Flexbox */

.message-list-container[b-lwo2zl1wak] {
    scroll-behavior: smooth;
}

.chat-dialog-container[b-lwo2zl1wak] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 58px);
    background-color: #f0f2f5;
}

/* 1. Cabeçalho */
.chat-header[b-lwo2zl1wak] {
    flex-shrink: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 16px;
}

.typing-indicator[b-lwo2zl1wak] {
    font-size: 0.75rem;
    color: var(--rz-primary-color);
    height: 14px;
}

/* 2. Lista de Mensagens */
.message-list-container[b-lwo2zl1wak] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 16px;
}

/* Remove estilos padrão do RadzenDataList para nosso controle total */
[b-lwo2zl1wak] .message-list-scroller .rz-datalist-content {
    padding: 0;
}

/* SOLUÇÃO DEFINITIVA PARA O DATALIST */
[b-lwo2zl1wak] .message-list-scroller .rz-datalist-data,
[b-lwo2zl1wak] .message-list-scroller .rz-datalist-data > li {
    display: contents; /* Faz o <ul> e o <li> "desaparecerem" da árvore de layout */
}

.message-row[b-lwo2zl1wak] {
    display: flex;
    margin-bottom: 8px;
}

    .message-row.sent[b-lwo2zl1wak] {
        justify-content: flex-end;
    }

    .message-row.received[b-lwo2zl1wak] {
        justify-content: flex-start;
    }

.message-bubble[b-lwo2zl1wak] {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.sender-name[b-lwo2zl1wak] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--rz-primary-color);
    margin-bottom: 4px;
}

.message-content[b-lwo2zl1wak] {
    font-size: 0.95rem;
    line-height: 1.4;
    word-wrap: break-word;
}

.message-footer[b-lwo2zl1wak] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.7rem;
    color: #667781;
    margin-top: 4px;
    margin-left: 10px;
}

.message-row.sent .message-bubble[b-lwo2zl1wak] {
    background-color: #d9fdd3;
    border-top-right-radius: 0;
}

/* AJUSTE CRÍTICO: Garante que o balão recebido seja branco */
.message-row.received .message-bubble[b-lwo2zl1wak] {
    background-color: #ffffff; /* Corrigido */
    border-top-left-radius: 0;
}

/* Seletor genérico para o ícone */
.message-footer .read-receipt[b-lwo2zl1wak] {
    font-size: 1rem;
    margin-left: 4px;
}

    /* Seletor específico para o status 'sent-check' */
    .message-footer .read-receipt.sent-check[b-lwo2zl1wak] {
        color: #667781 !important;
    }

    /* Seletor específico para o status 'read' */
    .message-footer .read-receipt.read[b-lwo2zl1wak] {
        color: #53bdeb !important;
    }

.input-area[b-lwo2zl1wak] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background-color: #f0f2f5;
    border-top: 1px solid #e0e0e0;
}

[b-lwo2zl1wak] .chat-input {
    flex-grow: 1;
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 8px 16px;
    max-height: 100px;
    resize: vertical;
}

    [b-lwo2zl1wak] .chat-input:focus {
        border-color: var(--rz-primary-color);
        box-shadow: none;
    }

[b-lwo2zl1wak] .send-button {
    margin-left: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--rz-primary-color);
}

.action-buttons-area[b-lwo2zl1wak] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0 16px 5px 16px;
    background-color: #f0f2f5;
}

/* Novo wrapper para limitar a largura do conteúdo em telas grandes */
.chat-content-wrapper[b-lwo2zl1wak] {
    width: 100%;
    max-width: 1100px; /* Largura máxima do conteúdo. Ajuste se desejar. */
    margin: 0 auto; /* Isso centraliza o wrapper na horizontal */
    /* Propriedades de flex para gerenciar o layout interno corretamente */
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Faz o wrapper ocupar o espaço vertical */
    min-height: 0; /* Correção para flexbox em alguns navegadores */
}

.message-bubble[b-lwo2zl1wak]::after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
}

.message-row.sent .message-bubble[b-lwo2zl1wak]::after {
    right: -10px;
    border-left-color: #d9fdd3; /* Mesma cor do balão enviado */
    border-top-color: #d9fdd3;
}

.message-row.received .message-bubble[b-lwo2zl1wak]::after {
    left: -10px;
    border-right-color: #ffffff; /* Mesma cor do balão recebido */
    border-top-color: #ffffff;
}
/* /Pages/Immunize/VaccinationTracker.razor.rz.scp.css */
.vaccine-info-container[b-8j8hy32zl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vaccine-name[b-8j8hy32zl3] {
    flex-grow: 1;
}

.delete-button[b-8j8hy32zl3] {
    margin-left: auto; /* Empurra o botão para o canto direito */
    margin-top: -0.5rem; /* Ajuste conforme necessário para alinhar verticalmente */
}



/* /Pages/Note/NoteTracker.razor.rz.scp.css */
.message-bubble[b-r06b5uhhw5] {
    flex-grow: 1;
    border-radius: 20px;
    background-color: #f0f0f0;
    padding: 10px;
    word-wrap: break-word;
    max-width: 97%;
    box-sizing: border-box;
    display: flex;
    /* Remover a duplicidade de margin-left */
    margin: 5px 10px 5px 0; /* Ajuste conforme necessário */
}

.message-row[b-r06b5uhhw5] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: transparent;
}

.user-details[b-r06b5uhhw5] {
    font-size: 0.60rem;
    text-align: center;
    margin-top: 5px;
}

.user-column[b-r06b5uhhw5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Ajuste a margem de acordo com a orientação do usuário */
}

/* Se desejar remover bordas e sombras dos elementos do Radzen */
.rz-datalist[b-r06b5uhhw5], .rz-datalist-item[b-r06b5uhhw5], .rz-g[b-r06b5uhhw5], div[b-r06b5uhhw5], .rz-datalist-data[b-r06b5uhhw5], li[b-r06b5uhhw5] {
    border: none !important;
    box-shadow: none !important;
}

.edit-message-row[b-r06b5uhhw5] {
    display: flex;
    flex-direction: column;
}

.message-icons[b-r06b5uhhw5] {
    position: absolute;
    top: 0;
    right: 0;
}

.message-row.own-message[b-r06b5uhhw5] {
    flex-direction: row-reverse;
}

.message-content[b-r06b5uhhw5] {
    flex-grow: 1;
    /* Outros estilos, se necessário */
}

.new-message-container[b-r06b5uhhw5] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px; /* Ajuste conforme necessário */
}

    .new-message-container .rz-textarea[b-r06b5uhhw5] {
        flex-grow: 1;
        margin-right: 10px;
    }
/* /Pages/Product/ProductsStockIn.razor.rz.scp.css */
/* /Pages/Subscriptions/SubscriptionsAvailable.razor.rz.scp.css */
.text-margin-top[b-81001js53j] {
    margin-top: 40px; /* Ajuste conforme necessário */
}

.text-style[b-81001js53j] {
    font-size: 1rem; /* Ajuste o tamanho da fonte conforme necessário */
    text-shadow: 1px 1px 2px gray; /* Efeito de sombra opcional */
}

/* Adicione isso em SubscriptionsAvailable.razor.css */

.product-card[b-81001js53j] {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 1px solid var(--rz-border-color); /* Borda sutil para definição */
}

    .product-card:hover[b-81001js53j] {
        transform: translateY(-5px); /* Efeito de elevação */
        box-shadow: 0 8px 25px rgba(0,0,0,0.15); /* Sombra mais pronunciada */
    }

.price-display[b-81001js53j] {
    /* Envolve o preço e o período para garantir o alinhamento */
    display: flex;
    align-items: baseline; /* Alinha o $89.00 com /month */
    justify-content: center;
    gap: 0.5rem; /* Espaço entre o preço e o texto do período */
}

.price-value[b-81001js53j] {
    font-weight: 700 !important; /* Força o peso da fonte no preço */
}

.price-period[b-81001js53j] {
    color: var(--rz-neutral-500); /* Cor mais suave para o texto do período */
}
/* /Pages/Weight/FeedingTracker.razor.rz.scp.css */
.split-button-left[b-3l7booxqn1] {
    float: left;
}
/* /Shared/Components/Avatar/UserAvatar.razor.rz.scp.css */
.user-photo[b-7d5kp8tlty] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
/* /Shared/Components/QrCode/QRCodeScanner.razor.rz.scp.css */
/* /Shared/DynamicBreadCrumb.razor.rz.scp.css */
/* /Shared/Footer.razor.rz.scp.css */
footer[b-u48mespr7p] {
    color: #6c757d; /* Cor cinza suave para o texto */
    background-color: #f8f9fa; /* Cor de fundo clara para o rodapé */
    border-top: 1px solid #eaeaea; /* Linha divisória sutil no topo */
}

.footer-link[b-u48mespr7p] {
    font-size: 0.8rem; /* Tamanho de fonte reduzido para os links */
    color: #007bff; /* Cor primária para os links */
    text-decoration: none; /* Remover sublinhado dos links */
}

    .footer-link:hover[b-u48mespr7p] {
        text-decoration: underline; /* Adiciona sublinhado no hover para melhor acessibilidade */
    }
/* /Shared/Layout/AdminLayout.razor.rz.scp.css */
.page[b-1ydz2pbk5u] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-1ydz2pbk5u] {
        display: none;
    }

    .top-row.auth[b-1ydz2pbk5u] {
        justify-content: space-between;
    }

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

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

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

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

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

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

   
}
/* /Shared/Layout/ChatLayout.razor.rz.scp.css */
.page[b-xtw5r9ijkx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xtw5r9ijkx] {
        display: none;
    }

    .top-row.auth[b-xtw5r9ijkx] {
        justify-content: space-between;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ha7aooh5ne] {
        display: none;
    }

    .top-row.auth[b-ha7aooh5ne] {
        justify-content: space-between;
    }

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

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

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

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

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

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

   
}
/* /Shared/LoadingIndicator.razor.rz.scp.css */
.loader[b-frzlw0uio7] {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: spin-b-frzlw0uio7 2s linear infinite;
    /* Centraliza o indicador de carregamento na tela */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Define o z-index para sobrepor todos os outros componentes */
    z-index: 999999999888899;
}

@keyframes spin-b-frzlw0uio7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}