.modal {
    padding-right: unset !important;
}

.modal-header, .modal-footer {
    background-color: #f5f5f5;
    height: 60px !important;
    padding: 10px !important;
}

.modal-header {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px #ccc solid;
}

.modal-footer {
    border-top: 1px #ccc solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.modal-body {
    height: 500px;
    overflow-y: scroll !important;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.modal-body2x {
    height: 480px;
}


.modal-open {
    /*overflow-y: hidden !important;*/
}

.modal-content {
    /*box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.30) !important;*/
}

.modal-backdrop.in {
    opacity: 0.3 !important;
}

.modal-backdrop {
    filter: unset !important;
    opacity: 0 !important;
}

.modal-backdrop {
    /*display: none !important;*/
}

.modal-largo {
    padding: 0px !important;
}

#modalNova {
    z-index: 2000;
}

#modalWelcome .modal-content {
    top: 26px;
}

#recorrenciaModal, #atendimentoModal {
    z-index: 9991;
}

#prontuariosListaModal {
    z-index: 9992;
}

#agendasPacienteModal {
    z-index: 9999 !important;
}

#pacienteModal .modal-body {
    overflow: hidden;
}

#horarioModal textarea {
    height: 60px;
}

#horarioModal .modal-body {
    padding-bottom: 4px;
}

.modal-footer {
    padding: 10px !important;
}

#dadosAgendamento {
    margin-bottom: 0px !important;
}

    #dadosAgendamento .panel-body {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

.textpro {
    height: 360px !important;
}



@media screen and (min-width: 1024px) and (max-height: 712px) {
    .modal-body {
        height: 430px !important;
    }

    .modal-body2x {
        height: 410px !important;
    }
}

@media screen and (max-width: 500px) and (min-height: 600px ) {
    #horarioModal textarea {
        height: 110px;
    }
}

@media screen and (max-height: 580px) {
    .modal-body {
        height: 430px !important;
    }

    .modal-body2x {
        height: 410px !important;
    }
}

@media screen and (max-height: 540px) {
    .modal-body {
        height: 390px !important;
    }

    .modal-body2x {
        height: 370px !important;
    }
}

@media screen and (max-height: 480px) {
    .modal-body {
        height: 350px !important;
    }

    .modal-body2x {
        height: 330px !important;
    }
}


@media screen and (max-width: 400px) {
    .modal-dialog {
        margin: 1px;
    }

    #horarioModal .panel-body {
        padding-left: 3px !important;
        padding-right: 3px !important;
        padding-bottom: 3px !important;
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 320px) {
    .modal-footer .btn {
        margin: 2px;
        /*font-size: 16px;*/
    }

    #horarioModal textarea {
        height: 60px;
    }
}

@media screen and (min-height: 740px) {
    .modal-body {
        height: 560px !important;
    }

    .modal-body2x {
        height: 560px !important;
    }

    #horarioModal textarea {
        height: 170px;
    }

    .textpro {
        height: 430px !important;
    }

    .textmodelo {
        height: 350px !important;
    }
}


@media screen and (min-height: 812px) {
    .modal-body {
        height: 660px !important;
    }

    .modal-body2x {
        height: 660px !important;
    }

    #horarioModal textarea {
        height: 280px;
    }

    .textpro {
        height: 540px !important;
    }

    .textmodelo {
        height: 460px !important;
    }
}


@media screen and (min-height: 896px) {
    .modal-body {
        height: 730px !important;
    }

    .modal-body2x {
        height: 730px !important;
    }

    #horarioModal textarea {
        height: 300px;
    }

    .textpro {
        height: 588px !important;
    }

    .textmodelo {
        height: 510px !important;
    }
}

@media screen and (min-height: 966px) {
    .extended-modal > div > .modal-body {
        height: 800px !important;
    }
}

@media screen and (min-height: 1066px) {
    .extended-modal > div > .modal-body {
        height: 860px !important;
    }
}

@media (min-width:768px) {
    .extended-modal {
        width: 760px !important;
    }
}

@media (min-width:992px) {
    .extended-modal {
        width: 972px !important;
    }
}

@media (min-width:1200px) {
    .extended-modal {
        width: 1180px !important;
    }
}

@media (min-width:1200px) AND (min-height:1080px) {

    .extended-modal.textpro {
        height: 730px !important;
    }
}

@media (min-width:1920px) AND (min-height:1080px) {
    .extended-modal {
        width: 1800px !important;
    }
}