﻿/* _content/VeterinarioAPP/Components/CadastroPaciente.razor.rz.scp.css */
.novoPacienteFormContainer[b-pvyesc4tta] {
    display: flex;
    flex-direction: column;
}

.photoContainer[b-pvyesc4tta] {
    height: 200px;
    width: 200px;
    border: 1px solid black;
    border-radius: 3px;
    align-self: flex-end;
    position: relative;
    overflow: hidden;
    min-width: 200px;
    min-height: 200px;
    box-shadow: var(--defaultBoxShadow);
}

    .photoContainer .loadingPhoto[b-pvyesc4tta] {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0.2);
    }

    .photoContainer img[b-pvyesc4tta] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .photoContainer .noPhotoContainer[b-pvyesc4tta] {
        margin: 10px;
    }

    .photoContainer .photoButton[b-pvyesc4tta] {
        cursor: pointer;
        height: 64px;
        width: 64px;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        border-radius: 0;
        border-top-left-radius: 48px;
        box-shadow: var(--defaultBoxShadow);
    }

        .photoContainer .photoButton img[b-pvyesc4tta] {
            height: 70%;
            width: 70%;
            margin: 4px;
        }

.animalInfoWrapper[b-pvyesc4tta] {
    display: flex;
}

    .animalInfoWrapper .formWrapper[b-pvyesc4tta] {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-right: 15px;
    }

        .animalInfoWrapper .formWrapper .formInputs[b-pvyesc4tta] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
        }

.loaderContainer[b-pvyesc4tta] {
    align-self: center;
}

.formTutorContainer[b-pvyesc4tta] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.inputContainer[b-pvyesc4tta] {
    display: flex;
    flex-direction: column;
}
.inputContainer span[b-pvyesc4tta] {
    white-space:nowrap;
}

.idadeContainer[b-pvyesc4tta] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.inputContainer input[b-pvyesc4tta] {
    width: 100%;
}

.inputNome[b-pvyesc4tta] {
    grid-column: span 2;
}

.btnCompletarCadastroContainer[b-pvyesc4tta] {
    margin: 10px auto;
}

.btnCompletarCadastroAnimal[b-pvyesc4tta] {
    /*margin: 10px auto;*/
}

.nascimentoWrapper[b-pvyesc4tta] {
    display: flex;
}

.nascimentoWrapper *[b-pvyesc4tta] {
	height: 56px;
}

.nascimentoWrapper .idadeContainer {
  width: 80px;
}

@media only screen and (max-width: 650px) {
    .formAnimalContainer[b-pvyesc4tta], .formTutorContainer[b-pvyesc4tta] {
        grid-template-columns: 1fr;
    }

    .inputNome[b-pvyesc4tta] {
        grid-column: unset;
    }

    .animalInfoWrapper[b-pvyesc4tta] {
        display: flex;
        flex-direction: column;
    }

        .animalInfoWrapper .formWrapper[b-pvyesc4tta] {
            margin-right: unset;
            order: 2;
        }

            .animalInfoWrapper .formWrapper .formInputs[b-pvyesc4tta] {
                display: flex;
                flex-direction: column;
            }

    .photoContainer[b-pvyesc4tta] {
        height: 220px;
        width: 220px;
        align-self: center;
        min-width: 220px;
        min-height: 220px;
        order: 1;
    }
}
/* _content/VeterinarioAPP/Components/CustomComponents/SearchSelect.razor.rz.scp.css */
.inputWrapper[b-1elllin8ck] {
    position: relative;
    height: 100%;
    width: 100%;
}

    .inputWrapper input[b-1elllin8ck] {
        width: 100%;
        height: 100%;
    }

.clearButton[b-1elllin8ck] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
}
/* _content/VeterinarioAPP/Components/DetalhesSolicitacaoComponent.razor.rz.scp.css */
.detalhesSolicitacaoComponent[b-50abthy65s] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
}

.protocoloContainer[b-50abthy65s] {
    align-self: center;
    display: flex;
    flex-direction: column;
}

    .protocoloContainer .protocolo[b-50abthy65s] {
        align-self: center;
        color: var(--primary);
        user-select: text;
    }

    .protocoloContainer .dataAtendimento[b-50abthy65s] {
        align-self: center;
    }

.btnImprimirContainer[b-50abthy65s] {
    display: flex;
    align-self: center;
    flex-wrap: wrap;
}

.btnImprimir[b-50abthy65s] {
    display: flex;
    height: 30px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
    overflow: hidden;
    align-self: flex-start;
    background-color: var(--primary);
    color: white;
    border: 0;
    margin: 15px;
}

[b-50abthy65s] .btnImprimir svg {
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.btnImprimir span[b-50abthy65s] {
    margin-left: 10px;
}

.img-laudo[b-50abthy65s] {
    width: 20px;
}

.pacienteWrapper[b-50abthy65s] {
    display: flex;
}

    .pacienteWrapper hr[b-50abthy65s] {
        display: none;
    }

.animalInfoWrapper[b-50abthy65s] {
    width: 100%;
    display: flex;
}

    .animalInfoWrapper > *[b-50abthy65s] {
        flex: 1 1 50%;
    }

.animalInfo[b-50abthy65s] {
    display: flex;
    flex-direction: column;
}

.photoContainer[b-50abthy65s] {
    height: 180px;
    width: 180px;
    border: 1px solid black;
    border-radius: 3px;
    align-self: flex-start;
    position: relative;
    overflow: hidden;
    min-width: 180px;
    min-height: 180px;
    box-shadow: var(--defaultBoxShadow);
    margin-bottom: 5px;
}

    .photoContainer img[b-50abthy65s] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.pacienteDadosContainer[b-50abthy65s] {
    margin-top: 10px;
}

.tutorDadosContainer[b-50abthy65s] {
    margin-top: 10px;
}

.medicoDadosContainer[b-50abthy65s] {
    margin-top: 10px;
}

.medicoDadosWrapper[b-50abthy65s] {
    display: flex;
    flex-wrap: wrap;
}

    .medicoDadosWrapper div[b-50abthy65s] {
        margin-right: 15px;
    }

.sectionTitle[b-50abthy65s] {
    /*color: var(--primary);*/
}

.examesContainer[b-50abthy65s] {
    margin-top: 10px;
}

.anexosContainer {
    margin-top: 10px;
}

.examesWrapper[b-50abthy65s] {
    border: 1px solid lightgray;
}

.protocoloDiv[b-50abthy65s]{
}

.divLaudosWeb[b-50abthy65s]{

}
.divLaudosWeb a[b-50abthy65s]{
}

@media only screen and (max-width: 550px) {
    .btnImprimirContainer[b-50abthy65s] {
        flex-direction: column;
    }
}

@media only screen and (max-width: 600px) {
    .animalInfoWrapper[b-50abthy65s] {
        flex-direction: column;
    }

        .animalInfoWrapper > *[b-50abthy65s] {
            flex: unset;
        }
}

@media only screen and (max-width: 800px) {
    .pacienteWrapper[b-50abthy65s] {
        flex-direction: column;
    }

    .animalInfoWrapper[b-50abthy65s] {
        order: 2;
    }

    .photoContainer[b-50abthy65s] {
        order: 1;
        align-self: center;
    }
}

@media print {    

    .examesContainer[b-50abthy65s], .medicoDadosContainer[b-50abthy65s], .pacienteWrapper[b-50abthy65s], protocoloContainer[b-50abthy65s] {
        display: none;
    }
}


/* _content/VeterinarioAPP/Components/EnviarSolicitacao.razor.rz.scp.css */
.enviarSolicitacaoFrame[b-8l4j91iyqo] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.btnVoltar[b-8l4j91iyqo] {
    width: 40px;
    height: 40px;
}

    .btnVoltar img[b-8l4j91iyqo] {
        height: 100%;
    }

.solicitacaoContainer[b-8l4j91iyqo] {
}

.pacienteWrapper[b-8l4j91iyqo] {
    display: flex;
}

    .pacienteWrapper hr[b-8l4j91iyqo] {
        display: none;
    }

.sectionWrapper[b-8l4j91iyqo] {
    width: 50%;
}

.pacienteDadosContainer[b-8l4j91iyqo] {
}

.tutorDadosContainer[b-8l4j91iyqo] {
}

#nomeDoMedico[b-8l4j91iyqo] {
    min-width: 300px;
}

.dadosMedicoContainer[b-8l4j91iyqo] {
    display: flex;
}

    .dadosMedicoContainer input[b-8l4j91iyqo], select[b-8l4j91iyqo] {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    .dadosMedicoContainer select[b-8l4j91iyqo] {
        min-width: 80px;
    }

.solicitacaoField[b-8l4j91iyqo] {
}

    .solicitacaoField .fieldData[b-8l4j91iyqo] {
    }

.solicitacaoInputField[b-8l4j91iyqo] {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 33px;
}

.solicitacaoInputFieldObservacao {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-bottom: 10px;
}

.solicitacaoInputFieldUf[b-8l4j91iyqo] {
    display: flex;
    flex-direction: column;
    max-width: 60px;
}

.solicitacaoInputFieldNumeroConselho[b-8l4j91iyqo] {
    display: flex;
    flex-direction: column;
    max-width: 150px;
	margin-left: 15px;
}

.sectionTitle[b-8l4j91iyqo] {
    color: var(--primary);
}

.solicitacaoExamesContainer[b-8l4j91iyqo] {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bancadasContainer[b-8l4j91iyqo] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    grid-gap: 10px;
    justify-content: center;
    width: 100%;
}

.bancada[b-8l4j91iyqo] {
    box-shadow: var(--defaultBoxShadow);
    width: 100%;
    max-width: 370px;
    min-width: 370px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    overflow: hidden;
}

.anexos {
    box-shadow: var(--defaultBoxShadow);
    width: 100%;
    max-width: 500px;
    min-width: 500px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    overflow: hidden;
}

.bancadaHeader[b-8l4j91iyqo] {
    text-align: center;
    background-color: var(--primary);
    color: white;
    padding: 5px;
}

.examesContainer[b-8l4j91iyqo] {
    display: flex;
    flex-direction: column;
}

.divExame[b-8l4j91iyqo] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    transition: all 0.2s;
}

    .divExame .divInfo[b-8l4j91iyqo] {
        display: flex;
        align-items: center;
    }

    .divExame .divRemoverExame[b-8l4j91iyqo] {
        height: 30px;
    }

        .divExame .divRemoverExame img[b-8l4j91iyqo] {
            height: 100%;
        }

    .divExame:hover[b-8l4j91iyqo] {
        background-color: lightblue;
    }

    .divExame .divInfo .cod[b-8l4j91iyqo] {
        color: var(--primary);
    }

    .divExame .divInfo .desc[b-8l4j91iyqo] {
        padding-left: 10px;
    }



.btnEnviarSolicitacao[b-8l4j91iyqo] {
    background-color: var(--greenAccent);
    align-self: center;
    box-shadow: var(--defaultBoxShadow);
    border-radius: 3px;
    color: white;
    padding: 5px 30px;
    margin-top: 10px;
}

.msgNenhumExameAdicionado[b-8l4j91iyqo] {
    text-align: center;
    color: var(--primary);
    margin: 10px auto;
}

.tooltiptext[b-8l4j91iyqo] {
    cursor: pointer;
}
/*adicionar exames*/
.addExamesWrapper[b-8l4j91iyqo] {
    display: flex;
    grid-gap: 10px;
    margin-top: 10px;
    flex-direction: column;
}
.addAnexosWrapper {
    display: flex;
    grid-gap: 10px;
    margin-top: 10px;
    flex-direction: column;
}
.inputExamesContainer[b-8l4j91iyqo] {
    display: flex;
    height: 40px;
}

    .inputExamesContainer .btnAdicionarExame[b-8l4j91iyqo] {
        background-color: var(--greenAccent);
        margin-left: 10px;
        min-width: 200px;
    }


@media only screen and (max-width: 500px) {

    .bancada[b-8l4j91iyqo] {
        min-width: unset;
    }
}

@media only screen and (max-width: 600px) {

    .inputExamesContainer[b-8l4j91iyqo] {
        flex-direction: column;
        height: unset;
    }

        .inputExamesContainer .btnAdicionarExame[b-8l4j91iyqo] {
            margin: 10px auto;
        }
}

@media only screen and (max-width: 600px) {

    .pacienteWrapper[b-8l4j91iyqo] {
        display: unset;
    }

        .pacienteWrapper hr[b-8l4j91iyqo] {
            display: block;
        }

    .sectionWrapper[b-8l4j91iyqo] {
        width: unset;
    }
}

@media only screen and (max-width: 650px) {

    .dadosMedicoContainer[b-8l4j91iyqo] {
        flex-direction: column;
    }

        .dadosMedicoContainer #nomeDoMedico[b-8l4j91iyqo] {
            min-width: unset;
            align-self: stretch;
        }

    .solicitacaoInputField[b-8l4j91iyqo] {
        max-width: unset.
    }
}

.left .tutorInfo[b-8l4j91iyqo] {
    display: flex;
    justify-content: space-between;
}

.examePermitidoOption[b-8l4j91iyqo] {
    background-color: lightgreen;
}

.exameNaoPermitidoOption[b-8l4j91iyqo] {
    background-color: #f3c2c2;
}

.dropDownWrapper[b-8l4j91iyqo] {
    width: 100%;
    height: 100%;
}
/* _content/VeterinarioAPP/Components/MenuComponents/AppHeader.razor.rz.scp.css */
.appHeader[b-v67y0q043l] {
    text-align: center;
    border-bottom: 1px solid lightgray;
    top: 0;
    width: 100%;
    height: 60px;
    position: sticky;
    background-color: var(--appMenuBackground);
    z-index: 1;
    box-shadow: 0px 0px 8px 2px lightgrey;
    display: flex;
    justify-content: space-between;
}

.profileButton[b-v67y0q043l] {
    height: 50px;
    width: 50px;
    min-width: 50px;
    align-self: center;
    margin-right: 25px;
    border-radius: 25px;
    /*background: var(--lightForegroundColor);*/
    border: 3px solid var(--primary);
    cursor: pointer;
}

    .profileButton > .whiteBorder[b-v67y0q043l] {
        height: 100%;
        width: 100%;
        border: 2px solid white;
        border-radius: 23px;
        overflow: hidden;
    }

        .profileButton > .whiteBorder > img[b-v67y0q043l] {
            height: 100%;
            width: 100%;
        }

.clinicaCnpj[b-v67y0q043l] {
    font-weight: 600;
    color: lightgrey;
}

.contentWrapper[b-v67y0q043l] {
    display: flex;
    width: 100%;
    height: 100%;
}

    .contentWrapper .labName[b-v67y0q043l] {
        align-self: flex-end;
        margin: 5px;
    }

.profilePopup[b-v67y0q043l] {
    position: absolute;
    right: 10px;
    top: 60px;
    width: 250px;
    background: white;
    border-radius: 10px;
    border: 1px solid lightgray;
    box-shadow: var(--defaultBoxShadow);
}

    .profilePopup > .closeButton[b-v67y0q043l] {
        height: 26px;
        width: 26px;
        border-radius: 13px;
        background: lightgray;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }

        .profilePopup > .closeButton > span[b-v67y0q043l] {
            line-height: 26px;
        }

.popUpOverlay[b-v67y0q043l] {
    position: absolute;
    width: 100vw;
    height: 100vh;
}

.profileLogo[b-v67y0q043l] {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    margin: 20px auto;
    border: 1px solid lightgray;
    overflow: hidden;
}

    .profileLogo > img[b-v67y0q043l] {
        max-height: 90px;
        margin: 4px;
    }

.profileOptions[b-v67y0q043l] {
    margin-top: 20px;
}

.profileOption[b-v67y0q043l] {
    margin: 3px 0;
    display: flex;
    height: 30px;
    padding: 2px 15px;
    transition: all 0.5s;
    align-items: center;
    color: #4e4e4e;
    font-weight: 600;
}

.popupSeparator[b-v67y0q043l] {
    border-top: 1px solid lightgray;
    width: 100%;
}

.profileOption:hover[b-v67y0q043l] {
    background: lightgray;
}

.profileOption > img[b-v67y0q043l] {
    height: 100%;
    margin-right: 10px;
}
/* _content/VeterinarioAPP/Components/MenuComponents/MenuLogoComponent.razor.rz.scp.css */
[b-ntmosedw0w].menuLogoComponent {
    display: flex;
    padding: 5px;
    align-items: center;
    height: 100%;
}

    [b-ntmosedw0w].menuLogoComponent svg {
        height: 40px;
        width: 40px;
        margin: 0 10px;
    }

    .menuLogoComponent img[b-ntmosedw0w] {
        object-fit: contain;
        height: 70%;
    }

    .menuLogoComponent .menuAnimallisSmallLogo[b-ntmosedw0w] {
        display: none;
    }

@media only screen and (max-width: 600px) {
    .menuLogoComponent .menuAnimallisLogo[b-ntmosedw0w] {
        display: none;
    }

    .menuLogoComponent .menuAnimallisSmallLogo[b-ntmosedw0w] {
        display: block;
    }
}
/* _content/VeterinarioAPP/Components/MenuComponents/MenuRetratil.razor.rz.scp.css */
.menuRetratil[b-ec18cezcde] {
    position: fixed;
    left: 0;
    height: 100%;
    width: 260px;
    display: flex;
    flex-direction: column;
    background-color: var(--appMenuBackground);
    z-index: 3;
    box-shadow: 0px 0px 8px 2px lightgrey;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s;
    overflow: hidden;
}

    .menuRetratil.menuOpened[b-ec18cezcde] {
        transform: translate3d(0, 0, 0);
    }


    .menuRetratil .menuLogoContainer[b-ec18cezcde] {
        height: 60px;
    }

    .menuRetratil .navContainer[b-ec18cezcde] {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 10px;
    }

.overshadow[b-ec18cezcde] {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.3);
    z-index: 2;
}

.visible[b-ec18cezcde] {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.hidden[b-ec18cezcde] {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}

.menuInfo[b-ec18cezcde] {
    padding-left: 15px;
    color: var(--lightForegroundColor);
}

@media only screen and (max-width: 400px) {
    .menuRetratil[b-ec18cezcde] {
        width: 100%;
    }
}


/*ESTILIZAÇÃO DA LISTA*/
[b-ec18cezcde] a.navLink {
    text-decoration: none;
    color: var(--boldColor);
    font-weight: 600;
    padding: 5px 10px;
    height: 40px;
    position: relative;
}

[b-ec18cezcde] .navContent {
    display: flex;
    align-items: center;
    height: 100%;
}

    [b-ec18cezcde] .navContent svg {
        /*fill: currentColor;*/
        height: 24px;
        width: 24px;
    }

    [b-ec18cezcde] .navContent span {
        margin-left: 10px;
    }

[b-ec18cezcde] .navLink.active {
    color: white;
}

    [b-ec18cezcde] .navLink.active::before {
        content: " ";
        background-color: var(--primary);
        position: absolute;
        top: 0;
        left: 0;
        right: 10px;
        bottom: 0;
        border-radius: 0 20px 20px 0;
        z-index: -1;
    }

.btnSair[b-ec18cezcde] {
    height: 40px;
    padding: 10px;
    font-weight: 600;
}
/* _content/VeterinarioAPP/Components/MenuComponents/NavMenuItem.razor.rz.scp.css */
[b-lbrq448ctj] .navLink {
    background-color: blueviolet;
}
/* _content/VeterinarioAPP/Components/PacienteComponent.razor.rz.scp.css */
.pacienteComponent[b-oy5kzhx3n5] {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: white;
    /*padding: 3px 8px;*/
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    word-wrap: break-word;
    min-height: 60px;
    border: 1px var(--primary) solid;
}

    .pacienteComponent:hover[b-oy5kzhx3n5] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: lightblue;
    }

    .pacienteComponent .divDataContainer[b-oy5kzhx3n5] {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 3px 15px;
    }

        .pacienteComponent .divDataContainer .divNomeEspecie[b-oy5kzhx3n5] {
            display: flex;
            flex-direction: column;
        }

            .pacienteComponent .divDataContainer .divNomeEspecie .pacienteNome[b-oy5kzhx3n5] {
                color: var(--primary);
            }

        .pacienteComponent .divDataContainer .divInfoContainer[b-oy5kzhx3n5] {
            display: flex;
            width: 100%;
            max-width: 400px;
            justify-content: space-between;
            align-items: center;
            margin-left: 20px;
        }

            .pacienteComponent .divDataContainer .divInfoContainer .divInfo[b-oy5kzhx3n5] {
                display: flex;
                flex-direction: column;
                align-items: center;
            }



.divTutor[b-oy5kzhx3n5] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: visible;
    max-width: 180px;
    width: 180px;
    min-width: 180px;
    background-color: var(--primary);
    justify-content: space-between;
    padding: 3px 8px;
    /*margin: -3px -8px;*/
    color: white;
}

.divTutorTitle[b-oy5kzhx3n5] {
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 5px;
}

.divTutor .tutorNome[b-oy5kzhx3n5] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.divImgInfoContainer[b-oy5kzhx3n5] {
    max-height: 25px;
    height: 25px;
}

    .divImgInfoContainer img[b-oy5kzhx3n5] {
        height: 100%;
    }

.hint[b-oy5kzhx3n5] {
    /*display: inline-block;*/
    position: relative;
    border-bottom: 1px dotted #666;
    text-align: left;
    align-self: stretch;
}

    .hint .left[b-oy5kzhx3n5] {
        min-width: 400px;
        max-width: 400px;
        top: 0;
        bottom: 0;
        /* top: 50%; */
        right: -400px;
        /* transform: translate(0, -50%); */
        padding: 5px;
        color: #FFFFFF;
        background-color: #111111;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
        visibility: hidden;
        opacity: 0;
        transition: all 0.4s;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.left h4[b-oy5kzhx3n5] {
    line-height: 1;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (min-width: 651px) {

    .hint:hover .left[b-oy5kzhx3n5] {
        visibility: visible;
        opacity: 1;
        right: 0;
    }
}

.left .tutorInfo[b-oy5kzhx3n5] {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 650px) {
    .pacienteComponent[b-oy5kzhx3n5] {
        flex-direction: column;
        height: unset;
    }

        .pacienteComponent .divDataContainer[b-oy5kzhx3n5] {
            margin: 0;
            padding: 5px 10px;
            align-self: stretch;
            width: unset;
        }

    .divRacaSexoNasc[b-oy5kzhx3n5] {
        width: unset;
    }

    .divTutor[b-oy5kzhx3n5] {
        width: unset;
        max-width: unset;
        display: block;
    }

    .divTutorTitle[b-oy5kzhx3n5] {
        display: none;
    }

    .tutorNome[b-oy5kzhx3n5] {
        display: none;
    }

    .hint .left[b-oy5kzhx3n5] {
        min-width: unset;
        max-width: unset;
        top: unset;
        bottom: unset;
        right: unset;
        padding: 5px;
        background-color: transparent;
        position: relative;
        z-index: unset;
        visibility: visible;
        opacity: 1;
        transition: all 0.4s;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: unset;
    }

    .left .tutorInfo[b-oy5kzhx3n5] {
        flex-direction: column;
    }
}
/* _content/VeterinarioAPP/Components/PaginacaoComponent.razor.rz.scp.css */
.paginacaoComponent[b-yprdsq4awy] {
    display: flex;
    flex-direction: column;
    margin: 10px;
    align-items: center;
}

.pagesWrapper[b-yprdsq4awy] {
    display: flex;
    align-items: flex-end;
}

.pageIndex[b-yprdsq4awy] {
    color: var(--primary);
    margin: 3px;
    padding: 1px 5px;
    border: 1px solid var(--primary);
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
}

.currentPage[b-yprdsq4awy] {
    background-color: var(--primary);
    color: white;
}

.centralPages[b-yprdsq4awy] {
    display: flex;
    margin: 0 10px;
}

.resultsDescription[b-yprdsq4awy] {
    font-size: 13px;
    margin-top: 10px;
}
/* _content/VeterinarioAPP/Components/ProtocoloComponent.razor.rz.scp.css */
.protocoloWrapper[b-y5fhrhabr5] {
    font-size: 1.2rem;
}

.labelSpan[b-y5fhrhabr5] {
    margin-right: 5px;
}

span[b-y5fhrhabr5], .textDiv[b-y5fhrhabr5] {
    font-family: monospace;
}

.title[b-y5fhrhabr5] {
    font-size: 1.5rem;
}

.protocoloHeader[b-y5fhrhabr5] {
    display: flex;
    justify-content: space-between;
}

    .protocoloHeader .logoWrapper[b-y5fhrhabr5] {
        height: 70px;
    }

        .protocoloHeader .logoWrapper img[b-y5fhrhabr5] {
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

.docSeparator[b-y5fhrhabr5] {
    border-bottom: dashed 2px;
    margin: 1rem 0;
}

.divLineSpace[b-y5fhrhabr5] {
    height: 2rem;
}

.flexColumnDiv[b-y5fhrhabr5] {
    display: flex;
    flex-direction: column;
}

.flexRowDiv.spaceBetween[b-y5fhrhabr5] {
    justify-content: space-between;
}

.spacingLeft[b-y5fhrhabr5] {
    margin-left: 3rem;
}

.spacingRight[b-y5fhrhabr5] {
    margin-right: 3rem;
}

.laudosWebInfoWrapper[b-y5fhrhabr5]{
    display:flex;
}
/* _content/VeterinarioAPP/Components/SelecionarPaciente.razor.rz.scp.css */
.loaderContainer[b-tiriji8vgv] {
    align-self: center;
}

    .loaderContainer > .loaderElement[b-tiriji8vgv] {
        margin: 0 auto;
    }

.selecionarPacienteFrame[b-tiriji8vgv] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.buscarPacienteContainer[b-tiriji8vgv] {
    display: flex;
    flex-direction: row;
    height: 40px;
}

.btnNovoPaciente[b-tiriji8vgv] {
    margin: 10px 0;
    margin-top: 25px;
}

.formBuscarPacienteContent[b-tiriji8vgv] {
    display: flex;
    height: 100%;
}


.resultadoBuscarPacientes[b-tiriji8vgv] {
    margin-top: 20px;
}

.noResultsMessage[b-tiriji8vgv] {
    color: var(--primary);
    text-align: center;
}

/*.novoPacienteFormContainer {
    display: flex;
    flex-direction: column;
}

.photoContainer {
    height: 200px;
    width: 200px;
    border: 1px solid black;
    border-radius: 3px;
    align-self: flex-end;
    position: relative;
    overflow: hidden;
    min-width: 200px;
    min-height: 200px;
    box-shadow: var(--defaultBoxShadow);
}

    .photoContainer .loadingPhoto {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0.2);
    }

    .photoContainer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .photoContainer .noPhotoContainer {
        margin: 10px;
    }

    .photoContainer .photoButton {
        cursor: pointer;
        height: 64px;
        width: 64px;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        border-radius: 0;
        border-top-left-radius: 48px;
        box-shadow: var(--defaultBoxShadow);
    }

        .photoContainer .photoButton img {
            height: 70%;
            width: 70%;
            margin: 4px;
        }

.animalInfoWrapper {
    display: flex;
}

    .animalInfoWrapper .formWrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-right: 15px;
    }

        .animalInfoWrapper .formWrapper .formInputs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
        }*/

.loaderContainer[b-tiriji8vgv] {
    align-self: center;
}

/*.formTutorContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.inputContainer {
    display: flex;
    flex-direction: column;
}

.idadeContainer {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.inputContainer input {
    width: 100%;
}

.inputNome {
    grid-column: span 2;
}

.btnCompletarCadastroContainer {
    margin: 10px auto;
}

.btnCompletarCadastroAnimal {*/
/*margin: 10px auto;*/
/*}

.nascimentoWrapper {
    display: flex;
}

    .nascimentoWrapper * {
        height: 56px;
    }

@media only screen and (max-width: 650px) {
    .formAnimalContainer, .formTutorContainer {
        grid-template-columns: 1fr;
    }

    .inputNome {
        grid-column: unset;
    }

    .animalInfoWrapper {
        display: flex;
        flex-direction: column;
    }

        .animalInfoWrapper .formWrapper {
            margin-right: unset;
            order: 2;
        }

            .animalInfoWrapper .formWrapper .formInputs {
                display: flex;
                flex-direction: column;
            }

    .photoContainer {
        height: 220px;
        width: 220px;
        align-self: center;
        min-width: 220px;
        min-height: 220px;
        order: 1;
    }
}*/
/* _content/VeterinarioAPP/Components/SolicitacaoComponent.razor.rz.scp.css */
.solicitacaoComponent[b-vbqft6dv80] {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: white;
    margin: 2px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    word-wrap: break-word;
    border: 1px var(--primary) solid;
}
    .solicitacaoComponent:hover[b-vbqft6dv80] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: lightblue;
    }

.dataContainer[b-vbqft6dv80] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .dataContainer > *[b-vbqft6dv80] {
        flex: 1 1 25%;
    }

.dataWrapper[b-vbqft6dv80] {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.img-laudo[b-vbqft6dv80] {
    width: 20px;
    margin-left: 12px;
}

.label[b-vbqft6dv80] {
    color: var(--primary);
}

.data[b-vbqft6dv80] {
}

.btnPrint[b-vbqft6dv80] {
    background-color: var(--primary);
    color: white;
    align-self: stretch;
    width: 50px;
    padding: 5px;
}

/* _content/VeterinarioAPP/Components/SolicitacaoEnviada.razor.rz.scp.css */
.solicitacaoEnviada[b-6pa9d7qy60] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.btnVoltar[b-6pa9d7qy60] {
    display: flex;
    height: 30px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
    overflow: hidden;
    align-self: flex-start;
    background-color: var(--primary);
    color: white;
    border: 0;
}

[b-6pa9d7qy60] .btnVoltar svg {
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.btnVoltar span[b-6pa9d7qy60] {
    margin-left: 10px;
}
/* _content/VeterinarioAPP/Components/SolicitacaoExameComponent.razor.rz.scp.css */
.solicitacaoExameComponent[b-y9u8yie6hl] {
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 5px;
    transition: all 0.3s;
}

    .solicitacaoExameComponent:hover[b-y9u8yie6hl] {
        background-color: lightblue;
    }

.codigo[b-y9u8yie6hl] {
    color: var(--primary);
}

.descricao[b-y9u8yie6hl] {
    margin-left: 10px;
}
/* _content/VeterinarioAPP/Components/SolicitacaoAnexoComponent.razor.rz.scp.css */
.solicitacaoAnexoComponent{
    display: flow;
    align-items: center;
    border-radius: 3px;
    padding: 5px;
    transition: all 0.3s;
}

    .solicitacaoAnexoComponent:hover{
        background-color: lightblue;
    }

.codigo{
    color: var(--primary);
}

.descricao{
    margin-left: 10px;
}
/* _content/VeterinarioAPP/Components/TermosComponent.razor.rz.scp.css */
.denyButton[b-l3pin8nv18] {
    background: var(--warningColor);
    margin-left: 20px;
}

.termosComponent[b-l3pin8nv18] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}

    .termosComponent > *:not(div)[b-l3pin8nv18] {
        margin-bottom: 15px;
    }

a[b-l3pin8nv18] {
    font-weight: 600;
    border: unset;
}
/* _content/VeterinarioAPP/Pages/Atendimento.razor.rz.scp.css */
.loaderContainer[b-rlbco2s8ag] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .loaderContainer .loaderElement[b-rlbco2s8ag] {
        margin: auto;
        margin-bottom: 10px;
    }
    .loaderContainer span[b-rlbco2s8ag] {
        font-size: 1.2rem;
    }

.solicitacaoPage[b-rlbco2s8ag] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .solicitacaoPage .pageContainer[b-rlbco2s8ag] {
        margin: 20px;
    }

.solicitacaoHeader[b-rlbco2s8ag] {
    text-align: center;
    border-bottom: 1px solid lightgray;
    top: 0;
    /*position: sticky;*/
    background-color: var(--appDarkBackground);
    /*z-index: 1;*/
    box-shadow: 0px 0px 8px 2px lightgrey;
}

    .solicitacaoHeader .etapaSolicitacao[b-rlbco2s8ag] {
        display: flex;
        /*height: 40px;*/
        align-items: center;
    }

        .solicitacaoHeader .etapaSolicitacao .btnVoltar[b-rlbco2s8ag] {
            height: 25px;
            margin-left: 5px;
        }

            .solicitacaoHeader .etapaSolicitacao .btnVoltar img[b-rlbco2s8ag] {
                height: 100%
            }

        .solicitacaoHeader .etapaSolicitacao .etapa[b-rlbco2s8ag] {
            width: 100%;
            align-self: center;
        }



.framesContainer[b-rlbco2s8ag] {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 100%;
    max-width: var(--pageWidth);
}

.progressoEtapas[b-rlbco2s8ag] {
    background-color: lawngreen;
    height: 4px;
    transform: translateX(-100%);
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 3s;
}

    .progressoEtapas.um[b-rlbco2s8ag] {
        transform: translateX(-66%);
    }

    .progressoEtapas.dois[b-rlbco2s8ag] {
        transform: translateX(-33%);
    }

    .progressoEtapas.tres[b-rlbco2s8ag] {
        transform: translateX(0);
    }

@media only screen and (max-width: 500px) {
    .solicitacaoPage .pageContainer[b-rlbco2s8ag] {
        margin: 0
    }

        .solicitacaoPage .pageContainer .framesContainer[b-rlbco2s8ag] {
            border: unset;
            padding: 10px;
        }
}
/* _content/VeterinarioAPP/Pages/Atendimentos.razor.rz.scp.css */
.atendimentos[b-ugkm3jdg2h] {
    position: relative;
    width: 100%;
    height: 100%;
}

.atendimentosHeader[b-ugkm3jdg2h] {
    text-align: center;
    border-bottom: 1px solid lightgray;
    top: 0;
    background-color: var(--appDarkBackground);
    box-shadow: 0px 0px 8px 2px lightgrey;
}

@media print {
    .atendimentosHeader[b-ugkm3jdg2h] {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.pageWrapper[b-ugkm3jdg2h] {
    margin: 20px;
    position: relative;
}

.pageContainer[b-ugkm3jdg2h] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 100%;
    max-width: var(--pageWidth);
}

.searchFormContainer[b-ugkm3jdg2h] {
    display: flex;
    /*flex-direction: column;*/
    width: 100%;
    align-items: flex-end;
}

.btnLupa[b-ugkm3jdg2h] {
    height: 40px;
    margin-left: 10px;
    margin-top: 10px
}

.searchBar[b-ugkm3jdg2h] {
    display: flex;
}

.parametersContainer[b-ugkm3jdg2h] {
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
}

    .parametersContainer > *[b-ugkm3jdg2h] {
        margin-right: 10px;
    }

.parameter[b-ugkm3jdg2h] {
    display: flex;
    flex-direction: column;
}

    .parameter select[b-ugkm3jdg2h] {
        height: 100%;
    }

.resultsContainer[b-ugkm3jdg2h] {
    width: 100%;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}

.noResultsMessage[b-ugkm3jdg2h] {
    color: var(--primary);
    text-align: center;
}

.loaderContainer[b-ugkm3jdg2h] {
    align-self: center;
}

.resultsList[b-ugkm3jdg2h] {
    display: flex;
    flex-direction: column;
    width: 100%;
}




/*ESTILIZAÇÃO DA VISUALIZAÇÃO*/
.detalhesSolicitacaoWrapper[b-ugkm3jdg2h] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.btnVoltar[b-ugkm3jdg2h] {
    display: flex;
    height: 30px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
    overflow: hidden;
    align-self: flex-start;
    background-color: var(--primary);
    color: white;
    border: 0;
}

[b-ugkm3jdg2h] .btnVoltar svg {
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.btnVoltar span[b-ugkm3jdg2h] {
    margin-left: 10px;
}



@media print {
    .pageWrapper[b-ugkm3jdg2h] {
        margin: 0;
    }
}

@media only screen and (max-width: 500px) {
    .pageWrapper[b-ugkm3jdg2h] {
        margin: 0
    }

    .pageContainer[b-ugkm3jdg2h] {
        border: unset;
        padding: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .searchFormContainer[b-ugkm3jdg2h] {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 550px) {
    .parametersContainer[b-ugkm3jdg2h] {
        flex-direction: column;
        align-items: center;
    }
}
/* _content/VeterinarioAPP/Pages/index.razor.rz.scp.css */
.loginPage[b-gnlt8ikxs1] {
    min-height: 100%;
    width: 100%;
    background-image: url("img/background.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.loginWrapper[b-gnlt8ikxs1] {
    width: 100%;
    max-width: 350px;
    min-height: 400px;
    animation: 1s ease-out 0s 1 slideInFromBotLoginFrame-b-gnlt8ikxs1;
    position: absolute;
    top: 50%;
    align-self: center;
    justify-self: center;
    left: 75%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-75%, -50%);
}

.loginFrame[b-gnlt8ikxs1] {
    position: absolute;
    height: 100%;
    width: 100%;
    box-shadow: var(--defaultBoxShadow);
    z-index: -1;
}

.loginContainer[b-gnlt8ikxs1] {
    margin: 30px;
    display: flex;
    flex-direction: column;
}

    .loginContainer .logoContainer[b-gnlt8ikxs1] {
        height: 90px;
        width: 100%;
    }

        .loginContainer .logoContainer img[b-gnlt8ikxs1] {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    .loginContainer .loaderElement[b-gnlt8ikxs1] {
        margin-top: 50px;
    }

@keyframes slideInFromBotLoginFrame-b-gnlt8ikxs1 {
    0% {
        transform: translate(-75%, -40%);
        opacity: 0;
    }

    100% {
        transform: translate(-75%, -50%);
        opacity: 1;
    }
}

@keyframes slideInFromTop-b-gnlt8ikxs1 {
    0% {
        transform: translate(-50%, -60%);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@media (max-width:400px) and (max-height:700px) {
    .loginFrame[b-gnlt8ikxs1] {
        border-radius: 0;
    }

    .loginWrapper[b-gnlt8ikxs1] {
        border-radius: 0;
        max-height: 710px;
        height: 100%;
        max-width: 410px;
        min-height: unset;
    }

    .loginContainer[b-gnlt8ikxs1] {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.btnLogin[b-gnlt8ikxs1] {
    height: 60px;
    margin: 20px 0 0 0;
    width: 100%;
    font-family: Roboto,'Times New Roman',Times,serif;
    border-width: 0;
    background-color: var(--primary);
    color: white;
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
}

@keyframes slideInFromBot-b-gnlt8ikxs1 {
    0% {
        transform: translate(-50%, -40%);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}
/* _content/VeterinarioAPP/Pages/LaudoIndisponível.razor.rz.scp.css */
.atendimentos[b-jotf1untue] {
    position: relative;
    width: 100%;
    height: 100%;
}

.atendimentosHeader[b-jotf1untue] {
    text-align: center;
    border-bottom: 1px solid lightgray;
    top: 0;
    background-color: var(--appDarkBackground);
    box-shadow: 0px 0px 8px 2px lightgrey;
}

@media print {
    .atendimentosHeader[b-jotf1untue] {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.pageWrapper[b-jotf1untue] {
    margin: 20px;
    position: relative;
}

.pageContainer[b-jotf1untue] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 100%;
    max-width: var(--pageWidth);
}


.noResultsMessage[b-jotf1untue] {
    color: var(--primary);
    text-align: center;
}


@media print {
    .pageWrapper[b-jotf1untue] {
        margin: 0;
    }
}

@media only screen and (max-width: 500px) {
    .pageWrapper[b-jotf1untue] {
        margin: 0
    }

    .pageContainer[b-jotf1untue] {
        border: unset;
        padding: 10px;
    }
}


/* _content/VeterinarioAPP/Pages/Perfil.razor.rz.scp.css */
.loaderContainer[b-pxhdyln38o] {
    margin: auto;
    width: 120px;
}

.perfil[b-pxhdyln38o] {
    margin: 20px;
}

.divTabControl[b-pxhdyln38o] {
    height: 30px;
    margin: 15px 0;
    display: flex;
    position: relative;
}

    .divTabControl[b-pxhdyln38o]:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 2px;
        background: lightgray;
        width: 100%;
    }

.divTabItem[b-pxhdyln38o] {
    font-weight: 600;
    color: var(--lightForegroundColor);
    z-index: 1;
    border-bottom: 2px solid lightgray;
    transition: all 0.5s;
    padding: 0 15px;
    cursor: pointer;
}

.warningSpan[b-pxhdyln38o] {
    color: red;
    font-weight: 600;
}

.greenSpan[b-pxhdyln38o] {
    color: limegreen;
    font-weight: 600;
}

.flexRowDiv[b-pxhdyln38o] {
    margin: 25px 0;
}

    /*.flexRowDiv img {
        margin-right: 15px;
    }*/

.imgTermosIcon[b-pxhdyln38o] {
    height: 50px;
}

.imgStatusAceite[b-pxhdyln38o] {
    height: 20px;
}


.selectedTab[b-pxhdyln38o] {
    color: var(--primary);
    border-color: var(--primary);
}

.spaceLeft[b-pxhdyln38o] {
    margin-left: 15px;
}

.perfilWrapper[b-pxhdyln38o] {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    /*border: 1px solid lightgray;*/
    /*border-radius: 10px;*/
    width: 100%;
    max-width: 800px;
}

.perfilContainer[b-pxhdyln38o] {
}

.headerContainer[b-pxhdyln38o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.logoWrapper[b-pxhdyln38o] {
    max-width: 300px;
    max-height: 160px;
}

    .logoWrapper > span[b-pxhdyln38o] {
    }

.logoMessage[b-pxhdyln38o] {
    text-align: center;
    color: var(--lightForegroundColor);
    font-size: 0.8rem;
}

.logoContainer[b-pxhdyln38o] {
    border: 1px solid lightgray;
    border-radius: 5px;
    max-width: 300px;
    max-height: 160px;
    padding: 5px;
    position: relative;
}

    /*.logoContainer {
    height: 100%;
    width: 100%;
}*/

    .logoContainer > img[b-pxhdyln38o] {
        max-width: 288px;
        max-height: 148px;
    }

    .logoContainer > .photoButton[b-pxhdyln38o] {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 30px;
        width: 30px;
        background-color: var(--appBackground);
        border: 1px solid lightgrey;
        border-radius: 0 30px 0 0;
    }

.photoButton > img[b-pxhdyln38o] {
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    bottom: 0;
}

.submitButton[b-pxhdyln38o] {
    margin: 10px 5px;
}

.formRow[b-pxhdyln38o] {
    display: flex;
}

.singleLine[b-pxhdyln38o] {
    display: flex;
    width: 100%;
}

/*INPUT STYLES*/
.inputNumero[b-pxhdyln38o] {
    max-width: 100px;
}

.inputCEP[b-pxhdyln38o] {
    max-width: 150px;
}

.inputUF[b-pxhdyln38o] {
    max-width: 100px;
}

@media only screen and (max-width: 700px) {
    .headerContainer[b-pxhdyln38o] {
        flex-direction: column
    }
}

@media only screen and (max-width: 500px) {
    .perfil[b-pxhdyln38o] {
        margin: 0
    }

    .submitButton[b-pxhdyln38o] {
        display: block;
        margin: 10px auto;
    }

    .formInfo[b-pxhdyln38o] {
        margin: 5px 0;
    }

    .formRow[b-pxhdyln38o] {
        flex-direction: column;
    }

    .singleLine > *:not(:last-child)[b-pxhdyln38o] {
        margin-right: 10px;
    }

    .perfilWrapper[b-pxhdyln38o] {
        padding: 5px;
        border: unset;
        border-radius: 0;
    }
}
/* _content/VeterinarioAPP/Pages/PoliticaDePrivacidade.razor.rz.scp.css */
.politicaDePrivacidade[b-ip57bo4h7k] {
    width: 100%;
}

.contentWrapper[b-ip57bo4h7k] {
    max-width: 800px;
    /*max-width: var(--pageWidth);*/
    margin: 0 auto;
    text-align: justify;
}

h1[b-ip57bo4h7k] {
    margin: 40px 0;
    text-align: center;
}

h2[b-ip57bo4h7k] {
    text-align: left;
    margin: 15px 0;
}
/* _content/VeterinarioAPP/Pages/TermosDeServico.razor.rz.scp.css */
.termosDeServico[b-rre3sb37jp] {
    width: 100%;
}

.contentWrapper[b-rre3sb37jp] {
    max-width: 800px;
    /*max-width: var(--pageWidth);*/
    margin: 0 auto;
    text-align: justify;
}

h1[b-rre3sb37jp] {
    margin: 40px 0;
    text-align: center;
}

h2[b-rre3sb37jp] {
    text-align:left;
    margin: 15px 0;
}
/* _content/VeterinarioAPP/Shared/MainLayout.razor.rz.scp.css */
.mainLayout[b-rerzos02dk] {
    position: relative;
    min-height: 100%;
    width: 100%;
    display: flex;
    background-color: var(--appBackground);
}

/* _content/VeterinarioAPP/Shared/MenuLayout.razor.rz.scp.css */
.menuLayout[b-suvttgmwim] {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--appBackground);
}

.bodyContainer[b-suvttgmwim] {
    position: relative;
    height: 100%;
    width: 100%;
}

@media print {
    .bodyContainer[b-suvttgmwim] {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
    transition: opacity 0.3s ease-in-out;
}

.modal-content {
    margin: 5% auto;
    padding: 20px;
    max-width: 800px;
    background-color: #fefefe;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.modal:hover .modal-content {
    transform: scale(1.05);
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.opcoes {
    text-align: right;
    margin-top: 10px;
}

#downloadLink {
    color: #007bff;
    text-decoration: none;
}

#downloadLink:hover {
	text-decoration: underline;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

/*Início do CSS dos Painéis de Exames*/
.painel-titulo {
    display: inline-block;
}

.divRemoverPainel {
    height: 30px;
    float: right;
    
}

.divRemoverPainel img {
	height: 100%;
	align-items: end;
	 
}

.addPaineisWrapper {
    display: flex;
    grid-gap: 10px;
    margin-top: 10px;
    flex-direction: column;
}

.inputPaineisContainer {
    display: flex;
    height: 40px;
}

.inputPaineisContainer .btnAdicionarPainel {
	background-color: var(--greenAccent);
	margin-left: 10px;
	min-width: 200px;
}

.solicitacaoPainelExameComponent {
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 5px;
    transition: all 0.3s;
}

.solicitacaoPainelExameComponent:hover {
	background-color: lightblue;
}

.codigoPainel {
    color: var(--primary);
}

.descricaoPainel {
    margin-left: 10px;
}

.atendimentos {
  position: relative;
  width: 100%;
  height: 100%;
}

.gridPainelExameHeader {
  text-align: center;
  border-bottom: 1px solid lightgray;
  top: 0;
  background-color: var(--appDarkBackground);
  box-shadow: 0px 0px 8px 2px lightgrey;
}

@media print {
  .gridPainelExameHeader {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.pageWrapperPainel {
  margin: 20px;
  position: relative;
}

.pageContainerPainelExames {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid lightgray;
  border-radius: 10px;
  width: 100%;
  max-width: var(--pageWidth);
}

.noResultsMessagePainel {
  color: var(--primary);
  text-align: center;
}


/* Estilização Grid dos Painéis*/
.painel-table-PainelExames {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

  .painel-table-PainelExames th {
    padding: 8px;
    background-color: rgb(50, 203, 209);
    color: white;
    border: none;
    border-bottom: 1px solid var(--primary);
  }

    .painel-table-PainelExames th:first-child {
      border-top-left-radius: 5px;
    }

    .painel-table-PainelExames th:last-child {
      border-top-right-radius: 5px;
      border-right: none;
    }

    .painel-table-PainelExames th:first-child {
      border-left: none;
    }

    .painel-table-PainelExames th:last-child {
      border-right: none;
    }

    .painel-table-PainelExames th:not(:first-child):not(:last-child) {
      border-left: 1px solid var(--primary);
      border-right: 1px solid var(--primary);
    }

  .painel-table-PainelExames thead tr {
    border-bottom: 1px solid var(--primary);
  }


  .painel-table-PainelExames td {
    padding: 8px;
    color: black;
    border-bottom: none;
    border-left: none;
  }

    .painel-table-PainelExames td:last-child {
      border-right: none;
    }


.td-identificadorPainel {
  width: 10%;
}

.td-descricaoPainel {
  width: 30%;
}

.td-preco {
  width: 10%;
}

.td-examesPainel {
  width: 70%;
}

.th-identificador {
  width: 10%;
  border-radius: 5px 0 0 0;
}

.th-descricao {
  width: 30%;
}

.th-preco {
  width: 10%;
}

.th-exames {
  width: 70%;
  border-radius: 0 5px 0 0;
}

.painel-table-PainelExames tr.clickable-row {
  cursor: pointer;
}

  .painel-table-PainelExames tr.clickable-row:hover {
    background-color: #e0f7fa;
  }

.painel-table-PainelExames tr.dropdown-content-painelExames {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out, padding 0.2s ease-in-out;
  display: block;
  border-bottom: none;
}

.painel-table-PainelExames tr.show-dropdown-painelExames {
  max-height: 1000px;
  width: min-content;
}

  .painel-table-PainelExames tr.show-dropdown-painelExames td {
    padding: 10px 5px;
  }

.expanded-exames-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 5px 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: auto;
}

.exame-item {
  padding: 8px 12px;
  background-color: #e0f7fa;
  margin-bottom: -12px;
  flex-grow: 0;
  flex-shrink: 1;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 1150px;
}

.exame-codigo {
  font-weight: bold;
  overflow-wrap: break-word;
  word-break: break-word;
}

.exame-descricao {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-wrap: break-word;
  word-break: break-word;
}

.dropdown-content-painelExames {
  width: 1150px;
}

@media only screen and (max-width: 500px) {
  .pageWrapperPainel {
    margin: 0
  }

  .pageContainerPainelExames {
    border: unset;
    padding: 10px;
  }
}

@media only screen and (max-width: 1233px) {
  .exame-item {
    min-width: 1120px;
  }
}
/*Final do CSS dos Painéis de Exames*/

/* Box de situação de Exames */

.situacao-exame-container:hover .situacao-exame-content {
    display: block;
    visibility: visible;
    opacity: 3;
    transition: visibility 0s, opacity .2s linear;
}

.situacao-exame-container {
    position: absolute;
    right: 75px
}

.situacao-exame-content {
    display: none;
    visibility: hidden;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    width: 300px;
    margin-left: -110px;
    border-radius: 5px 5px 5px 5px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.situacao-exame-content header {
    width: 100%;
    color: #444;
    text-align: left;
    background: #17B7BD;
    padding: 1px;
    margin-bottom: 1px;
    color: white;
    border-radius: 1px;
}

.custom-progress-bar {
    background-color: #17B7BD;
    border-color: #17B7BD;
    border-radius: 5px;
    overflow: hidden;
    transition: visibility .4s, opacity .4s linear;
}

.situacao-exame-box {
    z-index: 1000;
    position: absolute;
    padding-top: 14px;
    margin-left: -100px;
    margin-top: 100px;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s, opacity .2s linear;
}

.exames-conteudo {
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Fim Box de situação de Exames */


/* Inicio estilização plugin */

.loginWrapperPlugin {
    border: 1px solid #ccc;
    max-width: 350px;
    min-height: 400px;
    position: absolute;
    background: #fff !important;
}

.loginTitlePlugin {
    text-align: center;
    font-size: 15px;
    color: #ccc;
    margin-bottom: 10px;
}

.loginContainerPlugin {
    margin: 30px;
    display: flex;
    flex-direction: column;
    background: #fff !important;
}

    .loginContainerPlugin .loaderElement {
        margin-top: 50px;
    }

    .loginContainerPlugin .logoContainer {
        height: 90px;
        width: 100%;
    }

        .loginContainerPlugin .logoContainer img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

.btnLoginPlugin {
    height: 60px;
    margin: 20px 0 0 0;
    width: 100%;
    font-family: Roboto,'Times New Roman',Times,serif;
    border-width: 0;
    background-color: var(--primary);
    color: white;
    border-radius: 3px;
    box-shadow: none;
}

.distribuidoPorPlugin {
    margin-top: 20px;
    position: relative;
    height: 25px;
}

    .distribuidoPorPlugin div {
        float: left;
        width: 50%;
        text-align: right;
        line-height: 25px;
    }

img.distribuidoPorPluginImg {
    height: 25px;
    float: left;
    padding-left: 7px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}

    img.distribuidoPorPluginImg:hover {
        opacity: 1;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        filter: grayscale(0%);
    }

/* Fim estilização plugin */



/* Estilização do médico */

.novoSolicitanteFormContainer {
    display: flex;
    flex-direction: column;
}

.loaderContainerSolicitante {
    align-self: center;
}

.radioGroupSolicitante {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .radioGroupSolicitante label {
        font-size: 14px;
    }

.radioButtonsContainer .fontTitleBold {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.formPessoalSolicitante {
    display: grid;
    grid-template-columns: 50% 20% auto;
    grid-gap: 10px;
}

.formProfissionalSolicitante {
    display: grid;
    grid-template-columns: 35% 15% auto;
    grid-gap: 10px;
}

.formEnderecoSolicitante {
    display: grid;
    grid-template-columns: 15% 50% 10% auto;
    grid-gap: 10px;
}

.formEnderecoSolicitanteDois {
    display: grid;
    grid-template-columns: 45% 40% auto;
    grid-gap: 10px;
}

.formContatoSolicitante {
    display: grid;
    grid-template-columns: 25% 25% auto;
    grid-gap: 10px;
}

.inputContainerSolicitante {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.inputContainerSolicitante span {
    white-space:nowrap;
}
    .inputContainerSolicitante input[type="date"] {
        margin-top: -2px;
    }

    .inputContainerSolicitante .small-input {
        width: 100px;
    }

    .inputContainerSolicitante .medium-input {
        width: 200px;
    }

    .inputContainerSolicitante .large-input {
        width: 100%;
    }

.inputContainerSolicitante input {
    width: 100%;
}

.btnCompletarCadastroContainerSolicitante {
    margin: 10px auto;
}

.btnNovoSolicitanteSolicitacao {
    margin: 8px 0;
    cursor: pointer;
}

.btnNovoSolicitanteSolicitacao img {
   width: 25px;
   height: 25px;
}

.loaderContainerSelecionarSolicitante {
    align-self: center;
}

    .loaderContainerSelecionarSolicitante > .loaderElement {
        margin: 0 auto;
    }

.selecionarSolicitanteFrame {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.buscarSolicitanteContainer {
    display: flex;
    flex-direction: row;
    height: 40px;
}

.btnNovoSolicitante {
    margin: 10px 0;
    margin-top: 25px;
}

.formBuscarSolicitanteContent {
    display: flex;
    height: 100%;
}


.resultadoBuscarSolicitantes {
    margin-top: 20px;
}

.noResultsMessageSolicitante {
    color: var(--primary);
    text-align: center;
}

.btnVoltarSolicitante {
    display: flex;
    height: 30px;
    width: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
    overflow: hidden;
    align-self: flex-start;
    background-color: var(--primary);
    color: white;
    border: 0;
}

::deep .btnVoltarSolicitante svg {
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.btnVoltarSolicitante span {
    margin-left: 10px;
}

.loaderContainerSelecionarSolicitante {
    align-self: center;
}

.solicitanteComponent {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: white;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    word-wrap: break-word;
    min-height: 60px;
    border: 1px var(--primary) solid;
}

    .solicitanteComponent:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: lightblue;
    }

    .solicitanteComponent .divDataContainerSolicitante {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 3px 15px;
    }

        .solicitanteComponent .divDataContainerSolicitante .divNomeSolicitante {
            display: flex;
            flex-direction: column;
        }

    .solicitanteComponent .divDataContainerSolicitante .divNomeSolicitante .solicitanteNome {
        color: var(--primary);
    }

        .solicitanteComponent .divDataContainerSolicitante .divInfoContainerSolicitante {
            display: flex;
            width: 100%;
            max-width: 700px;
            justify-content: space-between;
            align-items: center;
            margin-left: 20px;
        }

.divInfoSolicitanteConselho {
    width: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divInfoSolicitanteCelular {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 650px;
}

.divInfoSolicitanteEmail {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 900px;
}

.divInfoSolicitanteCrmv {
    width: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solicitanteWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.solicitantePage {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .solicitantePage .pageContainerSolicitante {
        margin: 20px;
    }

.framesContainerSolicitante {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 100%;
    max-width: var(--pageWidth);
}

.paginacaoSolicitanteComponent {
    display: flex;
    flex-direction: column;
    margin: 10px;
    align-items: center;
}

.pagesWrapperSolicitante {
    display: flex;
    align-items: flex-end;
}

.pageIndexSolicitante {
    color: var(--primary);
    margin: 3px;
    padding: 1px 5px;
    border: 1px solid var(--primary);
    border-radius: 3px;
    box-shadow: var(--defaultBoxShadow);
}

.currentPageSolicitante {
    background-color: var(--primary);
    color: white;
}

.centralPagesSolicitante {
    display: flex;
    margin: 0 10px;
}

.resultsDescriptionSolicitante {
    font-size: 13px;
    margin-top: 10px;
}

@media only screen and (max-width: 650px) {
    .solicitanteComponent {
        flex-direction: column;
        height: unset;
    }

        .solicitanteComponent .divDataContainerSolicitante {
            margin: 0;
            padding: 5px 10px;
            align-self: stretch;
            width: unset;
        }
}


@media only screen and (max-width: 500px) {
    .solicitantePage .pageContainerSolicitante {
        margin: 0
    }

        .solicitantePage .pageContainerSolicitante .framesContainerSolicitante {
            border: unset;
            padding: 10px;
        }
}

/* Fim Estilização médico */
