#analisador-wrapper {
    height: 100%;
    font-size: 1.2rem;
    color: #666;
}


/* INFOS PACIENTE */

.infos-paciente-wrap {
    display: flex;
    gap: .5rem;
    padding: .5rem;
    background: #dedede;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .5);

    z-index: 999;
}

.infos-paciente-wrap .rotulo-info {
    padding: .5rem;
    background: #fff;
    border: solid .1rem rgba(0, 0, 0, .2);
    border-radius: .5rem;
    color: #666;
    font: inherit;
}

.infos-paciente-wrap .rotulo-info.marcapasso{
    background: #ffc;
}

.infos-paciente-wrap. .rotulo-info.revissao{
    background: #e85e03;
    color: #fff;
}

.infos-paciente-wrap .rotulo-info.repassado{
    background: #8c03ba;
    color: #fff;
}

.infos-paciente-wrap #fechar-analisador {
    border: none;
    background: none;
    line-height: 0;
    outline: none;
}

/* FIM INFOS PACIENTE */




.infos-exame-wrap{
    flex: 1;
    display: flex;
    overflow: hidden;
}


.gerenciador-laudo-wrap {
    width: 32rem;
    min-width: 32rem;
    background: #fff;
    transition: all .5s;
}

.conteudo-gerenciador-laudo {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: solid .1rem #0003;
}


.controle-frases-analisador {
    display: flex;
    padding: 1rem;
    border-bottom: solid .1rem #e2e2e2;
}

.controle-frases-analisador button{
    flex: 1;
    padding: .3rem;
    margin: .3rem;
    color: #777;
    background: #f2f2f2;
    border: solid .1rem #ededed;
    border-radius: 0;
    outline: none;
    transition: all .5s;
}

.controle-frases-analisador button:hover{
    background-color: #e9e9e9;
    border-color: #ccc;
}



#categorias-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-bottom: solid .1rem #e2e2e2;
    overflow: auto;
}

.categoria {
    padding: .5rem;
    margin: 1rem 0;
}

.categoria button {
    border: none;
    border-radius: 0;
    background: none;
    color: #666;
    font-size: 1.3rem;
    text-align: left;
    outline: none;
}

.categoria .toggle-categoria .ico-plus-square {
    display: inline-block;
}

.categoria .toggle-categoria .ico-minus-square {
    display: none;
}




.analise-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.frases-wrap {
    margin-left: 2rem;
    margin-bottom: 1rem;
    padding: .5rem;
}

.frases-wrap .frase-wrap {
    padding: 1rem 0;
    border-bottom: solid .1rem #0001;
    cursor: pointer;
}

.frases-wrap .frase-wrap:last-child {
    border: none;
}

.frase-wrap .frase {
    color: #999;
    text-align: left;
}

.frases-wrap .frase-wrap .frase.selected {
    opacity: .5;
}

.toggle-opcoes,
.opcoes-frase button,
.opcoes-categoria button {
    padding: 0 .5rem;
    min-height: auto;
    height: auto;
}

.toggle-opcoes {
    opacity: .2;
    transition: all .5s;
}

.toggle-opcoes:hover {
    opacity: 1;
}




.gerenciador-exame-wrap {
    flex: 1;
    display: flex;
    position: relative;

    width: 100%;
}

.modelo-laudo-wrap {
    padding: 1rem;
}

.rotulo-laudo {
    display: inline-block;
    margin: .5rem 0;
    opacity: .5;
}

#salvar-conclusao-laudo {
    float: right;
    background: none;
    padding: 0;
    border: none;
    outline: none;
    color: #0e90d2;
    transition: all .5s;
    text-decoration: underline;
    display: none;
}

#salvar-conclusao-laudo:hover {
    color: #999;
}

.conclusao-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1rem;
    border-top: solid .1rem #e2e2e2;
}

.conclusao-wrap textarea {
    flex: 1;
    padding: .5rem;
    border: none;
    resize: none;
}

.conclusao-wrap .msg-salvo {
    font-size: 2rem;
    font-weight: bold;
    opacity: .5;
    text-align: center;
    padding: 3rem;
    flex: 1;
}

.conclusao-wrap .msg-salvo i {
    font-weight: bold;
}

.rotulo-calculo-descenso {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: .3rem;
    border: dashed .1rem #0001;
    background: #00000005;

    .calculo {
        flex: 1;
        display: flex;
        align-items: center;
        gap: .5rem;

        #remover-descenso {
            background: none;
            border: none;
            padding: .2rem;
            color: #555;
            opacity: 1;

            &[disabled]{
                opacity: .2;
            }
        }
    }

    #calcular-descenso {
        color: #777;
        background: #ffffff;
        border: solid .1rem #ededed;
        border-radius: 0;
        opacity: 1;

        &[disabled]{
            opacity: .2;
        }
    }
}

#exame-wrap {
    flex: 1;
    background: #333;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#exame-wrap.full {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

#rotate-left,
#rotate-right,
#full-screen,
#new-tab {
    color: #d3d3d3;
    background: #333;
    font-size: 1.5rem;
    outline: none;
}

#exame-wrap #full-screen i.ico-fullscreen{
    display: inline-block;
}

#exame-wrap #full-screen i.ico-close-fullscreen{
    display: none;
}

#exame-wrap.full #full-screen i.ico-fullscreen{
    display: none;
}

#exame-wrap.full #full-screen i.ico-close-fullscreen{
    display: inline-block;
}

#exame-wrap #exame-img-wrap,
#exame-wrap iframe{
    flex: 1;
}

#exame-img-wrap {
    overflow: auto;
    padding: 2rem 2rem 5rem 2rem;
}

#exame-img-wrap img{
    width: 100%;
    box-shadow: 0 0 1rem rgba(0,0,0,.75);
    border: solid 1px rgba(255,255,255,.5);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}


#exame-img-wrap img.rotate-90 {
    width: auto;
    -webkit-transform: rotate(90deg) translateY(-100%);
    -moz-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
    -o-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%);
}

#exame-img-wrap img.rotate-180 {
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    -moz-transform: rotate(180deg) translate(-100%, -100%);
    -ms-transform: rotate(180deg) translate(-100%, -100%);
    -o-transform: rotate(180deg) translate(-100%, -100%);
    transform: rotate(180deg) translate(-100%, -100%);
}

#exame-img-wrap img.rotate-270 {
    width: auto;
    -webkit-transform: rotate(270deg) translateX(-100%);
    -moz-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
    -o-transform: rotate(270deg) translateX(-100%);
    transform: rotate(270deg) translateX(-100%);
}


.menu-lateral-wrap{
    display: none;
}

.menu-inferior-wrap{
    display: none;
}

#concluir-laudo-wrap{
    padding: 1rem;
    border-top: solid .1rem #e2e2e2;
}

.big-button {
    border: solid .2rem rgba(0,0,0,.1);
    font-size: 1.5rem;
    color: white;
    font-weight: bold;
    border-radius: 0;
}

.big-button:disabled {
    background: #999;
    opacity: .2;
}

#concluir-laudo{
    background: #009933;
    transition: .5s;
}

#concluir-laudo:hover{
    background: #00b33a;
}

#pedir-revisao-analisador{
    display: none;
    background: #e85e03;
}

#pedir-revisao-analisador:hover{
    background: #fe6303;
}

#repassar-exame-analisador{
    background: #8c03ba;
}

#repassar-exame-analisador:hover{
    background: #a603d5;
}

#recusar-exame-analisador{
    background: #333;
}

#recusar-exame-analisador:hover{
    background: #404040;
}

#enviar-alerta{
    background: #f00;
}

#enviar-alerta:hover{
    background: #e70000;
}

.opcoes-exame-wrap{
    width: 100%;
    position: absolute;
    display: flex;
    bottom: 0;
    padding: 1rem;
    background: rgba(0, 0, 0, .5);
}

.opcoes-exame-wrap .big-button {
    margin-right: .5rem;
    padding: .6rem 1.4rem;
}

.opcoes-exame-wrap #enviar-alerta {
    margin: 0;
}

.btn-ordenar {
    padding: 0 .3rem;
    background: none;
    border: none;
    font-size: 1.5rem;
    outline: none;
    opacity: .5;
    transition: all .5s;
}

.toggle-categoria-ordenacao,
.texto-frase {
    flex: 1;
    background: none;
    border: none;
    font-size: 1.3rem;
    text-align: left;
    outline: none;
}

 .toggle-categoria-ordenacao{
    font-weight: bold;
}





.popup .categoria .linha-categoria,
.popup .frase{
    transition: .5s;
}

.popup .categoria:not(:first-of-type) .linha-categoria,
.popup .frase:not(:first-of-type){
    border-top: solid .1rem #0001;
}

.popup .categoria:hover .linha-categoria,
.popup .frase:hover {
    background: #0272;
}


.popup #table-calculo-descenso {
    width: 100%;

    tbody {

        input {
            width: 6rem;
            border: none;
            border-bottom: solid .1rem #0002;
            background: none;
            text-align: center;
        }
    }
}


/*popup notification*/
#information-wrapper.hidden #toggle-popup-notifications {
    right: 1rem;
}

#toggle-popup-notifications {
    right: calc( (var(--popup-notification-width)) + (var(--popup-notification-margin) * 2));
    transition: all .5s;
}


@media screen and (max-width: 800px) {
    .opcoes-exame-wrap {
        padding: .5rem;
    }

    .opcoes-exame-wrap .big-button {
        font-size: 1.2rem;
    }


    .popup {
        position: fixed;
        margin: 1rem auto;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 2rem);
    }
}


@media screen and (max-width: 770px) {
    /*popup notification*/


    /* Estilo aplicado a .x quando ele tem um irmão .y */
    body:has(.popup-wrap) #information-wrapper {
        top: 0;
        bottom: auto;
    }

    /* Estilo aplicado a .x quando ele não tem um irmão .y */
    body:not(:has(.popup-wrap)) #information-wrapper {
        top: auto;
        bottom: 0;
    }
}


@media screen and (max-width: 710px) {
    .opcoes-exame-wrap {
        align-items: center;
    }

    .opcoes-exame-wrap .big-button {
        font-size: 1rem;
    }
}


@media screen and (max-width: 640px){
    #fechar-analisador {
        max-width: 100%;
    }

    .infos-paciente-wrap .rotulo-info:not(#fechar-analisador) {
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }



    .infos-exame-wrap {
        position: relative;
    }

    .gerenciador-laudo-wrap {
        display: flex;
        width: auto;
        min-width: auto;
        z-index: 99;
    }

    .gerenciador-laudo-wrap.aberto {
        position: absolute;
        top: 0;
        bottom: 0;
    }


    .conteudo-gerenciador-laudo {
        display: none;
    }

    .gerenciador-laudo-wrap.aberto .conteudo-gerenciador-laudo {
        display: flex;
    }


    .toggle-controles-gerenciador {
        display: flex;
        background: #586266;
    }


    .toggle-controles-gerenciador button {
        padding: 0 .3rem;
        border: none;
        background: none;
        color: #fff;
    }

    .gerenciador-laudo-wrap button.right {
        display: inline-block;
    }

    .gerenciador-laudo-wrap button.left {
        display: none;
    }

    .gerenciador-laudo-wrap.aberto button.left {
        display: inline-block;
    }

    .gerenciador-laudo-wrap.aberto button.right {
        display: none;
    }
}


@media screen and (max-width: 428px) {
    .opcoes-exame-wrap .big-button {
        font-size: 1.3rem;
    }
}


@media screen and (max-width: 375px) {
    .opcoes-exame-wrap .big-button {
        font-size: 1rem;
    }
}