/*Patient Mobile View*/

@media (max-width: 768px) {

    .rz-display-mo-none {
        display: none !important;
    }

    .rz-display-mo-block {
        display: block;
    }

    .rz-display-mo-flex {
        display: flex;
    }

    /*Login*/

    .patient-logintemplate {
        display: block !important;
        height: 100% !important;
    }

    .header-icon {
        padding-left: 1rem !important;
        min-height: 4rem !important;
        padding-right: 1rem !important;
    }

    .mobile-div-learn-more {
        justify-content: center !important;
        gap: 0 !important;
    }

    .rz-footer {
        padding-left: 1rem !important;
    }

        .rz-footer .footer-section {
            gap: 0.4rem !important;
        }

        .rz-footer .rz-dropdown {
            max-width: 120px;
            max-height: 33px;
            font-size: 12px;
        }

        .rz-footer div:has(a) {
            margin-bottom: 5px;
            font-size: 8px;
        }

    .login-error p {
        font-size: 12px !important;
    }
    /*QR*/
    .mobile-hidden {
        display: none;
    }

    .desktop-hidden {
        display: block;
    }
    /*Otp*/

    .otp-dialog {
        height: 50vh !important;
    }

        .otp-dialog input {
            height: 70px;
            width: 50px;
        }

        .otp-dialog .rz-security-code-wrapper {
            gap: 8px !important;
        }

    .otp-error {
        gap: 0.3rem;
        row-gap: 0.3rem;
    }

    /*Home*/

    .mobile-tabs button {
        font-size: 10px;
        height: 30px;
        width: 100px;
    }

    /*Profile Tab*/

    .info-general img {
        width: 35px !important;
        height: 35px !important;
    }

    .info-general h6 {
        margin-top: 5px;
    }

    .info-general button, .btn-org-loa {
        width: 40px;
        height: 40px;
    }

        .info-general button span, .btn-org-loa span {
            font-size: 0 !important;
        }

            .info-general button span img, .btn-org-loa span img {
                width: 20px !important;
                height: 20px !important;
                position: fixed;
            }

    .info-section hr {
        margin: 20px 0;
    }

    .info-org-header h5 {
        margin-top:6px;
        font-size:16px
    }

    .btn-remove-access{
        height:40px !important;
    }

    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert).mobile-dialog-bottom {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 500px;
        z-index: 2000 !important;
        border-radius: 16px 16px 0 0 !important;
    }

    /*ReportsTab*/
    .d-block {
        /*display:block !important;*/
        max-height: 500px;
        transition: max-height 0.5s ease-in-out, opacity 1.2s ease-in-out;
        opacity: 100;
    }
    .d-none {
        /*display:none !important;*/
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
        opacity: 0;
    }
    
    .center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media (min-width: 767px) {
    /*QR*/
    .desktop-link-button .rz-button {
        background-color: transparent;
        border-color: transparent;
        color: var(--rz-primary);

    }

        .desktop-link-button .rz-button:hover {
            text-decoration: underline;
        }

    .mobile-hidden {
        display: block;
    }

    .desktop-hidden {
        display: none;
    }
}