body.handheld #activity-plan-page .button-control {
    width: fit-content;
}

body.handheld #activity-plan-page .button-control .button-text {
    display: block;
}

/*==== CHAT PATIENT====*/
/*======================*/
/*======================*/
body.handheld .bubble-message-box,
body.handheld .bubble-message-box.myself,
body.handheld .bubble-message-box.interlocutor {
    max-width: 80vw;
}

body.mobile .card-patient-head .avatar {
    height: 32px;
    width: 32px;
}

body.mobile .card-patient-head .avatar-hidden {
    width: 32px;
}

body.mobile .card-patient-head .avatar .elipse {
    height: 32px;
    width: 32px;
}

body.mobile #chat-patient .page-section.page-section-main {
    padding: 4px;
}

/*==== PATIENT SUMMARY ====*/
/*======================*/
/*======================*/

body.desktop .patient-summary .filter-mobile,
body.tablet .patient-summary .filter-mobile {
    display: none;
}

body.mobile .patient-summary .timeline-search-bar {
    display: none;
}

body.mobile .patient-summary .page-action-add {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    width: 40px;
    height: 40px;
    background-color: var(--main-primary-500);
    color: var(--white-pure);
    border: none;
    border-radius: 20px;
    position: fixed;
    bottom: 74px;
    right: 10px;
}

body.desktop .patient-summary .page-action-add,
body.tablet .patient-summary .page-action-add {
    display: none;
}

body.handheld #popup-journey {
    width: 100%;
}

body.desktop .patient-summary .entry:hover,
body.tablet .patient-summary .entry:hover {
    background: var(--main-tertiary-100);
}

body.desktop .patient-summary .entry:active,
body.tablet .patient-summary .entry:active {
    background: var(--main-tertiary-100);
}

body.mobile .patient-summary .entry {
    padding: 0;
}

body.handheld .patient-summary .entry-image.picture .view {
    max-width: 100%;
}

/*==== VISIT LIST ====*/
/*======================*/
/*======================*/
body.mobile #visit-list .visit-table {
    max-width: 88vw;
    overflow-x: auto;
}

/*==== USER PANNEL====*/
/*======================*/
/*======================*/

body.handheld #iduser-panel {
    .cover {
        display: none;
    }

    .div-content {
        .img-container .avatar {
            width: 110px;
            height: 110px;

            img.elipse {
                width: 110px;
                height: 110px;
            }
        }

        .card-patient-head {
            .input {
                padding: 0;
            }

            #idemailpanel {
                font: var(--text-style-b2);
            }

            .name {
                font: var(--text-style-b2);
                text-wrap: wrap;
            }
        }
    }

}

body.handheld #idPopupLoadImage .loadresize {
    width: 100%;
}

body.desktop #iduser-panel {
    .div-content {
        position: relative;
        top: 65px;

        .card-patient-head {
            margin-left: 5%;
            top: 65px;

            .name {
                font-size: x-large;
            }
        }
    }
}