/*Common Style*/ :root { --bodyfont-size: 13px; --primary: #30416f; --primary-dark: #445582; --secondary: #546798; --lightblue: #d5dff3; --lightblueactive: #d5dff3; --navlink: #EFF4F6; --blue-green: linear-gradient(130deg, #20957f, #02b75b); --vidalbg: #B6113F; --siteblack: #001612; --title-blue: #263238; --grey: #66757F; --site-liner: linear-gradient(to right, #1C2D60 0%, #8298C5 100%); --detail-liner: linear-gradient(135deg, #445582 0%, #6479b6 45%, #7086ba 100%); --detail-right-liner: linear-gradient(135deg, #526597 0%, #6479b6 45%, #7086ba 100%); --detail-card: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(236,243,255,0.86)); --detail-card-radius: 20px; --border-radius: 10px; --dark-blue: #00233A; --border-primary: #7cbad9; --text-green: #039a7e; --light-primary: #d5dff3; --primary-light: #8294CB; --error: #D84C3A; --success: #6cab77; --bodybg: radial-gradient(circle at top left, #ffffff 0%, #f9fbff 35%, #eef4ff 100%); --muted: #70809a; --valid: linear-gradient(180deg, #a1b7eb 0%, #6479b6 100%); --before-login-bg: radial-gradient(circle at top left, #ffffff 0%, #f9fbff 35%, #eef4ff 100%); --border: rgba(94, 108, 155, 0.12); --shadow: 0 12px 35px rgba(94, 108, 155, 0.12); --fds-title-bg: #EEF3FE; --tab-bg: var(--login-box-bg); --danger: #c75b55; --danger-bg: #f7ebea; --soft-green: #e9f2e4; --soft-blue: #eff3fb; --container: 1440px; /*button*/ --white-new: rgba(255,255,255,0.92); --pre-rdvbtn: var(--white-new); --his-rdvbtn: var(--white-new); --his-emailbtn: linear-gradient(180deg, #8cc894 0%, var(--success) 100%); --bloquerbtn: var(--white-new); --adj-un-med-btn: var(--white-new); --det-top-nav: var(--white-new); --det-top-nav-text: #546684; --det-top-nav-border: 1px solid var(--border); --det-top-nav-shadow: 0 8px 18px rgba(94,108,155,0.05); --gradient-btn: linear-gradient(180deg, #87a0de 0%, #5E6C9B 100%); /*alert*/ --alert-warning: #F9F0D7; --alert-warning-text: #9b7f35; --alert-border: #E2DBC2; --alert-text: #595656; /*card*/ --dos-card-border: #DAE4FF; --card-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 8px 20px rgba(0, 0, 0, 0.06); /*accordion*/ --accordion-btn: var(--gradient-btn); --accordion-border: 1px solid var(--border); --accordion-btn-text: #fff; --accordion-box: var(--white-new); --accordion-text: #526d86; /*--loginbox*/ --login-box-bg: rgba(255, 255, 255, 0.92); --login-box-title: #00233A; --login-box-link: #334F61; --login-box-link-hover: var(--primary); --login-box-text: #334F61; --login-box-shadow: var(--shadow); --login-box-border: 1px solid var(--border); --login-box-radius: 28px; /*--acc-card*/ --acc-card-border: 1px solid rgba(94, 108, 155, 0.10); --acc-card-shadow: 0 12px 35px rgba(94, 108, 155, 0.10); --acc-card-bg: #f3f5fb; --acc-card-text: #445582; --acc-header-gradient: linear-gradient(90deg, #7082b4 0%, #5E6C9B 55%, #7daed5 100%); --acc-card-img-shadow: 0 20px 40px rgba(94, 108, 155, 0.18); --acc-card-img-bg: linear-gradient(180deg, #ffffff, #eef2fb); --acc-header-urgent-gradient: linear-gradient(90deg, #d88979 0%, #ef9c8e 100%); --nodata-icon: #7f8ea2; --nodata-bg: linear-gradient(180deg, #f6f9fd 0%, #eef3f8 100%); --nodata-border: var(--header-border); /*--header*/ --header-bg: rgba(246, 249, 255, 0.82); --header-border: 1px solid rgba(94, 108, 155, 0.08); --header-shadow: 0 8px 24px rgba(94, 108, 155, 0.08); --menu-bg: rgba(255, 255, 255, 0.78); --menu-border: 1px solid var(--border); --menu-shadow: var(--shadow); --menu-text: var(--siteblack); --menu-hover-bg: rgba(94, 108, 155, 0.08); --menu-hover-text: var(--primary-dark); --menu-active-bg: linear-gradient(180deg, #87a0de 0%, #5E6C9B 100%); --menu-active-shadow: 0 10px 24px rgba(94, 108, 155, 0.20); --menu-radius: 999px; --yellow-gradient: linear-gradient(135deg, #fbc761, #f7a94b); --listing-header : linear-gradient(180deg, rgba(247,248,252,.96), rgba(245,246,251,.92)); --form-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(236, 243, 255, 0.86)); --footer-bg : rgba(255, 255, 255, 0.44); --text:#1F2A3A; --bg:#F6F9FF; --bg-soft:#EDF3FF; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } *:focus, *:focus-visible { outline: none !important; box-shadow: none !important; } .pointer { cursor: pointer !important; } textarea { resize: none; } .container-fuild,.container-fluid,.search-sec .form-inline-full { width: min(1820px, calc(100% - 10px)); margin: auto; } .accueil .search-sec { margin-bottom: 10px; } .dashbg .container { max-width: 1440px; } /*customscrollbar*/ @-moz-document url-prefix() { :root { scrollbar-width: thin; scrollbar-color: #bababa #eee; } .custom-scrollbar-css, .rbc-time-content, .modal-body, .dropdown-menu, .taches-block, .notes-outer, .ptab-container .rvd-card-block { scrollbar-width: thin !important; scrollbar-color: #bababa #eee; } } ::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 6px; } ::-webkit-scrollbar-track { background: #eee; } ::-webkit-scrollbar-thumb { background: #bababa; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: grey; } input:disabled~label, input:disabled { cursor: default; } /*end*/ .right-menu .navbar-nav .nav-item { min-width: 35px; } body { background: var(--bodybg) !important; position: relative; } .modal .hint { color: red; padding-top: 5px; } .ps4 { padding-left: 0.4rem !important; } .container { max-width: 1240px; } .before-login .container-fluid { max-width: var(--container); width:100%; } .task-menu .nav-link { padding-right: 30px !important; } .navbar-nav.main-manu .task-menu .nav-link:has(#todoCountBadge:empty) { padding-right: 14px !important; } .task-menu .pcnt { right: 6px; } .fds-error-list { text-align: left; max-width: 295px; margin: auto; } .fds-error-list li { list-style: disc; margin-left: 20px; } @media screen and (max-width: 1170px) { .before-login .container-fluid { max-width: 980px; } } .invalid-feedback { display: none; } .invalid-feedback strong { font-weight: 400; font-size: 13px; color: #E10000; } .toastbg-danger { background: var(--acc-header-urgent-gradient) !important; color:#7a4343 !important; font-weight: 500; } .greytext { color: var(--muted); font-size: 15px; font-weight: 500; } .text-danger { color: #D84C3A; } .context-menu { cursor: context-menu; } table.dataTable { border-spacing: 0 8px !important; } table.table-bordered.dataTable td { border-top-width: 2px; } table.table-bordered.dataTable th:first-child { border-radius: 14px 0 0 14px !important; } table.table-bordered.dataTable th:last-child { border-radius: 0 14px 14px 0 !important; } table.table-bordered.dataTable td:last-child { border-radius: 0 30px 30px 0 !important; border-right: 2px solid var(--primary); } table.table-bordered.dataTable td:first-child { border-left: 2px solid var(--primary); border-radius: 30px 0 0 30px !important; } table.table-bordered.dataTable tr.active td:last-child { border-right: 2px solid #015790 !important; } table.table-bordered.dataTable td.dataTables_empty, table.table-bordered.dataTable td.dt-empty { border-radius: 30px !important; color: #D84C3A; padding-top: 20px; font-size: 15px; } table.table-bordered.dataTable tr:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border-radius: 30px; background: var(--light-primary); } table.table-bordered.dataTable thead tr:hover { background: transparent; border-radius: 0px; box-shadow: inherit; } .data-listing table.dataTable td a.delete-arch-icon, .data-listing table.dataTable td a.delete-arch-icon:hover { color: #D84C3A; } .form-control.is-invalid:focus, .form-control:invalid:focus { box-shadow: none; border-color: var(--primary); } .loading { position: absolute; width: 100%; height: 100vh; z-index: 99; } .loading img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; width: 50px; height: 50px; } #ocr_process_txt { margin-bottom: 10px; border-radius: 10px; padding: 10px; color: var(--error); text-align: center; } .icanopee_loader { position: absolute; width: 100%; height: 100vh; z-index: 99; background-color: rgba(0, 0, 0, 0.3); } .icanopee_loader img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; width: 50px; height: 50px; } #submitOrReplaceDmpModal { & #show_dmp .dmp-date-select { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 5px; } & .toggle_dmp_div { cursor: pointer; } & .dmp_blocked_doc { background-image: linear-gradient(45deg, #CF4835, #EB7979); } & .dmp_unblocked_doc { background-image: var(--site-liner); } & .dmp_colapse_div { border: 1px solid #d3c1c160; padding: 10px; border-radius: 5px; display: flex; flex-direction: column; } } .pat-tab-section .nav-pills .nav-link#dmp_files_modal { min-width: 105px !important; } .selected-dmp-container { background: #9fd7f7; border-radius: 10px; } .basedmp-container .cards-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .dmp-main-box .added_text:hover, .dmp-main-box .added_format:hover, .dmp-main-box .added_praticiens:hover { background-color: #265171; transition: background-color 0.3s; } .basedmp-container .cards-container .card-body { padding: 16px; font-size: 13px; } .basedmp-container .cards-container .card-body .categories-list { display: flex; flex-direction: column; } #dmp_storage_file, #tiff_file_viewer { height: 75vh; width: 100%; border-radius: 0px 10px 10px 10px; border: 1px solid var(--grey); } .dmp-patient-data { overflow: hidden; } .dmp-patient-data .person-det-name { overflow: hidden; } .dmp-patient-name { text-overflow: ellipsis; width: 100%; display: inline-block; overflow: hidden; } /* NEW CSS FROM THE DMP SERVER */ .dmp-css { pointer-events: none; border: 2px solid #003366b5; color: #003366 !important; background-color: #FFFFFF !important; font-size: 0.75rem !important; padding: 10px !important; border-radius: 5px; } #html_dmp_storage_file { max-height: 75dvh; overflow: auto; } .first-filter-container .searh-btns { display: flex; } .visibilty-div-size { width: fit-content; } .first-filter-container .searh-btns .btn { height: 35px; padding: 6px 15px; } .first-filter-container .dmp-date-filter-fields { display: flex; align-items: self-end; gap: 10px; flex-wrap: wrap; } .redirect_btn { margin-right: 30px; } .basedmp-container .table tr td .iconify, .dmp-table-contents .iconify { font-size: 20px; } #dmp_accessible_list #dmps_last_set_lists { font-size: 13px; line-height: 19px; max-height: 70vh; overflow: auto; } #dmp_accessible_list #modal-title, #updateAuthorizeModal #modal-title { font-size: 18px; font-weight: 500; text-align: center; width: 100%; } .dmp_mon_compte_icon { border-radius: 2px; background: #667a88; padding: 2px; width: 24px; height: 16px; } .basedmp-container #dmp_accessible_list { max-height: 300px; overflow: auto; border: 1px solid #c6c5c5; border-radius: 3px; padding: 5px; } .basedmp-container .iconify.datepicker { top: 10px; right: 5px; font-size: 16px; } .basedmp-container .cmuame_dateblk .iconify.datepicker { top: 7px; right: 5px; } .basedmp-container .patient-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); gap: 10px; margin: 10px 0 10px 0; } .basedmp-container .person-det { color: #FFFFFF; } #dmp_urls_list .modal-body { padding-top: 20px; } #upload_dossier { background: linear-gradient(45deg, #0000009f, transparent); } #upload_dossier .modal-content .dash-main.new-dash { width: 31% !important; } #dmp_urls_list .dmp-auth-lists .doc_name { color: var(--primary); font-size: 16px; font-weight: 500; } #dmp_urls_list .dmp-auth-lists .speciality, #dmp_urls_list .dmp-auth-lists .treating_doc, #dmp_urls_list .dmp-auth-lists .rpps { font-size: 14px; font-weight: 500; } #dmp_urls_list .dmp-auth-lists .treating_doc .treat_yes { color: var(--text-green); } #dmp_urls_list .dmp-auth-lists .treating_doc .treat_no { color: var(--vidalbg); } #dmp_urls_list .dmp-auth-lists .speciality span, #dmp_urls_list .dmp-auth-lists .treating_doc span, #dmp_urls_list .dmp-auth-lists .rpps span { font-weight: 400; } #dmp_urls_list .patient-data .patient { color: var(--primary); font-size: 16px; font-weight: 500; } #dmp_urls_list .patient-data .address, #dmp_urls_list .patient-data .tcr_temp_title { font-size: 14px; font-weight: 500; } #dmp_urls_list .patient-data .address span, #dmp_urls_list .patient-data .tcr_temp_title span { font-weight: 400; } #dmp_urls_list .modal-body .urls { font-size: 14px; white-space: nowrap; margin: 2px 0; width: 250px; } #dmp_urls_list .modal-body .urls a { text-decoration: none; } #dmp_urls_list .modal-body .urls-align-lists { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } #dmp_urls_list .modal-body .urls button { min-width: 200px; display: flex; } .basedmp-container .deleteicon { color: #D84C3A; } .other-actions-sec-two .deleteicon { color: #FF0000; } .basedmp-container .docicon { color: var(--primary); display: flex; gap: 10px; } .basedmp-container .formfield select { height: 35px; } .basedmp-container .eyeicon, #dmp_accessible_list .modal-title { color: var(--primary); } .basedmp-container .archiveicon { color: #14A7C7; } #dmp_file_page .dmp-main-info .dmp-doc-date, #getUniqueDmpDoc .dmp-main-info .dmp-doc-date, .dmp-table-contents .dmp-main-info .dmp-doc-date, #dmp_modal_action_content .doc-display-name, #dmp_modal_action_content .dmp-doc-date { font-size: 12px; font-weight: 500; } #dmp_modal_action_content .iconify { font-size: 20px; color: #00548E; } #dmp_accessible_list .text-center.title { font-size: 18px; font-weight: 500; } .dmp_document_category_container, .dmp_document_format_container { display: flex; flex-direction: column; } .common-list-data #category_added_list, .common-list-data #img_format_added_list, .common-list-data #praticiens_added_list { font-size: 13px; } .dmp-main-box .common-list-data { margin-bottom: 10px; } .search_form .formfield { margin-bottom: 0px !important; max-width: max-content; margin: 0; } .dmp_file_upload .btn { height: 35px; } .dmp-auth-lists .lists { display: flex; flex-direction: column; margin: 10px 0px; line-height: 19px; } #dmp_accessible_list #dmp_acc_from { padding: 5px; height: 32px; } .basedmp-container .patient-top-sec { min-height: 175px; } #dmp_accessible_list .formfield .iconify { top: 8px; } #dmps_last_set_lists .name { color: var(--primary); font-size: 16px; font-weight: 500; } #dmps_last_set_lists .matricle_ins, #dmps_last_set_lists .treating_doc { font-size: 14px; font-weight: 500; } #dmps_last_set_lists .matricle_ins span, #dmps_last_set_lists .treating_doc span { font-size: 14px; font-weight: 400; } #dmps_last_set_lists .treating_doc .treat_yes { color: var(--text-green); } #dmps_last_set_lists .treating_doc .treat_no { color: var(--vidalbg); } #dmps_last_set_lists .dates { font-size: 14px; font-weight: 500; font-style: italic; } .dmp_acc-date { max-width: 150px; } #dmp_file_page .dmp-main-info .dmp-doc-date .iconify, #getUniqueDmpDoc .dmp-main-info .dmp-doc-date .iconify, #getUniqueDmpDoc .other-actions-sec-one .iconify { color: var(--primary); font-size: 20px; } .dmp-table-contents .dmp-main-info .dmp-doc-date .iconify, .dmp-table-contents .other-actions-sec-one .iconify, .dmp-table-contents .other-actions-sec-one .iconify { color: var(--primary); font-size: 20px; } #updateAuthorizeModal .form-check label { color: #4F5A5F; } .dmp-status-bar { background: #265171; padding: 5px 10px; margin-bottom: 20px; } .dmp-status-bar.urgence { background: linear-gradient(90deg, #F64242 0%, #C33030 100%); } .actions-container .top-actions .iconify, .actions-container .bottom-actions .iconify { font-size: 18px; } #getUniqueDmpDoc .other-actions-sec-two .deleteicon .iconify { color: var(--vidalbg); font-size: 20px; } #getUniqueDmpDoc .other-actions-sec-two .archiveicon .iconify { color: #14A7C7; font-size: 20px; } #getUniqueDmpDoc #modal-title { font-size: 20px; font-weight: 500; } #getUniqueDmpDoc .dmp-authors-list { max-height: 200px; overflow: auto; } #getUniqueDmpDoc #doc_modal_status.status_content { font-size: 20px; font-weight: 500; color: white; padding: 2px 10px; border-radius: 6px; } #getUniqueDmpDoc #doc_from_patient { border: 1px solid var(--primary); border-radius: 5px; padding: 0 10px; background: var(--primary); color: white; } .dmp-main-info .status_content, #getUniqueDmpDoc .doc_status_viewer { font-size: 11px; font-weight: 500; color: white; padding: 2px 10px; border-radius: 6px; } #getUniqueDmpDoc #doc_modal_status.status_content.active, #getUniqueDmpDoc .doc_status_viewer.active, .dmp-main-info .status_content.active { background-color: #00AD6F; } #getUniqueDmpDoc #doc_modal_status.status_content.archive, #getUniqueDmpDoc .doc_status_viewer.archive, .dmp-main-info .status_content.archive { background-color: #66757F; } #getUniqueDmpDoc #doc_modal_status.status_content.depricate, #getUniqueDmpDoc .doc_status_viewer.depricate, .dmp-main-info .status_content.depricate { background-color: #F58616; } #getUniqueDmpDoc #doc_modal_status.status_content.delete, #getUniqueDmpDoc .doc_status_viewer.delete, .dmp-main-info .status_content.delete { background-color: #DB4B36; } #dmp_file_page .dmp-container { border: 2px solid var(--primary); border-radius: 10px; margin-top: 6px; } .dmp-table-contents { background: white; padding: 20px; } .dmp-table-contents .dmp-container { border: 2px solid var(--primary); border-radius: 10px; margin-top: 6px; } #dmp_file_page .dmp-main-info, #getUniqueDmpDoc .dmp-main-info, #updateAuthorizeModal .modal-body { font-size: 14px; } #dmp_file_page .dmp-icons, .dmp-table-contents .dmp-icons { width: 80px; height: 80px; border: 1px solid #dddddd; border-radius: 5px; } #dmp-status-bar #dropdownMenuAuthStatus { border: 1px solid white; } #dmp_file_page .bottom-actions { font-size: 13px; } #dmp_file_page thead, #dmp_offline_list thead { display: none; } #dmp_file_page, #dmp_file_page td, #dmp_file_page tr, #dmp_offline_list, #dmp_offline_list td, #dmp_offline_list tr { border: none !important; background: none !important; padding: 0; } #dmp_file_page_wrapper .dt-search input, #dmp_offline_list_wrapper .dt-search input { padding-left: 35px; } #dmp_file_page .bottom-actions .visibility-text, .dmp-table-contents .bottom-actions .visibility-text { font-size: 12px; font-weight: 600; border: 1px solid #00548E; padding: 0px 6px; border-radius: 6px; background: #00548E33; } #getUniqueDmpDoc .doc-creation-date { font-size: 12px; } #getUniqueDmpDoc .current_doc_hover:hover { background-color: var(--primary); transition: background-color 0.3s ease; color: white !important; border-radius: 5px; } #getUniqueDmpDoc .current_doc_hover:hover .doc-title { color: inherit; } #dmp_file_page .dmp-main-info .doc-display-name, #getUniqueDmpDoc .dmp-main-info .doc-display-name, .dmp-table-contents .dmp-main-info .doc-display-name { font-weight: 500; font-size: 12px; } #dmp_file_page .dmp-main-info .doc-title, #getUniqueDmpDoc .dmp-main-info .doc-title, .dmp-table-contents .dmp-main-info .doc-title, #dmp_modal_action_content .doc-title { color: var(--primary); font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 6px; } .current-doc-history-details { overflow: auto; max-height: 200px; margin: 5px 0px; } .current-doc-history-details .doc-title { color: var(--primary); font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; } #getUniqueDmpDoc .dmp-main-info .doc-auth-title { font-size: 14px; } #submitOrReplaceDmpModal .auth_json_list { border: 1px solid var(--primary); border-radius: 5px; padding: 1px 3px; font-size: 12px; background: var(--primary); color: white; margin: 2px; } #submitOrReplaceDmpModal .auth_del_btn { color: var(--vidalbg); font-size: 15px !important; } #dmp_modal_action_content { border: 2px solid #00548E; padding: 5px; border-radius: 6px; background: #00548E33; } #dmp_file_page .doc-title .docs_by, #dmp_modal_action_content .docs_by { font-size: 10px; color: white; border-radius: 4px; padding: 0 5px; } #dmp_file_page .dmp-main-info .doc-med-name, #getUniqueDmpDoc .dmp-main-info .doc-med-name, .dmp-table-contents .dmp-main-info .doc-med-name, #dmp_modal_action_content .doc-med-name { color: #333333; font-size: 13px; font-weight: 400; } .dmp_consent_container { background: #fff; border-radius: 10px; padding: 20px 20px 30px 20px; border: 2px solid var(--primary); max-width: 835px; margin: 30px auto; } .dmp_consent_container .title-txt { font-size: 16px; margin-bottom: 0; font-weight: 500; } .dmp_consent_container .closed_patient_content { font-size: 14px; font-weight: 500; margin-right: 5px; } .dmp_consent_container #dmp_closing_st, .dmp_consent_container #dmp_closing_message, .dmp_consent_container #dmp_closing_reason { font-size: 14px; font-weight: 400; } .dmp_consent_container #closed_patients { border: 2px solid #00548E; border-radius: 6px; padding: 10px; background: #00548E33; } .basedmp-container .dmp_table_list { background: #fff; border-radius: 10px; border: 1px solid var(--primary); margin: 30px auto; } .dmp-icon-block { display: flex; justify-content: center; gap: 15px; margin-top: 20px; } .dmp_access_mode { padding: 10px 10px; border: 1px solid var(--primary); border-radius: 10px; background: #edf7ff; display: flex; justify-content: center; align-items: center; gap: 5px; flex-direction: column; width: 33%; font-size: 14px; color: var(--siteblack); text-decoration: none; font-weight: 500; min-height: 160px; transition: box-shadow 0.3s ease-in-out; } .dmp_access_mode:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); color: var(--siteblack); } .dmp_access_mode img { width: 80px; height: 80px; } .dmp_access_mode .name, #dmp_blocked_auth span { font-size: 16px; font-weight: 500; } .dmp_access_mode .desc { font-size: 14px; font-weight: 400; } .dmp-access-modal .modal-dialog { max-width: 700px; } .modal-inner-title { font-size: 18px; font-weight: 500; margin-bottom: 15px; } .dmp-access-modal .modal-body { padding: 10px 50px; } .dmp-access-modal .selected_reason { width: 75%; margin: auto; } #section_glass_reason { display: flex; flex-direction: column; } #section_glass_reason .error { color: #FF0000; font-size: 18px; margin: 10px 0 0; } .dmp-access-modal .modal-footer { gap: 10px; padding-bottom: 30px; } .practice_select { max-width: 310px; } .access-mode.urgence { background: #FFF !important; color: red; } .access-mode.secret { background: #0C1114 !important; } .btn.access-mode { height: 33px; padding: 7px 8px; } .dmp-status-bar .lock-status .dropdown-toggle { border-color: #fff; border-radius: 5px; font-size: 16px; } .dmp-status-bar .unlocked .dropdown-toggle { background: #00AD6F !important; } .dmp-status-bar .locked .dropdown-toggle { background: #FF8800 !important; } .patient-top-sec .edit_text { color: #fff; } #doctor_info { padding: 10px; } .doctor_post { text-align: center; border-radius: 15px; padding: 3px 15px; background-color: rgba(0, 0, 0, 0.293); display: inline-block; white-space: normal; } #doctor_info .profile_img { width: 90%; display: flex; justify-content: space-around; align-items: center; } .dmp_consolte_btn button { border: none; color: #135e90; padding: 5px; border-radius: 6px; text-align: center; } .pincode-modal .vcode-fill { gap: 15px; } .modal-inner-content { font-size: 16px; margin: auto; } .modal-body p.modal-inner-content { font-size: 14px; } .filter-options.search_form .submission-date-container input, .filter-options.search_form .service-date-container input { height: 35px; padding: 3px; } .filter-options.search_form .submission-lable, .filter-options.search_form .service-lable, .search_form label, .vac_hist_details label, .vac_hist_val { font-size: 14px; font-weight: 400; white-space: nowrap; } .vac_hist_details label { font-weight: 500; } .basedmp-container .second-filter-container { display: flex; align-items: center; gap: 10px; } .basedmp-container .second-filter-container .filter-label { white-space: nowrap; font-size: 16px; font-weight: 500; } .basedmp-container .second-filter-container .name-switch { display: flex; align-items: center; gap: 6px; } .basedmp-container .dmp-docs-header { display: flex; align-items: center; gap: 6px; justify-content: space-between; white-space: nowrap; } #dmp_file_page { max-height: 50vh; overflow: auto; padding: 5px; } #dmp_file_page .top-actions .download_dmp_file, #dmp_file_page .top-actions .eyeicon a { color: var(--primary); } #dmp_file_page .top-actions { align-items: center; } .basedmp-container .dmp-docs-header label { font-weight: 400; font-size: 14px; } .basedmp-container .dmp-docs-header label span { font-weight: 500; } .basedmp-container .dmp-docs-header .formfield { margin: 0; width: 230px; } .second-filter-container .formfield { max-width: 200px; } .basedmp-container .dmp-docs-header .order-container { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 400; } #patient_container .dmp-pat-image { border-radius: 10px; } .basedmp-container .first-blocks .nps-sec { flex-wrap: wrap; } .basedmp-container .first-blocks .preg_feeding { display: flex; gap: 16px; } .basedmp-container .first-blocks .preg_feeding label { white-space: normal; word-wrap: break-word; } .basedmp-container .first-blocks .patient-top-sec span { color: #fff; } .basedmp-container #block_two { display: flex !important; width: 100%; flex-wrap: wrap; justify-content: space-between; margin-top: 0px; margin-top: 5px; } .basedmp-container .first-blocks #mono_treat { display: flex; justify-content: space-between; height: 80px; } .basedmp-container .patient-top-sec .patient-details { line-height: 12px; } #show_single_dmp .dmp-relpace-select { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 5px; } .mss_label { font-size: small; } .dmp-file-header span { border: 2px solid var(--primary); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 6px; background: #edf7ff; padding: 0 3px; } .dmp-file-header-patient span { /* border: 2px solid var(--primary); */ height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 6px; background: #edf7ff; padding: 0 3px; color: #07669D; font-size: 12px; font-weight: 500; } #getUniqueDmpDoc .dmp-doc-meta-data, #vaccination_container .dmp-doc-meta-data { width: 100%; height: 75dvh; } .dmp-file-header span svg { font-size: 23px; } .dmp-main-box .formfield .form-control, .dmp-main-box .formfield .form-select { border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); border-radius: 14px; } #getUniqueDmpDoc .document-outer { border: 2px solid var(--primary); border-radius: 10px; height: fit-content; margin: 5px 0px; } #getUniqueDmpDoc .doc-details { font-weight: 500; font-size: 16px; } #getUniqueDmpDoc .other-actions-sec-one, #getUniqueDmpDoc .other-actions-sec-two, #getUniqueDmpDoc .visibility-text { font-size: 14px; font-weight: 500; } #getUniqueDmpDoc .doc-details .edit { cursor: pointer; font-size: 18px; color: var(--primary); } #getUniqueDmpDoc .modal-dialog { max-width: 1400px; } #dmp_visibility_list, #common_dmp_file_modal { z-index: 1200; background-color: rgba(0, 0, 0, 0.3); } #dmp_visibility_list .modal-body { display: flex; padding: 20px; gap: 10px; } #dmp_visibility_list #dmp_visibility_consent { font-size: 14px; font-weight: 400; } #dmp_visibility_list .edit-dmp-visibility { border: 1px solid var(--primary); border-radius: 5px; font-size: 14px; margin: 5px 0; white-space: normal; padding: 2px 5px; display: flex; gap: 10px; } .dmp_relpace_div .dmp-relpace-select.selects { display: flex; width: fit-content; gap: 10px; } #submitOrReplaceDmpModal .invalid-feedback span { text-wrap: nowrap; } #submitOrReplaceDmpModal .document_visibility { max-width: 200px; } .dmp_relpace_div .dmp-file-upload, .dmp_relpace_div .fds_close_btn { color: var(--primary); cursor: pointer; } #dmp_file_upload_section { & #dmp_file_selection_option { border: 2px solid var(--primary); width: 100%; border-style: dashed; height: 40px; } } .dmp_relpace_div .dmp-file-upload #replace_file { position: absolute; opacity: 0; height: 100%; left: 0; top: 0; } .dmp-main-box .added_praticiens, .dmp-main-box .added_text, .dmp-main-box .added_format { background: var(--primary); padding: 3px 5px 3px 5px; border-radius: 20px; color: #fff; align-items: center; display: inline-flex; gap: 4px; border: 0; cursor: pointer; font-size: 12px; margin: 4px 2px; } .third-filter-container .order-container { display: flex; align-items: center; gap: 10px; } #dmp_success_toast { visibility: hidden; transform: translate(-50%, -50%); height: fit-content; background-color: #46850d !important; color: #fff; text-align: center; border-radius: 3px; padding: 8px 15px; position: fixed; z-index: 9999; left: 50%; top: 100px; font-size: 15px; opacity: 0; transition: opacity 0.4s, bottom 0.4s; } #dmp_success_toast.show { visibility: visible; opacity: 1; bottom: 50px; } .basedmp-container .patient-dtl .patient-details { margin: 0; } #is_user_minor { font-size: 12px; font-weight: 400; } .back-text { color: #334F61; text-decoration: none; position: relative; vertical-align: middle; margin-right: 20px; font-size: 14px; line-height: 22px; cursor: pointer; } .back-text svg { transition: right 0.3s ease-in-out; padding-right: 5px; font-size: 21px; vertical-align: text-bottom; } .back-text:hover, .form-check a { color: var(--primary); } .form-btm.formfield .form-check-label.term_cond { font-style: italic; font-size: 14px !important; padding: 0; } .term_cond a { text-decoration: none; } #patientddl_name-error, #folderddl_name-error { position: absolute; } #file_patient-error { position: absolute; bottom: -22px; } .dmp-status-bar .auth-status-details { width: 300px; padding: 10px; } .dmp-status-bar .auth-status-details .title, #dmp_submit_type { font-size: 14px; font-weight: 500; } .dmp-status-bar .auth-status-details .content { font-size: 12px; font-weight: 400; } .show_upload_panel .upoad-panel { display: block !important; } .search_form .datetime_picker_group .formfield { width: auto; max-width: 145px; } .vac_hist_section .pat-flex, .vac_his-dmp-main-info { justify-content: space-between; width: 100%; align-items: self-start !important; flex-direction: column; display: flex; } .vac_his-dmp-main-info { flex-direction: row; } .vac_hist_details { display: flex; gap: 3rem; } .vaccination_container .tab-content .table-responsive-sm, .dmp-doc-meta-data, .dmp_urls_list_tab { border: 1px solid #bebebe; margin-top: 20px; padding: 0 10px 10px !important; } .dmp-doc-meta-data, .dmp_urls_list_tab { margin-top: 0; } .dmp_urls_list_tab { max-height: 70vh; overflow: auto; } .dmp-auth-lists:first-child .border-top { border-top: 0 !important; } .submission-date-container, .service-date-container, .feildset-outer { border: 1px solid #bebebe; text-align: center; padding: 5px; place-items: center; border-radius: 5px; } .submission-lable, .service-lable, .feildset-labelset { margin-top: -15px; } .submission-lable span, .service-lable span, .feildset-label { background: #fff; padding: 0 5px; font-size: 14px; } .search_form label { text-align: center; padding-right: 0; } .filter-options { display: flex; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 10px; gap: 15px; } .filter-container { display: flex; flex-direction: column; flex: 1; border: 1px solid #bebebe; padding: 15px 10px 10px; gap: 15px; border-radius: 5px; } .first-filter-container { display: flex; gap: 15px; } .filter-options .searh-btns { display: flex; flex-direction: column; gap: 10px; } .third-filter-container { display: flex; gap: 10px; margin-top: 10px; align-items: flex-start; flex-wrap: wrap; } .filter-container-inner { display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; } .dmp_document_type_container { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; } .feildset-outer .form-select { border: 0; } .seled_added_list { display: flex; flex-wrap: wrap; } .feildset-outer-relative .formfield { position: relative; border: 1px solid var(--primary); display: flex; flex-direction: column; padding: 0px; background: #fff; max-width: 300px; min-width: 200px; } .dmp_document_category_container .formfield {max-width: 100%; min-width: 495px; } .feildset-outer-relative .formfield:has(> select):after { top: 15px; } .dmp-main-box .feildset-outer-relative .form-select { border: 0 !important; } #globalErrorModal { z-index: 9999; background-color: rgb(0 0 0 / 30%); } #practiceLocationModal, #pinCodeModal { z-index: 9998; background-color: #00000029; } .seled_added_list .cat_remove, .seled_added_list .praticiens_remove { background: #fff; color: var(--primary) !important; border-radius: 50%; width: 15px; height: 15px; line-height: 17px; font-size: 11px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; } .seled_added_list .cat_remove .iconify, .seled_added_list .praticiens_remove .iconify { font-size: 11px; } .dmp-main-box .feildset-outer-relative .form-select option { padding: 5px; } .service-date-container .datetime_picker_group { gap: .2rem !important; } @media screen and (max-width: 1885px) { .first-filter-container, .filter-options { gap: 5px; } .searh-btns .btn { padding: 5px; margin: 0; } .filter-container { padding: 15px 5px 10px; } } @media screen and (max-width: 1795px) { .datetime_picker_group, .second-filter-container .gap-2 { gap: .2rem !important; } .submission-date-container, .service-date-container, .feildset-outer { padding: 5px; } .search_form label { font-size: 13px; } .searh-btns .btn { font-size: 12px; } } @media screen and (max-width: 1660px) { .filter-options.search_form .submission-date-container input, .filter-options.search_form .service-date-container input { font-size: 12px; } .submission-date-container, .service-date-container, .feildset-outer { padding: 5px 3px; } .filter-options.search_form .submission-lable, .filter-options.search_form .service-lable { margin-bottom: 5px !important; } .datetime_picker_group, .second-filter-container .border-outer { gap: .1rem !important; } .searh-btns .btn { font-size: 11.5px; } .search_form label { font-size: 12.5px; } } @media screen and (max-width: 1565px) { .second-filter-container .searh-btns .btn { padding: 6px 15px; } .dmp_document_category_container .formfield { max-width: 315px; min-width: 385px; } .third-filter-container .formfield:has(> select)::after { right: 5px; } .third-filter-container .formfield>select { padding-right: 15px !important; } .dmp_document_type_container, .third-filter-container { gap: 5px; } .datetime_picker_group, .second-filter-container .border-outer { gap: .5rem !important; } .search_form .datetime_picker_group .formfield { max-width: 140px; } .filter-options.search_form .submission-date-container input, .filter-options.search_form .service-date-container input { font-size: 13px; } .submission-date-container, .service-date-container, .feildset-outer { padding: 10px; } .submission-lable, .service-lable, .feildset-labelset { margin-top: -20px; } .first-filter-container, .filter-options { gap: 15px; flex-wrap: wrap; } .filter-container { padding: 15px 10px 10px; } .dfg-overview-parent .col-lg-4 { padding: 0 5px; } .dfg-overview-parent .col-lg-4 h6 { text-align: left; margin-left: 20px; padding-right:55px; font-size:13px; } .dfg-overview-parent { margin-bottom: 15px; } .measure-tab .dfg-overview-parent .card { margin-bottom: 0; } } @media screen and (max-width: 1400px) { .dmp_document_category_container .formfield { min-width: 300px; max-width: 300px; } .overview_alg_tab { width:100%; } } @media screen and (max-width: 1320px) { .dmp_document_type_container, .third-filter-container { gap: 10px; } .filter-options.search_form .submission-date-container input, .filter-options.search_form .service-date-container input { font-size: 12px; } .search_form .datetime_picker_group .formfield { max-width: 125px; } .submission-date-container, .service-date-container, .feildset-outer { padding: 5px 3px; } .filter-options.search_form .submission-lable, .filter-options.search_form .service-lable { margin-bottom: 5px !important; } .datetime_picker_group, .second-filter-container .border-outer { gap: .1rem !important; } .submission-date-container, .service-date-container, .feildset-outer { padding: 5px; margin: 7px 0; } .first-filter-container, .filter-options { gap: 5px; flex-wrap: wrap; } .filter-container-inner { gap: 5px; } } @media screen and (max-width: 1200px) { .filter-options { flex-direction: column; } .filter-options .searh-btns { justify-content: end; flex-direction: row; padding-top: 5px; } } /*Button*/ .btn:focus { box-shadow: none; outline: none; } .btn { background: var(--gradient-btn); color: #fff; border-radius: 12px; font-weight: 500; font-size: 13px; line-height: 18px; padding: 6px 20px; transition: all 0.4s ease-in-out; margin: 0 5px; box-shadow: var(--shadow); } .btn-outline,.outline-btn { background: rgba(255, 255, 255, 0.84); border: 1px solid var(--primary); color: var(--primary); } .btn-outline-outer { background: rgba(255, 255, 255, 0.84); border: 1px solid var(--gradient-btn); color: var(--gradient-btn); } .btn:hover,.outline-btn:hover { transform: scale(1.05); background: var(--gradient-btn); color: #fff; } .navbar-nav .btn-border { border: 1px solid #fff; background: transparent !important; color: #fff !important; font-size: 15px; padding: 8px 15px !important; } .btn-login, .btn-register { padding: 12px 25px; } .btn-register { background: rgba(255, 255, 255, 0.84); color:var(--primary); border:1px solid var(--primary); } .btn-login.active,.btn-register.active { background: var(--gradient-btn); color: #fff; } .medicine-link { text-decoration: none; display: block; color: var(--primary); font-size: 12px; } .name-title { padding-right: 2px !important; } .btn-block { max-width: 430px; width: 100%; display: block; margin: auto; height: 45px; } .btn-block:hover { background: var(--primary); color: #fff; } .btn-block:focus { outline: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); } .btn-danger, .red-btn { background: #D84C39; border-color: #D84C39; } .btn-danger:hover, .red-btn:hover { background: #BF331F; border-color: #BF331F; } .btn-primary { background: var(--gradient-btn); border-color: var(--primary); } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: var(--gradient-btn) !important; border-color: var(--primary); } .navbar-nav .nav-item.mestablink a { padding-right: 15px !important; } .dropdown-toggle-empty { position: absolute; right: 0; z-index: 2; height: 100%; width: 15px; } .dropdown-toggle-empty .dropdown-toggle { width: 100%; height: 100%; display: inline-block; } .dropdown-toggle-empty.dropdown .dropdown-menu { margin-top: 5px; min-width: min-content; } .navbar .main-manu .dropdown-toggle-empty .dropdown-toggle::after { right: 4px; } .navbar .main-manu .mestablink.active .dropdown-toggle-empty .dropdown-toggle::after, .navbar .main-manu .mestablink:hover .dropdown-toggle-empty .dropdown-toggle::after { color: #000; } .navbar-nav .mestablink .dropdown-menu { min-width: initial; width: max-content; margin-top: 5px; } .btn.darkbluefilled-btn { background: var(--bloquerbtn); } .cre-btn .btn-blue { background: var(--blue-green) !important; border: var(--text-green); } .cre-btn .btn-blue:hover { color: #fff; } .admin-tab-content .grid-card .card-top { min-height: initial; } .grid-outerimage, .grid-outerimage-desc { text-align: center; height: 80px; object-fit: cover; padding-top: 5px; } .grid-outerimage img { width: 100%; height: 100%; object-fit: contain; } .grid-file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 20px; display: inline-block; width: calc(100% - 30px); vertical-align: middle; } .admin-tab-content .grid-card .card-top h5 { max-width: initial; } /*End : Button*/ .text-blue { color: var(--primary) !important; } .apple-green { color: #8DC63F !important; } .text-blue:hover, .text-blue.active { background-color: var(--primary); color: #fff !important; } .mtp-30 { margin-top: 20px; } /*Header*/ .navbar-light { background: var(--header-bg); border-bottom: var(--header-border); box-shadow: var(--header-shadow); padding: 10px 25px !important; backdrop-filter: blur(18px); } .navbar-nav.main-manu,.process-incomplete .holter-menu { padding: 6px; background: var(--menu-bg); border: var(--menu-border); box-shadow: var(--menu-shadow); border-radius: 18px; gap:6px; } .home-nav {flex: 1 1 auto;} .navbar .navbar-brand { padding: 0; } .navbar-nav .nav-link, .mestablink button,.holter-menu button,.process-incomplete .holter-menu .nav-link { font-family: "Nunito Sans"; font-weight: 600; font-size: 14px; line-height: 22px; color: var(--siteblack) !important; padding: 8px 14px !important; border-radius: 4px; border-radius: 12px; } .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item.active .nav-link, .mestablink:hover button, .holter-menu:hover button, .holter-menu.active button, .holter-menu button.dropdown-toggle.show, .process-incomplete .holter-menu .nav-link:hover { background-color: var(--menu-hover-bg); color: var(--primary-dark) !important; } .process-incomplete .navbar .dropdown.logged_acct .user-name { max-height:50px; } .navbar .holter-menu .dropdown-menu { min-width:max-content; margin-top:5px; } .navbar .nav-item.dropdown.trans-btn .nav-link { background: transparent; color: #001612 !important; border-radius: 12px; } .navbar-nav .nav-item.active .nav-link, .mestablink.active button, .mestablink button.dropdown-toggle.show, .navbar .nav-item.dropdown.trans-btn.active .nav-link, .navbar .nav-item.dropdown.trans-btn .nav-link.dropdown-toggle.show, .navbar .holter-menu.active .nav-link, .process-incomplete .holter-menu .nav-link.active { background: var(--menu-active-bg); color: white !important; box-shadow: var(--menu-active-shadow); border-radius: 12px; } .navbar-nav.main-manu .task-menu .nav-link { padding-right:30px !important; } .navbar .main-manu .trans-btn.dropdown-toggle.show::after { color: #001612 !important; } .navbar .nav-item.dropdown .nav-link { background: var(--acc-header-gradient); color: #fff !important; border-radius: var(--menu-radius); padding-left: 10px !important; } .navbar .nav-item.dropdown .nav-link.dropdown-toggle .cen_name { overflow: hidden; max-width: 135px; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .navbar .user-name svg { font-size: 30px; } .pdetail .dropdown .dropdown-item.add-examen-link, .pdetail .dropup .dropdown-item.add-examen-link { background: rgb(175, 229, 247); } .ajouter_examen_treatment:active, .link-txt.mfds:active { color: #FFF !important; } .navbar-nav .nav-item .btn { padding: 10px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .b-login .nav-link { margin-right: 10px; } .b-login .nav-link:hover { text-decoration-line: underline; } .right-menu { display: flex; align-items: center; } .navbar .search-box { width: 202px; height: 32px; position: relative; background: rgb(210, 234, 253); border-radius: 6px; border: 1px solid #F5FCFF; margin: 0; } .navbar .search-box input { font-family: "Nunito Sans"; width: 100% !important; height: 100%; font-weight: 400; font-size: 14px; line-height: 19px; color: #001612; border: 0; padding-left: 35px; outline: none; box-shadow: none; background: #F5FCFF; border-radius: 6px; } .navbar .search-box svg { position: absolute; top: 6px; left: 10px; color: var(--primary); width: 18px; height: 18px; } .navbar .search-box input::placeholder { font-weight: 300; color: #8CA39E; } .navbar .user-name { font-family: "Nunito Sans"; font-weight: 400; font-size: var(--bodyfont-size); line-height: 16px; color: var(--menu-text); max-width: 180px; overflow: hidden; text-overflow: ellipsis; } .navbar .user-name img { width: 40px; height: 40px; border-radius: 50%; margin-right: 5px; } .dropdown-toggle { cursor: pointer; } .dropdown .dropdown-menu, .dropup .dropdown-menu { background-color: #fff; border: 1px solid #fff; min-width: 160px; left: auto; right: 0; margin-top: 12px; padding: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; overflow: hidden; } .trans-btn .dropdown-menu { min-width: 225px; } .nwpatient-sec .dropdown .dropdown-menu { overflow: auto; margin-top: 0; } .right-menu .dropdown .dropdown-menu { min-width: 220px; } .right-menu .dropdown.logged_acct .dropdown-menu { min-width: 320px; max-height: 310px; overflow: auto; left: auto; } .logged_account_li { max-height: 160px; overflow: auto; } .dropdown .dropdown-item, .dropup .dropdown-item { font-weight: 400; font-size: 13px; line-height: 17px; color: #333333; margin-bottom: 3px !important; padding: 10px 1rem; cursor: pointer; } .navbar .dropdown .dropdown-item, .navbar .dropup .dropdown-item { padding: 10px 1rem !important; } .dropdown .dropdown-item.insi_menu { padding-left: 10px; } .insi_menu img { width: 30px; height: 30px; } .dropdown li:last-child .dropdown-item { margin-bottom: 0 !important; } .dropdown .dropdown-item:hover, .dropdown .dropdown-item:focus { color: #001612; } .dropdown .dropdown-item.active, .dropdown .dropdown-item:active, .pdetail .dropdown .dropdown-item.add-examen-link:active { background-color: var(--primary-dark); color: #fff; } .dropdown .dropdown-item .iconify, .dropup .dropdown-item .iconify { width: 16px; height: 20px; font-weight: 700; margin-right: 6px; color: var(--primary); } .dropdown .dropdown-item.active .iconify, .dropdown .dropdown-item:active .iconify, .dropup .dropdown-item.active .iconify, .dropup .dropdown-item:active .iconify { color: #fff; } .dropdown .btn:hover { transform: scale(1) !important; } .nav-lag.dropdown-toggle img { margin-right: 5px; width: 20px; } .nav-lag.dropdown-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.84); border: 1px solid var(--border); box-shadow: var(--shadow); cursor: pointer; font-size:15px; } .navbar .doc-nav .dropdown-toggle::after { position: relative; border-width: 0.4em !important; margin-left: 12px; top: 2px; } .navbar .doc-nav.dropdown .dropdown-menu { max-height: 250px; overflow: auto; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, .125); } .nav-lag+.dropdown-menu { min-width: 4rem; } .navbar .dropdown-toggle::after { position: absolute; top: 5px; right: 5px; border-width: .45em !important; } .navbar .holter-menu.active .dropdown-toggle::after { color: #fff !important; } .holter-nav-menu { display: flex; align-items: center; } .logged_account_list .dropdown-toggle::after, .logged_acct .dropdown-toggle::after { top: 20px !important; } .home-page .logged_account_list { border: 0; padding: 0; margin: 0; } .home-page .logged_account_list .dropdown-item.active { background: transparent; } .home-page .logged_account_list .dropdown-item.active a { color: var(--primary) !important; font-size: 14px; } .logged_div img { width: 40px; height: 40px; border-radius: 25px; margin-right: 5px; } .logged_div { margin: 0 15px; color: #333; font-size: 14px; } .sticky_header .logged_div { color: #fff; } .logged_acct .holter-nav-menu .dropdown-toggle::after { top: 18px !important; border-width: 0.35em !important; } .navbar .dropdown { padding-right: 5px; } .navbar .dropdown.logged_acct .user-name { background: var(--menu-bg); box-shadow: var(--menu-shadow); border: var(--menu-border); color: var(--menu-text); border-radius: var(--menu-radius); padding: 4px 20px 4px 4px; position: relative; } .navbar .main-manu .dropdown { padding-right: 0; } .popover { box-shadow: 1px 6px 30px rgba(13, 35, 68, 0.1); padding: 5px; } .popover-body { background: #fff; color: var(--primary); padding: 5px; min-width: 80px; text-align: center; } .logged_account_list ul { padding: 0; list-style: none; margin-bottom: 0; } .logged_account_list .logged_account_li .dropdown-item { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .home-page.after-login .wrapper::before { display: none; } .right-menu .logged_account_list .logged_account_li .dropdown-item .iconify, .logged_account_list .dropdown-item .logout_link .iconify { margin-right: 0; color: #EA3640; width: 18px; } .logged_account_list .logged_account_li .dropdown-item a { color: #333333; text-decoration: none; } .logged_account_list .logged_account_li .dropdown-item.active a, .logged_account_list .logged_account_li .dropdown-item:active a { color: #fff; } .logged_account_list .logged_account_li .image { width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; } .logged_account_li #account_list { width: 100%; } .logged_account_list { margin-top: 10px; border-top: 1px solid #afc4d5; padding-top: 10px; } .logged_account_list.dropdown { border: 0; margin-left: 5px; margin-top: 0; } .logout_link { background: #F1F4F5; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .logged_account_list.dropdown .dropdown-menu { min-width: 250px; } .home-page .sticky_header .logged_account_list .dropdown-item.active a { color: #fff !important; } .logged_landing { padding-top: 0; border: 0; margin-top: 0; margin-left: 20px; color: var(--primary); background: var(--menu-bg); border: var(--menu-border); box-shadow: var(--menu-shadow); border-radius: 14px; } .logged_landing .dropdown { padding-right: 15px; } .logged_landing .iconify { font-size: 30px; } .logged_landing.logged_account_list .dropdown-toggle::after { top: 15px; font-size: .8em; } .logged_landing .dropdown .dropdown-menu { min-width: 250px; } .navbar-brand .logo { height: 65px; } .navbar-brand .logo-2 { width: 0; height: 0; opacity: 0; visibility: hidden; } .popover-txt a { text-decoration: none; font-size: 14px; padding-bottom: 5px; display: block; cursor: pointer; color: #848789 !important; } .popover-txt a:last-child { padding-bottom: 0; } .popover-txt a:hover { font-weight: 500; color: var(--primary) !important; } .sticky-top { z-index: 1052; } /*Login page*/ .wrapper { width: 100%; } .login-block { min-height: calc(100vh - 80px); } .register-pages .log-bann, .log-cred .log-bann { position: fixed; bottom: -3px; top: 0; align-content: flex-end; padding: 0; } .register-pages .res-col, .log-cred .res-col { left: 50%; position: relative; } body.sidebar-afterlogin { background: #eff3f4; } .login-container, .login-banner { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 80px); padding: 20px 0; } .logged-box .login-banner { min-height: initial; } .logged-box .login-banner img { opacity: .7; border-top-right-radius: 0; border-bottom-right-radius: 0; max-height: 530px; } .logged-box .land-logo { margin-bottom: 50px; } .landing-card .logged-box.login-container { align-items: flex-end; padding: 0; gap: 0; } .landing-card .register-pages .logged-box.login-container { background: #b0c2e9; border:0; } .landing-card .reg-pat-page .logged-box.login-container { background: #abb9d5; } .before-login .login-container { flex-direction: column; gap: 30px; padding: 20px; } .admin-login .login-block, .admin-login .login-container { min-height: 100vh; } .land-logo { height: 70px; } .before-login .navbar-nav .btn-border { border: var(--login-box-border); text-decoration: none; background: transparent !important; color: var(--primary-dark) !important; font-weight: 600; box-shadow: var(--shadow); } .user-link-center { max-width: 400px; margin: 20px auto 0; border-top: var(--login-box-border); padding-top: 20px; } .user-link-center span { color: var(--login-box-text); font-size: 14px; padding-right: 10px; } .full-width.btn-border { background: var(--gradient-btn); color: #fff; border-radius: 10px; } .before-login .navbar-nav .btn-border.active { background: var(--acc-header-gradient) !important; color: #fff !important; text-decoration: none; } .before-login .navbar:has(+ .wrapper #calendar-sub-root) .navbar-brand { display: block; } .before-login .navbar:has(+ .wrapper #calendar-sub-root) .navbar-nav .btn-border { width: auto; } .before-log-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .home-page.before-login .navbar-brand { display: block; } .home-page.before-login .navbar-nav .btn-border { text-decoration: none; background: #fff !important; color: var(--primary) !important; border: 1px solid var(--primary); } .home-page.before-login .navbar-nav .btn-border:first-child { background: var(--primary) !important; color: #fff !important; } .before-login .navbar-light { background-image: none; position: absolute; width: 100%; } .before-login .navbar-light.sticky_header { position: fixed; margin-bottom: 70px; } .before-login .login-block { min-height: 100vh; padding-top: 80px; } .before-login .admin-login .login-block { padding-top: 0px; } .before-login { background: var(--before-login-bg); } .login-banner img { width: 100%; border-radius: 25px; } /* .login-container .login-banner img{ max-height: 500px; } */ .invite-medecin .landing-card .login-container { grid-template-columns: 1fr 1fr; } .before-login.home-page { background: #E8F5FF; } .login-banner { padding: 0px; text-align: center; align-items: end; justify-content: end; } .login-banner.patient-login-img { align-items: center; } .invite-medecin .login-banner { align-items: center; min-height: initial;} .before-login .form-container { margin: initial; } .ptab-right .profile_fol_blk .btn-center .btn { margin: 15px 5px 25px !important; } .form-label { font-size: 14px; font-weight: 400; margin-bottom: 20px; } .log-cntes { margin: auto; max-width: 550px; width: 100%; } .register-pages .log-cntes { max-width: 630px; } .form-container { margin: auto; width: 100%; } .form-container .form-control { background: var(--menu-bg); border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); border-radius: 14px; } .form-container .logo { width: 100%; text-align: center; margin-bottom: 10px; } .form-container .logo img { width: 327px; height: 130px; } .form-title { font-weight: 600; font-size: clamp(20px, 4vw, 34px); line-height: 45px; color: var(--primary); margin-bottom: 32px; letter-spacing: -0.055em; } .input-group-append { position: absolute; right: 20px; top: 10px; } .input-group-append .iconify { font-size: 20px; color: #001612; } .formfield { position: relative; box-sizing: border-box; float: left; margin: auto; padding: 0px; border: 0px; width: 100%; margin-bottom: 30px; } .formfield+.tele_phone_pro { display: inline-block; border-radius: 5px; font-size: 12px; font-weight: 500; font-style: italic; margin-bottom: 15px; } .formfield>input, .formfield>label, .formfield>textarea, .formfield>select { width: 100%; } .formfield>input, .formfield>textarea, .formfield>select { outline: none; font-size: var(--bodyfont-size); font-weight: 400; line-height: 16px; color: #001612; padding: 10px 15px; text-align: left; float: left; border-radius: 14px; height: 40px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .breast_feeding_container .vidal-field.formfield>input { color: #001612 !important; } .formfield>select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 !important; padding-right: 25px !important; } .formfield:has(> select) { position: relative; pointer-events: all; border-radius: 14px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .folder_ddl_box_fds .form-feild { position: relative; } .formfield:has(> select):after, .folder_ddl_box_fds .form-feild::before { content: ""; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); border-top: .3em solid currentColor; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; pointer-events: none; } .floder_error .folder-dropdown .close-btn { top: 9px; } .formfield:has(> select:focus) { border-color: var(--primary); } #folder_sel_validation { position: absolute; top: 40px; } .lang-menu { display: inline-block; } .navbar .lang-menu .dropdown-toggle::after { display: none; } .navbar .lang-menu { padding-right: 0; } /* specialite-ddl */ .spec-ddl .select2-container { max-width: 100%; } .spec-ddl .select2-container .selection, .spec-ddl .select2-container .select2-selection--multiple { min-height: 42px; border: 0 !important; } @-moz-document url-prefix() { .formfield>select, .spec-ddl .select2-container .selection { border: 1px solid #CCD3D8 !important; border-radius: 4px; } .formfield>select:focus, .spec-ddl .select2-container--focus { border: 1px solid var(--primary) !important; border-radius: 4px; } } .register-pages .spec-ddl .select2-container--focus { border: 1px solid var(--primary) !important; border-radius: 4px; } .register-pages .spec-ddl .select2-container--focus~label { color: var(--primary); } .register-pages .spec-ddl .select2-selection__rendered { padding: 8px 5px 0 !important; } .register-pages .select2-container .select2-search--inline { margin-bottom: 0; } .spec-ddl .select2-selection__rendered { padding: 8px 5px !important; } .spec-ddl .error-help-block { position: absolute; left: 0; bottom: -20px; } .dos-view-share:hover, .file_name_edit:hover { color: var(--primary); } /****/ table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after { font-size: 25px; opacity: 0.7 !important; } table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after { content: "▴" !important; transform: rotate(180deg); top: 55%; } table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before { content: "▴" !important; } table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after { opacity: 1 !important; font-size: 25px; } input.password-textbox { padding-right: 45px !important; } .data-listing .table-responsive { padding-right: 1px; } .formfield select.form-control:not([size]):not([multiple]) { height: 40px; padding: 10px; } .formfield select.form-control.li-ddl:not([size]):not([multiple]) { height: 42px; } .formfield select.form-control:not([size]):not([multiple])~.error-help-block { position: absolute; bottom: -20px; } #pays-error { bottom: -30px; line-height: 15px; } .formfield>textarea { height: 100px !important; } .email-modal .formfield>textarea { height: 300px !important; } .before-login .register_page .formfield>textarea, .formfield.address-textarea>textarea { height: 70px !important; padding: 15px 20px 10px; } .formfield>label { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; font-weight: 400; font-size: var(--bodyfont-size); line-height: 16px; padding: 14px 13px; color: #667B89; transition: 0.2s ease-in-out; text-align: left; } .formfield input:read-only:focus { border: 1px solid #CCD3D8; box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%) !important; } .formfield input:read-only:focus~label { color: #667B89; } .formfield input:focus, .formfield textarea:focus, .formfield>select:focus, .formfield>select:focus { border: 1px solid var(--primary); outline: none; box-shadow: none; background-image: none; } .formfield input:focus~label, .formfield input:not(:placeholder-shown)~label, .formfield textarea:focus~label, .formfield textarea:not(:placeholder-shown)~label, .formfield select:focus~label, .formfield select:not(:placeholder-shown)~label { font-size: 13px; line-height: 16px; width: auto; height: 1.3em; padding: 2px 5px; margin: 0px; background: white; top: -10px; left: 10px; } .formfield input:focus~label, .formfield textarea:focus~label, .formfield select:focus~label { color: var(--primary); } .signup-container .alert-danger { text-align: center; } .formfield .user_hide_show { position: absolute; right: 20px; top: 8px; cursor: pointer; } .formfield .user_hide_show i { color: #909090; font-size: 14px; } .form-btm { display: flex; justify-content: start; align-items: center; margin-bottom: 10px !important; } .termscondtion_modal .form-btm { flex-direction: column; align-items: start; margin-bottom: 15px !important; } .termscondtion_modal .form-btm a { text-decoration: underline; } .termscondtion_modal .error-help-block { padding-left: 25px; } .register-pages .form-btm { display: block; margin-bottom: 0 !important; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: var(--primary); } .create-patient-page .profile-det { height: auto; } .formfield .form-check-label { font-weight: 400; color: #4F5A5F !important; font-size: 14px !important; line-height: 18px !important; cursor: pointer; } .add-todos .todobody { max-height: 68vh; overflow-y: auto; padding-right: 20px; min-height: 270px; } .fgt-pwd { text-align: center; margin-top: 15px; } .fgt-pwd a { font-weight: 500; color: #EA3640 !important; font-size: 14px !important; line-height: 18px !important; cursor: pointer; } #fileshar_modal .modal-header { align-items: start; } .fgt-pwd a:hover { color: #EA3640 !important; opacity: 0.9; } .form-btm.formfield .form-check input { cursor: pointer; } .form-btm.formfield .form-check-label { position: static; cursor: pointer; background: transparent; } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { cursor: default; } .form-check-input { background-color: #F2F4F5; border: 1px solid #CCD3D8 !important; border-radius: 4px !important; } .form-check-input:focus { box-shadow: none; } .form-check-input:checked { background-color: var(--primary); border-color: var(--primary) !important; } .list-address .addr a { line-height: 18px; color: var(--primary); text-decoration: none; } .alt-mes-out { display: flex; gap: 10px; margin-bottom: 15px; align-items: flex-end; } .alt-mes-out h3 { margin-bottom: 0; } .alt-mes-out .alert { width: calc(100% - 240px); background: #F6F291; border: 1px solid #CCD3D8; border-radius: 4px; } .proc-alt.alt-mes-out .alert { width: 100%; } .proc-alt.alt-mes-out .alert-cont { display: flex; justify-content: space-between; width: 100%; } .proc-alt.alt-mes-out .aler-in .doc-img { position: relative; } .proc-alt.alt-mes-out .aler-in .doc-img svg.icon { position: absolute; right: -2px; bottom: -1px; font-size: 21px; color: #ea3640; border-radius: 50px; background: #fff; padding: 1px; } .proc-alt.alt-mes-out.proc-notallow .aler-in .doc-img svg.icon { color: #ff5c00; } .proc-alt.alt-mes-out.proc-comp .aler-in .doc-img svg.icon { color: var(--text-green); } .proc-notallow .alert { background: #fbcbb2; } .proc-comp .alert { background: #94e7ce; } .create-alt.alt-mes-out .alert { width: calc(100% - 375px); } .alt-mes-out .aler-in { display: flex; gap: 15px; align-items: center; } .alt-mes-out .aler-in .doc-img { background: #fff; color: var(--primary); width: 60px; height: 60px; border-radius: 50%; text-align: center; } .alt-mes-out .aler-in .doc-img svg { font-size: 55px; } .alt-mes-out .alert-cont p { margin-bottom: 0; font-size: 13px; line-height: 20px; } .alt-mes-out .alert-cont p svg { color: #14A7C7; font-size: 18px; margin-left: 5px; } .alert-unarch { transform: rotate(180deg); } .user-container { max-width: 650px; width: 100%; min-height: 320px; padding: 50px 0; background: var(--login-box-bg); border: var(--login-box-border); box-shadow: var(--login-box-shadow); border-radius: var(--login-box-radius); } .user-container.add-user { height: auto; min-height: 320px; } .user-sec { margin-top: 12px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 20px; } .user-container.add-user .user-sec { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 10px; } .user-card { max-width: 130px; width: 100%; height: auto; display: inline-block; transition: 0.3s ease-in-out; position: relative; background: var(--login-box-bg); box-shadow: var(--login-box-shadow); border: var(--login-box-border); border-radius: 12px; } .user-icon { width: 130px; height: 140px; display: flex; align-items: end; justify-content: center; background: var(--login-box-bg); transition: all 0.4s ease-in-out; border-radius: 12px; box-shadow: var(--login-box-shadow); border: var(--login-box-border); margin: auto; } .user-icon img { width: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .user-card h5 { font-weight: 500; font-size: 14px; line-height: 21px; text-align: center; color: var(--primary); margin: 5px auto; } .user-card.active .user-icon, .user-card:hover { box-shadow: 2px 6px 10px rgb(0 0 0 / 45%); background: #b0dae7; } .equip-content .taches-rg { position: static; display: flex; align-items: center; height: 100%; } .equip-content .taches-rg img { width: 100%; } .equip-content .active .col-xl-8 { width: 100%; } .user-card a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; outline: none; text-decoration: none; } /*Signup Page*/ .signup-container { max-width: 620px; padding: 0 15px; margin: auto; } .form-container h4 { font-size: 20px; line-height: 25px; color: #000000; margin-bottom: 30px; font-size: 14px; margin-bottom: 5px; font-weight: 600; } .signup-container .formfield { margin-bottom: 20px; } .signup-container .btn-block { max-width: 450px; margin: auto; outline: none; } .signup-container .nav-tabs { justify-content: center; align-items: center; border: none; max-width: 548px; margin: auto; position: relative; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 4px; margin-bottom: 20px; } .signup-container .nav-tabs .nav-link { width: 270px; font-size: 15px; font-weight: 500; line-height: 19px; padding: 15px; background: #fff; color: #000000; text-align: center; text-decoration: none; border: none; } .signup-container .nav-tabs .nav-link.active { color: #fff !important; background: var(--primary); border-radius: 8px; } .signup-container form { margin-top: 10px; } .signup-container.form-container h4 { font-weight: 600; } .error-help-block, .invalid-feedback-email, .error { display: block; margin-top: 0px; font-size: 13px; color: #E10000; } .moncp-err { font-size: 14px; text-align: center; } .form-check:has(#gender-error) { position: relative; } .form-check #gender-error { position: absolute; bottom: 0; left: 0; } .help-info { display: flex; align-items: center; gap: 10px; justify-content: space-between; } .help-icon { font-size: 25px; color: var(--primary); } .help-icon:hover { color: var(--primary); } .helpinfo-outer .label, .helpinfo-outer b { font-size: 14px; font-weight: 500; color: var(--siteblack); margin-bottom: 6px; } .helpinfo-outer li { font-size: 14px; color: var(--siteblack); line-height: 20px; margin-bottom: 15px; } .form-wrap.form-builder .frmb .option-actions button, .form-wrap.form-builder .frmb .option-actions a { color: var(--primary); cursor: pointer; } .form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child { text-transform: initial !important; } .helpinfo-outer { margin-bottom: 30px; } .helpinfo-outer p { margin-bottom: 10px; } .signup-container .formfield.form-btm { display: block; } .form-check-inline input:valid~label { margin-right: 20px; } .checkmark { position: absolute; top: 1px; left: -25px; height: 17px; width: 17px; background-color: transparent; border: 2px solid #ccc; border-radius: 50%; } .form-check-label input:checked~.checkmark:before { width: 9px; height: 9px; position: absolute; left: 2px; background: var(--primary); border-radius: 50%; content: ""; top: 2px; } .form-check-inline #gender-error { position: absolute; top: 25px; left: 0; } .form-check-label input { position: absolute; opacity: 0 !important; cursor: pointer; } .form-check-label { position: relative; padding-right: 25px; font-size: 14px; line-height: 21px; color: #9e9e9e; } .modal .form-check-inline .form-check-label { padding-right: 0; } .create_section .form-check-inline .form-check-label { margin-right: 0; } .modal .form-check-inline .form-check-label.first-raido { padding-right: 25px; } .form-check-input:disabled~.checkmark, .form-check-input[disabled]~.checkmark, .form-check-input:disabled~.gen-lab { opacity: .5; } .disable-field select, .disable-select { pointer-events: none; background-color: #e9ecef !important; } .form-check-label input:checked~.gen-lab, .form-check-inline input:checked~label { color: #000 !important; transition: all 0.4s ease-in-out; } .form-check-label input:checked~.checkmark { border-color: var(--primary); } .register-pages .form-container { max-width: 700px; margin:auto; } .verify-items { display: flex; justify-content: end; } .register-pages .contry-outer { width: 100%; margin-bottom: 38px; } .first-raido { margin-right: 25px; } .hint { font-weight: 400; font-size: 11px; line-height: 15px; color: #667B89; } .aside-minimize { display: flex; position: relative; } .right-pannel { width: 0; transition: width 1s ease, right 1s ease, left 1s ease, bottom 1s ease, top 1s ease; display: none; } .left-pannel { width: 100%; transition: width 1s ease, left 1s ease, right 1s ease, bottom 1s ease, top 1s ease; } .aside-minimize .left-pannel { margin-right: 20px; width: 60%; } .aside-minimize .right-pannel { width: 40%; display: block; } .togg-btn .btn-dummy { position: absolute; left: 61.2%; min-width: 105px; height: 30px; top: 40px; } .container-fluid .btn-dummy { opacity: 0; z-index: 1; } /*invite-medecin*/ .invite-medecin .inner-page, .change-pass-page .inner-page { max-width: 650px; padding-top: 100px; } .card-header { background: transparent; padding: 18px; border-bottom: none; } .card { border: 1px solid #E5EAEE; border-radius: 12px; } .card-body { padding: 50px; } .card-title { font-size: 18px; line-height: 27px; color: #001612; margin-bottom: 0; } .clearfix { clear: both; } .dashboard, .carnetdebord, .view-page { min-height: calc(100vh - 80px); padding-top: 20px; padding-bottom: 30px; } .dashboard { min-height: calc(100vh - 165px); } #nav-content-left .dt-layout-full { height: calc(100vh - 425px); } .mtp-20 { padding-top: 23px; } .top-back-text { padding-top: 5px; } .detail-page.top-space { padding-top: 0; } .invite-medecin { padding-top: 0; } .carnetdebord { background: #FCFEFD url(../images/login-bg.png) no-repeat right; } .dashboard-inner { background: #fff; border: 1px solid #E5EAEE; border-radius: 12px; padding: 20px 20px 40px; } .modal .formfield { margin-bottom: 20px; } .formfield .text-mail { font-size: var(--bodyfont-size); position: absolute; bottom: 1px; right: 20px; width: calc(100% - 22px); background: #fafbfb; padding: 5px; text-align: right; } .card-link { font-size: 14px; line-height: 21px; text-decoration-line: underline; color: #334F61; float: right; } .card-link:hover { color: var(--primary); text-decoration-line: underline; } .alert { background: var(--alert-warning); border: 1px solid var(--alert-border); font-size: 13px; line-height: 20px; color: var(--alert-text); padding: 5px 10px; margin-bottom: 0; } .alert-danger { background-color: #f8d7da; border-color: #f5c2c7; width: 80%; } .alert-danger-btn { color: #721c24; background-color: #f8d7da; border-color: #f5c2c7; border-radius: 12px; font-weight: 500; font-size: 13px; margin:0 10px; box-shadow: var(--shadow); padding: 6px 20px; transition: all 0.4s ease-in-out; text-decoration: none; &:hover{ background-color: #721c24; color: #f8d7da; } } .alert-danger .iconify { margin-right: 5px; color: #d84c3b; font-size: 20px; } .alert a { color: #329D89; font-style: italic; } .pat-tab-section .alert.excement_duplicate_msg { max-width: 450px; margin: 0 auto; text-align: center; margin-bottom: 5px; padding: 5px 20px; font-size: 13px; } .alert-success, .success_msg { background: #EFFFFC; color: #329D89; display: inline-block; border: none; } .detail-table.patient td:first-child .fileattachedit-outer.focus-td, .focus-td, .detail-table.patient td:first-child .fileattachedit-outer.focus-td:hover { border: 1px solid #DC4646; background: #fff; } .success_msg { font-size: 13px; width: 80%; margin: 0 auto 20px; text-align: center; padding: 10px 20px; } .addremove-block-outer { margin: 0 0 15px; } .outerfom-com .addremove-block-outer { margin: 0 0 10px; } .outerfom-com :last-child.addremove-block-outer { margin: 0 0 0px; } .print-ordo { font-size: 20px; color: var(--primary); margin: 0 0 0 5px; cursor: pointer; } .pres-btn-blk .print-ordo { margin: 0 0 0 15px; } .outerfom-com { margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; } #modal_traitements_fds .outerfom-com .row { margin: 0; } .btn-center { display: flex; align-items: center; justify-content: center; } .modal_traitements .modal-dialog { max-width: 750px; } .modal_traitements .addremove-block { display: flex; align-items: center; justify-content: center; } .modal_traitements .add-icon, .modal_traitements .delete-icon, .outerfom-com .add-icon { color: var(--text-green); font-size: 50px; cursor: pointer; } .modal_traitements .delete-icon, .outerfom-com .delete-icon { color: #DC4646; font-size: 38px; } .modal.modal_traitements .addremove-block-outer .formfield, .outerfom-com .formfield { margin-bottom: 0; } .ptab-right .modal_traitements .delete-btn, .ptab-right .modal_traitements .delete-btn:hover, .ptab-right .modal_traitements .add-btn, .ptab-right .modal_traitements .add-btn:hover, .ptab-right .outerfom-com .add-btn, .ptab-right.outerfom-com .add-btn:hover, .ptab-right .outerfom-com .delete-btn, .ptab-right.outerfom-com .delete-btn:hover { background: transparent; border: 0; padding: 0; margin: 0 !important; } .addremove-block.formfield .form-check-label { line-height: 22px !important; } .modal.modal_traitements .formfield { margin-bottom: 20px; } .fds_doss_ddl_outer .dropdown-menu { min-width: initial; right: 0 !important; left: 0 !important; width: 94%; transform: translate(10px, 53px) !important; } .fds_doss_ddl_btn { width: 100%; margin: 20px 0; } /*modal_traitements-tabs */ .modal_traitements .tab-content { margin-top: 20px; } .modal_traitements ul .btn { margin: 0 12px 0 0 !important; background: transparent; color: var(--primary); border: 1px solid var(--primary); } .modal_traitements ul.col-tab .btn { margin: 0 0px 22px 0 !important; border-right: 0; } .modal_traitements ul.col-tab li:last-child .btn { border-right: 1px solid var(--primary); } .modal_traitements ul .btn.active { background: var(--primary); color: #fff; } .modal_traitements ul { border-bottom: 0; } .select2-results__option { font-size: 14px; } .select2-results__option .normal-country { display: flex; } /*dashboard*/ .sec-title { color: #001612; font-size: 14px; line-height: 20px; margin-bottom: 20px; font-weight: 500; } .sec-title .back-text { font-size: 14px; } .sec-title.btn-title { color: var(--primary); } .view-page .sec-title.btn-title { text-transform: uppercase; } .prof-container .sec-title { width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dash-item { background: rgb(33 150 243 / 21%); border: 1px solid #E5EAEE; border-radius: 12px; margin: 25px 25px 0 0; max-width: 275px; display: inline-block; width: 100%; text-align: center; vertical-align: top; transition: all 0.3s ease-in-out; } .dashboard-inner .dash-item:nth-child(3n), .dashboard-inner .dash-item:last-child { margin-right: 0; } .dash-item a { padding: 25px 20px; text-decoration: none; display: flex; flex-flow: column; min-height: 172px; } .dash-img { width: 112px; height: 88px; margin: auto; display: flex; align-items: center; justify-content: center; } .dash-main .dash-img, .file-upload .dash-img { width: 80px; height: 80px; } .file-upload .dash-img { background: transparent; } .dash-inner { width: 100%; border-radius: 12px; background: var(--primary); } .dash-img svg, .dash-img .dash-inner img { width: 80px; height: 80px; color: #fff; transition: all 0.4s ease-in-out; } .dash-img .dash-inner img { filter: brightness(0) invert(1); } .dash-img .dash-inner img.folder-img { filter: brightness(1) invert(0); } .dashboard-inner .dash-img .dash-inner img.folder-img { width: auto; height: 120px; border-radius: 10px; } .dash-main .dash-inner svg, .dash-img svg, .file-upload .dash-inner svg { width: 60px; height: 60px; } .dash-main .dash-item a { padding: 10px 10px; } .person-chat { background: rgba(78, 198, 222, 0.2); } .person-chat .dash-inner { background: #4EC6DE; } .dash-item.book-alt { background: rgba(94, 138, 201, 0.2); } .book-alt .dash-inner, .carnetdebord .dash-inner { background: #5E8AC9; } .doctor-male { background: rgba(129, 106, 175, 0.2); } .doctor-male .dash-inner { background: #816AAF; } .doc-circle .dash-inner { background: #0099EE; } .tele-icon .dash-inner { background: #14A7C7; } .doc-circle.holter-icon { background: #ff9aa275; } .doc-circle.holter-icon:hover { background: #d5676f; } .doc-circle.holter-icon .dash-inner { background: #d5676f; } .dash-item.tele-icon { background: #14a7c56b; } .dash-item.tele-icon:hover { background: #14A7C7; } .dash-item.user-circle { background: rgba(216, 129, 182, 0.2); } .user-circle .dash-inner { background: #D881B6; } .patient-male { background: #C7E9D9; } .patient-male .dash-inner { background: #65C295; } .days-tag .btn-sm { padding: 3px 7px; font-size: 11px; } .dash-item.trash-icon { background: #FFFDCD; } .dash-item.trash-icon .dash-inner, .dash-item.trash-icon:hover { background: #E2D90E; } .dash-item .full-up { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 2; } .dash-main.new-dash .dash-item .dash-icon .view-icon .iconify { opacity: 1; visibility: visible; } .dash-item span { font-size: 15px; line-height: 20px; color: #001612; vertical-align: top; margin-top: 20px; transition: all 0.4s ease-in-out; } .adm_tab-cont #DataTables_Table_0_filter { padding: 0; } .dash-item:hover { background: rgb(33, 150, 243); } .selected_tab .tab-pane { display: none; } .dash-item:hover .dash-img svg, .dash-item:hover span, .dash-item:hover .dash-img img { color: #fff; } .dash-item.person-chat:hover { background: #4EC6DE; } .dashboard .dash-item.book-alt:hover { background: #5E8AC9; } .dash-item.doctor-male:hover { background: #816AAF; } .dash-item.user-circle:hover { background: #D881B6; } .dash-item.patient-male:hover { background: #65C295; } .dash-main.new-dash .default_folder .new-img { display: flex; align-items: center; justify-content: center; } .dash-main.new-main .dash-item a { min-height: 195px; } .dash-main.new-main .dash-item { background: var(--gradient-btn); } .dash-main.new-dash .dash-item, .new-add-icon { display: flex; flex-direction: column; border-radius: 20px; transition: box-shadow 0.3s ease-in-out; position: relative; justify-content: center; } .dash-main.new-dash .specfldblk { cursor: pointer; } .dash-main.new-dash .dash-item .iconify.sigma { color: var(--error) !important; font-weight: bold; } .grp-dos-icons .specfldblk { min-height: 220px; } /*speciality VE*/ .dash-main.new-dash .dash-item .iconify { color: var(--primary) !important; } .dash-main.new-dash .dash-item span, .dash-main.new-main .dash-item span { font-size: 12px; line-height: 18px; color: #001612; transform: scale(1); word-break: break-word; position: relative; z-index: 2; } .dash-main.new-main .dash-item span { color: #fff; } .dash-main.new-main .dash-item .dash-inner { background: #01599f; width: auto; } .dash-main.new-main .dash-item .dash-inner .folder-img { border-radius: 10px; height: auto; width: 180px; } .file-attachedit:hover .delete_pdf_file { opacity: 1; } .file-attachedit .delete_pdf_file { position: absolute; right: -11px; top: 5px; opacity: 0; } .pt-field .file-attachedit .delete_pdf_file .iconify { font-size: 15px; color: #f93c3c; cursor: pointer; transform: initial; top: -8px; right: 35px; } .department-col { display: flex; gap: 10px; } .department-col .toggle-field { margin: 0; align-items: flex-start; } .dash-main.new-main .dash-item:hover span { color: #fff; } .dash-main.new-dash .new-img { max-height: 230px; width: auto; margin: auto; transition: all 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; } .dash-main.new-dash .dash-item:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(94, 108, 155, 0.10); } .dash-main.new-dash .new-img img { max-width: 100%; height: 100%; border-radius: 10px; transition: transform 0.3s ease-in-out; } .dash-main.new-dash .dash-item .p-usr { top: -1px; right: 35px; cursor: pointer; z-index: 2; } .dash-main.new-dash .dash-item .p-usr svg{font-size:22px} .dash-main.new-dash .dash-item .dash-icon { z-index: 3; transition: all 0.3s ease-in-out; } .closeicon { position: absolute; right: 10px; top: 10px; color: var(--primary); cursor: pointer; font-size: 14px; } .list-grid-outer button.btn-disabled:hover { background-color: transparent !important; color: var(--primary) !important; } /*access-file*/ .view-page { background: #fff; } .access-file .dash-item { margin: auto; position: relative; min-height:235px; display: table; max-width: initial; } .dash-item.book-alt .p-usr { position: absolute; top: 18px; right: 28px; } .dash-item.book-alt:hover .p-usr .iconify { color: #fff; transition: all 0.4s ease-in-out; } .myfile { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .dash-icon-top { width: 30px; height: 30px; margin: auto; opacity: 0; background: var(--menu-bg); border: var(--menu-border); box-shadow: var(--menu-shadow); border-radius: 50%; } .dash-main:hover .dash-icon-top { opacity: 1; } .fileupload-icon { position: relative; cursor: pointer; } .dash-icon .fileupload-icon svg { font-size: 20px; } .search_list_item .prof-img img { width: 100%; height: auto; } .dash-icon-form { display: flex; gap: 5px; flex-direction: column; } .fileupload-icon .file-dum { position: absolute; opacity: 0; width: 50px; height: 35px; left: -16px; top: -5px; cursor: pointer; } .access-file .dash-item:hover .dash-icon .iconify { color: #fff; transform: scale(1.1); } .dash-icon .iconify { color: #5E8AC9; font-size: 25px; } .dash-icon a { min-height: initial; padding: 0 !important; align-items: center; justify-content: center; opacity: 0; } .view-page .dash-icon a { opacity: 1; } .dash-main:hover .dash-icon a { opacity: 1; } #pills-dossier .full-upload .dash-icon-form .view-icon { display: none; } .amylose_tab { min-height: 330px; } .file_name_edit { color: var(--primary); font-size: 20px; cursor: pointer; } .folderfile-name .file-name span { overflow: hidden; text-overflow: ellipsis; margin-right: 5px; } .folderfile-name .file-name { display: flex; justify-content: space-between; } #profile-tab-content .vlg-container .profile-det .prof-height .prof-desc { max-height: 210px; overflow: auto; } #profile-tab-content .vlg-container .profile-det.profile-det-aller { overflow: hidden; max-height: 300px; padding-right: 10px; } .profile-det-aller-scroll { max-height: 440px; overflow-y: auto; padding-right: 15px; } #overview_allergies_tab .profile-det-aller-scroll { max-height: 136px; text-align: initial; } #profile-tab-content .valid-alleg .vlg-container .profile-det.profile-det-aller { max-height: 190px; min-height:190px; } #profile-tab-content .pat_profile_overview .valid-alleg .vlg-container .profile-det.profile-det-aller { max-height: 495px; min-height: 495px; } #overview_allergies_tab.pat_profile_overview .profile-det-aller-scroll { max-height: 440px; } .facteurs_tab { overflow-y: auto; padding-right: 15px; } .pat_profile_overview .allergie-no-data { max-height: initial; } #profile-tab-content .vlg-container .imageire-black .profile-det { overflow: initial; min-height: 500px; } .pat_profile_overview .allergie-no-data .file-round { height: 120px; } .pat_profile_overview .allergie-no-data.prof-rig-det p { min-height: 60px; font-size: 16px; } .pat_profile_overview .allergie-no-data .file-round .iconify { margin: 20px auto; font-size: 80px; } .prof-desc.prof-height { min-height: 190px; overflow: auto; max-height: 190px; } .prof-desc.prof-height .more-less { margin-top: 0; } .ptab-right .prof-name { min-height: 50px; } .notes-modal .modal-dialog, .ptab-right .modal-dialog,.modal-large { max-width: 650px; } .vidal-vmp-doc .modal-dialog { max-width: 85%; } .modal-content { border-radius: var(--border-radius); } .vidal-vmp-doc>.modal-dialog>.modal-content { height: 95%; } .ptab-right .modal-body { max-height: 52vh; overflow: auto; } .ptab-right #modal_detail_dossier_body .modal-body { overflow: inherit; } .ptab-right #modal_detail_dossier_body .modal-footer .btn { padding:6px 20px; } #modal_detail_dossier_body .modal-footer { margin-top:10px; } .ptab-right #emailModal .modal-body { max-height: initial; } .ptab-right #emailModal .modal-dialog, .ptab-right #downoptFdsModal .modal-dialog { max-width: 500px; } .ptab-right #emailModal .btn { padding: 6px 33px; } .ptab-right .formfield>textarea, .ptab-right .certif-model .ordo-text.certif-de-sport .formfield>textarea { height: 300px !important; } .formfield.imagerie-textarea textarea { height: 100px !important; } .dash-icon { position: absolute; top: 5px; right: 5px; opacity: 0; visibility: hidden; display: flex; transition: opacity 0.4s ease; justify-content: end; transform: scale3d(0.8, 0.8, 0.8); } .dash-main { width: 25%; display: inline-block; vertical-align: middle; } .folder-dropdown { margin-bottom: 15px; } #examenfolder_ddl .dropdown-menu { margin-right: 1.5rem; margin-left: 1.5rem; } .folder-dropdown .form-control, #add_folder_block .form-control { padding: 5px 15px; border-radius: 14px; height: 42px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .formfield.select::after { content: ""; vertical-align: .255em; display: inline-block; margin-top: 18px; cursor: pointer; } .folder-dropdown .dropdown-toggle::after, .formfield.select::after { border: none; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; padding: 3.5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: -25px; position: static; display: none; } .upoad-panel .folder-dropdown .dropdown-toggle { position: relative; } .upoad-panel .folder-dropdown .dropdown-toggle::after { position: absolute; right: 15px; top: 12px; pointer-events: none; display: block; } .cdb_block .upoad-panel .dropdown .dropdown-menu { overflow-y: auto; width: 100%; } .upoad-panel .dropdown .dropdown-item { white-space: normal; display: flex; align-items: center; } .search-btn-icon { background: var(--primary); color: #fff; border-radius: 5px; padding: 3px 10px; height: 32px; display: inline-block; cursor: pointer; } .admin-search { gap: 0 !important; } .cmn-header.admin-search .pat-flex { justify-content: space-between; flex-wrap: nowrap; } .invait_box.invait_box svg { color: #FF7E00; } .aside-minimize .cmn-header.listing-header.admin-search { flex-wrap: wrap !important; align-items: start !important; } .aside-minimize .cmn-header.listing-header.admin-search .pat-flex { width: 100%; flex-direction: column; justify-content: start; align-items: start; } .aside-minimize .cmn-header.listing-header.admin-search .pat-flex .search-bar { width: 100%; } .aside-minimize .cmn-header.listing-header.admin-search .normal_view_filter.nip-search input { width: 135px; } .search-btn-icon .fa-search { font-size: 15px; } .folder-dropdown .dropdown-toggle input { padding-right: 25px; font-size: 14px; } .secnom { margin-right: 10px; } .folder-dropdown .dropdown-menu { max-height: 43vh; overflow-y: auto; min-width: initial; width: 100%; } #add_new_folder, #add_new_ord_folder { color: var(--primary); font-size: 14px; display: inline-block; margin-bottom: 15px; text-decoration: none; cursor: pointer; } .folder-dropdown li:last-child { margin-bottom: 0 !important; } #folder_ddl li #add_new_folder { display: block; padding: 10px 1rem; margin-bottom: 0; } #folder_ddl li:hover #add_new_folder { background: var(--primary); color: #fff; } #dmp_add_new_folder, #replace_dmp_add_new_folder { color: var(--primary); font-size: 14px; display: inline-block; margin-bottom: 15px; text-decoration: none; cursor: pointer; } #dmp_folder_ddl li #dmp_add_new_folder, #replace_dmp_folder_ddl li #replace_dmp_add_new_folder { display: block; padding: 10px 1rem; margin-bottom: 0; } #dmp_folder_ddl li:hover #dmp_add_new_folder, #replace_dmp_folder_ddl li:hover #replace_dmp_add_new_folder { background: var(--primary); color: #fff; } .insi_container { padding: 0px 15px; } .insi_status_tag { border-radius: 50px; padding: 5px 10px 5px 10px; } .insi_patient_info .btn { font-size: 15px; padding: 4px 8px; } .formfield .close-btn { position: absolute; right: 10px; top: 15px; border: none; font-size: 15px; color: var(--primary); background: transparent; z-index: 2; } .bio-section .form-check { margin-bottom: 15px; } .tab-collapse { position: relative; } .tab-collapse .accordion-button { background: var(--primary); color: #fff; border-radius: 12px; box-shadow: none; width: 100%; height: 100%; z-index: 1; } .tab-collapse .accordion-button:hover { background: var(--primary); } .tab-collapse .accordion-button::after { position: absolute; top: 15px; right: 5px; background-size: 1rem; } .tab-collapse .accordion-button:not(.collapsed) { border: 1px solid var(--primary); box-shadow: inset -3px -4px 7px #ccc !important; overflow: hidden; font-weight: 500; background: transparent !important; color: var(--primary); } .tab-collapse .collapsed.accordion-button::after { filter: grayscale(1) brightness(1); top: 15px; } .tab-collapse .accordion-button::after { top: 10px; right: 7px; } .dash-outer { clear: both; position: relative; } .dfouter-scrl { max-height: 1500px; overflow-y: auto; } .dfbtm-btn { display: flex; align-items: center; justify-content: end; padding: 0; position: relative; } .dfload_btn { width: 100%; } .df-noshrink { flex-shrink: 0; position: absolute; z-index: 1; } .dossier-scrl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding-right:0; } .prvt_fld_msg.dossier-scrl { display: flex; } .tab-pane .access-file.dossier_pt_tab .view-page .prvt_fld_msg.dossier-scrl .col-lg-3 { width: auto; } .dash-item:hover .dash-icon { opacity: 1; visibility: visible; } .dash-outer .dash-item span { font-weight: 500; font-size: 15px; margin-top: 0; } .tab-collapse .accordion-button.collapsed { background: transparent; color: #000000; } .collapseBio { width: 100%; border: 1px solid rgba(0, 0, 0, .125); margin-top: -8px; border-radius: 0 0 5px 5px; } .collapseBio.show { margin-bottom: 10px; } .collapseBio a { margin: 5px; } .collapseBio a.active, .collapseBio a.active:hover { border: 2px solid var(--primary) !important; box-shadow: inset -3px -4px 7px #ccc !important; font-weight: 600; background: transparent !important; color: var(--primary); } .collapseBio .accordion-body { padding: 0; } .new-add-icon:hover { box-shadow: 0px 0px 30px rgb(0 0 0 / 10%); transition: box-shadow 0.3s ease-in-out; } .ecg-outer.new-add-icon:hover::before { z-index: 3; } .dash-main.new-dash .dash-item .dash-cont .view-link { margin-top: 10px; line-height: 15px; } .consentement-block-item.dash-main.new-dash .dash-item .dash-cont .view-link { min-height: 42px; padding-left: 25px; } .dash-icon.inerdet { bottom: 1px; justify-content: space-between; height: 35px; align-items: end; background: rgb(224 227 237); z-index: 3; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 35px 5px 20px; } .view-page .dash-icon { top: auto; width: 100%; } .top_dos_icons_share { z-index: 3; } .top_dos_icons_share .dropdown-menu { inset: 0px auto auto 0px !important; } .dash-icon.inerdet .iconify { color: var(--primary); } .dash-icon.inerdet button { border: 0; background: transparent; } .dash-main.new-dash .dash-item .dash-icon, .dash-main.new-dash .dash-item:hover .dash-icon .iconify, .dash-main.new-dash .dash-item .dash-icon .private_lock_show .iconify, .dash-main:hover .fileupload-icon svg, .ecg-outer:hover .dash-icon.inerdet { opacity: 1; visibility: visible; } .dash-main.new-dash .dash-item .dash-icon .iconify { opacity: 0; visibility: hidden; } .carnetdebord .dash-inner { text-align: center; } .carnetdebord-inner { max-width: 650px; width: 100%; } .carnetdebord-inner .card-body { padding: 80px; } .txt-link { font-weight: 400; font-size: 14px; line-height: 21px; color: #334F61; } .txt-link svg { margin-right: 5px; } .txt-link:hover { color: var(--primary); } .file-upload { position: relative; background: var(--light-primary); border: 2px dashed var(--primary); padding: 12px; min-height: 250px; cursor: pointer; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; } .fds_file_patient_upicon .file-upload { min-height: 100px; } .file-upload .file-dum { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .ecg-outer { background: #F2F4F5; border: 1px solid #CCD3D8; border-radius: var(--border-radius); position: relative; } .ecg-outer .sg-success { position: absolute; top: 3px; left: 3px; z-index: 4; font-size: 18px; width: 24px; height: 24px; color: var(--text-green); background-color: #fff; border-radius: 50%; display: none; } .signed-consentement .ecg-outer .sg-success { display: block; } .pat-tab-section .ecg-outer, #patient_files_block .ecg-outer { height: 200px; overflow: hidden; } .ecg-outer img { width: 100%; height: 198px; border-radius: 6px; position: relative; z-index: 2; cursor: pointer; } .file-date { font-style: italic; font-weight: 500; font-size: 12px; line-height: 15px; color: #667B89; } .hover-del { position: relative; transition: all 0.4s ease-in-out; min-height: 200px; z-index: 2; } .hover-del:before { background: #6e6d6a9e; position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; opacity: 0; border-radius: 6px; } .hover-del .file_delete { opacity: 0; position: absolute; right: 5px; top: -1px; color: #D84C39; font-size: 20px; z-index: 5; } .hover-del:hover::before { opacity: 1; } .hover-del:hover .file_delete { opacity: 1; } .details .time-details .iconify { width: 11px; height: 12px; background: url("../images/attachement.svg") no-repeat; background-size: contain; float: left; margin-right: 5px; margin-top: 4px; } .file-name { max-width: 100%; font-weight: 500; font-size: 13px; line-height: 21px; color: #334F61; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; min-height: 20px; } .xls, .xlsx, .pdf, .ecg, .doc, .docx, .img-view { display: inline-block; height: 32px; width: 32px; } .file-sec .xls, .file-sec .xlsx, .file-sec .ecg, .file-sec .doc, .file-sec .docx, .file-sec .img-view { height: 55px; width: 55px; } .pdf-img-outer { height: 185px; width: 400px; overflow: hidden; } .pdf-img-outer .img-pdf { width: 400px; height: auto; } .xls { background: url("../images/xls.svg") no-repeat center center / contain; } .xlsx { background: url("../images/xlsx.svg") no-repeat center center / contain; } .pdf { background: url("../images/pdf.svg") no-repeat center center / contain; } .ecg { background: url("../images/ecg.svg") no-repeat center center / contain; } .doc { background: url("https://api.iconify.design/bxs/file-doc.svg?color=%23086ECC") no-repeat center center / contain; } .docx { background: url("../images/docx.svg") no-repeat center center / contain; } .img-view { background: url("https://api.iconify.design/bi/file-image.svg?color=%232196F3") no-repeat center center / contain; } .access-file .card-body .col-xl-2 { width: 25%; } .access-file .view-page .alert { margin-bottom: 15px; } .access-file .view-page .alert-success { background: #F9F0D7; color: #001612; } .chat-content .pdf { display: inline-block; } .file-img a { display: block; text-align: center; min-width: 200px; } .nav-tabs.adm_tabs { border-bottom: 0; margin-bottom: 1px; } .ecg-outer .xls, .ecg-outer .xlsx, .ecg-outer .pdf, .ecg-outer .ecg, .ecg-outer .doc, .ecg-outer .docx { position: absolute; left: 50%; top: 50%; z-index: 2; height: 65px; width: 65px; background-size: contain; background-position: top; transform: translate(-50%, -50%); background-repeat: no-repeat; } .file_error { position: absolute; bottom: -32px; } .ecg-outer .doc, .ecg-outer .docx { height: 70px; width: 70px; } .patient-detail { margin-left: 10px; } .patient-detail h5 { font-weight: 400; font-size: 14px; line-height: 21px; color: #00233A; margin-bottom: 2px; } .patient-details { font-size: 13px; line-height: 20px; color: #00233A; max-width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hos-name { color: #112C45; font-size: 13px; line-height: 20px; } .patient-code { background: #EFF6F5; border-radius: 9px; padding: 2px 10px; color: #334F61; font-weight: 500; font-size: 12px; line-height: 15px; display: inline-block; margin-bottom: 5px; } .patient-address, .patient-dtl label { font-weight: 400; font-size: 13px; line-height: 17px; color: #99A7B0; display: block; padding-top: 5px; } .carousel-item-center { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; } .patient-address { padding-top: 0; } .patient-address-det { margin-top: 10px; } .patient-dtl label { font-size: 13px; padding-bottom: 2px; } .patient-dtl { margin-right: 30px; display: inline-block; margin-bottom: 10px; width: 19%; vertical-align: top; } .patient-dtl .patient-details { white-space: inherit; overflow: inherit; text-overflow: inherit; word-break: break-all; vertical-align: top; } .payment-history-card.container-outer{ h3{ font-weight: 500; } .stripe-payment-history-body{ font-size: 14px } .card-manager-box{ border: 1px solid #e5e5e5; border-radius: 8px; padding: 15px; background: #fff; } #card-element{ padding: 10px 12px; background: #fff; } .saved-card-item{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 10px; } .saved-card-item .saved-card-actions{ display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .saved-card-item .saved-card-actions .btn[disabled]{ cursor: not-allowed; opacity: .6; } .total-amount-card{ display: flex; align-items: center; gap: 12px; height: 100%; } .total-amount-card .total-amount-icon{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; font-size: 18px; background: var(--primary); color: #fff; border-radius: 5px; } .total-amount-card .total-amount-label{ font-size: 12px; color: #667B89; margin-bottom: 2px; } .total-amount-card .total-amount-value{ font-size: 16px; font-weight: 600; margin: 0; } } #load-subsecretarydetail .list-detail-sec .patient-dtl, #load-subtelesecretarydetail .list-detail-sec .patient-dtl { width: 100%; } .prof-sec .file-upload, .stripe-upload .file-upload { width: 122px !important; min-height: 122px !important; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; font-weight: 500; font-size: 10px; line-height: 15px; color: #474747; text-align: center; border: 1px solid #CCD3D8; } .prof-sec .file-upload .upload-img, .stripe-upload .file-upload .upload-img { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 18px; background: var(--primary); color: #fff; border-radius: 5px; } .show_prof_img.file-upload { background: #fff; } .file-upload.show_prof_img .upload-img { background: transparent; } .show_prof_img { position: relative; } .show_prof_img input[type="file"] { opacity: 0; } .show_prof_img:before { content: ""; background-color: #000; opacity: 0; visibility: hidden; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 12px; transition: all 0.3s ease-in-out; } .show_prof_img .upload-img img { width: 120px; height: 120px; border-radius: 12px; object-fit: cover; } .show_prof_img span { position: absolute; opacity: 0; visibility: hidden; color: #fff; transition: 0.4s ease; } .show_prof_img:hover span, .show_prof_img:hover:before { opacity: 1; visibility: visible; } .show_prof_img:hover:before { opacity: 0.3; } .prof-sec .form-check .gen-lab { font-weight: 400; font-size: 13px; line-height: 20px; color: #00233A; } .profile-view { margin-top: 25px; } .prof-container { display: flex; flex-flow: row wrap; gap: 16px; margin: 16px 0; } .profile-det, .prof-bgouter { position: relative; width: 32%; height: 150px; padding: 15px 20px; overflow: hidden; background: #F2F4F5; border: 1px solid #E5E9EB; border-radius: var(--border-radius); transition: all 0.3s ease-in-out; } .modal-content .prof-container { justify-content: center; margin-bottom: 5px; } .modal-content .card-pdet { flex-basis: 50%; } .modal-content .card-pdetail { margin-bottom: 5px; } .invait-add-profile-modal .modal-footer { margin-bottom: 20px; } .modal-content .prof-card { width: 90%; } .modal-content .close-btn.pro-del { border: 0; opacity: 1; visibility: visible; right: 0; font-size: 30px; } .close-btn.pro-del .iconify.del { color: #000 !important; opacity: .5; } .close-btn.pro-del:hover .iconify.del { opacity: 1; } .associe-tit { flex-direction: column; text-align: center; max-width: 300px; width: 100%; padding-bottom: 0 !important; } .modal-header.associe-tit h3 { margin-bottom: 5px; font-weight: 500; } .modal-content .card-pdet label { font-size: 13px; color: #334F61; } .doc-invite.prof-card .prof-desc span { color: #334F61; } .doc-invite .card-pdet label { color: #667B89; } .doc-invite-btn .btn-outline { color: #334F61; border: 1px solid #334F61; } .modal-content .card-pdet span { font-size: 14px; color: #334F61; } .modal-header.associe-tit p { margin-bottom: 0; font-size: 12px; color: #334F61; } .prof-desc span, .qsp-cont span, .user-prof-det span { display: block; font-weight: 400; font-size: 14px; line-height: 21px; color: #334F61; transition: all 0.3s ease-in-out; } .pro-del { position: absolute; top: 8px; right: 25px; display: flex; gap: 5px; width: 35px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .pro-del .iconify { color: var(--primary); font-size: 20px; cursor: pointer; transition: all 0.5s ease; } .profile-det:hover .pro-del, .prof-bgouter:hover .pro-del { opacity: 1; visibility: visible; } #tab_pass .vlg-container .profile-det { margin-bottom: 0; } #tab_pass .vlg-container { background: #fff; margin-left: 0; padding: 20px 10px; } .emty-prof { max-width: 400px; height: 250px; background: #F1F4F5; border: 1px solid #E5E9EB; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #667B89; margin: 25px auto; } .prof-icon { width: 100px; height: 100px; background: #667B89; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 30px auto 15px; } .list-detail-sec .patient-dtl { margin-right: 2%; width: 30%; } .list-detail-sec .patient-dtl.email-dtl { width: 56%; } .list-detail-sec .psecond-row .patient-dtl:nth-child(2) { width: 55%; } .patient-det-left { border-bottom: 1px solid #E5EAEE; padding-bottom: 10px; } .doc-name { font-size: 14px; margin-bottom: 0; color: var(--primary); margin-top: 10px; line-height: 16px; font-weight: 500; } .patient-det-bottom label { color: var(--siteblack); font-size: 13px; line-height: 18px; } #nav-user-msg .patient-det.user-det .voir-btn.right-end { right: 0; } .patient-mail { font-size: 13px; color: #667B89; } .det-outer-box { background: #fff; border-radius: 6px; padding: 20px 0 30px; } .prof-sec .col-md-2 .formfield>select { padding: 14px 8px; padding-right: 14px !important; } .prof-sec .col-md-2 .formfield:has(> select):after { right: 6px; } #doctor_ville_container:has(> select.valid):after { top: 20px; } .toggle-label { position: static !important; padding: 0 0 15px !important; } .btn-toggle input { display: none; } .btn-toggle label { display: flex !important; align-items: center; justify-content: space-between; padding: 6px 5px !important; position: relative; width: 60px !important; height: 26px !important; display: inline-block; background: #7c7e81 !important; border-radius: 20px; cursor: pointer; transition: all 0.3s !important; -moz-transition: all 0.3s !important; -webkit-transition: all 0.3s !important; } .btn-toggle label span { color: #fff; font-size: 13px; line-height: 15px; } .btn-toggle label .on { opacity: 0; } .btn-toggle label:after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; background: #FFF; border-radius: 50%; box-shadow: 1px 3px 6px #666666; } .btn-toggle input:checked+label { background: var(--gradient-btn) !important; } .btn-toggle input:checked+label .off { opacity: 0; } .btn-toggle input:checked+label .on { opacity: 1; } .btn-toggle input:checked+label:after { left: auto; right: 3px; } .toggle-field { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; } .toggle-field .toggle-label { width: auto; padding: 0 !important; } .toggle-field .btn-toggle label { top: 0 !important; left: 0 !important; } .det-outer-box.det-block { padding: 5px 20px; min-height: calc(100% - 330px); } .pat-tab-section .accordion-header .accordion-button { background: var(--accordion-btn); border-radius: 14px 14px 0 0; padding: 0 20px; font-weight: 500; font-size: 14px; line-height: 45px; color: var(--accordion-btn-text); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pat-tab-section .accordion-header .accordion-button label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; padding-right: 3px; } .pat-tab-section .accordion-header.red .accordion-button { background: #DC4646 !important; color: #fff; } .pat-tab-section .accordion-header .accordion-button::after { filter: brightness(0) invert(1); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235C70A1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .pat-tab-section .accordion-item { margin-bottom: 10px; border-radius: var(--detail-card-radius); border:1px solid var(--border); background: var(--accordion-box); box-shadow: 0 8px 18px rgba(94,108,155,0.05); } .ui-datepicker td .ui-state-default { background: 0 0; margin-bottom: 0; padding: 5px; color: gray; text-align: center; filter: none; } .ui-state-default, .ui-widget-content .ui-state-default { background: transparent; border: 0; } .ui-datepicker td .ui-state-active { color: #fff; border-radius: 4px; } .ui-datepicker td .ui-state-hover { background: repeat-x var(--primary); background-image: -webkit-linear-gradient(top, var(--primary-dark), var(--primary)); border-radius: 4px; } .ui-datepicker td .ui-state-hover, .ui-progressbar .ui-progressbar-value { text-shadow: 0 -1px 0 rgb(0 0 0 / 25%); border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; } .pat-tab-section .accordion-item:last-child { margin-bottom: 0; } .pat-tab-section .accordion-body { padding: 15px 12px; } .pat-tab-section .accordion-field { position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDDDE; } .blockpatientNotifyModal .modal-body { text-align: center; } .blockpatientNotifyModal #modal-title { text-align: center; width: 100%; font-weight: 600; } .blockpatientNotifyModal .modal-body p { font-size: 13px; text-align: center; line-height: 20px; font-weight: 400; } .pat-tab-section .accordion-body .accordion-field:last-of-type { border: none; margin-bottom: 0; padding-bottom: 0; } .pat-tab-section .accordion-field h4 { font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; margin-bottom: 0; } .pat-tab-section .accordion-field p { font-size: 13px; line-height: 20px; color: #474747; margin-bottom: 0; } .alle_empty { display: block; font-size: 13px; line-height: 20px; color: #D84C39; text-align: center; } .pat-tab-section .accordion-item:last-of-type .accordion-collapse { border-radius: 6px; } .ord-title { color: #334F61 !important; } .tab-alert { font-size: 12px; line-height: 15px; color: #000; background: #F9F0D7; border-radius: 50px; padding: 5px 20px; margin: 10px; border: 1px solid #FDFABE; } .detail-table { margin-top: 15px; border-left: 0; } .detail-table th { background: rgb(210, 234, 253); padding: 10px; color: #001612; font-size: 14px; line-height: 21px; font-weight: 500; border-right: 1px solid #E5E9EB; border-bottom: 1px solid #E5E9EB; background: #fff; } .detail-table.patient th { background: var(--primary); color: #fff; position: sticky; top: 0; z-index: 2; outline: 1px solid #E5E9EB !important; } .detail-table .no-wrap { white-space: nowrap; padding: 10px 15px; } .detail-table.patient .add-col, .detail-table.patient .add-row { background: #E9F5FE; } .detail-table.patient td:last-child, .detail-table .add-col { right: -10px; } .gird_block .user_detail_block { cursor: pointer; } .btn-outline .iconify { margin-right: 6px; } .detail-table td { font-size: 14px; line-height: 21px; color: #00233A; border-right: 1px solid #E5E9EB; border-bottom: 1px solid #E5E9EB; padding: 5px; background: #F1F4F5; } .detail-page { padding-bottom: 20px; position: relative; } .list-detail-sec, .file-sec { padding: 0 20px 15px; } .detail-page.bottom-space { padding-bottom: 0px; } .bottom-back-text { margin-top: 20px; margin-left: 10px; margin-bottom: 20px; } .bottom-back-text .back-text { border: 1px solid var(--primary); padding: 5px 10px; color: var(--primary); transition: all 0.3s ease-in-out; border-radius: 5px; } .bottom-back-text .back-text:hover { background: var(--primary); color: #fff; } .file-sec .img-fluid { width: 100%; } .alert .toast-body { padding: 0; text-align: center; } .alert:has(.toast-body) { margin-left: auto; margin-right: auto; } .container-fluid, body.rdv_admin .container-fluid-user { padding: 15px 20px; } .search-sec:has(~ .wrapper .container-fluid), .search-sec:has(~ .wrapper .doc-profl-page), .search-sec:has(~ .wrapper .add-todos > .container-fluid) { padding-bottom: 0; } .container-outer { background: rgba(255,255,255,0.78); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .cre-btn a { color: #fff; text-decoration: none; } .cre-btn .btn { padding: 6px 12px; margin: 0px 7px 0 5px; font-size: 12px; } .cre-btn .dropdown-menu { right: 0 !important; min-width: 200px; } .search-box-date.formfield { max-width: 190px; margin-bottom: 0; margin-top: 0; min-width: 240px; } .popover-outer { position: relative; } .popover-outer .custom-popover { top: -75px; left: -160px; padding: 8px; min-width: 230px; } .btm-block .popover-outer .custom-popover { left: -15px; } .custom-popover .popover-txt a { color: #334F61 !important; font-size: 13px; padding-left: 0; } .upformcom { position: relative; } .attached-file .upformcom input, .pt-block .attached-file .upformcom input { top: 0; width: 100%; } .pt-block .attached-file { right: 0; bottom: 0; position: relative; } .listing-header { padding: 15px; border-bottom: 1px solid var(--border); background: var(--listing-header); margin-bottom: 20px; } .cmn-header.listing-header { padding: 6px 12px; min-height: 50px; } .cmn-header .pat-flex, .cmn-header .pat-flex .form-inline-full { display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; } .cmn-header .pat-flex .form-inline-full { width: auto; } .pat-flex .search-bar { display: flex; align-items: center; } .pat-flex .search-bar h3 { width: 100%; } .pat-flex .search-bar .search-box-date { margin: initial; } .cmn-header .pat-flex>.formfield { margin: inherit; } .listing-header h3, .cmn-list h3 { font: 400 14px/27px "Poppins"; color: #001612; white-space: nowrap; } #email_history_tab .cmn-header.listing-header { padding: 8px 13px; } .search-box-date .iconify--zondicons.datepicker { top: 8px; right: 8px; } .listing-header h5 { font: 400 14px/21px "Poppins"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; } .right-pannel .listing-header h5 { white-space: normal; max-width: initial; } .icon-square { display: inline-flex; align-items: center; justify-content: center; height: 32px; width: 32px; background: #F3F5F6; border-radius: 6px; margin-right: 5px; cursor: pointer; color: #fff !important; } .icon-square:hover { background: var(--primary); color: #fff; } .container-outer input, .modal-search-box input { background: #fff; border-radius: 6px; height: 36px; border: 0; padding: 10px 13px; font-weight: 400; font-size: 13px; line-height: 20px; color: #001612; outline: 0; border: 1px solid var(--primary); } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: transparent; border: 0; right: 2px; } .folder-dropdown .dropdown-toggle input::placeholder { font-size: 13px; } .container-outer .modal input { background: rgba(204, 211, 216, 0.1); height: 46px; } .container-outer input::placeholder, .modal-search-box input::placeholder { color: #99A7B0; } .filter_part .icon-square:last-child { margin-right: 0; } .container-outer input:focus-visible { border: 1px solid #99A7B0; } .normal_view_filter { position: relative; margin-right: 10px; margin-left: 10px; } .cmn-header .normal_view_filter.cre-search, .cmn-header .normal_view_filter.nip-search { margin-left: 0; } .search-btn { position: absolute; left: 13px; top: 5px; height: 18px; width: 18px; border: 0; background: transparent; } .modal-search-box .search-btn { top: 8px; } .normal_view_filter input[type=text], .normal_view_filter input { padding-left: 35px; width: 250px; padding-right: 23px; } .normal_view_filter .subj-close-icon, .normal_view_filter .close-icon, .normal_view_filter .creer-close-icon, .normal_view_filter .nip-close-icon, .normal_view_filter .nip-close-icon, .normal_view_filte .ip-close-icon { color: var(--primary) !important; } .cmn-header .normal_view_filter input { width: 312px; } .cmn-header .normal_view_filter.cre-search input { width: 230px; } .cmn-header .search-box-date input { width: 165px; } .cmn-header .normal_view_filter.nip-search input { width: 135px; } .cmn-header .search-box-date { min-width: 165px; max-width: 165px; margin: initial; } .search-box-date .close-date-icon { position: absolute; right: 30px; top: 8px; font-size: 20px; cursor: pointer; z-index: 2; } .data-listing td .dob-list { display: block; margin-top: 5px; color: grey; } .search-box-date.formfield>input.datepicker { background: transparent; } .normal_view_filter .search-btn .iconify { color: var(--primary); } .cmn-header { padding-bottom: 7px; padding-top: 7px; gap: 10px; } .sign-input { position: relative; } .sign-input .iconify, .searchchat-patient .iconify { position: absolute; left: 8px; top: 10px; color: #667B89; font-size: 20px; } .list-grid-outer { border: 1px solid transparent; border-radius: 6px; background: #F3F5F6; display: flex; height: 32px; } .list-grid-outer button a { color: var(--primary); } .list-grid-outer button:hover a, .list-grid-outer button.active a { color: #fff; } .list-grid-outer button { border: 0; outline: 0; margin: 0; padding: 0; height: 30px; width: 32px; background: transparent; color: var(--primary); overflow: hidden; border: 1px solid #E5E9EB !important; } .no_assignee_msg { font-size: 12px; color: #D84C39; display: inline-block; text-align: center; width: 100%; } .list-grid-outer button:hover, .list-grid-outer button.active, .list-grid-outer button:active, .list-grid-outer button:focus { background: var(--gradient-btn) !important; color: #fff !important; border-color: var(--gradient-btn) !important; border-radius: 0; } .list-grid-outer button:first-child { border-radius: 5px 0px 0px 5px; } .list-grid-outer button:last-child { border-radius: 0px 5px 5px 0px; } .data-listing { margin-top: -20px; position: relative; } .flt_right-end { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 0; } .aside-minimize .cmn-header.listing-header { flex-wrap: nowrap !important; align-items: end !important; } .cmn-header .normal_view_filter { margin-right: 7px; margin-left: 7px; } .cmn-header .normal_view_filter .btn { margin: 0 2px; } .cmn-header .normal_view_filter .btn.reset_icon { font-size: 23px; line-height: 0; padding: 5px 8px; } .cmn-header .normal_view_filter .btn.reset_icon.search_icon svg { color: #fff !important; } .cmn-header .normal_view_filter .btn.reset_icon:hover svg { color: #fff !important; } .cmn-header .normal_view_filter.search-icon { margin-left: 2px; margin-right: 5px; } .cmn-header .normal_view_filter .btn.reset_icon svg { margin: 0; } .aside-minimize .cmn-header .normal_view_filter.cre-search input { width: 200px; } .aside-minimize .cmn-header .normal_view_filter input { width: 315px; } .user_list-flt { display: flex; flex-wrap: wrap; justify-content: space-between; } table.dataTable { margin-top: 0 !important; } .data-listing td, .orisha-table td { font-size: 13px; line-height: 18px; color: #00233A; padding: 15px 10px; vertical-align: middle; } .data-listing th, .orisha-table th { text-transform: uppercase; font-weight: 500; font-size: 12px; line-height: 16px; color: #99A7B0; padding: 10px 10px 20px; height: 32px; min-width: 130px; text-align: center !important; } .orisha-table th { height: 40px; line-height: 40px; background: var(--primary) !important; } .data-listing th.date-th { width: 70px !important; min-width: 70px; } .data-listing th.telephone-th { width: 175px; min-width: 175px; } .data-listing table.dataTable thead th.vshare-th { width: 158px; min-width: 158px; white-space: initial; } .data-listing table.dataTable thead .th-address { width: 250px; min-width: 250px; } .data-listing table.dataTable thead .spec-th { width: 280px; min-width: 280px; } .icon-square.dropdown .dropdown-menu.outer-assignee-height { transform: translate(-195px, 35px) !important; } .data-listing table { border-top: transparent; border-left: transparent; } .data-listing table th:last-child, .data-listing table td:last-child { border-right: transparent; } .data-listing table tr.active td, .data-listing table tr:hover td { background: rgba(var(--lightblueactive), 0.8); } .data-listing table tr.active td { border-top-color: var(--primary); border-bottom-color: var(--primary); border-top-width: 1px; background: #9fd7f7; } .data-listing table tr.active td:first-child { border-left-color: var(--primary); } .data-listing tbody tr.active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border-radius: 30px; } .dt-orderable-desc .dt-column-order { transform: translate(0, -50%); top: 50% !important; } .td_action a, .action_buttons a { font-size: 18px; margin: 0 7.5px; } .td_action .search, .actions .search, .action_buttons .search { color: var(--primary); } .td_action .forward, .actions .forward, .action_buttons .forward { color: var(--primary); } .td_action .archive, .actions .archive, .td_action .archivesec, .action_buttons .archive, .action_buttons .archivesec, .actions .archivesec { color: #14A7C7; } .action_buttons { position: relative; display: flex; } .view_activity_details svg { font-size: 17px; cursor: pointer; color: var(--primary); } .data-listing .form-check input { width: 20px; height: 20px; padding: 0; margin-left: -10px; } .dataTable thead .form-check-input:checked { border-color: #fff !important; } .patiname { display: flex; justify-content: center; gap: 5px; align-items: baseline; } .tls-directory { justify-content: center; } .data-listing .dataTables_wrapper .dataTables_length { padding: 15px 20px 10px; } .dt-length { padding: 10px 10px 7px; } #patient-datatable_wrapper .dataTables_length, .dataTables_info, .off-canvas-sidebar .data-listing .dataTables_wrapper .dataTables_length, .dt-info { padding-top: 30px; padding-bottom: 10px; } .off-canvas-sidebar .adm_tab-cont .data-listing .dataTables_wrapper .dataTables_length { padding: 15px 20px 10px; } .data-listing .dataTables_wrapper .dataTables_length, .data-listing .dataTables_wrapper .dataTables_length select, .dataTables_info, .data-listing .dataTables_wrapper .dt-length, .data-listing .dataTables_wrapper .dt-length select, div.dt-container .dt-length, div.dt-container .dt-length select, .dt-info { color: #00233A; font-size: 12px; } .dt-info { padding: 0; } div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active { padding: 0; } table.dataTable>tbody>tr:first-child>* { border-top: 2px solid var(--primary) !important; } .dt-layout-table { border-bottom: 1px solid #eee; } table.dataTable>tbody>tr:last-child>* { border-bottom: 2px solid var(--primary) !important; } table.dataTable { border-collapse: separate; } div.dt-container .dt-paging .dt-paging-button { padding: 0 !important; } div.table-responsive>div.dt-container>div.row { padding: 5px 0; } .dt-paging-button.disabled .page-link, .dt-paging-button.disabled .page-link:hover, .dt-paging .dt-paging-button.disabled .page-link:active { color: #666 !important; background-color: #F2F4F5 !important; border-color: var(--primary) !important; } .dt-paging-button .page-link { font-size: 13px; line-height: 18px; border: 1px solid var(--primary); box-shadow: none !important; display: inline-block; width: 100%; } .data-listing table.dataTable thead th, .data-listing table.dataTable td, .orisha-table th, .orisha-table td { border-color: var(--primary); border-bottom: 2px solid var(--primary); padding: 5px 10px; text-align: center; border-width: 2px !important; } .table>:not(:last-child)>:last-child>* { border-bottom: 0; } .data-listing table.dataTable thead th, .orisha-table th { padding: 15px 10px; font-weight: 500; white-space: nowrap; position: sticky !important; color: #fff; background: transparent; z-index: 2; border-right: 0; border-left: 0; border-top: 0; } .orisha-table th { top: 82px; } .data-listing table.dataTable td, .orisha-table td { border-right: 0; border-left: 0; height: 60px; } .dt-processing { display: none !important; } table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child { border-left-width: 2px; } .data-listing table.dataTable td.tag_td { text-align: left; } .data-listing table.dataTable.hide_colum_table_cls td { word-break: break-word; } .data-listing table.dataTable.hide_colum_table_cls td .data-listing table.dataTable td { padding: 10px 10px; } .data-listing table.dataTable td .atach-icon i { margin-right: 5px; } .action_buttons .approve, .action_buttons .pending, .action_buttons .reject { font-size: 18px; margin: 0 7.5px; color: var(--primary); } .action_buttons .pending { color: #fbc761; } .action_buttons .delete, .action_buttons .reject { color: #D84C39; margin: 0 7.5px; } .list_subdoctordetail, .list_subsecdetail { cursor: pointer; } .data-listing table.dataTable td a, .data-listing table.dataTable td a:hover { text-decoration: none; color: var(--primary); font-weight: 500; } #ocr_table.dataTable td a, #ocr_table.dataTable td a:hover { text-decoration: none; color: var(--acc-header-gradient); font-weight: 500; } .no-sort:before, .no-sort:after { content: none !important; } .card th { font-weight: 500; } .cre_btn .link-txt { font-style: normal; font-size: 13px; font-weight: bold; } .dataTables_wrapper .dataTables_paginate .pagination { gap: 2px; } .data-listing table.dataTable.no-footer, table.dataTable { border-bottom: 0; margin: 0 10px !important; width: calc(100% - 20px) !important; } .dt-layout-full { overflow: auto; height: calc(100vh - 395px); padding: 0; } .ocr .dt-layout-full { overflow: auto; max-height: 350px; padding: 0; height: auto; } .equip-content .dt-layout-full { height: calc(100vh - 425px); } .data-listing table.dataTable.hide_colum_table_cls { table-layout: fixed; } .data-listing .dataTables_wrapper .dataTables_paginate { padding: 5px 20px 10px; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.next { min-width: 95px; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; min-width: 32px; height: 32px; background: #fff; box-shadow: none; } table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after { font-size: .4em !important; opacity: 0.6 !important; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button .page-link { font-size: 13px; line-height: 18px; color: #00233A; border: 1px solid var(--primary); box-shadow: none !important; display: inline-block; width: 100%; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active .page-link { background-color: var(--primary); color: #fff; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border-color: transparent; background: transparent; } .page-link:hover { background-color: var(--primary); } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button .page-link:hover { color: #fff; } .page-item:first-child:hover, .page-item:first-child:hover .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child:hover, .page-item:last-child:hover .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { cursor: not-allowed !important; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link { color: #666; background-color: #F2F4F5; border-color: var(--primary); } .ps__rail-x, .ps__rail-y { opacity: 0.6 !important; } .data-grid { padding: 0 10px; } .grid-card { position: relative; max-width: 100%; background: transparent; border: 1px solid #CCD3D8; border-radius: 6px; margin: 0 10px 20px; } .grid-card.active, .grid-card.active .card-top, .grid-card:hover, .grid-card:hover .card-top { background: var(--lightblueactive); } .grid-card.active { border: 1px solid var(--primary); box-shadow: 7px 7px 5px #b9c1c7; } .grid-card.disscussion_card .grid-outerimage-desc, .grid-card.disscussion_card .card-top, .grid-card.pvt_discussion_grid .grid-outerimage-desc, .grid-card.pvt_discussion_grid .card-top { background: #fdfabea8; } .grid-card.grp_discussion_grid .grid-outerimage-desc, .grid-card.grp_discussion_grid .card-top { background: #4bb5433b; } .data-badge { font-weight: 400; font-size: 11px; line-height: 14px; text-align: center; color: #FFFFFF; background: #D84C3A; border-radius: 43px; padding: 3px 8px; min-width: 48px; float: left; } .data-badge.aopen { background: var(--text-green); } .flex-center { display: flex; justify-content: center; align-items: center; } .cgu-page a { color: var(--muted); text-decoration: none; } .cgu-page .copy-txt { background: var(--footer-bg ); padding: 25px 0; text-align: center; border-top: 1px solid rgba(94, 108, 155, 0.08); backdrop-filter: blur(10px); } .cgu-page .copy-txt p { color: var(--primary); margin-bottom: 0; font-size: 15px; line-height: 25px; } .dev-site .footerlinks { margin-left: 10px; padding-left: 10px; position: relative; } .cgu-page .dev-site a.footerlinks:after { content: ""; background-color: var(--primary); width: 1px; height: 15px; position: absolute; left: 0; top: 3px; } .before-login .cgulogo { position: fixed; top: 12px; left: 20px; z-index: 9999; } .after-login .cgulogo { display: none; } .flex-center .data-badge { min-width: 60px; } .patient-datatable .data-badge { float: none; } .grid-card .data-badge { position: absolute; top: 12px; left: 10px; } .grid-badge { height: 35px; } .grid-card .card-img-top { max-width: 100%; height: 158px; } .grid-card .card-top { background: #FFFFFF; padding: 7px 10px 9px; min-height: 150px; } .grid-card .card-top.user_detail_block_sec { min-height: 170px; } .grid-card .card-top h5, .ecg-report h5 { max-width: 200px; font-weight: 400; font-size: 14px; line-height: 21px; color: #334F61; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-right: 10px; } .grid-card .card-top h5 { max-width: 100%; } .telephon.desc { position: relative; } .telephon.desc svg { position: absolute; left: 0; } .grid-card .user_detail_block_sec .card-top h5 { display: inline-block; max-width: calc(100% - 150px); } .grid-card .card-top .desc svg { color: var(--primary); margin-right: 7px; font-size: 16px; } .grid-card .telephon.desc .add-port { margin-left: 3px; } .ptab-right .btn { padding: 8px 5px; margin: 5px 0 15px !important; } .ptab-right .profile_fol_blk .btn { padding: 5px 15px; } .ptab-right .measure-tab .btn, .ptab-right .poids .btn { padding: 6px 5px; margin: 0px 0px 0px 10px !important; } #evoFrameDataModal, .evo-frame-modal { max-width: 100%; width: 100%; padding: 20px; } #evoFrameDataModal, .list-group { font-size: 15px; } #evoFrameDataModal .form-control { padding: 6px 15px; height: 30px; } .measure-tab .poids span.vaild-icon,.evolution_subtype .poids span.vaild-icon { font-size: 12px; } .grid-card .card-top .desc span.detail-lable { font-size: 12px; line-height: 15px; color: #72787b; font-weight: 600; } .alert .btn { margin: 0 0 0 10px !important; padding: 3px 12px; font-size: 12px; color: #fff !important; } .data-grid .no-record { padding: 100px 0; text-align: center; color: #D84C39; } .data-listing td.dataTables_empty, .dt-empty { color: #D84C39; } .grid-card .card-body { padding: 5px 0 0; } .grid-card .card-top .desc span { color: #00233A; margin-left: 3px; } .grid-card .card-top .desc, .med-detail { margin-top: 5px; } .grid-card .card-top .telephon.desc { margin-top: 10px;padding-left: 20px; min-height: 20px; } .grid-card .card-top .desc, .ecg-report .desc { font-size: 13px; line-height: 18px; } .grid-card .card-top .desc p { font-size: 13px; line-height: 18px; margin-bottom: 0; } .grid-card .card-top .desc.date_dob { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; } .grid-card .card-top .desc.date_dob .detail-lable { padding-left: 0; } .ecg-report .desc span, .attachouter .desc span { display: inline-block; font-weight: 400; font-size: 13px; line-height: 15px; color: #99A7B0; } .grid-card .card-top .desc a, .ecg-report .desc a { color: var(--primary); } .date_dob .specialisation { display: block; } .ecg-report .desc .iconify { width: 16px; height: 16px; color: var(--primary); } .grid-card .card-btm { display: flex; align-items: center; justify-content: space-between; background: #F2F4F5; padding: 10px 10px 8px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; min-height: 48px; } .pat-tab-section .alert { margin-bottom: 15px; } .pat-tab-section>div { gap: 10px; } .pat-tab-section .file_size_warning { display: inline-block; margin-bottom: 0px; color: var(--alert-warning-text); font-weight: 600; border-radius: 15px; padding: 7px 15px; margin-bottom: 10px; } .usr-icon { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; font-weight: 400; font-size: 13px; line-height: 13px; color: #FFFFFF; background-color: #ECB445; } .usr-icon img { width: 35px; height: 35px; border-radius: 50%; object-fit: cover; } .usr-icon:hover { z-index: 5; } .usr-nam { font-size: 11px; margin-left: 3px; } .grid-card .card-btm .left-part { display: flex; align-items: center; } .grid-card .card-btm .left-part span, .dissc-lable, .dissc-value { font-weight: 400; font-size: 12px; line-height: 15px; color: #727373; margin-left: 12px; } .grid-card .dissc-lable { color: #333; } .dissc-lable { margin-left: 0; font-size: 13px; } .dissc-value { color: var(--primary); margin-left: 0; margin-right: 10px; font-size: 13px; } .grid-card .card-btm .right-part a { display: block; margin-left: 10px; } .grid-card .card-btm .right-part a:first-child { margin-left: 0; } .grid-card .card-btm .right-part .iconify { width: 18px; height: 18px; } .icon-end { margin-left: 5px; } .cdb_block .icon-end+.icon-end { margin-left: 0; } .group-list .btn { border: 0; outline: 0; margin: 0; min-width: 100px; height: 30px; padding: 6px 10px; overflow: hidden; background: #F2F4F5; border-radius: 6px; font-weight: 400; font-size: 12px; line-height: 18px; color: #334F61; } .group-list .btn:hover, .group-list .btn.active { background: var(--primary); color: #fff !important; } .group-list .btn .iconify { margin-right: 10px; } .group-list .btn:hover, .group-list .btn.active { color: #fff !important; } .group-users { display: flex; align-items: center; margin-left: 15px; } .usr-icon:nth-child(2) { transform: translateX(-5px); } .usr-icon:nth-child(3) { transform: translateX(-10px); } .usr-icon:nth-child(4) { transform: translateX(-20px); } .more-usr { font-weight: 400; font-size: 12px; color: #334F61; margin-left: 0px; width: 33px; height: 33px; line-height: 30px; border: 2px solid #fff; border-radius: 50px; z-index: 2; background: #fff; margin-right: 0px; background: var(--primary); color: #fff; text-align: center; display: inline-block; } .chat_sec { width: 100%; } .plus-link-outer, .plus-link-outer .plus-link { color: var(--primary); } .plus-link-outer:hover, .plus-link-outer:hover .plus-link { color: #fff; } .add-usr-icon .usr-icon { border: 1px dashed #667B89; background: #fff; margin-right: 5px; width: 27px; height: 27px; } .add-usr-icon { color: #667B89; font-size: 13px; line-height: 16px; display: flex; align-items: center; cursor: pointer; min-width: 200px; } .add-usr-icon svg { width: 17px; height: 17px; } .add-usr-icon svg path { fill: #667B89; } .greenfilled-btn, .greenfilled-btn:hover, #initiate_msg_btn .btn, #initiate_msg_btn_detail .btn, .dashboard .rig-btn #send_msg_btn .btn { background: var(--blue-green); border: var(--blue-green); color: #fff; border-radius: 12px; } #initiate_msg_btn .btn { line-height: 20px; } .chat_sec .group-users { align-items: start; gap: 3px; } .cdb_block .listing-header { margin-bottom: 6px; padding: 15px; min-height: 60px; } .group-users .name-list { font-size: 12px; } .greenfilled-btn:hover a { color: var(--text-green); } .cbtn select.tag_color, .dclose { background: #D84C3A !important; border-color: #D84C3A !important; } .dclose { background: #7c7e81 !important; border-color: #7c7e81 !important; padding: 6px 10px; width: auto; font-size: 14px; color: #fff; } .dopen { padding: 6px 10px; width: auto; font-size: 13px; background-position: right 5px center; padding-right: 15px; border-color: var(--primary) !important; } .btn.hover-none:hover { transform: none; cursor: default; background: #D84C3A !important; } .prof-img { width: 60px; height: 60px; border-radius: 50%; } .user-det { display: flex !important; } #doctor_items .doctor_name, .person-det { display: flex; flex-direction: column; margin-left: 10px; } .person-det h5, #doctor_items.doctor_name { font-weight: 500; font-size: 14px; line-height: 21px; color: #334F61; margin-bottom: 0; } .person-det h5 a { color: #334F61; text-decoration: none; z-index: 1; } .person-det h5 a:hover { color: var(--primary); } .person-det span, .doctor_email_li { font-weight: 400; font-size: 12px; line-height: 15px; color: #99A7B0; } .person-det .patient-code { color: #334F61; } .ui-menu { max-height: 43vh; overflow-y: auto; z-index: 9999; position: fixed; } .ui-menu.global-search-ul { position: absolute; z-index: 10; } .ui-menu.global-search-ul .list_item_container { align-items: center; } .vlg-container .file-name { max-width: 200px; } .ui-menu .doctor_attr { margin-left: 7px; } .doctor_attr { display: inline-block; vertical-align: middle; } #doctor_items .doctor_name { margin-left: 0; } .img_span .doctor_img { width: 35px; height: 35px; border-radius: 50%; padding: 0px; object-fit: cover; position: relative; background: #f2f4f5; } .normal_view_filter input[type=text].ui-autocomplete-input { width: 100%; } #doctor_detail .img_span .doctor_img { width: 60px; height: 60px; border-radius: 50%; margin-right: 10px; background: #f2f4f5; object-fit: cover; padding: 0; } #doctor_items { margin-top: 20px; border: 1px solid #c5c5c5; padding: 5px; position: relative;} .ui-menu-item .doctor_email_li { display: block; } .ui-state-active { background-color: var(--primary) !important; color: #fff; border-color: var(--primary) !important; cursor: pointer; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; font-weight: 400; } .global_patient_search_name::placeholder { font-size: 13px; } .ui-autocomplete-input, .uneditable-input, .uneditable-input input[type=password], .uneditable-input input[type=text], .uneditable-input textarea { display: inline-block; padding: 4px; font-size: 13px; line-height: 18px; color: grey; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; } .ui-widget { font-size: 13px; } .ui-state-active .doctor_name, .ui-state-active .doctor_email_li { color: #fff; } .ui-menu-item-wrapper { border-bottom: 1px solid #c5c5c5; padding: 5px !important; color: var(--siteblack); } #tag_icon { position: absolute; color: #667B89; left: 5px; font-size: 18px; width: 20px; height: 20px; display: inline-flex; align-items: center; z-index: 2; } #tag_icon.tag_icon_color { color: #D84C3A; } .chat_footer input, .ms_text_area { font-weight: 400; font-size: 12px; line-height: 18px; color: #001612; background: #fff; border: 0 !important; width: 100%; } .chat_sec .chat_footer input, .ms_text_area { padding-left: 15px; } .chat_footer input::placeholder, .ms_text_area textarea::placeholder { color: #8CA39E; } .chat_footer a { color: var(--primary); margin-right: 10px; margin-left: 10px; } .chat_footer .btn { height: 30px; width: 80px; padding: 6px 12px; font-weight: 400; font-size: 12px; line-height: 18px; color: #FFFFFF; background: var(--blue-green); border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-content { height: calc(100vh - 327px); padding: 20px; overflow: auto; border-top: 1px solid #E5E9EB; } .biologi-type .modal-dialog, .modal_traitements .modal-dialog, .certif-model .modal-dialog { max-width: 960px; margin: 1rem auto 0; } .biologi-type .modal-body, .modal_traitements .modal-body { max-height: 70vh; overflow-y: auto; } .modal_traitements .modal-body { max-height: 81vh; } .certif-model .modal-body { max-height: 65vh; overflow-y: auto; padding-right: 15px; } .chat-content { height: calc(100vh - 447px); } .chat-content.custom-scrollbar-css { padding-right: 15px; display: flex; flex-direction: column-reverse; } #initiate_msg_pane .listing-header.eny-title, #file_upload_pane .listing-header.eny-title { flex-direction: row; justify-content: space-between !important; } .init-close { color: #fff; cursor: pointer; } #load-subpatientdetail .list-detail-sec { height: calc(100vh - 245px); overflow-y: auto; } .chat_footer { display: table-footer-group; background: var(--lightblue); padding: 20px; position: absolute; bottom: 0; } .chat_footer form, .out_attachouter { position: relative; } .attachment-text { color: #212529; font-size: 14px; font-style: italic; } .list-detail.body-with-msg .container-fluid { padding: 13px 20px; } #tablecontents tr :nth-child(2).list_subpatientdetail, #tablecontents tr :nth-child(1).list_subpatientdetail { white-space: nowrap; } table.dataTable thead>tr>th.sorting { padding-right: 20px; } .data-listing table tr .tag-th { min-width: 160px; width: 160px !important; } .aside-minimize .data-listing table tr .object-th { min-width: 400px; width: 400px !important; } .search .iconify--eva { font-size: 22px; } hr.border { background: #E3E3EE; opacity: 1; border: 0 !important; } .btn-sm { padding: 6px 10px; } .chat-content .days-tag { text-align: center; margin-bottom: 15px; } .chat-content .days-tag span { display: inline-block; padding: 9px 20px 8px; background: #FDFABE; border-radius: 50px; font: 400 12px/16px "Poppins"; color: #000; } .chat-content .days-tag.delete-msg span { background-color: #f8d7da; border-color: #f5c2c7; } .chat-content .days-tag .left-msg { background: #fbdcdc; } .other-msg, .my-msg { display: flex; align-items: stretch; margin-bottom: 15px; } .cke_toolbox { display: flex; } .other-msg { display: block; } .send-detail { display: inline-block; vertical-align: top; font-weight: 400; font-size: 13px; line-height: 30px; margin-left: 5px; } #Patient_report_block { margin-bottom: 0 !important; padding: 0; width: 80%; } .navbar .nav-item.dropdown.trans-btn .nav-link::after { display: none; } .fds_blk { width: 80%; position: relative; padding-right: 0px; } .sante-blk .fds_blk { transition: all 0.4s ease-in-out; } .sante-blk.pills_sante_dossier_blk .fds_blk { width: 80%; } .sante-blk .fds_blk { width: 100%; padding-right: 15px; } .sante-blk .dossier_pt_tab { display: none; } .sante-blk.pills_sante_dossier_blk .dossier_pt_tab { display: block; padding: 15px; } #dossier_profile_block_sante_content .right_folder_blk .dash-main { margin-bottom: 5px; } .tab-pane .sante-blk .access-file.dossier_pt_tab .view-page .col-lg-3 { width: 100%; } .new-tab-row .dossier-new-tab .right_folder_blk .dash-main { margin-bottom: 5px; } .fds-btn { gap: 5px; align-items: end; display: none; } .doss-btns .fds-btn { display: flex; } .fdsbkl_icon { cursor: pointer; color: var(--primary); display: flex; } .fds_folder_block .fdsbkl_icon { background: var(--primary); } .fds_blk .dossier-new-tab { width: 0; display: none; } .fdsbkl_icon img { width: 35px; height: 35px; } .profile-block .doc_menu, .fds-dossier-icon.profile-block .close, .activefds .doc_menu, .activefds.fds-dossier-icon .close { display: block; } .profile-block .close, .fds-dossier-icon.profile-block .doc_menu, .activefds .close, .activefds.fds-dossier-icon .doc_menu { display: none; } .fds_blk #Patient_report_block, .fds_blk .dossier-new-tab { width: 100%; transition: all 0.4s ease-in-out; } .fds_folder_block #Patient_report_block, .fds_folder_block #Patient_report_block_fds, .fds_folder_block .dossier-new-tab { width: 75%; display: inline-block; vertical-align: top; } .fds_folder_block .fdsbkl_icon .close { display: inline-block; } .fds_folder_block .dash-main.new-dash:nth-of-type(1) .dash-item { margin-top: 0; } .fds_folder_block .dash-main.new-dash .dash-item { border: 0; } .fds_folder_block .view-page { padding-top: 0 !important; } .fds_blk #Patient_report_block { margin-top: 5px; } .fds_folder_block .dossier-new-tab { padding-left: 15px; width: 24%; } .fds_folder_block .dossier-inner-cont { width: 100%; padding: 0; } .fds_folder_block .access-file { padding: 0; } .new-tab-row .dossier-new-tab .dash-main, .new-tab-row .dossier-new-tab .view-page .col-lg-3 { width: 100% !important; margin-bottom: 10px; } .doss-btns { justify-content: space-between; } .fds_folder_block .sec-title.btn-title { margin-bottom: 0px; display: block !important; } .fds_folder_block .ecg-outer.new-add-icon:hover::before { display: none; } .fds_folder_block .view-page .mb-3 { margin-bottom: 0 !important; margin-top: 10px; padding: 0; } .fds_folder_block .view-page .row.clearfix { margin: 0; } .fds_folder_block .access-file .dash-item { margin-top: 10px; } .send-detail span { color: var(--primary); } .send-detail span.send-status-private { color: #D84C39; } .my-msg { flex-direction: row-reverse; position: relative; } .my-msg .msg-delete { display: none; } .grap-box.one-msg { right: 90px; } .grap-box.pei-msg { right: 220px; } .grap-box.enc-msg { right: 340px; } .grap-box { display: flex; align-items: center; justify-content: end; padding-right: 30px; padding-top: 10px; position: absolute; right: 0; top: 23px; } .grap-box .color-box { width: 23px; height: 16px; margin: 0 7px; border-radius: 2px; background-color: #fdfabea8; border: 1px solid #dee2e6; } div.table-responsive>div.dataTables_wrapper div.row:last-child { align-items: center; border-top: 1px solid #eee; } .grap-box.one-msg .color-box { background-color: #fff; } .grap-box.pei-msg .color-box { background-color: #fff; } .grap-box.enc-msg .color-box { background-color: var(--lightblueactive); } .grap-box span { display: inline-block; font-size: 12px; color: #667B89; vertical-align: middle; } .poids-outer { position: relative; } .edit_poids.edit .iconify { position: absolute; right: 10px; top: -40px; cursor: pointer; } .poids-outer:hover .iconify { visibility: visible; } .poids-outer .cancel-text { color: var(--grey); font-size: 13px; text-decoration: underline; display: block; margin-top: 5px; text-align: center; } .poids-outer .cancel-text:hover { color: var(--primary); } .vlg-container img { /* width: 100%; height: 200px; */ width:auto; height: 120px; border-radius: 6px; position: relative; z-index: 1; } .div_poids button { background: transparent; border: 0; } .other-msg .usr-icon, .other-msg .usr-icon img { width: 40px; height: 40px; } .msg-data { max-width: 350px; } .other-msg .msg-data { margin-left: 45px; margin-top: -15px; } .my-msg .msg-data { text-align: right; } .my-msg .iconify, .attachouter .msg-delete, .msg-att-pdf .msg-delete { position: absolute; right: -13px; top: -9px; font-size: 14px; color: #f93c3c; cursor: pointer; } .attachouter .pdf-img-outer { height: 150px; } .msg-content { display: inline-block; border-radius: 6px; padding: 10px 20px; font: 400 12px/18px "Poppins"; color: #000000; word-wrap: anywhere; width: 100%; } .other-msg .msg-content { background: #F1F4F5; width: auto; } .my-msg .msg-content { background: var(--lightblue); } .msg-data .time-sec { width: 100%; margin-top: 5px; font: 400 11px/15px "Poppins"; color: var(--siteblack); } .my-msg .msg-data .time-sec { text-align: right; } .msg-file .file-sec { display: flex; align-items: center; justify-content: space-between; padding: 0; } .msg-file .file-img { max-width: 100%; margin: 10px 0; } .msg-file .file-sec .name { font: 400 13px/20px "Poppins"; color: #001612; } .msg-file .file-sec .icons, .msg-file .file-sec .file-name { font: 400 12px/18px "Poppins"; color: #334F61; } .msg-file .file-sec .file-name { color: #8CA39E; } .msg-file .file-sec .file-name:has(+ .icons) { max-width: calc(100% - 25px); } .msg-file .file-sec .icons .iconify { color: var(--primary); width: 16px; height: 16px; } .data-listing th.creepa-th, .data-listing th.assigne-th { width: 100px; min-width: 100px; } .data-listing th.td-checkbox { width: 40px; min-width: 40px; } .data-listing th.tag-th { width: 100px; min-width: 100px; } .secnom_tag { background: var(--lightblue); padding: 1px 10px; font-size: 11px; font-style: italic; display: inline-block; border-radius: 25px; vertical-align: top; } .msg-file .file-sec a .iconify { height: 18px; width: 18px; color: var(--primary); } .msg-file .file-sec .delete .iconify { color: #D84C39; margin-right: 10px; } .create-patient-page .prof-sec { padding: 30px 25px; background: var(--tab-bg); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 28px; } .create-patient-page .file-upload { margin-bottom: 30px; min-height: 180px; width: 180px; } .create-patient-page #gallery { height: 180px; width: 260px; } .create-patient-page #gallery img { width: 100%; } .dashboard .rig-btn #send_msg_btn { float: right; } .empty-chat { max-width: 350px; height: 250px; background: #F1F4F5; border-radius: 15px; padding: 40px; margin: auto; } .char-avtar { display: flex; align-items: center; width: 100px; height: 100px; padding: 10px; margin: auto; } .char-avtar .iconify { font-size: 75px; color: #667B89; } .empty-chat p { font-size: 14px; line-height: 21px; text-align: center; color: var(--grey); margin-bottom: 0; } .mail-title { color: var(--primary); font-size: 16px; text-align: center; margin-bottom: 15px; } .rdv_admin .container-outer { border-radius: 12px; } .rdv_admin .dataTables_filter { margin: 12px 15px 5px 0; font-size: 13px; } .activity-logrig-pannel { padding: 20px; } .activity_detail_block { overflow: auto; max-height: 74vh; margin-top: 10px; } .activity_detail_block h4 { font-size: 15px; color: #333; } .activity_detail_block div { font-size: 13px; margin-bottom: 5px; color: #00233A; } .adm_tab-cont { border-top-right-radius: 0; border-top-left-radius: 0; } .adm_tabs button, .vaccination_container .nav-item button, .dmp_urls_list_nav button, .getUniqueDmpDoc .nav-link { border: 1px solid var(--border) !important; color: var(--det-top-nav-text) !important; font-size: 15px; background: var(--det-top-nav) !important; box-shadow: var(--det-top-nav-shadow); margin-right: 2px; } .adm_tabs button:last-child, .vaccination_container .nav-item button:last-child { margin-right: 0; } .adm_tabs button.active, .vaccination_container .nav-item button.active, .dmp_urls_list_nav button.active, .getUniqueDmpDoc .nav-link.active { color: #fff !important; background: var(--gradient-btn) !important; } .vaccination_container .nav-tabs, .dmp_urls_list_nav, .getUniqueDmpDoc .nav-tabs { border: 0; } .vaccination_container .nav-item button, .dmp_urls_list_nav button, .getUniqueDmpDoc .nav-link { border: 1px solid #bebebe !important; } #dmp_about_modal .dmp-abt-title { font-weight: 500; font-size: 16px; } #dmp_about_modal .dmp-abt-content { font-size: 14px; } .modal-header, .modal-footer { padding: 14px; border: none; } .modal-header h3, h4.ord-type-ald, .img_fds_title { font: 400 15px/25px "Poppins"; color: #001612; margin-bottom: 0; } .modal-title { font-size: 15px; font-weight: 500; color: var(--siteblack); } .cal-modal .modal-title { color: #fff; } .img_fds_title { text-align: center; margin-top: -10px; margin-right: 10px; } h4.ord-type-ald { font-weight: 500; margin-bottom: 10px; } .modal-header h3 .iconify { color: var(--primary); margin-right: 10px; font-size: 18px; } .modal-header .close-btn, .navbar-toggler.close-btn { padding: 0; color: var(--primary); font-size: 16px; background-color: transparent; border: none; cursor: pointer; } .modal-header .close-btn { color: #000; opacity: .5; } .modal-footer .text-link, .modal-footer .txt-link { text-decoration: underline; margin-right: 10px; font-weight: 500; } .modal-footer .text-link:hover, .modal-footer .txt-link:hover { color: var(--primary); } .modal-header .close-btn:hover { opacity: .7; } .modal-body { padding: 5px 25px 10px; } .dossier_list .dataTables_filter label:after, .dossier_list .dt-search label:after { left: auto; right: 325px; } .dossier_list .dt-search label:after { right: -30px; } .modal-body p { font-size: 15px; } .modal-body a { cursor: pointer; } .modal-checkbox { display: flex; margin-bottom: 15px; } #mail-content-body { padding: 5px 20px 30px; min-height: 100px; } #mail-content-body .table_mail tbody tbody td { padding: 0 10px; } #galleryModal .modal-dialog, #galleryChatModal .modal-dialog, .profile_modal .modal-dialog, #file_viewer .modal-dialog, .pass-upload-model .modal-dialog { max-width: 100%; margin: 0; height: 100%; } #galleryModal .modal-content, #galleryChatModal .modal-content, .profile_modal .modal-content, #file_viewer .modal-content, .pass-upload-model .modal-content { background: #121010cc; } #galleryModal .carousel, #galleryChatModal .carousel, .profile_modal .carousel, #file_viewer .carousel { height: calc(100vh - 17px); } #galleryModal .modal-content, #galleryChatModal .modal-body, .profile_modal .modal-body, #file_viewer .modal-body { padding: 0; min-height: 84vh; } .modal-checkbox .form-check-label { font-size: 14px; color: #334F61; } #galleryModal .modal-header, #galleryChatModal .modal-header, .profile_modal .modal-header, #file_viewer .modal-header { display: block; text-align: right; } #galleryModal .modal-header a, #galleryChatModal .modal-header a, .profile_modal .modal-header a, #file_viewer .modal-header a { color: #fff; font-size: 30px; text-decoration: none; cursor: pointer; } #galleryModal img, #galleryChatModal img, .profile_modal img, #file_viewer img, .pass-upload-model img { object-fit: cover; max-width: 100%; width: auto; max-height: 95vh; } #galleryModal .modal-header, .profile_modal .modal-header, #file_viewer .modal-header { position: absolute; top: 25px; right: 25px; width: 100%; padding: 0; z-index: 10; } .mod-date { font-style: italic; font-weight: 500; font-size: 12px; line-height: 16px; padding-left: 10px; } .mod-subtitle { color: #fff; font-size: 15px; font-weight: 400; } .profile-det .pericardite-data li { font-size: 14px; } #modal_ajoutde .hint { position: absolute; top: -15px; right: 0; } .modal-search-box input { width: 100%; } .search_list { margin: 0; padding: 0; list-style: none; } .share-file { max-height: 70vh; overflow-y: auto; margin-top: 10px; } .share-model .modal-dialog { max-width: 560px; } .search_list_item { display: flex; max-width: 100%; align-items: center; justify-content: space-between; margin: 8px 5px; transition: background-color 0.3s ease-in-out; padding: 6px; border-radius: 6px; } .search_list_item:hover { background-color: var(--lightblue); } .remove-link { font: 500 12px/15px "Poppins"; color: var(--primary); } .file-pdf, .file-img, .file-doc { text-align: center; margin-top: 15px; } .file-pdf a, .file-doc a { background: #F1F4F5; border-radius: 15px; padding: 25px; margin-bottom: 30px; display: inline-block; } .grid-outerimage .file-pdf a, .grid-outerimage .file-doc a { padding: 5px; } .file-pdf .pdf, .file-pdf .ecg, .file-pdf .doc, .file-pdf .docx { display: inline-block; height: 135px; width: 100px; background-size: 100% 100%; background-repeat: no-repeat; } .grid-outerimage .pdf, .grid-outerimage .ecg, .grid-outerimage .doc, .grid-outerimage .docx { display: inline-block; height: 50px; width: 50px; } .file-img img { max-width: 250px; max-height: 120px; width: auto !important; } .attachouter { position: absolute; bottom: 100%; background: #E9F5FE; border-radius: 5px; margin: 1px; padding: 10px 15px; } .attachouter .file-pdf a { margin-bottom: 5px; } .attachouter .desc { text-align: left; } .attachouter .file-img a { min-width: auto; margin: 0; } .attachouter a.msg-delete svg { background: #fff; border-radius: 100%; } .attachouter .file-pdf .pdf, .attachouter .file-pdf .ecg, .attachouter .file-pdf .doc, .attachouter .file-pdf .docx { height: 75px; width: 90px; } .attachouter .desc a { display: inline-block; min-width: auto; margin: 0; } .attachouter .file-img img { max-width: 150px; max-height: 120px; } .modal-footer .close-btn { font: 400 12px/ 18px "Poppins"; min-width: 100px; height: 32px; border-radius: 6px; background: transparent; } .equip-content .list-telephone { min-width: 150px; } .equip-content .telephone-th { width: 150px !important; min-width: 150px !important; } .crepar-date { display: flex; justify-content: space-between; } .contry-outer .error-help-block { position: absolute; top: 45px; left: 2px; line-height: 13px; } .create-patient-page .contry-outer .error-help-block.france-error { bottom: -42px; height: 40px; left: -80px; } .login-block .contry-outer .error-help-block { left: -80px; } .no-user { display: block; width: 60px; height: 60px; border-radius: 50%; background: var(--light-primary) url(../images/homme.png) no-repeat center bottom / contain; background-size: 65px; } .no-user-fem { background: var(--light-primary) url(../images/def-fem.png) no-repeat center bottom / contain; } .list-detail-sec .no-user { background-size: 55px; } .algie-modal .modal-header, .modal_fiche .modal-header { position: relative; display: block; text-align: center; } #modal_traitements_fds .algie-modal .modal-header { padding: 20px; } .algie-modal .close-btn, .modal_fiche .close-btn { position: absolute; top: 15px; right: 20px; } .modal .upload-field { height: 48px; border-width: 1px; margin: 0; position: relative; } .modal .upload-field .error-help-block { position: absolute; bottom: -25px; } .modal .upload-icon .iconify { font-size: 14px; } .modal .upload-icon span { font-size: 13px; } .modal-dialog:has(.ord-popup) { max-width: 960px; } .ord-popup .nav-tabs { border-bottom: 0; } #upload_dossier .dash-main.new-dash .dash-item, .upload_dossier_fds .dash-main.new-dash .dash-item { min-height: 165px; margin: 0 0 10px; display: inline-flex; } #upload_dossier .dash-main.new-dash .dash-item .dash-cont .view-link, .upload_dossier_fds .dash-main.new-dash .dash-item .dash-cont .view-link { margin: 0; } #upload_dossier .modal-dialog, .upload_dossier_fds .modal-dialog { max-width: 820px; } #upload_dossier .dash-main.new-dash, .upload_dossier_fds .dash-main.new-dash { width: 24.5%; } #upload_dossier .dash-main.new-dash .new-img, .upload_dossier_fds .dash-main.new-dash .new-img { height: 100px; transform: scale(0.95); } #upload_dossier .dash-main.new-dash:hover .new-img, .upload_dossier_fds .dash-main.new-dash:hover .new-img { height: 100px; transform: scale(1); } #upload_dossier .dash-main.new-dash .dash-item span, .upload_dossier_fds .dash-main.new-dash .dash-item span { transform: translateY(0); min-height: inherit; margin-top: 0; } .folder-body .ecg-outer, .folder-body .ecg-outer img { height: auto; min-height: 125px; max-height: 125px; } .folder-body .ecg-outer, .folder-body .ecg-outer:before { content: none; } .folder-body .folder_scr, .file_scr { max-height: 50vh; overflow-y: auto; } .file_scr { padding: 15px; } .modal-date { display: flex; justify-content: center; margin-bottom: 15px; } .modal-date .date-sec { position: relative; width: 180px; height: 32px; } .modal-date .date-sec input { width: 100%; height: 100%; padding-right: 35px; } .modal-date .date-sec .iconify { top: 50%; transform: translateY(-50%); } .valid-alleg h4 { font-weight: 600; font-size: 17px; line-height: 45px; color: var(--primary); margin-bottom: 0; } .valid-allg_top { display: flex; justify-content: space-between; align-items: center; } .vlg-container .data-title { text-decoration: none; /* position: relative; */ } .vlg-container .data-title .add-form,.vlg-container .data-title.allerge_view .add-form { color:var(--primary); font-size: 24px; } .data-cancel-fdr { color:var(--error); font-size:20px; } .data-edit-fdr-icon { font-size:20px; color:var(--primary); } #prescriptions_tab .vidal-header { gap: 15px; } #prescriptions_tab .treatment-block { padding-right:0; padding-left: 0; } .overview_alg_tab { width:33.33%; } .prof-rig-det { text-align:center; } .prof-rig-det p { min-height:60px; } .detail-page .custom-scrollbar-css { overflow: auto; scrollbar-width: auto !important; scroll-behavior: auto; z-index: 1; /* position: relative; */ } .detail-page .custom-scrollbar-css::-webkit-scrollbar { height: 15px; } .detail-page .custom-scrollbar-css.patient-report-det { max-height: 80vh; overflow: auto; } .vlg-container .profile-det, .prof-bgouter { width: 100%; height: auto; padding: 20px; background: var(--white-new); border-radius: 14px; overflow: visible; min-height: 240px; border: 1px solid var(--border); box-shadow: var(--shadow); transition: all 0.3s ease-in-out; } .vlg-container .profile-det:hover, .prof-bgouter { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); } .srch_dob { color: grey; font-size: 11px; padding-left: 5px; } .vlg-container .profile-det h4, .prof-h4,.allergies-fds-block h4 { font-weight: 400; font-size: 14px; line-height: 30px; color: #000000; margin-bottom: 5px; padding-right: 50px; line-height: 22px; } .vlg-container .prof-desc h6, .accordion-collapse .prof-desc h6, .vlg-container .prof-desc .des-scrol.imagerie-title h6, .todohead-edit-txt h6, .todod h6, .prof-h6 { font-weight: 400; font-size: 13px; line-height: 15px; color: #667B89; margin-bottom: 0; } .prof-desc-form h1, .prof-desc-form h2, .prof-desc-form h3, .prof-desc-form h4, .prof-desc-form h5, .prof-desc-form h6 { margin-top: 0 !important; margin-bottom: .5rem !important; font-weight: 500 !important; line-height: 1.2 !important; color: #667B89 !important; } .prof-desc-form h6 { font-size: 1rem !important; margin-bottom: 0 !important; } .prof-desc-form h5 { font-size: 1.25rem !important; } .prof-desc-form h4 { font-size: 1.5rem !important; } .prof-desc-form h3 { font-size: 1.75rem !important; } .prof-desc-form h2 { font-size: 2rem !important; } .prof-desc-form h1 { font-size: 2.5rem !important; } .edit_tab.formularie .title-lable { margin-top: 10px; } .accordion-collapse .prof-desc, .accordion-collapse .prof-desc .prof-file { margin-top: 10px; } .accordion-collapse .prof-date div { margin-bottom: 10px; } .vlg-container .prof-desc h6+div { margin-bottom: 10px; } .vlg-container .prof-desc .desc-cont,.allergies-fds-block .prof-desc .desc-cont { font-weight: 400; font-size: 15px; line-height: 22px; color: #474747; height: initial; overflow: hidden; margin-bottom: 0; } .vlg-container .prof-desc .desc-cont.desc-more { height: auto; } .vlg-container .prof-desc .desc-cont p { margin-bottom: 0; } .more-less { display: flex; justify-content: flex-end; margin-top: 15px; font-style: italic; font-weight: 600; } .more-less a { margin: 0; text-decoration: underline; color: var(--primary); font-size: 13px; } .creat_nom { font-weight: 500; color: var(--siteblack); font-size: 13px; } .reupload_consentement, .reupload_consentement:hover { font-size: 25px; color: var(--primary); } .top_dos_icons .sg-success { position: static; width: 20px; height: 20px; } .roles-sec { margin: 20px auto; } .right-tag { display: flex; gap: 15px; align-items: center; } .right-tag span { font: 400 14px/20px "Poppins"; color: #001612; } .right-tag .form-check input, .right-tag .form-check { width: 20px; height: 20px; } .roles-sec .card { padding: 20px; border-radius: 6px; background-color: #fff; } .roles-sec table th { font: 400 16px/25px "Poppins"; color: #001612; text-align: center; padding: 15px 5px; } .roles-sec table th:first-child { text-align: left; } .roles-sec table { margin-bottom: 30px; } .roles-sec table td { font: 400 14px/21px "Poppins"; color: var(--siteblack); vertical-align: middle; padding: 5px; } #initiate_msg_pane .listing-header, #file_upload_pane .listing-header { justify-content: flex-start !important; margin-bottom: 0; padding-top: 13px; } #initiate_msg_pane .listing-header { min-height: 73px; flex-direction: column; align-items: flex-start; } #initiate_msg_pane .group-users { align-items: self-start; } #initiate_msg_pane .group-users, #file_upload_pane .group-users { margin-left: 0; flex-direction: column; margin-bottom: 5px; } #file_upload_pane .upoad-panel { padding-top: 20px; } .roles-sec table td:first-child { width: 17%; } .roles-sec table tr:first-child td { padding-top: 15px; } .roles-sec table tr:nth-child(13) td, .roles-sec table tr:nth-child(19) td, .roles-sec table tr:nth-child(25) td { padding-top: 25px; } .roles-sec table td:nth-child(2) { width: 20%; } .roles-sec table td:nth-child(3), .roles-sec table td:nth-child(4) { width: 16%; } .roles-sec table td:nth-child(5) { width: 18%; } .mes-unread, .sec-unread { position: relative; } .navbar-collapse { gap:12px; } .navbar-nav .mes-unread .nav-link, .navbar-nav .sec-unread .nav-link { display: flex; } .accordion-collapse .prof-desc h6 { margin-top: 10px; line-height: 20px; } .custom-scrollbar-css .no_assignee_msg { display: block; } .vlg-container .prof-desc.prof-conents h6 { font-size: 1rem; color: #667B89; font-weight: 500; line-height: 1.2; margin-bottom: 0 !important; } .group-sep { margin-bottom: 10px; } .group-sep p { margin-bottom: 5px; line-height: 16px; } .prof-conents li { font-size: 14px; } .prof-conents h1, .prof-conents h2, .prof-conents h3, .prof-conents h4, .prof-conents h5, .prof-conents h6 { color: #667B89; } .prof-conents h5 { font-size: 1.25rem !important; margin-bottom: .5rem !important; font-weight: 500 !important; line-height: 1.2 !important; } .prof-conents ul ul { padding: 0 !important; } .ui-tooltip.ui-widget-shadow { opacity: 1 !important; } .tooltip .tooltip-inner { background: #fff !important; font-size: 12px; box-shadow: 1px 6px 30px rgba(13, 35, 68, 0.1); color: #000; font-weight: 500; border: 1px solid #eee; max-width: 450px; } .tooltip.show { opacity: 1; } .p-usr svg { color: var(--primary); } .tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: transparent !important; } .tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: transparent !important; } .tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: transparent !important; } .tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: transparent !important; } .data-title[data-title]:hover:after { opacity: 1; visibility: visible; } .data-title { position: relative; font-style: normal; } .data-title-delete { position: absolute; } .data-title[data-title]:after { content: attr(data-title); background-color: #fff !important; font-size: 12px; box-shadow: 1px 6px 30px rgba(13, 35, 68, 0.1); color: #000; font-weight: 500; border: 1px solid #eee; position: absolute; padding: 4px 10px; bottom: -35px; right: -15px; opacity: 0; z-index: 99999; visibility: hidden; text-align: center; border-radius: 5px; white-space: nowrap; } .cmuameinvalide_date { display: none; } .patient-top-sec .borderame_date input, .patient-top-sec .bordercmu_date input { border: 2px solid #EA3640; } .borderame_date .cmuameinvalide_date, .bordercmu_date .cmuameinvalide_date { display: block; } .ajouter_examen.data-title[data-title]:after { bottom: -24px; } .ui-tooltip { background-color: #fff !important; font-size: 12px; box-shadow: 1px 6px 30px rgba(13, 35, 68, 0.1) !important; color: #000; font-weight: 500; border: 1px solid #eee !important; position: absolute; padding: 4px 10px; text-align: center; border-radius: 5px; white-space: nowrap; } .data-title-min[data-title]:after { min-width: 130px; } #nav-file-tab.data-title[data-title]:after, #nav-user-tab.btn-disabled.data-title[data-title]:after { width: 180px; bottom: -54px; } .list-grid-outer.nav-tab-icons { position: relative; z-index: 1; } .btn-disabled, .list-grid-outer.nav-tab-icons .btn-disabled:hover { background-color: #dfdfdf !important; cursor: not-allowed; } .btn-disabled .iconify { opacity: 0.5; } .btn-disabled::after { content: none !important; } .hel-cont-nav .btn-disabled { border: 1px solid #dfdfdf !important; opacity: 0.9; } .mes-unread .pcnt, .sec-unread .pcnt { text-align: center; margin-left: 2px; margin-right: 5px; position: static; transform: translateY(0%); } .mes-unread span.ms-2 { font-size: 13px; } .mes-tab-count { display: flex; position: static; } .mestablink .dropdown-toggle { background: none; border: 0; display: flex; padding-right: 10px !important; } table td .form-check input, table td .form-check { width: 15px; height: 15px; } .roles-sec table td .form-check input { border: 1px solid var(--primary) !important; } .text-link { color: var(--primary); text-decoration: none; } .text-grey { font-size: 14px; cursor: pointer; color: #455A64; margin-bottom: 10px; } .btn+.text-grey { margin-left: 10px; } .text-grey:hover { color: var(--primary); text-decoration: underline; } .text-link:hover { text-decoration: underline; color: var(--primary); } .profile_cont { display: flex; justify-content: space-between; margin-bottom: 10px; max-width: 1026px; align-items: center; } .profilebtn-end { display: flex; gap: 5px; } .profilebtn-end .btn { padding: 5px 15px; min-width: 100px; } .rej-btn { background: #fff; border: 1px solid #CF4836; color: #CF4836; } .rej-btn:hover { background: #CF4836; color: #fff; } .listing-header h3 .iconify { color: var(--primary); margin-right: 5px; } .chat_filter { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 20px; } .chat_filter .search-box { width: calc(100% - 170px); border-radius: 6px; margin-right: 15px; } .chat_filter .search-box input { width: 100%; border: 1px solid #E5E9EB; font-size: 14px; line-height: 21px; } .empty_list_design { min-height: calc(100vh - 200px); margin-top: 50px !important; } .patient-grid.empty_list_design { max-width: 1140px; margin: auto; border: 1px solid #d6d8d9; border-radius: 12px; background: #fff; } #nav-empty-leftcontent .empty_list_design { min-height: calc(100vh - 200px); } .chat_filter .btn { min-width: 155px; } .chat_filter .dropdown-menu { border: 1px solid var(--primary); } .container.mt-5 .empty_list_design { margin-top: 0 !important; } .mt-4.empty_list_design { margin-top: 20px !important; } .tab_msg-section { padding: 0 20px; } .nav-pills { margin-bottom: 20px; } .cal-nav .nav-item>.nav-link { height: auto; color:var(--siteblack); } .nav-pills .nav-link { min-height: 42px; padding: 0 18px; background: var(--det-top-nav); border-radius: 16px; min-width: 100px; font-size: 14px; line-height: 18px; color: var(--det-top-nav-text); border: var(--det-top-nav-border); font-weight: 600; box-shadow: var(--det-top-nav-shadow); display: flex; align-items: center; justify-content: center; } table.dataTable>tbody>tr.grp_discussion_record_tr, .yellow div { background: #fdfabea8; } table.dataTable>tbody>tr.pvt_discussion_record_tr, .green div { background: #fff; } .modal .nav-pills { border: 0 !important; } .modal .nav-pills .nav-link { background: #E5E9EB; min-width: 120px !important; border-radius: 6px 6px 0 0 !important; margin-right: 1px; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: var(--gradient-btn); color: #fff; } .tab_msg-section .grid-card { margin: 0; margin-bottom: 20px; } .show_minos { display: none; } .tab_msg-section .data-grid .col-sm-6:nth-child(odd) { padding-right: calc(var(--bs-gutter-x) * .3); } .patient-grid .empty-chat { max-width: 600px; min-height: 450px; display: flex; text-align: center; align-items: center; width: 100%; justify-content: center; background: #fdfeff; box-shadow: var(--shadow); border: var(--border); } .empty-chat .cmn-header .cre-btn .btn { max-width: 100%; } .empty-chat .cmn-header.listing-header { border-bottom: 0; } .patient-grid .empty-chat p { font-weight: 500; } .empty-chat-outer { display: flex; padding: 30px; } .patient-grid .char-avtar { background: #667B89; width: 150px; height: 150px; border-radius: 15px; justify-content: center; display: flex; align-items: center; margin-bottom: 20px; } .patient-grid .char-avtar img { height: 100px; width: 100px; } .patient-grid .empty-chat p { margin-bottom: 10px; } .dash-main.new-dash .dash-item .doc-med-delete .iconify { color: #EA3640 !important; cursor: pointer; } .team-msg { max-width: 500px; padding-bottom: 20px; } .modal_error { text-align: center; color: #bf2626; font-size: 13px; padding: 10px; background: #ff000024; width: 340px; margin: 10px auto; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); } /*admin-doctor-list*/ .list-lable { font-size: 12px; line-height: 15px; color: #72787b; font-weight: 500; min-width: 85px; display: inline-block; } .list-address span { display: block; } .dataTables_wrapper .list-address span { display: inline-block; } .list-telephone { min-width: 175px; white-space: nowrap; } .equip-content .list-lable { min-width: 25px; } .equip-content .th-address, .equip-content .list_address { display: none; } .secar-feild .subj-close-icon, .secar-feild .close-icon, .secar-feild .creer-close-icon, .secar-feild .nip-close-icon, .secar-feild .close-date-icon, .secar-feild .ip-close-icon { display: none; position: absolute; right: 5px; top: 7px; font-size: 20px; color: #334F61; cursor: pointer; z-index: 2; } .secar-feild .close-date-icon { right: 25px; color: var(--primary); } .folder-body #folder-heading, .folder-body #folder-name { margin-bottom: 20px; margin-top: -35px; width: calc(100% - 120px); } .folder-body .folder-name { font-style: italic; color: var(--grey); } .folder-body .file-name { width: 100%; } .atach-icon a { color: #00233A; } .atach-icon i { color: var(--primary); font-size: 16px; } .grid-card .card-top h5, .grid-card .card-top h5 a { color: var(--primary); text-decoration: none; font-weight: 500; } .grid-card .specialisation { margin-bottom: 10px; } .create-select label { padding-bottom: 5px; } .create-select label span { color: red; } /*Create section*/ .create_section { padding: 20px; background: var(--tab-bg); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 28px; } .create_section .prof-sec { padding: 30px 25px !important; background: none; border: none; box-shadow: none; border-radius: 0; } .create-select { display: flex; align-items: center; margin-bottom: 20px; gap: 10px; } .fac-content .obesite { align-items: center; } label.create-select span { color: red; } .create-select .formfield, .create-select .form-label { margin: 0; padding-bottom: 0; } .create_section .create-select select { height: 45px !important; } .label-block { display: flex; align-items: center; } .label-block .form-label { min-width: 140px; margin-right: 10px; } #email_li { margin-top: -15px; display: inline-block; margin-bottom: 5px; } .share-mail { padding: 3px 5px; font-size: 13px; border-radius: 5px; border: 1px solid #eee; background: rgba(204, 211, 216, 0.3); margin-right: 5px; margin-bottom: 10px; display: inline-block; } .share-mail:last-child { margin-right: 0; } .share-mail .close-icon-mail { color: black; font-size: 12px; display: inline-block; width: 15px; height: 15px; background-image: url("https://api.iconify.design/mdi/close-bold.svg"); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; background-position: 2px 2px; padding: 7px 5px; } /*pick adate*/ .picker__header { margin-bottom: 10px; background-image: var(--site-liner); border-radius: 3px; padding: 5px; } .picker__weekday { color: #333; font-size: 12px; font-weight: 600; } .picker__day { padding: 5px; font-size: 12px; color: gray; } .picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { background-image: var(--site-liner); } .picker__header .picker__select--month, .picker__header .picker__select--year { border-radius: 3px; height: 27px; border-color: #ddd; font-size: 13px; line-height: 1.6666667; margin-left: 5px; margin-right: 5px; outline: 0; min-height: initial; padding: 0; } .picker__day--infocus:hover, .picker__day--outfocus:hover { background: var(--primary); color: #fff; border-radius: 4px; } .picker__select--month { width: 40% !important; } .picker__select--year { width: 27.5% !important; } .picker__nav--prev, .picker__nav--next { margin-top: -18px; } .picker__nav--prev:before, .picker__nav--next:before { color: #fff; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; content: ""; position: absolute; width: 8px; height: 8px; top: 14px; } .picker__nav--prev:before { left: 15px; transform: rotate(135deg); } .picker__nav--next:before { right: 15px; transform: rotate(-45deg); } .picker__nav--prev:hover, .picker__nav--next:hover { background-color: transparent; } .page-item .page-link { background: transparent; border: 1px solid var(--primary); color: var(--primary); } .left-pannel div.dt-container .dt-paging .ellipsis { padding: 0.375rem 0.75rem; } .page-item.active .page-link, .page-item .page-link:hover { background: var(--primary); color: #fff; } table.dataTable colgroup { display: none; } div.dt-container .dt-paging .dt-paging-button:hover { background: transparent !important; border: 0 !important; } .page-item.active .page-link { border: 1px solid var(--primary); } div.dt-container .dt-paging .dt-paging-button { border: 0 !important; } .datepicker-days { background-color: #fff; padding: 4px 0; box-shadow: 0px 2px 10px rgb(0 0 0 / 20%); } .datepicker td, .datepicker th { color: #333; font-weight: 400; width: 40px; height: 25px; font-size: 15px; } .datepicker th { color: #E10000; } .msg-file { position: relative; } .msg-content .down-icon svg { position: absolute; right: 0; bottom: 0; font-size: 20px; color: var(--primary); } .msg-content .down-icon svg:hover { color: rgb(33 150 243 / 80%); } .datepicker table tr td.active, .datepicker table tr td.active:hover { background-image: linear-gradient(to bottom, #2196f3, #fb0404); } .iconify.datepicker.picker__input, .iconify.datepicker { position: absolute; right: 15px; top: 12px; color: var(--primary); pointer-events: none; } .outerfom-com .formfield { margin-top: 10px; } /*new datepicker*/ .ui-datepicker { width: 260px; padding: 6px; z-index: 999 !important; } .ui-datepicker .ui-datepicker-header { background: var(--primary); } .ui-datepicker .ui-datepicker-title { display: flex; gap: 15px; } .ui-datepicker .ui-datepicker-title select { text-align: center; padding: 5px; font-size: 14px; font-weight: 500; background: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .ui-datepicker-calendar thead th { font-weight: 600; padding: 10px 0; color: #333; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { top: 10px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { width: 10px; height: 10px; border: 2px solid #fff; border-color: transparent transparent #fff #fff; font-size: 0; background-image: none; } .ui-datepicker .ui-datepicker-prev span { transform: rotate(45deg); } .ui-datepicker .ui-datepicker-next span { border-color: #fff #fff transparent transparent; transform: rotate(45deg); } .preview-arrow button { position: absolute; background: transparent; top: 50%; font-size: 20px; } #file_viewer .modal-body, .pass-upload-model .modal-body { min-height: 97vh; } .preview-arrow .previous-btn { left: 25px; } .preview-arrow .next-btn { right: 25px; } .preview-arrow .dis-button, .desable-sec { opacity: 0.5; pointer-events: none; } #file_viewer .modal-header { width: 20px; height: 20px; } .patient-det-top .login-block { min-height: initial !important; } .date-feild { position: relative; width: 150px; margin-right: 5px; } .date-feild .form-control { background: #fff; border: 1px solid var(--primary); border-radius: 6px; font-size: 13px; padding: 7px 5px; } .date-feild .datepicker { right: 5px; top: 10px; } /*****/ .preview-iframe-outer { height: 92vh; max-width: 92vw; margin: auto; } .preview-iframe { width: 100%; height: 100%; } .formfield>input.datepicker { background: rgba(204, 211, 216, 0.1); } .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 280px); overflow: auto; } #email_history_tab .data-listing .dataTables_wrapper div.row:nth-child(2)>div, .gblrestalgn .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 345px); } .aside-minimize .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 362px); } .aside-minimize.bdr-back-btn .data-listing .dataTables_wrapper div.row:nth-child(2)>div, .container-fluid-para .data-listing .dataTables_wrapper div.row:nth-child(2)>div, .container-fluid-user .adm_tab-cont .data-listing .dataTables_wrapper div.row:nth-child(2)>div, .container-fluid-sec .data-listing .dataTables_wrapper div.row:nth-child(2)>div, .container-fluid-user .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 407px); } .container-fluid-sec .grid-scroll, .container-fluid-user .grid-scroll { height: calc(100vh - 370px); } .payment-history-list .adm_tab-cont .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 295px); } .container-fluid-user .grid-scroll { height: calc(100vh - 370px); } .aside-minimize .list-detail-sec { overflow: auto; height: calc(100vh - 300px); } .admin-list .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 380px); } .rdv_admin.after-login .dossier_list .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: calc(100vh - 300px); } .grid-scroll { height: calc(100vh - 300px); overflow: auto; } .aside-minimize .grid-scroll { height: calc(100vh - 317px); } .aside-minimize.bdr-back-btn .grid-scroll { height: calc(100vh - 280px); } .msg-att-pdf { position: absolute; z-index: 10; left: 15px; top: -70px; right: 10px; background: #aed4f3; border-radius: 10px; padding: 7px 9px; display: flex; align-items: center; min-width: 220px; max-width: 50%; } .msg-preview { display: flex; align-items: center; padding: 5px 5px; background: #fff; margin-right: 10px; border-radius: 10px; } #init_message_file_txt, .msg-att-pdf span { font-size: 12px; color: #000000; } .list-detail-sec .patient-det-bottom { margin-top: 10px; } #create_patient hr { margin-bottom: 25px; } .dropdown .dropdown-menu.outer-assignee-height { border: 1px solid #00233a61; padding: 8px; border-radius: 8px; } .dropdown.outer-assignee .dropdown-item.active, .dropdown.outer-assignee .dropdown-item:active { background-color: var(--lightblue); color: #00233A; } .data-listing table.dataTable td a.creer_to_link { color: #00233A; } .no_result_added .invite_div.ui-menu-item-wrapper { float: right; background: var(--primary) !important; color: #fff; border-radius: 5px; padding: 5px 10px; border: 0; } .no_result_added.ui-menu-item { color: red; font-size: 13px; padding: 5px; line-height: 25px; display: flex; width: 100%; justify-content: space-between; } .no_result_added.ui-menu-item svg { font-size: 20px; padding-right: 5px; } /*Patient detail*/ .detail-page .container-fuild, .doc-profl-page, .mail-container.container-fuild { padding: 0; } .detail-page .container-fuild { padding-top: 0; } .pat-tab-section { margin-top: 10px; position: relative; } .user-det .prof-img img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; object-position: top; } .patient-top-sec { background-image: var(--detail-liner); padding: 10px; position: relative; border-radius: 20px; } .detail-container .prf-row { margin-right: 0 !important; } .patient-top-sec .person-det h5, .patient-top-sec .person-det h5>span { font-weight: 600; font-size: 18px; line-height: 24px; color: #FFFFFF; padding-right: 5px; } .patient-top-sec .name-switch .btn-toggle { display: none; } .patient-top-sec .ald-cmu .name-switch .btn-toggle { display: inline-flex; } .patient-top-sec .detail-pin { display: flex; flex-direction: column; } .detail-pin label { font-size: 13px; color: #fff; } .patient-top-sec .person-det { margin-left: 10px; width: 100%; overflow: hidden; } .patient-top-sec .patient-span .patient-details { font-size: 13px; line-height: 15px; vertical-align: top; } .patient-top-sec .patient-span .patient-details.dop { border-left: 2px solid #fff; padding-left: 5px; } .det-doc { position: relative; border-radius: 0 12px 12px 0; } .doc-cell { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .doc-cell .patient-dtl { width: 100%; display: block; margin-right: 0; margin-bottom: 0; } .doc-cell .doc-icon { color: #fff; width: 60px; height: 60px; text-align: center; line-height: 55px; margin: auto; display: inline-flex; justify-content: center; align-items: center; } .doc-cell .patient-dtl label { color: #292F33; } .doc-cell .doc-icon svg { font-size: 40px; } .ui-widget-content .ui-state-active { color: #fff; } .detail-page .patient-det-left { height: 100%; position: relative; border: 0; } .detail-page .patient-det-left .edit-icon { color: var(--primary); } .patient-top-sec .patient-code { background: #E0F1FF; color: #334F61; } .detail-page .prof-img { width: 70px; height: 70px; border: 3px solid rgb(41, 175, 218); border-radius: 20px; } .search_list_item .person-det { justify-content: center; } .detail-page .user-det .prof-img img { width: 100%; height: 100%; border-radius: 16px; } .detail-page .person-det .patient-address, .patient-top-sec .patient-dtl label, .patient-top-sec .patient-details { color: #fff; } .patient-top-sec .patient-dtl label { font-size: 13px; } .patient-top-sec .patient-dtl { width: auto; margin-right: 5px; margin-bottom: 0; } .pro-detail { display: flex; gap: 50px; } .patient-address-det .patient-dtl label { padding-top: 0; padding-bottom: 2px; color: #556C7B; line-height: 13px; } .patient-dtl-tel { display: flex; gap: 5px 10px; width: 100%; justify-content: space-between; } .patient-dtl-tel-no { display: flex; flex-direction: column; } .patient-dtl-tel-no .iconify { font-size: 18px; } .detail-page .patient-address-det { margin-top: 0; } .detail-page .patient-address-det .patient-dtl { width: auto; margin-right: 0; margin-bottom: 0; } .detail-page .patient-address-det>.patient-dtl { width: 100%; } .detail-page .person-det .patient-address { display: block; font-size: 13px; margin-bottom: 3px; font-weight: 500; } .detail-page .person-det .patient-address label { font-style: italic; font-weight: 500; font-size: 12px; } .patient-address-det .patient-dtl-address span { display: block; } .detail-page .patient-card { background: #CEE6FC; border: 0.5px solid #CEE6FC; border-radius: 4px; padding: 8px; } .detail-page .patient-address-det .patient-dtl.ast-det { width: 64%; } .patient-top-sec :last-child.patient-dtl { margin-right: 0; } .patient-top-sec .patient-details { font-size: 13px; } #insi_user_info .no-data { height: 30vh; } .patient-det-top, .patient-address-det { height: 100%; } .patient-alldet { display: flex; flex-direction: column; min-height: stretch; justify-content: space-between; width: 100%; } .patient-dtl .link-txt { font-style: normal; font-size: 13px; color: #fff; text-decoration: none; } .patient-dtl .link-txt:hover { color: #023b5c; text-decoration: underline; } .right-pannel .tab-pane.fade { transition: none; } .pat-tab-section .nav-pills { margin-bottom: 0; gap: 10px; } .pat-tab-section #patient_folder_block .nav-pills { border-bottom: 0; } .detail-table.patient { border-left: 1px solid #E5E9EB; } .detail-table.patient td { height: 42px; min-width: 335px; } .detail-table.patient td.disable-td { min-width: 200px; position: sticky; bottom: 0; } .detail-table.patient th:first-child { position: sticky; left: 0; z-index: 3; outline: 1px solid #E5E9EB !important; } .detail-table.patient td:first-child { position: sticky; left: 0; background: #E9F5FE; outline: 1px solid #E5E9EB !important; z-index: 2; min-width: 200px; } .detail-table .btn { padding: 6px 10px; } ul.det-outer-box { padding: 10px 0px; } ul.det-outer-box li, .ptab-left .det-outer-box li a { list-style-type: none; padding: 10px 15px; margin: 5px; border-radius: 6px; font-weight: 500; font-size: 14px; cursor: pointer; } .edit-icon { color: #fff; position: absolute; right: 15px; font-size: 18px; } .edit-icon:hover { color: #fff; } ul.det-outer-box li:hover { background: var(--primary); color: #fff; } .add-row-bg td.pt-3-half, .disable-td { background: #E9F5FE !important; } .text-editarea { min-height: 20px; margin-bottom: 5px; } .file-attachedit { position: relative; cursor: default; } input[type="file"] { cursor: pointer !important; font-size: 0; } .update-detail .file-attachedit input { opacity: 0; position: absolute; width: 15px; height: 15px; left: 0; z-index: 1; cursor: pointer; } .list-detail-sec .patient-det.user-det { position: relative; } .right-pannel .list-detail-sec .patient-det.user-det .edit-icon { top: 0; right: -5px; } .file-attachedit .iconify { position: absolute; color: var(--primary); font-size: 15px; cursor: pointer; left: 0; z-index: 0; transform: rotate(45deg); opacity: 0; top: 3px; } .show-attach-icon .file-attachedit .iconify { opacity: 1; } .file-attachedit a, .file-attachedit span { padding-left: 20px; font-size: 11px; line-height: 16px; color: var(--primary); font-style: italic; cursor: pointer; } .detail-table.patient td:hover .fileattachedit-outer, .detail-table.patient td .fileattachedit-outer:focus { border: 1px solid var(--primary); cursor: pointer; } .detail-table.patient td:hover .file-attachedit .iconify { opacity: 1; } .show-attach-icon .file-attachedit span { padding-left: 0; } .poids span.vaild-icon.btn { font-size: 12px; } .todohead-display .title-date { font-size: 13px; color: var(--siteblack); } .todohead-display .title-date .created_nom { color: #91919F; } #profile-tab-content .vlg-container .notes-overview .profile-det { max-height: 485px; } #profile-tab-content .vlg-container .notes-overview .profile-det .notes-det { min-height: 415px; max-height: 415px; overflow: auto; } .todocont .com_text { padding-left: 10px; color: var(--grey); font-size: 14px; font-weight: 500; } .notes_view { text-align: right; display: block; font-size: 13px; color: var(--primary); font-style: italic; } /*update detail page*/ .list-group-item { padding: 0; } .pdate .picker__input, .pdate .picker__input--active, .pdate textarea { box-shadow: none; resize: none; background: transparent; border: 0; font-size: 14px; line-height: 21px; font-weight: 400; color: #00233A; width: 100%; padding: 0; height: 170px; } .update-detail .form-control.picker__input { border: 1px solid #ced4da; padding-left: 5px; } .detail-table.patient td:first-child .fileattachedit-outer { background: #E9F5FE; border: 1px solid #E9F5FE; } .detail-table.patient td:first-child:hover .fileattachedit-outer { background: #fff; border: 1px solid var(--primary); } .fileattachedit-outer { background: #fff; border: 1px solid #fff; padding: 5px; border-radius: 3px; min-height: 220px; } .cmuame_dateblk_fld input:read-only { background: #dddfe1; } .disable-file { pointer-events: none; } .detail-table th input { background: transparent; font-weight: 600; font-size: 14px; line-height: 21px; border: 0; color: #fff; height: auto; box-shadow: none; } .dashboard-inner .dash-item:nth-child(3) { margin-right: 0; } /*Profie detail page tab*/ .prof-tab { background: var(--detail-card); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: var(--detail-card-radius); padding: 15px 10px; } .prof-tab li, .doc-profl-tabs ul li { flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; } .prof-tab li:last-child.doc-profl-tabs ul li:last-child { margin-bottom: 0; } .pt-field .imagerie-title h6 { margin-top: 10px; margin-bottom: 0; } .pt-field .des-scrol.imagerie-title { overflow-y: initial; max-height: initial; min-height: initial; } .prof-tab li a, .profile-tab-outer .profile-det h3, .collapseBio a { display: block; font-weight: 400; font-size: 13px; line-height: 40px; color: #000000; text-decoration: none; padding: 0 12px; border-radius: 12px; cursor: pointer; } .prof-tab li a, .sleep_scale_tab, .score_2_tab, .fraingham_score_tab { border: 1px solid #9d9d9d; } .prof-tab li.corono_angio a { line-height: 24px; } .prof-tab li a.active, .prof-tab li a:hover, .collapseBio a:hover, .collapseBio a.active, .collapseBio a.active:hover, .prof-tab li.tab-collapse a .active, .prof-tab li.tab-collapse a:hover, .prof-tab li.tab-collapse .accordion-button, .prof-tab li.tab-collapse .accordion-button.collapsed:hover { color: var(--primary) !important; border: 2px solid var(--primary); overflow: hidden; font-weight: 500; background: transparent !important; box-shadow: 0 9px 12px -7px #9b9b9b !important; } .prof-tab li.tab-collapse .accordion-button.collapsed { background: transparent !important; border: 1px solid #9d9d9d; color: #000 !important; font-weight: 400; box-shadow: none !important; } .prof-tab li a:hover, .collapseBio a:hover { background: #d4f4ff; } .pat-tab-section .tab-content { margin-top: 10px; } #dossier_block_content #patient_folder_block .mt-3:first-child { margin-top: 0 !important; } .profile-tab-outer .profile-det, .profile-tab-outer .profile-det { min-height: auto; } .profile-tab-outer .profile-det h3, .ptab-right .profile-tab-outer h5, .vlg-container .profile-det h4.ord_title { color: var(--primary); font-weight: 600; line-height: 15px; padding: 0; margin-bottom: 5px; cursor: default; font-size: 18px; } .profile-tab-outer .profile-det.profile-det-aller h3 { padding-right: 45px; overflow: hidden; text-overflow: ellipsis; } .vlg-container .profile-det h4.ord_title { font-size: 18px; } .ptab-right .profile-tab-outer h5 { font-size: 18px; } .profile-tab-outer .fac-content { padding: 15px; /* margin-bottom: 15px; */ max-height: 495px; min-height: 495px; overflow-y:auto; } .profile-tab-outer .fac-content .fac-span { margin-left: 0; } .profile-tab-outer .formfield { font-size: 14px; } .profile-tab-outer .fac-content .formfield { margin: 0; display: flex; align-items: center; gap: 10px; grid-template-columns: 1fr 1fr auto 1fr; width: 100%; align-items: flex-end; } .profile-tab-outer .fac-content .formfield b { font-weight:normal; } .obesite .formfield,.tobac_serve .formfield { flex-direction:column; } .obesite .formfield.fac-flex input,.tobac_serve .formfield.fac-flex input { width:100%; } .profile-tab-outer .fac-content .formfield span,.profile-tab-outer .fac-content .formfield div { flex: 1; width:100%; white-space: nowrap; } .profile-tab-outer .fac-content .formfield>div { display: flex; flex-direction: column; } .profile-tab-outer .fac-content .formfield>div span:first-child { color: var(--primary); font-weight: 500; } .modal_fiche .formfield>textarea, .modal_traitements .formfield>textarea { height: 300px !important; resize: none; } .modal_traitements .ord_img_fds .formfield>textarea { height: 150px !important; resize: none; } .profile-tab-outer .fac-content .formfield>label { position: static; height: auto; padding: 0; } .modal_traitements .ord_img_fds { overflow: auto; max-height: 45vh; padding-right: 15px; text-align: left; } .pt-detspan { padding: 5px 8px; overflow: auto; max-height: 250px; } .pt-detspan .pericardite-data li { font-size: 15px; } .prescription-blck.pt-detspan { max-height: 280px; } .pt-detspan span { display: block; font-size: 14px; } .pdetail.listing .dropdown-menu { overflow: auto; max-height: 30vh; max-width: 275px; min-width:max-content; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border: 1px solid rgba(0, 0, 0, .125); z-index: 5; } .dropdown .dropdown-item:active.ajouter_examen_menu .ajouter_examen { color: #fff !important; } .fac-overview { display: flex; gap: 10px; margin-bottom: 16px; align-items: center; } .fac-content .imc-overview h4.fac-span { max-width:80px; } .fac-overview:last-child { margin-bottom: 0; } .fac-overview>h4, .fac-overview .inline-check { flex: 1; } .fac-overview>h4.fac-span { display: flex; align-items: center; flex-shrink: 0; white-space: nowrap; max-width: none; } .fds_folder_block .fac-overview>h4.fac-span{display:inline-block; } .fac-overview .facimg { flex-shrink: 0; } /* IMC row: Taille / Poids / IMC as evenly spaced columns, label above value */ .profile-tab-outer .fac-content .imc-overview .formfield { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 10px; } .profile-tab-outer .fac-content .imc-overview .formfield>div { flex: 0 1 auto; width: auto; align-items: center; white-space: nowrap; } .profile-tab-outer .fac-content .imc-overview .formfield>div span { text-align: left; } .profile-tab-outer .fac-content .imc-overview .formfield>div:last-child { align-items: flex-end; } .profile-tab-outer .fac-content .imc-overview .formfield>div:last-child span { text-align: right; } .profile-tab-outer .fac-content .imc-overview .formfield>div span:first-child { font-size: 13px; color: var(--grey); font-weight: 500; margin-bottom: 4px; } .profile-tab-outer .fac-content .imc-overview .formfield>div span:last-child { font-size: 15px; font-weight: 600; color: var(--siteblack); } .pat-tab-section .prvt_msg { width: 78%; } .pat-tab-section .dossier-outer-box .prvt_msg { width: 75%; } .pt-block { width: 550px; position: relative; background: #fff; } .pt-block .link-txt { font-size: 13px; } .patient-sec { display: inline-flex; background: rgba(33, 150, 243, 0.08); min-height: 70vh; } .patient-sec .pdetail.listing { display: flex; } .patient-sec .pdetail.listing .dropdown, .patient-sec .pdetail.listing .dropup { width: 100%; margin-right: 10px; } .field-name { display: inline-block; width: auto; font-size: 15px; vertical-align: middle; padding-right: 0; } .patient-sec .pdetail { margin: 5px; } .formfield.text-type.duree-feild { width: calc(100% - 265px); } .patient-sec .pdate { width: 250px; margin: 5px; background: var(--light-primary); } .examen_2_form .formfield.wid-auto.text-type { width: 100%; margin-bottom: 20px; padding-left: 25px; } .patient-sec .date-sec { border-radius: 14px; background: var(--gradient-btn); box-shadow: var(--shadow); border:1px solid var(--border); font-size: 14px; font-weight: 600; padding: 10px 15px; margin-bottom: 5px; position: sticky; top: 0; z-index: 10; } .patient-sec .date-sec input, .patient-sec .date-sec span, .patient-sec .date-sec input::placeholder { height: auto; color: #fff; cursor: pointer; } .patient-sec .pt-field { border-radius: 20px; background: #FFF; margin-bottom: 10px; position: relative; box-shadow: var(--card-shadow); border-left: 10px solid #3F7C91; } .patient-sec .pt-field textarea { background: #fff; border: none; resize: none; box-shadow: none; min-height: 70px; max-height: 130px; padding: 5px; } .pt-title { color: #000; text-align: center; font-family: Poppins; font-size: 14px; line-height: 35px; border-radius: 10px 20px 0px 0px; padding-right: 30px; } .pt-field .btm-block { padding: 5px 10px; text-align: right; min-height: 30px; padding-top: 0px; } .exaju-ful { display: flex; justify-content: end; align-items: baseline; } .pt-field .file-attachedit .iconify { opacity: 1; font-size: 20px; } .pt-title.madecin { background: var(--fds-title-bg); } .patient-sec .pdetail .btn { position: relative; display: block; font-size: 12px; border-radius: 15px; padding: 10px 5px; margin-bottom: 5px; width: 100%; } .pdetail.listing .btn:not(.dropdown .btn) { font-size: 11px; padding: 10px 3px; white-space: nowrap; } .patient-sec .pdetail .modal-footer .btn { width: auto; padding: 6px 33px; } .patient-sec .pdetail .dropdown .btn, .patient-sec .pdetail .dropup .btn { text-align: left; background: #fff; color: #00233A; border: 1px solid var(--primary); transform: scale(1); } .patient-sec .pdetail .dropdown .btn:after, .patient-sec .pdetail .dropup .btn:after { position: absolute; color: var(--primary); right: 15px; top: 50%; transform: translateY(-50%); } .crfolderddl .dropdown-arrow:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .4em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: absolute; color: #7c848d; right: 15px; top: 23px; transform: translateY(-50%); pointer-events: none; } .crfolderddl .form-control { font-size: 14px; } .crfolderddl .folder_icon { width: 75px; } .btn.success { border: 1px solid #00B57E; background: #00B57E; } .patient-sec .picker__table, .patient-sec .picker__weekday { font-size: 13px; font-weight: 500; } /******/ .ptab-right .no-overview.no-rec { justify-content: flex-start; align-items: center; padding-top: 30px; height: auto; } .no-overview.no-rec img { height: auto; max-width: 400px; width: auto; border-radius: 50%; margin-top: 20px; /* box-shadow: var(--shadow); border: 1px solid var(--border); */ } .file-round { width: 120px; height: 120px; background: #fff; border-radius: 50%; display: inline-block; line-height: 120px; text-align: center; margin: 20px 0; } .file-round .iconify { font-size: 80px; color: var(--primary); margin: 20px auto; } .file-round .iconify path:nth-child(1) { fill: #fff; opacity: 1; } .prof-rig { padding: 30px 0; height: 100%; display: flex; justify-content: center; } .prof-rig h4, .no-overview h4,.fac-nodata h4 { font-weight: 500; font-size: 20px; color: var(--primary); margin-top: 15px; } .prof-rig h4::first-letter, .no-overview h4::first-letter { font-size: 25px; } .prof-rig .prof-rig-det { text-align: center; } .no-overview.no-rec { flex-direction: column; } .no-overview { display: flex; justify-content: center; height: 100%; } .tab-content .no-overview { height: auto; min-height: 500px; } .prof-rig p, .no-rec p,.fac-nodata p { font-size: 14px; line-height: 21px; color: #667B89; width: 100%; max-width: 690px; margin: auto; } .no-rec p { margin: 0 auto; width: auto; } .prof-rig span { font-weight: 600; font-size: 14px; color: var(--primary); } /*upload-panel*/ .upoad-panel { padding: 0 20px 15px; } .list_subpatientdetail { position: relative; } .list_subpatientdetail .pcnt { text-align: center; line-height: 20px; } .upoad-panel h3 { font: 400 18px/27px "Poppins"; color: #001612; padding-bottom: 20px; } .patient-top-sec .patient-det.user-det, .patient-top-sec .person-det { display: inline-block; vertical-align: top; margin-bottom: 3px; } .job_sty, .person-detin { display: flex; gap: 5px; } .detail-page .patient-top-sec .prof-img { min-width: 70px; display: inline-block; vertical-align: top; min-height: 70px; background-color: #f2f4f5; } .patient-det.user-det .edit-icon { top: 10px; right: 15px; color: #fff; } .patient-top-sec .mx-end { display: inline-block; vertical-align: top; } .patient-top-sec .mx-end .edit-icon { position: static; } .right-pannel .patient-det.user-det .edit-icon { right: 45px; } .patient-det.user-det .voir-btn { display: flex; justify-content: center; margin-right: 15px; height: fit-content; } .patient-det.user-det .voir-btn.right-end { right: 35px; } .vlg-container .profile-det, .prof-bgouter { margin-bottom: 15px; border-radius: 20px; padding: 15px; } .prof-bgouter { min-height: 500px; } .vlg-container .prof-desc.prof-desc-form h6 { font-size: 1rem; margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; color: #667B89; } .prof-desc.prof-desc-form { margin-top: 10px; max-height: 240px; overflow: auto; min-height: 240px; } .prof-desc-form h5 { font-size: 1rem; } .vlg-container .profile-det.bio-type .des-scrol { overflow: auto; max-height: 400px; min-height: 320px; } .ptab-right .pericardite-data h5 { color: var(--primary); font-size: 14px; line-height: 27px; font-weight: 500; margin-top: 10px; margin-bottom: 0; } .ptab-right .pericardite-data h5:first-child { margin-top: 0; } .data-listing th.msg-th { width: 60px !important; min-width: 60px; padding: 0 !important; } .patient-det.user-det .edit-icon a { color: var(--primary); } .patient-det.user-det .edit-icon svg { font-size: 18px; } .prof-desc .prof-date, .prof-desc .prof-file { display: flex; align-items: center; gap: 70px; margin-bottom: 10px; } .prof-desc .prof-date span { font-size: 13px; padding-top: 3px; line-height: 15px; color: #00233A; } .prof-desc .prof-date span:last-child:after { content: none; } .prof-desc .prof-file { font-weight: 400; font-size: 13px; line-height: 15px; color: var(--primary); text-decoration: none; gap: 12px; } #collapseThree .prof-desc .prof-file { gap: 0; } #collapseThree .prof-desc .prof-file>* { flex: 0 0 auto; } #collapseThree .prof-desc .prof-file .file-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 40px); } .prof-desc .prof-file span { display: inline-block; } .upload-field { display: flex; align-items: center; justify-content: center; position: relative; background: rgba(33, 150, 243, 0.08); height: 70px; border-radius: 10px; border: 2px dashed var(--primary); cursor: pointer; margin: 25px 0; } .upoad-panel .upload-field { margin: 25px 0; } .upload-field input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .upload-icon span { font-size: 14px; color: var(--primary); } .upload-icon .iconify { font-size: 16px; margin-right: 10px; color: var(--primary); } .upoad-panel .dropdown { margin-bottom: 25px; } .dos-view-share, .file-trans { position: absolute; top: 1px; right: 35px; z-index: 3; opacity: 0; color: var(--primary); } .file-trans:hover { color: var(--primary); } .file-trans { left: 50%; font-size: 20px; cursor: pointer; } .dos-view-share svg { font-size: 18px; vertical-align: bottom; } .ecg-outer:hover .dos-view-share, .ecg-outer:hover .file-trans, .ecg-outer:hover .laposticon { opacity: 1; } .laposticon { z-index: 3; opacity: 0; } .laposticon img { width: auto; height: 23px; margin-top: 4px; } .laposticon.sgngrntick { color: green; } .laposticon.sgngrntick svg { font-size: 18px; } .top_dos_icons { position: absolute; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 35px 0 20px; } .top_dos_icons .file-trans, .top_dos_icons .file-trans, .top_dos_icons .dos-view-share { position: static; margin-top:3px} .poids-outer .formfield { width: 120px; margin-bottom: 0; margin-right: 3px; margin-left: 3px; float: none; display: inline-block; vertical-align: top; margin-top: 0px; } .poids-action-btn { display: flex; align-items: center; justify-content: center; margin-top: 8px; gap: 20px; } .poids-outer .formfield input { width: 100%; text-align: left; } .evolution_subtype .dfg-overview .poids { padding: 0; } .poids-outer .formfield .datepicker { top: 7px; right: 7px; } .ecg-outer::before { background: rgb(224 227 237); position: absolute; top: 0; left: 0; width: 100%; height: 101%; content: ""; z-index: 2; opacity: 0; } .ecg-outer.new-add-icon::before { height: 32px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ecg-outer:hover::before { opacity: 1; } .fold_img { text-align: center; } .fold_img img { width: auto; height: 175px; border: 1px solid #eee; border-radius: 10px; margin-bottom: 20px; } .algie-modal h3 { font-weight: 500; } /*patient card*/ .patient-card { background: var(--primary); max-width: 100%; padding: 15px; text-align: center; } .link-txt { font-size: 12px; line-height: 15px; font-style: italic; font-weight: 500; color: var(--primary); text-decoration-line: underline; } .link-txt:hover { color: var(--primary); } .docs-name .patient-dtl:last-child { text-align: right; } .patient-card .btn-outline { background: #fff !important; color: var(--primary) !important; } .tab-pane .access-file { background: var(--detail-card); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: var(--detail-card-radius); padding: 20px 30px; min-height: 50vh; } .dossier-inner-cont { width: 79%; padding: 0; padding-left: 10px; margin-right: 10px; } .pat-tab-section .col-lg-3 { width: 20%; } .tab-pane .access-file.dossier_pt_tab .view-page .col-lg-3 { width: 100%; } .tab-pane .dossier_pt_tab .view-page { background: transparent; min-height: inherit; } .tab-pane .access-file .view-page .container { background: transparent; padding: 0; border: 0; } .admin-login .login-container { background-size: initial; background-position: right; grid-template-columns: 1fr; } .dash-main .dash-item a.view-link { padding: 0; min-height: 0; } /*chat-section*/ .chat-list { min-width: 380px; max-width: 380px; min-height: 100%; overflow: hidden; padding: 15px; background: #FFFFFF; box-shadow: 3px 0px 4px rgba(0, 0, 0, 0.08); border-radius: 12px 0px 0px 12px; } .pcnt, .msg_col_count, .greencounter { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 20px; height: 20px; line-height: 20px; font-weight: 600; font-size: 10px; color: #FFFFFF; border-radius: 50%; background: #D84C3A; text-align: center; } .msg_col_count { position: relative; float: right; transform: translateY(-50%); right: 10px; } #usr-label, .usr-label { display: inline-block; min-width: 60px; height: 15px; font-size: 10px; line-height: 15px; color: var(--grey); background: #E2E6E8; border-radius: 15px; padding: 0 5px; } .bilan_vascularite_label { font-size: 16px; padding: 0 20px; } .bilan_vascularite_label_edit { font-size: 16px; } .unachive-grid { display: inline-flex; align-items: center; justify-content: center; height: 32px; width: 32px; background: #F3F5F6; border-radius: 6px; margin-left: 7px; cursor: pointer; position: relative; } .achive-grid { display: inline-flex; align-items: center; justify-content: center; height: 32px; width: 32px; background: #D84C3A; border-radius: 6px; margin-left: 7px; cursor: pointer; color: #fff; } .archive_unread_count { width: 18px; height: 18px; line-height: 18px; font-weight: 600; font-size: 10px; color: #FFFFFF; border-radius: 50%; background: #D84C3A; position: absolute; text-align: center; top: -5px; right: -3px; } .achive-grid svg { font-size: 22px; transform: rotate(180deg); } .unachive-grid svg { transform: rotate(0deg); font-size: 22px; color: #14A7C7; } .attached-file { position: absolute; right: 95px; bottom: 10px; } .attached-file input { position: absolute; opacity: 0; width: 16px; height: 16px; } .attached-file svg { color: var(--primary); } .attached-mail svg { color: var(--primary); } .tab-pane .accordion { overflow: auto; } .ptab-container { display: flex; flex-flow: row wrap; position: relative; } .ptab-left { width: 275px; } .ptab-left .collapseBio .accordion-body .prof_tab, .ptab-left .collapseBio .accordion-body .prof_tab_special { font-size: 12px; line-height: 35px; border: 1px solid #9d9d9d; } .ptab-left .collapseBio .accordion-body .prof_tab_special { line-height: initial; padding: 8px; } .ptab-left .collapseBio .accordion-body .prof_tab_special.accordion-button { width: auto; font-weight: 600; font-size: 11.5px; border: 2px solid var(--primary); &:hover { font-weight: 600; } } .ptab-left .collapseBio .accordion-body .prof_tab:hover, .ptab-left .collapseBio .accordion-body .prof_tab_special:hover { border: 2px solid var(--primary); font-weight: 500; } .ptab-right h5 { font-size: 17px; line-height: 45px; font-weight: 600; color:var(--primary); } .ptab-right .biologi-type h5 { font-size: 15px; line-height: 30px; font-weight: 500; } .selall { padding: 0 25px; margin-top: -15px; } .selall .check_title { font-weight: 600; font-size: 17px; } .biologi-type label { font-size: 14px; } .bilan_general_label { text-align: center; } .ptab-right { width: calc(100% - 275px); padding-left: 15px; margin: 0 !important; } .patient_logged_in .ptab-right { width:100%; } .patient_logged_in #pills-profil .ptab-right { padding-left: 0; } .container-fuild .container-fuild { padding: 0; margin:0; width: 100%; max-width: 100%; } .tab-content .view-page .back-text { margin-right: 0; font-weight: 600; } .swiper-container-wrapper--timeline .swiper-slide { display: flex; background: #fff; min-height: 100vh; align-items: center; justify-content: center; border-radius: 10px; align-items: stretch; justify-content: flex-start; } .swiper-container-wrapper--timeline .swiper-slide .container { padding: 0; width: 100%; } .swiper-container-wrapper--timeline .swiper-slide .title { font-size: 18px; opacity: 0; transition: 0.5s ease 0.5s; } .swiper-container-wrapper--timeline .swiper-slide-active .title { opacity: 1; } .swiper-container-wrapper--timeline .swiper-pagination-progressbar { position: relative; margin-bottom: 70px; background-color: transparent; height: 4px; border-bottom: 1px solid #888; width: 75%; } .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill { background-color: #000; height: 3px; top: 2px; } .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before { position: absolute; top: 2px; left: -100%; width: 100%; height: 3px; background-color: #000; content: ""; } .swiper-container-wrapper--timeline .swiper-pagination-custom { position: relative; list-style: none; margin: 0; padding: 0; display: flex; line-height: 1.66; bottom: 0; z-index: 11; width: 75%; display: flex; min-height: 100%; } /* Safari */ @media not all and (min-resolution: 0.001dpcm) { .swiper-container-wrapper--timeline .swiper-pagination-custom { min-height: auto; height: auto; } } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch { position: relative; width: 100%; line-height: 30px; display: block; background: #fff; cursor: pointer; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:after { content: ""; border-right: 1px dashed #334f61; position: absolute; width: 50%; top: 40px; bottom: 40px; height: calc(100% - 50px); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .test-report { font-size: 11px; text-align: center; margin: auto; max-width: 200px; } .test-report span { background: #fff; border-radius: 4px; min-width: 80px; text-align: center; display: inline-block; z-index: 1; position: relative; margin: 35% 10px; line-height: 12px; padding: 4px 6px; border: 1px solid #816AAE; border-radius: 4px; font-weight: 400; font-size: 12px; line-height: 18px; } .test-report span:before { content: ""; width: 8px; height: 8px; background: #000; position: absolute; top: -12px; left: 50%; border-radius: 50%; transform: translateX(-50%); } .test-report span.rpt-ecg { color: #001612; border-color: #816AAE; padding-right: 15px; } .test-report span.rpt-ecg:before, .time-content.rpt-ecg:before { background: #816AAE; } .test-report span.rpt-ecg .private_lock_show { position: absolute; bottom: 5px; right: 4px; color: var(--primary); } .lock_icon { color: var(--primary); font-size: 20px; } .fol-lock { font-size: 17px; margin-right: 2px; } .test-report span.rpt-holter { color: #65C295; border-color: #65C295; } .test-report span.rpt-holter:before, .time-content.rpt-holter:before { background: #65C295; } .test-report span.rpt-sero { color: #4DC6DE; border-color: #4DC6DE; } .test-report span.rpt-sero:before, .time-content.rpt-sero:before { background: #4DC6DE; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title { transition: 0.2s all ease-in-out; transition-delay: 0s; cursor: pointer; background: #eff4f6; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; height: 40px; font-weight: 400; font-size: 14px; line-height: 21px; color: #001612; min-width: 150px; position: sticky; top: 0; z-index: 2; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active { background: var(--lightblue); } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title { font-weight: 400; background: #92d9f1; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active.no-pointer-event .switch-title, .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.no-pointer-event .switch-title { background: #dce2e5; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:first-child .switch-title, .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:first-child { border-top-left-radius: 6px !important; } .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:last-child .switch-title, .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:last-child { border-top-right-radius: 6px !important; } .swiper-pagination-custom-outer { float: left; width: 50%; overflow: auto; } .swiper { float: right; width: 48%; background: #FFFFFF; border: 1px solid #E5EAEE; border-radius: 12px; } .empty_calander_block .swiper, .timeline-sec .empty_calander_block .swiper-pagination-custom-outer { border: 0; } .swiper-container-wrapper--timeline { display: flex; max-height: 500px; } .bio-ordo-outer .vlg-container .profile-det.bio-type .des-scrol { max-height: 225px; } .search-sec { display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center; gap: 10px; padding: 10px 20px; } .search-sec .header-search, .search-sec .search-box-date { max-width: 170px; width: 100%; } .search-sec .search-box-date.formfield { min-width: 170px; } .search-sec .header-search { max-width: 560px; } .alt-mes-out.create-alt .back-text { font-weight: 500; } .search-sec .search-box-date { float: inherit; border-radius: 6px; height: 35px; z-index: 10; margin: 0; } .search-sec .search-box-date input, .header-search input { width: 100%; border-radius: 14px; height: 42px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .header-search { position: relative; border-radius: 6px; height: 35px; z-index: 10; transition: all 0.3s ease-in-out; cursor: pointer; } .header-search input { padding-left: 35px; padding-right: 25px; } .header-search .iconify, .folder-dropdown .close-btn .iconify { color: var(--primary); } .header-search .iconify.close-pat-search-icon { position: absolute; right: 4px; left: auto; } .ui-menu-item .pati-name { display: block; font-size: 12px; color: #99a7b0; line-height: 15px; } .ui-menu-item:hover .pati-name, .global-search-ul .ui-menu-item:hover .pati-name, .global-search-ul .ui-menu-item:hover .pati-dob, .global-search-ul .ui-menu-item:hover a, .ui-menu-item:hover .list_item_container { color: #fff; background: var(--primary); } .ui-menu-item .list_item_container .image img { background: #fff; } .no_data_found_autocomplete { justify-content: center; color: #D84C3A; } .date-icon { position: relative; margin-left: -32px; z-index: 10; margin-top: 10px; } .date-icon input { opacity: 0; width: 22px; height: 20px; cursor: pointer; } .date-icon svg { position: absolute; left: -3px; pointer-events: none; top: 0; color: var(--primary); } .date-icon .date-icon-close { left: -2px; color: var(--primary); cursor: pointer; pointer-events: initial; /* top: -4px; */ font-size: 20px; } /*Timeline*/ .no-pointer-event { pointer-events: none; cursor: default; background: #fff !important; } .no-pointer-event:after { border-right: 0 !important; } .folder_ddl_disabled { background: #e9ecef !important; } .timeline-sec .nav-pills .nav-link, .cal-nav .nav-link { font-size: 13px; line-height: 18px; text-align: center; border: var(--det-top-nav-border); min-width: 70px !important; } .timeline-sec .swiper-pagination-custom-outer { background: #FFFFFF; border: 1px solid #E5E9EB; border-radius: 6px; } .timeline { padding: 15px 70px; padding-top: 0; max-height: 500px; overflow: auto; } .timeline ul { margin: 0; padding: 0; list-style: none; position: relative; } .timeline h5 { font-weight: 400; font-size: 18px; line-height: 27px; color: #001612; margin: 0; padding: 15px 0 10px 98px; background: #fff; position: sticky; top: 0; z-index: 2; width: 100%; } .time-content { position: relative; display: inline-block; padding-bottom: 50px; width: 100%; vertical-align: top; } .time-content:after { content: ""; border-right: 1px dashed #334f61; position: absolute; width: 1px; top: 0; bottom: 0; height: 100%; float: left; left: 120px; } .time-content:before { content: ""; width: 10px; height: 10px; position: absolute; top: 0px; left: 116px; background: #000; border-radius: 50%; z-index: 1; } .timeline .time-content:last-child { padding-bottom: 0; } .days, .time-details { float: left; } .time-content .days { text-align: right; font-size: 14px; line-height: 21px; color: #001612; width: 100px; min-height: 21px; } .time-details { margin-left: 40px; width: calc(100% - 150px); } .time-details span { display: block; } .time-details span.rpt_name { font-size: 14px; line-height: 21px; color: #334F61; } .time-details span.rpt_file { font-size: 13px; line-height: 15px; color: #99A7B0; cursor: pointer; word-break: break-all; } .time-details span.rpt_file:hover { color: var(--primary); } .time-details span.rpt_file .iconify { display: inline; color: var(--primary); margin-right: 5px; } .no-file-msg { font-weight: 400; font-size: 14px; line-height: 21px; color: red; } .patient-top-sec .patient-dtl { width: auto; } .dpmt-col { padding-left: 7px; } .patient-dtl.ville-col { width: 47%; } .patient-dtl.addet-col { width: 40%; } .patient-det-left .psecond-row :nth-child(1).patient-dtl { width: 40%; } .new-addet-col { width: 100% !important; margin-right: 0 !important; } .new-pays-cp-ville { display: flex; gap: 5px; } .new-pays-cp-ville>.patient-dtl { flex: 1; margin-right: 0; } /*facturetab*/ .fac-content { max-width: 100%; padding: 20px; background: #fff; border: 0.5px solid #afc4d5; border-radius: 20px; } .fac-content .formfield { margin-bottom: 0; font-weight: 500; font-size: 14px; margin-left: 10px; } .poids .hgly-icon { font-size: 50px; background: var(--light-primary); color: var(--primary); border-radius: 50%; width: 80px; height: 80px; display: inline-flex; justify-content: center; align-items: center; } .facimg { width: 40px; height: 40px; background: url(../images/facteurstab.svg)0 0 no-repeat; background-size: 40px; display: inline-block; margin-right:8px; } .dfg-overview .hgly-icon { width: 50px; height: 50px; font-size: 32px; } .fac-flex { display: flex; align-items: center; } .view-rig { position: absolute; right: 0; } .show-attach-icon .view-rig { right: 15px; } .file-attachedit .view-rig svg { transform: rotate(0deg); opacity: 0; } .show-attach-icon .file-attachedit .view-rig svg { opacity: 0; } .show-attach-icon .file-attachedit:hover .view-rig svg { opacity: 1; } .detail-table.patient td:first-child .fileattachedit-outer .view-rig { display: none; } .fac-flex input { max-width: 100%; height: 45px; padding: 14px 10px; min-width:55px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); border-radius: 14px; } #viewiconmodel .modal-header { padding: 7px 10px; } .fac-content .fac-span, .fac-content .fac-flex span { vertical-align: top; display: inline-block; margin-left: 10px; font-size: 14px; max-width: calc(100% - 55px); } .fac-content h4.fac-span { line-height: inherit; margin-bottom: 0; font-weight: 500; } .fac-content [class^="col-"]:has(.facimg, .fac-span) { display: flex; align-items: center; } .fac-content .fac-flex span:has(small) { margin-left: 6px; } .hyper .facimg { background-position: 0 -63px; } .diabete .facimg { background-position: 0 -126px; } .obesite .facimg { background-position: 0 -188px; } .eleve .facimg { background-position: 0 -252px; } .elevees .facimg { background-position: 0 -315px; } .tobac_serve .facimg { background-position: 0 -378px; } .heredite_coronarienne .facimg { background-position: 0 -440px; } .sport .facimg { background-position: 0 -566px; } .saos .facimg, .ronflements_avec .facimg { background-position: 0 -503px; } .lipoprotein .facimg { background-position: 0 -630px; } .fac-content .form-check-label.first-raido { margin-right: 50px; } .fac-content .form-check-label { padding-right: 0; font-size: 13px; } .fac-content .form-check-inline { margin-right: 0; font-size: 13px; padding-left: 0; } .fac-content .row { margin-bottom: 20px; } .chat_footer .btn.primary { background: var(--primary); width: initial; } #initiate_msg_pane .attached-file { right: 240px; left: initial; } .fac-accordion { display: flex; align-items: center; gap: 4px; margin-bottom: 5px; } .fac-accordion:last-child { margin-bottom: 0; } .fac-accordion .facimg-block { display: flex; align-items: center; flex: 2; } .fac-accordion .fac-text { font-size: 13px; color: #212529; flex: 1; } .fac-accordion .fac-text>label { font-size: var(--bodyfont-size); color: #667B89; margin-left: 2px; } /*measure-tab*/ .measure-tab .card,.evolution_subtype .card { border-radius: 20px; text-align: center; min-height: 215px; margin-bottom: 15px; border: 1px solid var(--border); background: var(--white-new); box-shadow: var(--shadow); padding:10px; transition: 0.4s ease-in-out; } .evolution_subtype .card:hover { transform: scale(1.05); } .measure-tab h6,.evolution_subtype h6 { font-size: 15px; line-height: 24px; font-weight: 600; margin: 5px 0; text-align: center; color:var(--primary); } .evolution_subtype h6 { margin:12px 0 5px; } .poids .edit svg { float: right; color: var(--primary); margin-top: 10px; } .measure-tab .card-body,.evolution_subtype .card-body { padding: 0 5px; } .poids span { font-weight: 500; font-size: 20px; } .poids label { font-size: 13px; width: 100%; margin-bottom: 5px; font-weight: 500; color: var(--primary); } .poids .poids-outer .span_poids, .poids .poids-outer .poid_val { color: grey; font-size: 13px; font-weight: 400; } .poids input { height: 40px; width: 60px; text-align: center; border-radius: 12px; height: 30px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); font-size: 13px; } .poids input:focus { border:1px solid var(--primary); } .card.dfg-overview { min-height: inherit; margin-bottom: 15px; } .card.evo-overview { min-height: stretch; margin-bottom: 0; } .dfg-overview .poids { padding: 0 10px 10px; } .dfg-overview img { width: 60px; height: 60px; } .measure-tab .modify-sec,.evolution_subtype .modify-sec { position: absolute; top: 5px; right: 15px; display: flex; align-items: center; gap: 5px; transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; } .measure-tab .dfg-overview:hover .modify-sec,.evolution_subtype .dfg-overview:hover .modify-sec { visibility: visible; opacity: 1; } .dfg-overview-parent { align-items: flex-start !important; } .div_poidsrertetr { border-radius: 20px; margin-bottom: 15px; border: 1px solid var(--border); background: var(--white-new); box-shadow: var(--shadow); padding: 10px 15px; } .view-bold-tit { display: flex; justify-content: space-between; align-items: center; } .view-bold-tit .close { font-size:28px; font-weight: 500; color:var(--primary); } .measure-tab .modify-sec .data-edit,.measure-tab .modify-sec .view-icon,.evolution_subtype .modify-sec .data-edit { color:var(--primary); font-weight: 500; font-size: 20px; } .data-graph-evo-icon { color:var(--primary); font-weight: 500; font-size: 30px; } .data-graph-evo-icon:hover { color:var(--primary); } .vaild-icon svg { float: right; margin-top: 10px; color: #CCD3D8; } .fold-share-icon { float: right; padding-right: 20px; } .fold-share-icon svg { color: var(--primary); font-size: 23px; margin-top: -10px; } .patient-top-sec .patient-dtl.dtl-dop { margin-top: 0px; margin-left: 10px; line-height: 15px; } .patient-top-sec .patient-dtl.dtl-dop label { font-size: 11px; padding: 0; } .patient-top-sec .patient-dtl.dtl-dop .dop { font-size: 12px; } .patient-top-sec .patient-span { display: inline-block; margin-top: 5px; } .group-users .add-usr-icon span.assing_name { width: 90px; font-size: 11px; } .group-users .add-usr-icon { min-width: auto; } .group-users .add-usr-icon svg { color: #667B89; } .role-head { text-align: center; font-weight: bold; display: block; color: #001612; font-size: 18px; line-height: 27px; font-weight: 400; } .specprofil .pro-overview-outer { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; } .specprofil .pro-overview-outer .pro-del { top: -40px; } .role-tr { border-top: 1px solid #dee2e673; } .alle_path_res .table td { font-size: 12px; color: var(--siteblack); } .alle_path_res .table td:hover { background: var(--primary); color: #fff; } .role-blocked { font-size: 20px; color: lightgrey; } .role-table .form-check .form-check-input { float: none; } table tr.role-tr td { padding-top: 20px; } .roles-sec table th { padding-top: 0; font: 600 14px/21px "Poppins"; color: #334F61; } .disabled-li { pointer-events: none !important; padding: 10px 0 !important; } .disabled-li>span { font-weight: 600; } .listing-header.initi-chat { display: flex; justify-content: space-between; align-items: center; grid-row-gap: 10px; flex-wrap: wrap; margin-bottom: 0; border: 0; padding: 0 20px 20px; } .div_poids { display: none; } .mesure-success .vaild-icon svg { color: green; } .archive-link svg { color: #14A7C7; transform: rotate(180deg); } .unarchive-link svg, .unactive-link svg { transform: rotate(0deg); color: #14A7C7; } .unactive-link svg { font-size: 20px; color: grey; } .active-link svg { font-size: 20px; color: #14A7C7; } .accordion-collapse .form-check-inline { padding: 0; margin: 0; } .accordion-collapse .form-check-label { padding-right: 10px; font-size: 13px; } .accordion-collapse .fac-span { margin-left: 5px; font-size: 12px; width: calc(100% - 40px); color: var(--accordion-text); } .pat-tab-section #collapseFive .accordion-body { padding: 15px 12px; } #collapseNine .patient-dtl { width: 50%; margin-right: 0; } .accordion-field .desc-cont { font-size: 14px; } #collapseThree .prof-date { display: block; } /*CGU Page Style*/ .before-login .cgu-page { padding-top: 86px; margin: 0; } .before-login .cgu-page .container { max-width: 100%; padding-top: 20PX; } .before-login .cgu-page .container>.row { max-width: 1170px; margin: auto; } .cgu-page { margin: 50px 0; } .cgu-page h2, .cgu-page h3, .cgu-page h4 { font-weight: 500; color: #00233A; } .cgu-page h2 { font-size: 32px; line-height: 45px; text-align: center; margin-bottom: 20px; } .cgu-page .cgu-block { padding: 15px 0; } .cgu-page h3 { font-size: 22px; line-height: 27px; margin-bottom: 10px; } .cgu-page h4 { font-size: 18px; line-height: 24px; margin-bottom: 15px; } .cgu-page p, .cgu-page address, .cgu-page ul li { font-weight: 400; font-size: 15px; line-height: 22px; color: #00233A; margin-bottom: 15px; } .cgu-page ul li { margin-bottom: 10px; } .cgu-page p span { color: var(--primary); font-style: italic; } .cgu-page address span { display: block; font-style: italic; } .cgu-page .tabler-bg { background: var(--lightblue); padding: 20px 20px 20px 25px; } .cgu-page .tabler-bg li { padding-bottom: 5px; list-style-type: none; } .cgu-page .tabler-bg p { margin-bottom: 5px; color: #000; font-size: 15px; } .cgu-page .tabler-bg p:after { content: ""; border-bottom: 1px dotted #000; } .tabler_item { display: flex; position: relative; } .tabler-bg a { text-decoration: none; } .pri-ply-table { background: #fff; margin: 20px 0; } .pri-ply-table td, .pri-ply-table th { padding: 10px 20px; border: 1px solid lightgray; font-size: 14px; vertical-align: top; } .pri-ply-table th { width: 20%; } .cgulinks li { list-style-type: none; } .cgulinks li a { color: #00233A; text-decoration: none; } .doc-circle .dash-inner img { width: 60px; height: 60px; } .doc-circle.holter-icon .dash-inner img { width: 80px; height: 80px; } .pdf_preview { width: 248px; height: 250px; border: 1px solid #E5E9EB; border-radius: 5px 5px 0 0; } .file-sec .file-pdf { height: 250px; width: 250px; border-radius: 5px; margin: 30px auto 20px; background-color: #f5f5f5; position: relative; padding: 0; transition: all ease 0.5s; } .file-sec .file-pdf:after { content: ""; position: absolute; right: 0; bottom: 0; border-style: solid; border-width: 0 0 30px 28px; border-color: #fff #b30b00e0; border-radius: 5px 0px 0 0; } .file-sec .file-pdf.docx_prev:after, .file-sec .file-pdf.doc_prev:after { border-color: #fff #0d6efdd9; border-radius: 5px 0px 0 0; } .file-sec .file-pdf span { width: 23px; height: 23px; position: absolute; bottom: 5px; left: 5px; } .file-sec .file-pdf span.pdf-name { position: absolute; top: 1px; width: 246px; background: #f5f5f5; left: 3px; font-weight: 400; font-size: 13px; line-height: 15px; text-align: left; padding: 5px; height: 30px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-img .img-pdf { max-width: initial; } .detail-page .ecg-outer .fnt { z-index: 3; position: relative; cursor: pointer; } .detail-page .ecg-outer .fnt .iconify { font-size: 23px; } /* todolistcommand */ .pt-upadate.update-detail { background: var(--detail-card); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: var(--detail-card-radius); } #add-todos .formfield>textarea.form-control { height: calc(100vh - 390px) !important; max-height: 500px; resize: none; } #add-todos .modal-dialog { max-width: 800px; } #add-todos .modal-body { padding: 5px 40px 10px; } .ecg-outer .pdf_preview_detail { width: 28px; top: auto; bottom: -10px; right: -15px; left: auto; height: 28px; pointer-events: none; cursor: pointer; } .year-ddl { background: transparent; border: 0; color: #fff; width: 120px; text-align: center; margin-right: 5px; } .year-ddl option { color: var(--primary); padding: 3px; } .timeline-sec .dropdown-toggle { padding: 5px 0px; } .timeline-sec { min-height: 50vh; } .timeline-sec .dropdown-toggle:hover { transform: scale(1); } .timeline-sec .dropdown-toggle::after { display: none; } .update-detail #export-btn.btn { background: red; padding: 8px 15px; font-size: 15px; } .alert-red-warning { background: #fbcbce !important; font-weight: 500; margin-bottom: 25px; } #file_viewer .modal-header { padding: 10px 25px; border:0; } #file_viewer .modal-header .close-btn { color: #fff !important; font-size: 15px; opacity: 1; width: 25px; height: 25px; border-radius: 50%; background: #fdfdfd; line-height: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; } #file_viewer .modal-header .close-btn:hover { background: var(--primary); transition: color 0.3s ease-in-out; } #file_viewer .modal-header .close-btn .iconify { color: var(--primary); } #file_viewer .modal-header .close-btn:hover .iconify { color: #fff; } /*soomin soon page */ .soon-page { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; height: calc(100vh - 130px); flex-direction: column; text-align: center; } .soon-page h3 { font-size: 35px; text-shadow: 1px 1px 5px #8c9195; margin: 0; } .soon-page h3 span { animation: blink 1s linear infinite; } @keyframes blink { 0% { opacity: .0; } 20% { opacity: .2; } 40% { opacity: .4; } 60% { opacity: .6; } 80% { opacity: .8; } 100% { opacity: 1; } } #tab_trait .treatment-block .profile-det { min-height: 495px; } #tab_trait .treatment-block .profile-det.ord-tab, #profile-tab-content .vlg-container .profile-det.ord-tab { overflow: initial; } .traitement-block { display: flex; justify-content: space-between; margin-bottom: 0px; } .traitement-block .form-check { width: 50px; margin: auto; padding: 0; text-align: center; } .traitement-block .form-check input { margin: 0; float: inherit; } .traitement-block .form-check .traitement-name { width: auto; text-align: center; } .prof-desc span.traitement-name { font-size: 15px; font-weight: 400; line-height: 28px; color: #000000; width: calc(100% - 150px); } .treat-mes-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; gap: 10px; } .treatment-block .profile-det:hover h4, .treatment-block .profile-det:hover .prof-desc { opacity: 1; } .treat-mes-label span { width: calc(100% - 150px); } .treat-mes-label label, .accordion-collapse .treat-mes-label label { padding-right: 0; color: #000000; flex: 1 1 50px; max-width: 50px; text-align: center; } .qsp-value { color: #000000; margin-bottom: 0; } .block-btn, .block-btn button { display: block; } .ptab-right .block-btn button { margin: 10px auto 10px !important; } .star-icon { color: var(--primary); margin-left: 5px; font-size: 16px; } .addremove-block .form-check { margin-right: 10px; } .qsp-outer { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 10px; min-height: 46px; } .qsp-outer .download_icon button { white-space: nowrap; } .download_icon button { border: 0; background: transparent; color: #fff; } .renewal-btn .iconify { font-size: 18px; } .ptab-right .download_icon.btn { margin: 0 0 0 5px !important; padding: 8px 10px; } .ptab-right .btn.renewal-btn { background: transparent; border: 1px solid var(--primary); } .ptab-right .btn.renewal-btn a { color: var(--primary); } .download_icon a { color: #fff; text-decoration: none; } .pres-det.ordo { min-height: 150px; } .pres-det { margin-top: 10px; } .pres-det .qsp-value { font-size: 14px; display: block; } .auto-height .qsp-value { height: auto; -webkit-line-clamp: initial; line-clamp: initial; } .profile-det .read-more { color: #667B89; display: flex; justify-content: end; text-decoration: none; font-size: 12px; } .modal-btn-block { display: flex; gap: 20px; } .algie-modal .modal-btn-block { flex-direction: row !important; } .prof-desc.ant-chir-tab { min-height: 200px; max-height: 300px; overflow: auto; } .modal-btn-block .btn { margin: 0 !important; } .toast { max-width: 450px; width: 100%; } /*scrollbar top and bottom */ .scrollouter-1, .detail-page .scrollouter-2 { overflow-x: scroll; overflow-y: hidden; width: 100%; } .scrollouter-1, .scroll-inner-1 { height: 15px; } .detail-page .pt-innerdata.custom-scrollbar-css { overflow: hidden; } .detail-page .livewire_fds .pt-innerdata.custom-scrollbar-css { overflow: auto; } .patient-sec .picker--opened .picker__holder { right: 15px; } .col-tab .btn { min-width: 170px; margin: 0px 0px 22px !important; border-radius: 0; background: transparent; border: 1px solid var(--primary); color: var(--primary); } .col-tab .btn:hover { transform: scale(1); } .qsp-dis { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .qsp-dis .accordion-field { padding-bottom: 0; } .col-tab .btn.active { background: var(--gradient-btn); color: #fff; border-right: 0; } .dynamictabs.col-tab .btn.active { border-right: 2px solid var(--primary); } .col-tab-ald :first-child.btn, .col-tab :first-child.nav-item button { border-radius: 15px 0 0px 15px; } .col-tab-ald :last-child.btn, .col-tab :last-child.nav-item button { border-radius: 0px 15px 15px 0px; } .biologi-type h6, .bio-type h6, .modal_traitements h6 { color: var(--primary); font-size: 14px; } .modal_traitements #odcContent h6 { margin-top: 0; } .modal_traitements h6 { margin-top: 20px; border-top: 1px solid #eee; padding: 20px 0; } .modal_traitements .formbuilder-embedded-bootstrap h6 { padding: 0; margin: 0; margin-bottom: .5rem; border: 0; font-size: 1rem; color: #212529; } .modal_traitements .outerfom-com { max-height: 45vh; overflow: auto; padding-right: 15px; text-align: left; border: 0; margin-top: 0; padding-top: 0; } .modal_traitements .addremove-block-outer textarea { margin-bottom: 15px; } .col-tab { display: flex; justify-content: center; align-items: center; } .chk-edit { display: block; font-size: 14px; margin-bottom: 5px; position: relative; padding-left: 10px; } .chk-edit:before { content: ""; position: absolute; left: 0; background: #212529; width: 5px; height: 5px; border-radius: 50px; top: 7px; } .vlg-container .bio-type .prof-desc .desc-cont { height: auto; } .bio-type .prof-desc { margin-top: 5px; padding-top: 5px; } .bio-type .des-scrol h6, .treatment-block .des-scrol h6 { border-top: 2px solid grey; margin-top: 10px; padding-top: 10px; } .bio-type .des-scrol h6:first-child, .treatment-block .des-scrol h6:first-child { border-top: 0; padding-top: 0; margin-top: 0 !important; } .des-scrol .qsp-cont { margin-top: 10px; } /*bio-type card*/ .profile-det.bio-type h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } .profile-det.bio-type h6 { margin-bottom: 5px; } .profile-det.bio-type .chk-edit { margin-bottom: 10px; font-size: 13px; font-weight: 500; } .profile-det.bio-type .prof-desc { border: 0; } .profile-det.bio-type .prof-desc.cmnt { margin-bottom: 10px; } .profile-det.bio-type .prof-desc.cmnt h6 { margin-bottom: 5px; } /*modal_fiche*/ .modal_fiche .modal-dialog { max-width: 1070px; } .modal_fiche h5 { font-size: 16px; font-weight: 500; margin: 10px 0 15px; clear: both; } .modal_fiche .form-check { margin-right: 5px; margin-bottom: 0; } .examen_16_form .sub-title { display: inline-block; width: auto; padding-right: 0; } .modal_fiche .modal-body { max-height: 78vh; overflow-y: auto; margin: 10px; min-height: 385px; } .modal_fiche input:not(:placeholder-shown)~label { top: 1px; left: initial; color: #333 !important; font-size: 15px; padding-right: 0; } .modal_fiche input[type=radio]:not(:placeholder-shown)~label { top: -2px; } .modal_fiche .examen_18_form input:not(:placeholder-shown)~label { top: -10px; left: 10px; height: 1.3em; padding: 2px 5px; color: var(--primary) !important; font-size: 13px; } .modal_fiche .examen_18_form .formfield .close-btn { top: 15px; right: 15px; } .modal_fiche .examen_18_form .add-new-examen-ddl { color: var(--primary); font-size: 14px; margin-bottom: 15px; } .ajouter_examen_menu { display: flex; justify-content: space-between; align-items: center; gap: 5px; } .ajouter_examen_menu .ajouter_examen, .link-txt.mfds, .ajouter_examen_treatment { color: #333333 !important; text-decoration: none; width: 100%; } .link-txt.mfds { font-style: normal; font-weight: 400; } .examen_menu_model .modal-header { background: #fff; } .dropdown .ajouter_examen_menu.dropdown-item .iconify { margin-right: 0; } .modal_fiche .form-check-inline .form-check-label { color: #777; font-size: 14px; } .modal_traitements .outerfom-com ul { padding-left: 50px; } .doc-btns { display: flex; gap: 8px; margin-top: 5px; } .doc-btns .patient-dtl .link-txt { line-height: 14px !important; white-space: nowrap; } .doc-namelist { margin-left: 20px; width: calc(100% - 90px); } .docs-name { display: flex; justify-content: flex-end; } .outer-names .medicine-link { color: #000; text-align: center; margin-top: 5px; line-height: 13px; } .modal_traitements .algie-modal ul { padding-left: 20px; margin-bottom: 0; margin-top: 5px; } .modal_traitements .algie-modal .form-check { margin-bottom: 15px; cursor: pointer; } .form-check>ul { cursor: default; } .form-check-input, .form-check-input~label { cursor: pointer; } .des-scrol { overflow-y: auto; max-height: 225px; min-height: 225px; margin-top: 10px; } .pro-overview-outer .prof-desc.prof-desc-form { max-height: 250px; min-height: 250px; } #profile-ordobio-tab-content .vlg-container .profile-det { min-height: 380px; } .vlg-container .prof-desc .des-scrol h6 { color: var(--primary); margin: 10px 0; } .perdi-mod label { font-weight: 500; } .perdi-mod li { font-size: 16px; font-weight: 400; } .des-scrol .cmnt h3 { font-size: 20px; } .des-scrol .cmnt h2 { font-size: 22px; } .des-scrol .cmnt h1 { font-size: 24px; } .des-scrol .cmnt p { font-size: 15px; } .des-scrol .cmnt h4 { white-space: normal; padding-right: 0; } .picker--opened .picker__holder { width: 260px; } .doc-cell .patient-dtl:nth-child(2) { text-align: right; } .grid-scroll .right-part.actions .search { font-size: 0; } .textarea.formfield { width: 100%; margin-top: 15px; } .pt-field .file-attachedit { top: 5px; min-height: 22px; float: right; margin-right: 6px; min-width: 20px; } .pt-field .file-attachedit a.file-name { overflow: hidden; text-overflow: ellipsis; max-width: 300px; display: inline-block; text-align: right; line-height: 22px; padding-left: 20px; font-size: 12px; padding-right: 5px; vertical-align: middle; } .ajuex-links { z-index: 5; } .text-type .form-check-inline, .slider .form-check-inline { display: flex; align-items: center; } .text-type .form-check-inline { padding-left: 0; } .text-type label { white-space: nowrap; margin-right: 10px; } .text-type span, .radio-unit { font-size: 13px; color: grey; margin-left: 5px; } .slider input[type="range"] { width: auto; height: 1px; background: #F2F4F5; outline: none; margin-left: 10px; padding: 2px; } .modal_fiche .form-check-inline { margin-right: 5px; padding-left: 10px; vertical-align: sub; } .modal_fiche .examen_10_form .form-check-inline { vertical-align: top; } .add-examen-link, .add-examen-link:hover { background: var(--primary); } .ajouter_examen_menu.add-examen-link .ajouter_examen { color: #fff; } .ajouter_examen_menu.add-examen-link .ajouter_examen:before { content: "+"; padding-right: 3px; font-size: 15px; } .formfield.text-type { width: auto; margin: initial; margin-left: 10px; } .formfield.text-type.wid-half { width: 50%; } .modal_fiche .col-md-5, .modal_fiche .col-md-4, .modal_fiche .col-md-2, .modal_fiche .col-md-3, .modal_fiche .col-md-1, .modal_fiche .col-6 { margin-bottom: 15px; display: inline-block; } .modal_fiche .sub-fields .form-check-inline .form-check-label { color: #777 !important; font-size: 14px; margin-right: 0px; } .wid-left, .formfield.slider { width: auto; margin: initial; margin-bottom: 15px; display: inline-block; } .formfield.slider .dropdown-menu { max-height: 250px; border: 1px solid #ccc; overflow: auto; } .modal_fiche .mb-2 { margin-bottom: 20px !important; } .examen_4_form .formfield.text-type, .examen_12_form .formfield.text-type { margin-bottom: 15px; } .text-type input { width: 55px; } .examen_3_form .text-type { margin-bottom: 10px; } .examen_3_form .sub-fields { width: auto; } .examen_3_form .sub-fields:first-child { margin-left: 25px; } .examen_5_form:nth-child(2)>h5 { width: auto; margin: 0; } .sub-unit { width: auto; font-size: 13px; color: #333; } .formfield.text-type.wid-ful { width: 100%; } .formfield.text-type.wid-ful.lab-data { padding-left: 127px; } .formfield.text-type.jour-wid { margin-left: 0; } .modal_fiche .form-check-inline input:valid~label { margin-right: 0; } .examen_11_form .form-check { margin-bottom: 10px; } .dropdown.slider { width: auto; } .dropdown.slider .dropdown-menu { max-height: 250px; border: 1px solid #ccc; } .dropdown.slider .btn { background: transparent; color: #000; border: 1px solid #ccc; height: 28px; border-radius: 3px; padding: 6px 10px; min-width: 65px; position: relative; line-height: 13px; } .dropdown.slider .btn:focus { border-color: var(--primary); } .xamen-cell-body span { margin-bottom: 3px; } .pt-field span.badge-info { color: #667B89; font-size: 12px; font-weight: 400; } .pt-field .pres-det.ordo { min-height: initial; } .examen-creer-par, .examen-creer-par-treat { font-style: italic; color: #667B89; font-size: 12px; display: block; text-align: left; } .pt-detspan span.examen-creer-par-treat { font-size: 12px; } .complete-tach-home.data-title[data-title]:after { bottom: 22px; right: -161px; } .pt-field h5 { margin: 5px 0; } .pt-field .form-check-label, .pt-field h5 { font-size: 14px; } .dropdown.slider .dropdown-toggle:empty::after, .dropdown.slider .dropdown-toggle::after { position: absolute; right: 5px; top: 10px; } .delete_examen_icon, .delete_raport_icon { position: absolute; right: 8px; top: 8px; color: #971200; font-size: 18px; width: auto; } .delete-icon { color: #971200 !important; font-size: 20px; font-weight: 600; } .delete_examen_icon:hover, .delete_raport_icon:hover { color: #971200; } .pt-detspan span.traitement-name { width: calc(100% - 150px); } .pt-field .qsp-value { font-size: 14px; } .pt-field h6 { font-size: 14px; } .btm-block.ordonnance { display: flex; justify-content: space-between; align-items: end; } .ordonnance .link-txt:first-child, .pres-table .link-txt:first-child { text-decoration: none; } .ordonnance .link-txt:first-child svg { margin-top: -4px; margin-right: 2px; } .delete_raport_icon { top: 15px; z-index: 15; } .patient-sec .date-sec .delete_raport_icon { top: 6px; } .patient-sec .date-sec .delete_raport_icon .iconify.del { color: #fff !important; } .modal_fiche .examen_5_form .form-check-inline { padding-left: 0; } .flex-radio .form-radio-parent { display: flex; align-items: baseline; gap: 5px; } .examen_12_form .dependent_block .col-lg-9, .examen_12_form .col-lg-9 .examen_15_form .dependent_block .col-lg-9, .examen_15_form .col-lg-9 { display: inline-block; } .examen_12_form .wid-left, .examen_12_form span.field-name.dropdown-toggle, .examen_15_form .wid-left, .examen_15_form span.field-name.dropdown-toggle { display: inline-block; } .examen_12_form .dropdown-toggle, .examen_15_form .dropdown-toggle { border: 1px solid #ccc; border-radius: 3px; padding: 4px 20px; font-size: 14px; box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%); } .examen_12_form .dropdown .dropdown-menu, .examen_15_form .dropdown .dropdown-menu { max-height: 250px; overflow: auto; min-width: 285px; } .coron_block { border-bottom: 1px solid #eee; margin-bottom: 25px; } .coron_block:last-child { border-bottom: 0; } .examen_12_form, .examen_15_form { min-height: 450px; } .coron_block:nth-child(3), .coron_block:nth-child(2) { margin-bottom: 5px; } .examen_12_form .col-md-3, .examen_12_form .col, .examen_15_form .col-md-3, .examen_15_form .col, .examnen-form-1 { display: inline-block; } .profile-tab-outer .profile-det h3.allergie-title,.valid-allg_top .allergie-title { color: #DC4646; } .profile-tab-outer .profile-det h3 { position:relative; line-height:20px; } .profile-tab-outer .profile-det h3 a { position:static; } .allerge_add { position:absolute; right: 0; top:0; z-index: 2; } .examen_4_form .dropdown.slider { padding-right: 0 !important; padding-left: 0 !important; } .examen_15_form .add-icon, .examen_12_form .add-icon { color: var(--text-green); font-size: 40px; } .examen_16_form .field-name { font-weight: 400; color: #4F5A5F !important; font-size: 15px !important; line-height: 18px !important; margin-bottom: 20px; } .examen_17_form .text-type input { width: 250px; } .preview-iframe-outer { display: flex; align-items: center; justify-content: center; } .examen_2_form .textarea.formfield { padding-left: 10px; } .formfield.text-type.hol-feild { width: 92%; padding: 0; margin-left: 0; margin-bottom: 10px; } .formfield.text-type.wid-col-4 { width: 60%; } .ajouter_examen { cursor: pointer; } .ajouter_examen:has(.iconify:only-child) { text-decoration: none; width: auto; } .pt-block .file-attachedit input { width: 20px; height: 20px; } .ajouter_examen svg { color: var(--text-green); margin-right: 5px; font-size: 22px; } .ajouter_examen svg.blue-icon, .pt-field .link-txt.edit .iconify { color: var(--primary); font-size: 22px; } .evo-history-table .prof-desc { font-size: 14px; line-height: 19px; padding:5px; } .evo-history-table .examen-creer-par { font-size:12px; } .pt-detspan span.freecoment { background: var(--lightblue); padding: 10px; border-radius: 5px; font-size: 13px; } .formfield.text-type.poly-text { width: 55%; } .pro-overview-outer { position: relative; border-bottom: 2px solid grey; padding-bottom: 10px; margin-bottom: 10px; } .pro-overview-outer:last-child { border-bottom: 0; } .pro-overview-outer .pro-del { top: 0; right: 10px; gap: 5px; opacity: 1; visibility: visible; } .patient-sec .allerge_edit { font-size:20px; color:var(--primary); } .allergie-no-data { max-height:121px; position: relative; margin-top: -5px; } .ptab-right .profile_fol_blk .allergie-no-data .btn { padding:5px 15px; margin-bottom: 0 !important; } .allergie-no-data .file-round { margin:0; height: auto; } .allergie-no-data.prof-rig-det p { min-height: initial; margin-bottom: 0px; font-size:14px; } .allergie-no-data .file-round .iconify { margin:0; font-size: 50px; } .profile-overview-container .profile-det { overflow-y: auto; min-height: 495px; } .prise-sang-tab { padding-left:0; padding-right: 25px; } .profile-overview-container > .d-flex > * { width: 100%; } .chat_image_view_outer { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 20px; } #galleryChatModal .carousel-inner, #galleryChatModal .carousel-item { height: 100%; } #galleryChatModal .carousel { height: calc(100vh - 100px); } .prf-col .back-text { color: #D84C3A; } .detail-page .prf-col .back-text { position: absolute; right: 25px; top: -40px; } .dash-head { display: flex; justify-content: space-between; } .dash-head .cre-btn { display: inline-block; } .ui-state-active { background-color: var(--lightblue); color: #00233A; } .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus { background: var(--primary) !important; } .list_item_container { display: flex; gap: 10px; padding: 4px; } .ui-menu .ui-menu-item a:hover { background: #e9ecef; color: #fff; } .list_item_container .image img { width: 35px; height: 35px; border-radius: 50px; object-fit: cover; } .ui-menu .ui-menu-item a.ui-state-active .description span, .ui-menu .ui-menu-item a.ui-state-focus .description span { color: #fff; } /*chat collapse*/ #load-subpatientdetail.cdb_collapse .listing-header, .cdb_collapse .header-extra { display: none !important; } #load-subpatientdetail.chat-top-scroll .listing-header, .chat-top-scroll .header-extra { display: flex !important; } .chat-top-scroll .chat-content { height: calc(100vh - 415px); width: 100%; } .cdb_block .listing-header .group-list { width: calc(100% - 185px); } .data-listing .patient-datatable .th-patient { width: 150px !important; min-width: 150px; } #initiate_msg_pane.cdb_block .listing-header, #file_upload_pane.cdb_block .listing-header { min-height: 40px; padding: 10px; } .aside-minimize .right-pannel.cdb_block { width: 100%; max-width: 665px; } .cdb_block .list-grid-outer button { height: 29px; } .cdb_block .list-grid-outer { height: 31px; } .cdb_block .nav-tabs .nav-link { border-right: 1px solid var(--primary); border-top-right-radius: 0; } .cdb_block .nav-tabs .nav-link:last-child { border-right-color: transparent; border-top-right-radius: 5px; } .cdb_block .icon-square:hover { background: var(--primary) !important; border: 1px solid #fff; } /*Fixed-chat*/ .chat_collapse { width: 100%; max-width: 540px; background: #fff; position: fixed; bottom: 0px; right: 130px; z-index: 200; border-radius: var(--border-radius); transition: height 1s ease, right 1s ease, left 1s ease, bottom 1s ease, top 1s ease; box-shadow: 0 0 10px rgb(0 0 0 / 20%); } .chat_collapse .listing-header { background: var(--primary); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .chat_collapse .listing-header h5 { display: none; } .cdb_block .chat_footer { width: 100%; padding: 0; } /* chat Animation */ .chat_collapse { height: calc(100% - 100px); border: 1px solid #00233a61; transition: all 0.5s ease-in-out; } .chat-top-scroll { opacity: 1; visibility: visible; overflow: inherit; transition: height 0.5s ease-in-out, opacity 1s ease-in-out; } .chat-bottom-scroll { height: 0; width: 0; opacity: 0; visibility: hidden; overflow: hidden; } /* end */ .imageire-black .des-scrol.custom-scrollbar-css { max-height: auto; min-height: initial; } .chat_collapse .listing-header.initi-chat { background: transparent; } #initiate_msg_pane.chat_collapse .listing-header h5, #file_upload_pane .listing-header h5 { display: block; color: #fff; max-width: initial; } #initiate_msg_pane .sign-input svg { top: 4px; } .cdb_block .upoad-panel { height: calc(100vh - 270px); } .cdb_block .file-sec .file-pdf { margin: 10px auto 20px; height: 200px; } .cdb_block .pdf-img-outer { max-width: 400px; width: 100%; } .cdb_block .pdf-img-outer .img-pdf { max-width: 400px !important; width: 100%; max-height: initial; height: auto; } #nav-file-msg .file-sec .file-pdf, #nav-file-msg .file-sec .pdf_preview { height: 120px; } #nav-file-msg .file-sec .file-pdf { margin: 10px auto; } .navbar .search-box-date { margin-left: 270px; } .navbar .search-box-date .form-control { background: #fff !important; } .list-detail .search-sec { padding-bottom: 0; } .list-detail .container-fluid { padding: 15px 0px; } .certif-de-sport { width: 100%; } #nav-file-msg .file-sec { overflow: auto; height: calc(100vh - 255px); } #nav-file-tab-msg.data-title[data-title]:after { min-width: 200px; bottom: -45px; } .ordo-creer-par { margin-top: 5px; } .ordo-creer-par .ordo-lable { font-size: 13px; color: #99A7B0 !important; margin-bottom: 0; } .ordo-creer-par .ordo-name { margin-bottom: 0; font-size: 14px; } .add_by { color: #667B89; } .accordion-field .ordo-creer-par .ordo-lable, .accordion-field .ordo-creer-par .ordo-name { font-size: 12px; } .accordion-field .prof-desc span.traitement-name, .creat_dr_name { font-size: 13px; } /*multi-chat*/ .multi-chat { background: var(--primary); position: fixed; right: 20px; bottom: 0; border-radius: 10px 10px 0 0; padding: 10px; display: flex; align-items: center; gap: 10px; } .multi-chat .edit, .notification-count { background: #fff; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .multi-chat svg { color: var(--primary); font-size: 22px; } .notification-count { background: #D84C3A; color: #fff; font-size: 13px; } .multi-meb-outer { position: fixed; bottom: 55px; right: 25px; z-index: 9; } .multi-meb { background: #fff; border-radius: 12px 12px 0 0; display: flex; flex-direction: column-reverse; gap: 7px; padding: 10px; box-shadow: 0 0 10px 6px #9696961c; } .multi-meb .bubble-active .usr-icon, .multi-meb .bubble-active .user img { border: 2px solid var(--primary); } .multi-meb .user img, .multi-meb .usr-icon { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #eee; cursor: pointer; object-fit: cover; } .multi-meb-outer .setting { text-align: center; width: 40px; margin: 0 auto 7px; } .multi-meb-outer .setting span { box-shadow: 0 0 10px 3px #9696961c; background: #fff; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 27px; cursor: pointer; } .multi-meb .user .extra-count-num { display: none; } .multi-meb .user.extra-count .extra-count-num { display: inline-block; } .multi-meb .data-title[data-title]:after { white-space: nowrap; bottom: 12px; right: 53px; } .multi-meb .extra-count-num { position: absolute; top: 50%; left: 50%; z-index: 10; color: #fff; transform: translate(-50%, 50%); } .multi-meb .extra-count { position: relative; } .multi-meb .user.extra-count:before { position: absolute; content: ""; background: #00000038; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 1; animation: blink 3s infinite; } @keyframes blink { 0% { opacity: .1; } 25% { opacity: .3; } 50% { opacity: .5; } 50% { opacity: .7; } 100% { opacity: 1; } } .multi-meb .user { position: relative; } .multi-meb .user .close { position: absolute; opacity: 0; top: -7px; right: -3px; cursor: pointer; width: 20px; height: 20px; text-align: center; font-size: 12px; line-height: 20px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px 3px #661c1c1c; } .multi-meb .user .close:hover { color: #D84C3A; } .multi-meb .user:hover .close { opacity: 1; } .multi-meb .user .count { background: #D84C3A; width: 20px; height: 20px; font-size: 10px; border-radius: 50%; text-align: center; line-height: 20px; right: -10px; top: 13px; position: absolute; color: #fff; } .extra-count { width: 50px; height: 50px; border-radius: 50%; cursor: default; } .popover-txt .close { display: inline-block; width: 1.45em; height: 1.45em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960S64 759.4 64 512S264.6 64 512 64m0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m128.013 198.826c.023.007.042.018.083.059l45.02 45.019c.04.04.05.06.058.083a.118.118 0 0 1 0 .07c-.007.022-.018.041-.059.082L557.254 512l127.861 127.862a.268.268 0 0 1 .05.06l.009.023a.118.118 0 0 1 0 .07c-.007.022-.018.041-.059.082l-45.019 45.02c-.04.04-.06.05-.083.058a.118.118 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059L512 557.254L384.14 685.115c-.042.041-.06.052-.084.059a.118.118 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059l-45.02-45.019a.199.199 0 0 1-.058-.083a.118.118 0 0 1 0-.07c.007-.022.018-.041.059-.082L466.745 512l-127.86-127.86a.268.268 0 0 1-.05-.061l-.009-.023a.118.118 0 0 1 0-.07c.007-.022.018-.041.059-.082l45.019-45.02c.04-.04.06-.05.083-.058a.118.118 0 0 1 .07 0c.022.007.041.018.082.059L512 466.745l127.862-127.86c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; margin-right: 7px; vertical-align: middle; } .popover-txt .minimize { display: inline-block; width: 1.265em; height: 1.265em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 20a10 10 0 1 1 0-20a10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m5-9v2H5V9z'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; margin-right: 6px; vertical-align: middle; } .popover-txt a:hover span { color: #848789 !important; } .extra-count .dropdown-menu { left: -50px !important; max-height: 300px; overflow: auto; border: 1px solid rgba(0, 0, 0, .15); } .extra-count-num::after { content: none; } .extra-count .dropdown-item { display: flex; justify-content: space-between; padding: 10px 0.5rem; gap: 5px; } .extra-count .dropdown-item .iconify { margin-right: 0; width: 13px; height: 13px; } .extra-count .dropdown-item a { color: #333333; text-decoration: none; display: flex; width: 100%; } .extra-count .close-item { opacity: 0; } .extra-count .dropdown-item:hover .close-item { opacity: 1; } .extra-count .dropdown-item small { padding-left: 3px; color: grey; } .extra-count .dropdown .dropdown-item.active a, .extra-count .dropdown .dropdown-item:active a { background-color: var(--primary); color: #fff; } .extra-count .dropdown .dropdown-item.active a small, .extra-count .dropdown .dropdown-item:active a small { color: #fff; } /*object edit*/ .object-outer { overflow: hidden; white-space: nowrap; width: 350px; text-overflow: ellipsis; } .obj-des { font-weight: 300; color: #555; } .obj-edit { display: flex; align-items: center; } .obj-text { font-size: 13px; margin-right: 5px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #specform-content { position: relative; } /*doc-profile-tab*/ .doc-tab-container { display: flex; } .doc-profl-tabs { width: 280px; min-height: calc(100vh - 160px); position: sticky; top: 90px; } .doc-profl-tabs ul { background: #fff; border-radius: 10px; padding: 15px 10px; } .doc-profl-tabs ul .nav-link { display: block; font-weight: 400; font-size: 13px; color: rgb(0, 0, 0); text-decoration: none; padding: 0px 15px; border-radius: 6px; border: 0; cursor: pointer; } .doc-profl-tabs ul .nav-link:hover { background: var(--lightblue); } .doc-profl-tabs .prof_tab:hover { background: var(--lightblue); cursor: pointer; border-radius: 5px; } .doc-profl-tabs ul .nav-link.active, .doc-profl-tabs .tab-collapse .accordion-button:not(.collapsed) { background: var(--accordion-btn) !important; color: #fff !important; } .doc-profl-tabs #professionnelles-tab span { width: calc(100% - 40px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .doc-profl-tabs #professionnelles-tab { position: relative; } .doc-profl-tabs #professionnelles-tab::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); width: 18px; height: 18px; margin-left: auto; content: ""; background-repeat: no-repeat; background-size: 18px; transition: transform .2s ease-in-out; position: absolute; right: 5px; top: 11px; } .doc-profl-tabs #professionnelles-tab.active::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .doc-profl-tabs #professionnelles-tab.arrow-open::after { transform: rotate(180deg); } .submenu-block { display: none; margin-top: 5px; border: 1px solid #CCD3D8; border-radius: 6px; margin-bottom: 10px; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .doc-profl-tabs .submenu-block .nav-link { font-size: 13px; padding: 8px; padding-left: 25px; margin: 3px; } .doc-profl-tabs .accordion-body a { display: block; font-weight: 400; font-size: 13px; color: rgb(0, 0, 0); text-decoration: none; margin-bottom: 0px; padding: 7px 1.25rem; } .doc-profl-tabs .menu-item { display: flex; align-items: center; gap: 10px; min-height: 40px; } .doc-profl-tabs .menu-item>* { line-height: 24px; } .doc-profl-tabs .menu-item .iconify { font-size: 20px; width: 22px; height: 22px; color: #667B89; transition: color 0.3s ease-in-out; } .doc-profl-tabs .menu-item .iconify.warning { color: #D84C3A; font-size: 15px; width: auto; height: auto; } .menu-item-inner { display: flex; justify-content: space-between; width: 100%; } .doc-profl-tabs .nav-link.active .menu-item .iconify { color: #fff; } .doc-sidenav .side-nav { background: #fff; width: 50px; text-align: center; display: none; padding: 5px; cursor: pointer; } .doc-sidenav .side-nav .icon { background: var(--primary); width: 40px; height: 40px; padding: 0 8px; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .doc-sidenav .side-nav .iconify { font-size: 20px; color: #fff; } .doc-sidenav.active .doc-profl-tabs { border: 0; } .doc-sidenav.active .side-nav { padding: 0; width: 40px; height: 40px; } .doc-sidenav.active .side-nav .icon { height: 40px; border-radius: 0 4px 4px 0; } .doc-profl-content { width: calc(100% - 280px); padding: 0 15px; margin: 0px 0; } .doc-profl-content .form-control { max-width: 500px; } .prof-title, .tab-card .formfield h6 { font-size: 16px; color: #263238; margin-bottom: 25px; font-weight: 500; } .tab-card { background: #fff; border-radius: 10px; padding: 30px; max-width: 1026px; display: flex; flex-direction: column; position: relative; } .back-red-txt { position: absolute; top: 10px; right: 25px; color: var(--error); } #doc-profl-tabContent .tab-card { border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 28px; } #doc-profl-tabContent .create_section { padding:0 !important; border-radius: 0; background: none; border:0; box-shadow: none; } #doc-profl-tabContent .create_section .prof-sec { padding:0 !important; } #doc-profl-tabContent .verify-items { margin-top: 10px; } .tab-card .formfield h6 { margin-bottom: 10px; font-weight: 400; } .tab-card .form-check-label { position: static; } #doctor_block .title-lable { margin-bottom: 14px; } #doctor_block hr { margin: 2rem 0; } .prof-sec .contry-outer .error-help-block { left: -81px; min-width: 315px; } .prof-sec .det-ptop-sec .contry-outer .error-help-block { left: 0; } .new-ppf-sec .patient-details.ptpcdata { display: flex; gap: 5px; min-height: 20px; } .list-detail-sec .person-det { width: calc(100% - 270px); } .web-width { flex: 1; } .title-lable { font-size: 14px; font-weight: 400; line-height: 28px; color: var(--siteblack); margin-bottom: 6px; } .tab-card .title-lable { font-weight: 500; } .tab-card p { font-size: 14px; } .tab-card p:last-child { margin-bottom: 0; } .tab-card .search-box .iconify { left: auto; right: 15px; top: 12px; color: var(--primay); } .tab-card .form-select { height: 42px; font-size: 14px; font-weight: 400; line-height: 21px; color: #263238; border-color: #CCD3D8; background-color: #CCD3D81A; padding: 10px 20px; border-radius: 4px; } .tab-card .form-control { max-width: 100%; height: 40px; font-size: 14px; font-weight: 400; line-height: 21px; color: #263238; } .tab-card textarea { min-height: 100px; } .tab-card .create_section { padding: 0; } .sear-outer { margin-bottom: 30px; clear: both; } .ser-val { display: flex; flex-wrap: wrap; gap: 10px; clear: both; } .ser-sepc, .form-selector .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--gradient-btn); padding: 3px 8px 3px 4px; border-radius: 20px; color: #fff; align-items: center; display: inline-flex; gap: 4px; border: 0; font-size: 12px; } .form-selector .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background: #fff; color: var(--primary); border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 16px; font-weight: 400; } .form-selector .select2-container .select2-selection--multiple { min-height: 42px; } .spec-span { font-size: 14px; } .ser-val .toggle-btn { font-size: 13px; font-style: italic; color: var(--primary); text-decoration: underline; font-weight: 500; line-height: 30px; } .suggest-blk .ser-sepc.sepc-tag-select { background: var(--primary); color: #fff; } .suggest-blk .ser-sepc .spec-span { font-size: 13px; } .ser-sepc .close { font-size: 20px; line-height: 0; } .suggest-blk .ser-sepc { background: transparent; border: 1px solid #CCD3D8; color: #455A64; padding: 5px 12px; cursor: pointer; } .search-box.formfield { margin-bottom: 10px; } .right-menu .navbar-nav { align-items: center; gap:12px; } .right-menu .nav-item .dropdown { padding-right: 3px; } .presentation-tab textarea.form-control { width: 100%; } .presentation-tab .form-control { width: 50%; } .select2-selection, .select2-selection--multiple { min-height: 42px; border: 1px solid var(--border) !important; box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06) !important; background: var(--menu-bg); border-radius: 14px !important; } .select2-container.select2-container--focus .select2-selection { border-color: var(--primary) !important; } .select2-container { max-width: 600px; width: 100% !important; } .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { min-width: 240px !important; } .select2-container .selection { display: block; min-height: 42px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary) !important; } .dataTable .ser-val { gap: 5px; } .dataTable .ser-sepc { font-size: 12px; padding: 3px 6px 3px 6px; } /*new added menu*/ .nav-item.plus .dropdown-toggle, .nav-item.menusetting .dropdown-toggle { background: var(--menu-bg); border: var(--menu-border); box-shadow: var(--menu-shadow); height: 34px; width: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .nav-item.plus .dropdown-toggle svg, .nav-item.menusetting .dropdown-toggle svg { color: var(--primary-dark); font-size: 25px; } .nav-item.plus .dropdown-toggle::after, .nav-item.menusetting .dropdown-toggle::after { display: none; } .nav-item.plus .dropdown .dropdown-menu { min-width: 300px; } .global-search-ul .ui-menu-item .search-highlight { font-weight: bold; color: var(--primary); text-decoration: underline; } .ui-state-active .search-highlight { color: #fff; } .chat-pin { margin-right: 10px; color: #fff; padding: 0; border-radius: 5px; font-size: 20px; cursor: pointer; } .chat-pin.pined { color: var(--primary); } .chat-pin.unpined { color: #99A7B0; } .patient-datatable .chat-pin { float: right; margin-right: 15px; padding: 0; top: 50%; transform: translateY(-50%); position: relative; } .patient-datatable .chat-pin.pined { background: transparent; color: var(--primary); } .patient-datatable .chat-pin.unpined { background: transparent; color: #D84C3A; } /* logged users page*/ .before-login .password-reset .form-container { margin-top: 50px !important; } .logged-container { text-align: center; width: 100%; background: var(--login-box-bg); box-shadow: var(--login-box-shadow); padding: 25px; border-radius: var(--login-box-radius); border: var(--login-box-border); min-height: 400px; } .logged-container .form-title, .logged-container p { margin-bottom: 0; } .logged-container p { font-size: 16px; color: #00233A; margin-bottom: 20px; } .user-field { position: relative; display: flex; align-items: center; gap: 10px; text-align: left; padding: 10px; color: #00233A !important; border: var(--login-box-border); border-radius: 22px; margin: 15px 0; text-decoration: none; transition: all 0.3s ease-in-out; background: var(--login-box-bg); box-shadow: var(--login-box-shadow); } .user-field:first-child { margin-top: 0; } .form-control:focus { border-color: var(--primary); } .user-field:hover { transform: translateY(-2px); border-color: rgba(94, 108, 155, 0.22); } .user-field .usr-name { font-size: 16px; font-weight: 500; } .user-field .usr-desc { font-size: 14px; font-weight: 400; } .user-field .iconify { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 18px; } .user-link { display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; padding: 15px; margin-top: 5px; } .user-link .usr-link { display: flex; align-items: center; gap: 5px; color: #334F61; font-size: 14px; text-decoration: none; transition: all 0.3s ease-in-out; } .user-link .usr-link:hover { color: var(--primary); } .user-link .usr-link.del:hover { color: #EA3640; } .user-field .user-img { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; flex: 0 0 auto; border-radius: 18px; overflow: hidden; border: 1px solid rgba(94, 108, 155, 0.08); background: linear-gradient(180deg, #eef4ff 0%, #dfe8ff 100%); } .user-field .user-img img { width: 100%; height: 100%; border-radius: 18px; } .modify-field .user-field:hover { transform: none; } .modify-field .alert { display: flex; gap: 6px; padding: 10px 15px; background: #D5EAFC; border: 1px solid #E5E9EB; border-radius: 12px; justify-content: center; } .modify-field .alert .iconify { color: var(--primary); font-size: 24px; } .modify-field .alert a { color: var(--primary); font-weight: 500; } .orisha-table { background: #FFFFFF; border: 1px solid #d6d8d9; border-radius: 12px; padding: 0 10px; } /*add-todos*/ .add-todos { margin: 15px 0; } .todo-content { background: #fff; border-radius: 12px; padding: 20px; } .taches-img-container { display: flex; justify-content: center; } .taches-rg { display: flex; margin-top: 0px; position: fixed; padding-left: 15px; align-items: center; height: 100%; } .add-todos .taches-img-container img { height: 500px; transform: translate(0, -20%); } .todowholedrag:last-child { border-bottom: 0; } .todowholedrag.todoborder .todowholedrag-inner { width: 100%; } .todohead-display, .todowholedrag.todoborder .row { margin: 10px 0; border: 2px solid var(--primary); padding: 10px; border-radius: 10px; } .formfield.add_title_btn .error { position: absolute; bottom: -20px; } .formfield.add_title_btn { margin-bottom: 0; } .row:has(.formfield.add_title_btn > .error) { padding-bottom: 25px; } .todohead { display: flex; justify-content: space-between; border-bottom: 1px solid #E3E3EE; padding-bottom: 10px; margin-bottom: 10px; align-items: center; } .todohead h3 { font-size: 18px; font-weight: 500; color: var(--siteblack); margin-bottom: 0; } .tac-head { font-size: 17px; font-weight: 500; color: var(--primary); } .add-todos .dragicon { margin-right: 10px; color: #667B89; font-size: 17px; position: relative; top: 3px; flex: 0 0 17px; } .todocont label,.assigned-to span,.created-by span { font-size: 14px; padding-left: 10px; max-width: calc(100% - 135px); color: var(--siteblack); margin-top: 1px; } .assigned-to img,.created-by img { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border); } .todocont .form-check { padding: 5px 10px; border-radius: 3px; margin-bottom: 0; display: flex; align-items: self-start; justify-content: space-between; } .todocont .form-check .dropdown, .todocont .form-check .dragicon, .todocont .importanticon { opacity: 0; } .todocont .importanticon, .todo-out-par .importanticon { color: #CF4836; margin-left: 10px; font-size: 17px; margin-top: 2px; } .todo-out-par .importanticon { margin-left: 0; margin-top: 0px; } .todocont .form-check .form-check-input { position: relative; margin-left: 0; float: none; width: 16px; height: 16px; border-radius: 3px !important; border: 2px solid #667B89 !important; background-color: #fff; } .todocont .form-check-input:checked { background-image: none; background-color: #667B89 !important; } .todocont .form-check-input:checked:after { content: ""; display: block; width: 5px; height: 10.5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); margin-left: 3px; } .todocont .form-check-input:checked+label, .todocont .form-check.active:checked+label { color: #667B89; } .todocont .form-check:hover, .todocont .form-check.active { background-color: rgb(231 237 241 / 70%); } .todocont .dropstart .dropdown-toggle::before, .todo-menu-icon.dropstart .dropdown-toggle::before { display: none; } .todocont .form-check:hover .dropdown, .todocont .form-check:hover .dragicon, .todocont .form-check.active .dropdown, .todocont .form-check.active .dragicon, .todocont .important .importanticon { opacity: 1; } .todocont .form-check.active .dragicon, .todocont .form-check.active .dropdown { opacity: 1; } .todocont .form-check .dropdown-menu.show { display: block !important; } .todocont .todo-menu-icon .dragicon { margin-right: 0; } .todocont { margin-left: -10px; margin-bottom: 5px; } .todocont .dropdown-item.delete { border-top: 1px solid #E3E3EE; color: #CF4835; } .todocont .btn-outline { margin: 5px 35px; } .todocont .text-link { font-size: 12px; text-decoration: underline; margin-left: 35px; font-style: italic; font-weight: 500; } .todocont .text-link:hover, .cancel-link:hover { opacity: 0.8; color: var(--primary); } .btn-md { padding: 6px 15px; } .todocont .dropdown-toggle::after { display: none; } .add-todos .edit-link svg.dragicon { color: var(--primary); font-size: 20px; margin-left: 10px; } .todohead-edit { display: flex; align-items: baseline; } .todohead-edit .btn, .todo-modi .btn, .todowholedrag-inner .btn { padding: 6px 12px; } .todowholedrag-inner { width: 100%; } .todowholedrag-inner .row:has(.formfield > .error) { padding-bottom: 20px; } .todowholedrag-inner .formfield>.error { position: absolute; bottom: -20px; left: 0; } .add-todos .delete-link svg.dragicon { color: #EA3640; } .edit_list, .todo-modi { display: flex; align-items: center; gap: 10px; float: none; } .edit_list { margin: 15px 0 15px 10px; } .edit_list:has(+ .error) { margin-bottom: 0; } .edit_list.formfield>textarea { width: calc(100% - 320px); height: 56px !important; resize: none; } .todo-modi .success svg { color: var(--primary); font-size: 20px; } .todohead-edit .row { width: 100%; } .todocount { color: #667B89; font-size: 11px; margin-left: 10px; margin-right: 10px; margin-top: 5px; display: flex; gap: 3px; } .todocount.date-icon { color: var(--siteblack); } .todohead-edit .hover .iconify { top: -3px; } .no-data { height: 65vh; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; } .todohead-display .btn-outline { margin: 10px 0 10px 30px; } .todo-div { display: flex; align-items: self-start; width: 100%; padding-bottom: 5px; } .assigned-to span,.created-by span { padding-left: 0; } .created-by span { color: #667B89; font-size: 11px; } .assigned-to svg { color:var(--primary); } .todo-div .todocount { margin-right: 5px; } /*create_certif_form*/ .create_certif_form .text-type input { width: 280px; } .create_certif_form .formfield.text-type { margin-left: 0; } .create_certif_form .form-check-inline { margin-right: 0; } .create_certif_form .col-sm-4, .create_certif_form .ordo-text, .create_certif_form .field-name { width: 100%; } .create_certif_form .col-sm-4 { margin-top: 5px; margin-bottom: 5px; } .create_certif_form .ordo-text { margin-top: 10px; } .modal .create_certif_form .formfield { margin-bottom: 10px; } .certif-model .modal-dialog { max-width: 660px; } .certif-model .modal-btn-block { margin-top: 10px; } .payment-history-list .container-fluid-user { padding: 20px; } .create-patient-page .profile-det span { font-size: 13px; color: #667B89; } .create-patient-page .back-text { font-weight: 500; } .biologi-type .ordo-text .field-name, .bio-type .lab-edit { font-weight: 500; } .todo-out-par { font-size: 14px; margin-bottom: 5px; padding-left: 15px; position: relative; } .todo-out-par::before { position: absolute; left: 0; content: "."; font-size: 30px; font-weight: bold; top: 4px; line-height: 0; color: grey; } .todocont-pre .todo-out { border-bottom: 2px solid grey; margin-bottom: 10px; padding-bottom: 10px; } .todo-out .todod h6 { font-style: italic; font-size: 12px; } .com_text { color: var(--title-blue); font-size: 14px; text-transform: uppercase; margin-bottom: 10px; line-height: 35px; font-weight: 600; } .accu-card .comp_status { color: #667B89; font-size: 11px; line-height: 22px; margin-left: 10px; } .todohead-edit-txt .tac-head { margin-bottom: 10px; } .todod, .title-date { font-size: 14px; margin-bottom: 5px; } .todocont-pre { margin-bottom: 10px; padding-bottom: 5px; } /*Doctor Expertises Section*/ .exper_doc { position: relative; padding-bottom: 10px; margin-bottom: 15px; } #formations .exper_doc:after { content: ""; position: absolute; bottom: 0; left: -30px; width: calc(100% + 60px); height: 1px; background: #E2E2E2; } .exper_doc.last { margin-bottom: 0; padding-bottom: 0; } .exper_doc.last:after { content: none !important; } .exper_doc h5 { font-size: 16px; color: #263238; line-height: 24px; font-weight: 500; margin-bottom: 6px; } .exper_doc .info-txt { font-size: 13px; font-weight: 400; color: var(--grey); line-height: 20px; margin-bottom: 10px; } .exper_doc .link-txt { display: block; font-size: 14px; margin-bottom: 20px; text-decoration: none; } .exper_doc .link-txt:hover { color: var(--primary); text-decoration: underline; } .exper_doc .input-block { display: flex; align-items: flex-end; gap: 14px; } .input-block .add-open { min-height: 60px; } .input-block .add-open .vldebtn, .input-block .add-open .text-link { margin-top: -35px; } .exper_doc .input-block .input-sec, .exper_doc .input-block .input-part { width: calc(100% - 55px); display: flex; flex-wrap: wrap; gap: 15px; } .exper_doc .input-sec .experience-div .form-control, .exper_doc .input-part .experience-div .form-control { max-width: 100%; } .exper_doc .input-sec .experience-div { width: calc(50% - 15px); } .exper_doc .input-sec .experience-div:has(.time) { width: calc(25% - 15px); } .exper_doc .input-sec .experience-div.public_titre { width: calc(100% - 15px); } .exper_doc .input-sec .experience-div.public_type { width: calc(75% - 15px); } .exper_doc .input-part .experience-div { width: calc(33.33% - 15px); } .exper_doc .input-part .experience-div .contry-outer { margin-bottom: 0; } .exper_doc .input-part .experience-div.med_center_txt { width: 100%; } .exper_doc .input-part .experience-div.med_center_txt textarea { height: 80px !important; min-height: 80px; } .exper_doc .form-control, .exper_doc .form-select { height: 42px; max-width: 240px; width: 100%; font-size: 14px; line-height: 20px; color: #001612; padding: 10px 12px; background: #CCD3D810; } .exper_doc .form-control.disabled_field, .exper_doc .form-select.disabled_field { background: #e9ecef; } .exper_doc .form-select { color: #66757F; padding-right: 25px; } .experience-div:has(.form-select) { position: relative; } .experience-div:has(.form-select):after { content: ""; position: absolute; top: 18px; right: 15px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-right: 1px solid #66757F; border-bottom: 1px solid #66757F; z-index: 2; pointer-events: none; } .add-open { display: flex; align-items: center; gap: 10px; } .add-open .iconify { color: var(--grey); font-size: 24px; } .add-open .iconify.add { color: var(--primary); font-size: 22px; } .card-block { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 10px; } .exper-card { position: relative; max-width: 478px; width: calc(50% - 10px); background-color: #fff; border: 0.5px solid #00000014; padding: 20px; transition: all 0.3s ease-in-out; box-shadow: var(--shadow) 0 12px 35px rgba(94, 108, 155, 0.12); border-radius: 20px; } .exper-card.active-box { border-color: var(--primary); box-shadow: var(--shadow) 0 12px 35px rgba(94, 108, 155, 0.12); border-radius: 20px; } .exper-card h5 { font-size: 16px; color: #001612; font-weight: 400; line-height: 24px; margin-bottom: 10px; width: calc(100% - 45px); } .exper-card .desc { font-size: 14px; font-weight: 400; line-height: 21px; color: #455A64; } .exper-card .modify-sec { position: absolute; top: 15px; right: 15px; display: flex; align-items: center; gap: 5px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .exper-card:hover { box-shadow: 0 4px 20px #00000014; } .exper-card:hover .modify-sec { opacity: 1; visibility: visible; } .exper-card .modify-sec .iconify { font-size: 20px; color: var(--primary); } .exper-card .modify-sec .iconify.del { color: #EA3640; } .modify-sec .btn { padding: 6px 5px; font-size: 12px; } .exper_footer { margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 20px; } .input-block .time { max-width: 90px; } .ptab-right .prof-medi-tab .btn { margin: 0 !important; } .profile-overview-container .todocont { border-bottom: 1px solid #E3E3EE; } .prof-medi-tab .todohead { border-bottom: 0; margin-bottom: 0; } .prof-medi-tab .todo-content { border-radius: 4px; border: 1px solid #afc4d5; } .prof-medi-tab .todohead h3 { font-size: 20px; font-weight: 400; color: #474747; } .prof-medi-tab .nodata-field .prof-rig-det { text-align: center; } /*Mon-form style*/ .monform-card { max-width: inherit; } .monform-card .card-header { display: flex; gap: 10px; } .monform-card .card-header .iconify { color: var(--primary); font-size: 18px; flex: 0 0 auto; } .monform-card .card-title { width: 100%; } .monform-card .card-title h5 { margin-bottom: 0; line-height: 21px; width: calc(100% - 72px); word-break: break-all; } .monform-card .card-title h6 { font-size: 13px; font-weight: 400; color: #263238; line-height: 20px; margin-bottom: 10px; } .monform-card .card-content { display: flex; justify-content: space-between; gap: 10px; } .monform-card .title-date { color: #455A64; font-size: 13px; line-height: 15px; } .monform-card .modify-sec a { cursor: pointer; } .exper_doc:has(.monform-card) { padding-bottom: 0; margin-bottom: 0; } .exper_doc:has(.monform-card):after { content: none; } .paymentHistoryModal .modal-dialog { max-width: 1200px; } .folderfile-name { border: 1px solid #CCD3D8; padding: 5px; border-radius: var(--border-radius); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px !important; border-top: 0; } /** Orange border for pending files */ .org_file_bdr .folderfile-name, .org_file_bdr .dosier-bck,.dosier-bck .new-add-icon,.dosier-bck .folderfile-name { border: 3px solid #f15800; } .org_file_bdr .folderfile-name,.dosier-bck .folderfile-name { border-top: 0; } .org_file_bdr .dosier-bck,.dosier-bck .new-add-icon{ border-bottom: 0; } .rec_file_bdr .folderfile-name, .rec_file_bdr .dosier-bck{ border: 2px solid red; } .rec_file_bdr .folderfile-name{ border-top: 0; } .rec_file_bdr .dosier-bck { border-bottom: 0; } .dosier-bck, .ecg-outer.dosier-bck img ,.dosier-bck .new-add-icon{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dosier-bck { border-bottom: 0; } .folderfile-name .file-date { margin-top: 5px; } /*--*/ /*vidal*/ .vidal_pages.btn { background: #fff; color: var(--primary); border: 1px solid var(--primary); } .vidal_pages.btn.active { background: var(--primary); color: #fff; } .vidal-pagination-container .btn { padding: 5px 13px !important; } .drug-search-container, .nom_alle, .nom_ant { position: relative; } .drug_res, .ald_drug_res { position: absolute; width: 96%; top: 35px; background: white; max-height: 350px; overflow: auto; z-index: 100; } .alle_path_res { position: absolute; top: 55px; width: 92%; background: white; max-height: 200px; overflow: auto; z-index: 100; } .drug_res table { margin-bottom: 0; } #drug_res_body .message, #ald_drug_res_body .message { color: #F73E3E; text-align: center; font-size: 13px; } #drug_res_body, #ald_drug_res_body { font-size: 14px; margin-bottom: 0 !important; } .prescriptions_tabs #modal_body { max-height: 80vh !important; } #drug_expand, #ean_drug_expand { cursor: pointer; font-size: 15px; padding-right: 0px; } .table #prescription_body td { border: none; } .table #prescription_body tr { border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; margin: 4px; } .product_srch { border: 1px solid rgb(236, 159, 15); background-color: rgb(253, 231, 189); } .vmp_srch { border: 1px solid rgb(221, 122, 139); background-color: rgb(248, 218, 223); white-space: nowrap; padding: 2px; } .package_srch { border: 1px solid red; background-color: rgb(253, 154, 154); padding: 1px 10px; } .drug-search-container .form-control { font-size: var(--bodyfont-size); font-weight: 400; color: #001612; border: 1px solid var(--primary); box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%); border-radius: 4px !important; background: var(--lightblue); padding-left: 35px; } .drug-search-container .form-control::placeholder { font-size: var(--bodyfont-size); font-weight: 400; color: var(--primary); } .drug-search-container .input-group-append { top: 6px; left: 10px; font-size: 16px; pointer-events: none; } .drug-search-container .input-group-append svg { color: var(--primary); } .prescriptions_tabs img { width: initial; height: auto; } .prescriptions_tabs .iconify--fa6-solid { color: var(--vidalbg); font-size: 22px; } #profile-tab-content .vlg-container.prescriptions_tabs .profile-det { max-height: fit-content; min-height: auto; overflow: visible; } .pres_dynamic_form { border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; padding: 10px 0; margin-top: 15px; } .pres_title { font-size: 15px; font-weight: 500; margin: 0; } .pres_dynamic_form .nav-tabs { border: 0; } .pres_dynamic_form .nav-item a { font-size: 12px; color: #455A64; padding: 5px; text-decoration: none; cursor: pointer; } .pres_dynamic_form .nav-item .tabs { color: var(--primary); border-bottom: 2px solid var(--primary); } .nav-form { background: #F5F6F7; margin-top: 5px; } .nav-form label, .nav-form .form-control { font-size: var(--bodyfont-size); } .prescriptions_tabs .btn { margin: 0 !important; } .prescriptions_tabs .text-link, .modal-footer .text-link { color: #455A64; font-size: 14px; cursor: pointer; } .ptab-right .modal-footer .btn { margin: 0 !important; } .table #prescription_body tr:nth-child(odd), #drug_res_body tr:nth-child(odd) { background-color: #fff; } .v-close { font-size: 18px; color: #F73E3E; } .block-close { font-size: 13px; color: #F73E3E; } .risk_factors { font-size: 14px; color: #F73E3E; font-weight: 600; display: flex; align-items: center; gap: 6px; } .navbar .main-manu .mestablink ::after { top: 19px; right: 6px; border-width: 0.38em !important; color: #fff; } .navbar .main-manu .mestablink.active .dropdown-toggle::after, .navbar .main-manu .mestablink:hover .dropdown-toggle:after, .navbar .main-manu .mestablink .dropdown-toggle.show:after { color: #000; } .navbar .active.dropdown-item:hover { background: var(--primary); } .navbar .dropdown-item:hover { background: var(--lightblue); } .navbar .main-manu .dropdown-toggle::after { top: 16px; right: 3px; border-width: 0.3em !important; color: #000; } .logged_acct .dropdown-toggle::after { right:6px; } .logged_acct .active.dropdown-toggle::after { color:#fff !important; } .navbar .main-manu .dropdown-toggle.active::after, .navbar .main-manu .dropdown-toggle:hover:after { color: #000; } .navbar .main-manu .nav-link.dropdown-toggle:hover:after { color: #000; } .navbar .main-manu .nav-link.dropdown-toggle { padding-left: 5px !important; padding-right: 13px !important; } #drug_res_body td, #ald_drug_res_body td { font-size: 13px; border: 0; vertical-align: middle; } .mss_list_class img, .mss_react_list_class img { width: 16px; margin-right: 6px; } .Messagerie-count a, .mss_list_class a, .mss_react_list_class a { display: flex; justify-content: space-between; gap: 5px; } .prescription-blck .editicon, .prescription-blck .deleteicon { color: var(--primary); font-size: 20px; cursor: pointer; margin-bottom: 15px; } .prescription-blck .deleteicon { color: #EA3640; margin-left: 10px; } .pres-info svg { color: #667B89; font-size: 18px; cursor: pointer; } .ris-fac { position: relative; border: 1px solid lightgrey; border-radius: 5px; background-color: #ccd3d826; padding: 2px 10px; padding-left: 20px; font-size: 12px; } .ris-fac-colors { position: absolute; top: 0; left: 0; width: 14px; height: 100%; background-color: currentColor; border-radius: 4px; } .iconify.plus-round { color: var(--primary); font-size: 20px; cursor: pointer; } .ptab-right .vidal-vmp-doc .modal-body { max-height: 82vh; } .vidal-table-content { max-height: 340px; overflow: auto; min-width:600px; } .prescriptions_tabs .tabLink { font-size: 10px; } .prescriptions_tabs .tabLink:hover { color: var(--vidalbg); } .prescriptions_tabs .tabLink .menu { line-height: 8px; } .pres-pname, .pres-dname { font-size: 15px; } .pres-table .pres-dname { font-size: 13px; } .pres-table { margin-top: 15px; } .pres-date, .pres-table td { font-size: 14px; } .pres-table th { background-color: #e0ebef; font-size: 15px; color: #00233A; border: 0; font-weight: 400; text-align: left; border-bottom: 0 !important; } .pres-table th:first-child { border-radius: 10px 0 0 10px; } .pres-table th:last-child { border-radius: 0 10px 10px 0; } .pres-table td { text-align: left; border: 0; border-bottom: 1px solid lightgrey; vertical-align: middle; } .ptab-right .pres-btn-blk .renewal-btn { margin-left: 15px !important; color: var(--primary); } .pres-table.table-striped>tbody>tr:nth-of-type(odd) { background-color: var(--lightblue); } .pres-table.table-striped>tbody>tr:hover { background-color: var(--lightblueactive); } .pres-table tr:nth-child(odd) { background-color: #fff; } .vidal-topsec { display: flex; gap: 15px; justify-content: space-between; } .vidal-header { display: flex; align-items: stretch; gap: 70px; } .vidal-header .p_title { font-weight: 400; font-size: 17px; line-height: 24px; color: #000000; margin-bottom: 0; } .vidal-icons { width: 22px !important; height: 20px !important; padding: 1px; } .pres-btn-blk .btn { margin: 0 !important; } .medicine_list { position: relative; color: #CF103C; border-left: 8px solid currentColor !important; } .medicine_list:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 100%; background: linear-gradient(90deg, currentColor 0%, #fff 70%); opacity: 0.7; } .print-ordo:hover { color: var(--primary); opacity: 0.8; } .vlg-container .profile-det .medicine_list h4 { z-index: 2; font-size: 14px; padding-right: 0; } .vlg-container .treatment-block .profile-det { height:calc(100% - 10px); } .pres_table .medicine_list { padding: 5px; border-radius: 4px; } .pres_table .medicine_list h4 { position: relative; z-index: 2; margin-bottom: 0; } .focusedinput { border: 1px solid var(--primary) !important; } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { background-repeat: no-repeat; } .experience-div { margin-bottom: 20px; } .input-block .experience-div .time { max-width: initial; } .experience-div .error { float: left; margin-top: 5px; } .formfield.vidal-field>input, .formfield.vidal-field>select { height: 36px; padding: 10px 15px; } .feeding_container_parent h5 { font-weight: 400; font-size: 13px; line-height: 15px; color: #667B89; } .feeding_container_parent .val { font-size: 15px; font-weight: 400; line-height: 100%; margin-bottom: 10px; display: inline-block; } .feeding_container_parent .check_gender .val { margin-left: 10px; margin-bottom: 5px; color: #000; } .feeding_container_parent .first-raido { font-size: 14px; margin-bottom: 10px; margin-right: 10px; } .feeding_container_parent .check_gender h5 { display: inline-block; } .feeding_container_parent .edit_yes_or_no { margin-left: 25px; } .feeding_container_parent .formfield { margin-bottom: 10px; } .vidal-field.formfield select.form-control:not([size]):not([multiple]) { height: 35px; } .medecine-types .nav-pills .nav-link { border-radius: 5px 5px 0px 0px !important; min-width: 70px; font-size: 12px; height: 32px; border: 1px solid var(--primary); } .medecine-types .form-check-label { padding-right: 0; } .drug-search-container .form-control:focus { z-index: initial; } .vidal-form-check { display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0; } .medecine-types { padding-left: 6px; } .vidal-form-check .form-check { min-height: 18px; } .vidal-form-check .form-check-label { font-size: 13px; padding: 0; line-height: 18px; } .experience-div>.formfield { margin-bottom: 0; } .input-block .add-open { padding-top: 8px; } .experience-div:has(.error) { margin-bottom: 10px; } .experience-div>.formfield>select { height: 40px; max-width: 100%; } .experience-div>.formfield:has(> select)::after { content: none; } .experience-div>.formfield:has(+ .error) { border-color: #E10000; } .experience-div:has(.error)::after { content: none; } .experience-div>.formfield:has(> select:focus) { border-color: var(--primary); } .experience-div>.formfield>select:focus~label { color: var(--primary); background: #fff; top: -10px; left: 10px; } #vidalNewModal:has(~ .modal.show) { z-index: 1040; } .prof-desc>.vidal_securize { background-color: #9fd7f7 !important; padding: 0 3px; color: #00233a !important; font-size: 13px !important; border-radius: 3px !important; } .dataTable.table>thead { background: var(--acc-header-gradient); position: sticky !important; z-index: 2; top: 0; border-radius: 14px; } /*******/ /*New Accueil style*/ .accueil-sec { padding: 15px 0; } .pat-accueil:has(+ .main-accueil) { margin-top: 15px; } .pat-accueil+.main-accueil { padding-top: 5px; } .accueil-txt { color: var(--primary-dark); font-size: 15px; margin-bottom: 8px; } .accueil-select { position: relative; display: flex; align-items: center; border: var(--menu-border); background: var(--menu-bg); border-radius: 14px; box-shadow: var(--menu-shadow); max-width: 160px; position: absolute; top: -41px; right: 0; } .relative { position:relative; } .accueil-select .icon-box { flex: 0 0 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; background: var(--gradient-btn); border-radius: 14px 0px 0px 14px; } .accueil-select .icon-box .iconify { color: #fff; font-size: 20px; } .accueil-select .form-select { font-size: 12px; font-weight: 500; line-height: 18px; color: #001612; border: 0; background-color: #fff; cursor: pointer; border-radius: 0 14px 14px 0; } .accueil-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; width: 100%; margin-bottom: 14px; margin-top: 8px; } .accueil-block { width: 100%; min-height: 185px; border-radius: 32px; display: flex; flex-direction: column; align-items: center; padding: 10px 12px 10px; border: var(--acc-card-border); box-shadow: var(--acc-card-shadow); color: var(--acc-card-text); background: var(--acc-card-bg); } .accu-icon { width: 130px; height: 130px; margin: 0px auto 8px; border-radius: 24px; background: var(--acc-card-img-bg); box-shadow: var(--acc-card-img-shadow); display: flex; align-items: center; justify-content: center; overflow: hidden; } .accu-icon .iconify { font-size: 70px; } .accu-icon img { width: 100%; height: 100%; object-fit: cover; } .accueil-block-content { vertical-align: middle; align-items: center; justify-content: center; display: flex; gap: 10px; font-size: 21px; font-weight: 500; line-height: 28px; color: var(--acc-card-text); margin-top:10px; } .accu-count { font-size: 40px; } .accu-name { font-size: 18px; font-weight: 300; } .accu-content { text-align: center; } .accu-content h5 { font-size: 16px; font-weight: 500; line-height: 25px; color: var(--acc-card-text); margin: 0; } .accu-content p { font-size: 12px; font-weight: 300; line-height: 17px; color: var(--acc-card-text); margin-bottom: 0; } .dropdown-folder-item .badge { background: #cfdfff; color: var(--siteblack); font-size: 12px; font-weight: 600; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; } .accueil-block.paramet .accu-icon { width: 130px; height: 130px; margin: auto; margin-bottom: 8px; } .pro-imgup:hover .delete-file-icon { opacity: 1; } .delete-file-icon { position: absolute; top: 0; right: 0px; font-size: 17px; background: #fff; border-radius: 50%; opacity: 0; } .accueil-block.paramet .hp-setting-link { text-decoration: none; } .accueil-block.medecin .iconify { color: #fff; } .accueil-block.paramet .iconify { color: #fff; font-size: 60px; } .accu-card { width: 100%; min-height: 386px; border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow); padding: 15px; padding-bottom: 0; background-color: #fff; overflow: hidden; margin-bottom: 20px; } .patient_logged_in .accu-card { margin-bottom: 10px; margin-top:10px; } .accu-card-top, .accu-card-top .icon-title { display: flex; align-items: center; gap: 10px; } .accu-card-top .open-close-alerts { display:none; } .accu-card-top.alerts-data-top-header,.accu-card-top.ocr-data-top-header { margin-bottom:0; } .accu-card-top.alerts-data-top-header { background: var(--acc-header-urgent-gradient); } .accu-card-top { justify-content: space-between; margin-bottom: 15px; background-image: var(--acc-header-gradient); padding: 10px 15px; margin: -15px -15px 15px; } .urgent .accu-card-top { background-image: var(--acc-header-urgent-gradient); } .accu-card-top .icon-title .iconify, .accu-card-top .icon-title img { width: 24px; height: 24px; font-size: 24px; color: #fff; } .accu-card-top.is_opened { svg { rotate: 180deg; transition: rotate .5s; } } .accu-card h4 { font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; margin-bottom: 0; } .accu-field { position: relative; display: flex; align-items: center; gap: 15px; font-size: 14px; font-weight: 400; color: var(--siteblack); line-height: 21px; padding: 12px 0 11px; border-bottom: 1px solid var(--border); } .accu-field:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #F1F1FA; } .accu-field:last-child:after { content: none; } .accu-field span { display: block; } .accu-field .sno { color: var(--grey); } .accu-field .name-det { flex: 1; } .accu-field .rdv-status span { display: inline-block; padding: 0 10px; font-size: 12px; border-radius: 10px; height: 21px; line-height: 21px; color: var(--siteblack); } .accu-field .name-det a { text-decoration: none; } .accu-field .name-det .name { font-weight: 500; line-height: 17px; margin-bottom: 5px; color: var(--siteblack); } .accu-field .name-det .detail { font-size: 13px; line-height: 15px; color: #91919F; } .accu-field .name-det .name-txt { font-size: 14px; line-height: 21px; color: #91919F; } .accu-field .desc a { text-decoration: none; } .accu-field .desc .txt { font-size: 13px; border-left: 3px solid #D792BF; line-height: 14px; padding-left: 4px; border-radius: 1px; color: #000; display: inline; } .accu-field .desc .icon { text-align: right; } .accu-field .desc .icon .iconify { font-size: 14px; color: var(--primary); } .accu-field .count, .msg-date-time .count { width: 24px; height: 24px; border-radius: 50%; background-color: #F8C0B9; font-size: 13px; font-weight: 500; color: #F70000; line-height: 24px; text-align: center; } .accu-field .accu-tag, .msg-date-time .accu-tag { display: inline-block; font-size: 10px; font-weight: 400; line-height: 15px; color: #fff; padding: 4px 4px; background-color: #CF4836; border-radius: 43px; height: 23px; white-space: nowrap; } .accu-card.notes { min-height: 450px; } .dossier_row { max-height: 625px; flex-flow: column wrap; margin-top: -15px; } .dossier_row.over_list { flex-flow: wrap; } .profile-med-dossier .accu-card { min-height: 300px; } .view-page .float-end .red-btn { background-image: var(--blue-green); border-color: var(--blue-green); } .accu-card.task-voir .taches-block, .accu-card .notes-outer { max-height: 375px; overflow-x: hidden; } .notes-block { padding: 10px 20px; margin-bottom: 5px; cursor: pointer; border: 1px solid rgba(94, 108, 155, 0.10); background: #fbfdff; box-shadow: 0 8px 18px rgba(94, 108, 155, 0.04); border-radius: 14px; } .notes-block:last-child { margin-bottom: 0; } .accu-card .notes-block h5 { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--primary); margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .accu-card .notes-field { display: flex; justify-content: space-between; gap: 10px; } .accu-card .todocount { margin: 0; display: flex; gap: 5px; padding-right: 5px; line-height: 24px; } .accu-card .todocount .dragicon { margin: 0; top: -2px; } .notes-field .msg-date-time { display: flex; gap: 5px; } .notes-field .notes-txt { font-size: 15px; font-weight: 400; line-height: 18px; color: var(--siteblack); } .notes-field .notes-txt a { color: var(--siteblack); text-decoration: none; } .notes-field .notes-txt span { display: block; font-size: 13px; } .notes-field .notes-txt span.rec-msg, .notes-block>.rec-msg { margin-top: 3px; color: #91919F; font-size: 14px; } .notes-field .date-time { font-size: 11px; font-weight: 400; line-height: 18px; text-align: right; color: #91919F; min-width: 106px; } .accu-card.urgent .msg-date-time { flex: 0 0 160px; } .accu-card.urgent .notes-txt { width: calc(100% - 170px); word-wrap: anywhere; } .notes-field .date-time span { display: block; } .accu-card .taches-block h5 { font-size: 16px; font-weight: 500; color: var(--primary); line-height: 24px; margin-bottom: 10px; } .accu-card .taches-block .form-check { margin-bottom: 5px; justify-content: space-between; } .accu-card .taches-block .form-check+a>h5 { margin-top: 15px; } .accu-card .taches-block a { text-decoration: none; } .accu-card .taches-block .form-check-input { position: relative; width: 16px; height: 16px; flex-shrink: 0; margin-left: 0; margin-right: 3px; border-radius: 3px !important; border: 2px solid #667B89 !important; background-color: #fff; cursor: pointer; } .accu-card .taches-block .form-check-input:checked { background-color: var(--primary); border-color: var(--primary) !important; } .accu-card .taches-block .form-check-label { margin-left: 2px; font-size: 14px; font-weight: 400; line-height: 21px; color: var(--siteblack); cursor: pointer; padding: 0; } .accu-card .taches-block .btn-outline { margin: 10px 0; padding: 4px 6px; font-size: 12px; } .accu-card .text-link { font-size: 12px; line-height: 18px; text-decoration: underline; color: #fff !important; } .taches-block .form-check { display: flex; gap: 5px; } .taches-block .form-check .iconify { flex: 0 0 auto; } .accu-card.notes .accu-field { margin-bottom: 5px; padding: 0; } .accu-card.notes.docs .accu-field { margin-bottom: 15px; position: relative; } .accu-card.notes .accu-field:after { content: none; } .accu-card.notes .accu-field:last-child { margin-bottom: 0; } .accu-field .hover-link { display: inline-flex; gap: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .accu-field .hover-link .iconify { font-size: 20px; color: var(--primary); } .iconify.del { color: #EA3640 !important; } .accu-field:hover .hover-link { opacity: 1; visibility: visible; } .accu-field .file_img { width: 80px; height: 62px; overflow: hidden; border: 1px solid rgba(94, 108, 155, 0.14); border-radius: 12px; flex: 0 0 80px; padding: 2px; } .accu-field .file_img img { width: 100%; height: 100%; border-radius: 3px; object-fit: contain; } .accu-field.dossire .file_detail .upld-det { flex: 0 0 auto; width: 40%; display: flex; flex-direction: column; align-items: end; } .accu-field .upld-det span { display: block; text-align: left; margin: 0 !important; } .accu-field .file_detail .fname { margin-bottom: 5px; } .accu-field .file_detail .fdate { font-size: 13px; color: #91919F; line-height: 21px; flex: 0 0 auto; width: auto; } .accu-card .taches-block .todo-des { display: flex; } .accu-card .taches-block .todo-des .dragicon { margin-top: 4px; } .accu-field .doc-view, .accu-field .upload { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #EFF3F6; border-radius: 6px; } .accu-field .upload { position: relative; background-color: #D5EAFC; border: 1px dashed var(--primary); cursor: pointer; } .accu-field .upload .iconify { color: var(--primary); } .accu-field .upload input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .rvd-card { min-height: 210px; } .rdvlist-field .date span, .rdvlist-field .desc span { display: inline-block; } .rdvlist-field>* { flex: 1; } .profile-med-dossier .rdvlist-field>* { flex: initial; } .rdvlist-field .sno { width: 30px; } .rdvlist-field>.date { flex: 0 0 295px; } .rdvlist-field .desc { flex: 1.5; display: flex; align-items: center; gap: 5px; } .accu-card-top+.accu-field { padding-top: 0; } .accu-field.dossire .file_detail { display: flex; justify-content: space-between; width: calc(100% - 95px); } .accu-field.dossire .file_detail .dossire-cont { display: flex; flex-direction: column; width: 60%; min-height: 65px; } .accu-field.dossire .file_detail .dossire-cont .text-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file_detail .dossire-cont .fname { margin-bottom: 0; line-height: 16px; } .file_detail .dossire-cont .text-link { text-decoration: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px !important; font-size: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .dossi-card { display: flex; align-items: start; gap: 4px; font-size: 12px; font-weight: 400; line-height: 18px; color: #001612; margin-top: 3px; } .dossi-card .iconify, .dossi-card img { width: 14px; height: 14px; color: var(--grey); font-size: 13px; filter: brightness(0) invert(0.55); } .ptab-container .nodata-field { align-items: self-start; } /*empty block in accueil */ .nodata-field { display: flex; width: 100%; justify-content: center; align-items: center; height: 360px; } .accu-card.rvd-card .nodata-field { height: 200px; } .nodata_cont { display: flex; flex-direction: column; gap: 10px; max-width: 350px; width: 100%; background: var(--nodata-bg); border-radius: 20px; padding: 40px 30px; align-items: center; border: var(--menu-border); } .nodata_cont p { font-size: 13px; line-height: 21px; text-align: center; color: var(--grey); font-weight: 500; margin-bottom: 0; } .nodata_cont .icon { background: var(--nodata-icon); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .nodata_cont .iconify { color: #fff; font-size: 25px; } .nodata-field.page { min-height: calc(100vh - 240px); } .nodata-field.page .nodata_cont { max-width: 600px; padding: 5rem 30px; gap: 15px; } .nodata-field.page .nodata_cont .icon { width: 120px; height: 120px; border-radius: 15px; } .nodata-field.page .nodata_cont p { font-size: 14px; } .nodata-field.page .nodata_cont .iconify { font-size: 100px; } /**** End *****/ /*admin-list*/ .admin-list .container-outer { border-radius: 0; } .admin-list .data-listing { margin-top: 0; } .achive-outer { justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid #E5E9EB; } .achive-outer .flt_left-end h3 { font: 400 14px / 27px "Poppins"; color: #001612; margin-bottom: 0; } .admin-list .data-listing .dataTables_wrapper .dataTables_length { padding-top: 10px; padding-bottom: 5px; } .achive-outer .delete-grid svg { color: #EA3640; } #show-subpaymentdetail .patient-det-top span { font-size: 13px; } .adm_tab-cont .table-responsive .box { border-bottom: 1px solid #E5E9EB; font-size: 13px; } .adm_tab-cont .form-control { font-size: 14px; } /*Process step style*/ .process-card { width: 100%; background-color: #fff; border-radius: 20px; border: 0.5px solid #CCD3D8; padding: 25px; margin: 15px 0 5px; } .accueil-sec .process-card { margin-top: 0; } .process-card h3 { font-size: 17px; font-weight: 600; line-height: 22px; color: #263238; margin: 0; } .procs-sec { display: flex; align-items: center; gap: 10px; cursor: pointer; } .procs-sec .procs-block { width: calc(100% - 30px); } .procs-sec .procs-icon { width: 24px; height: 24px; text-align: center; line-height: 24px; margin: 10px 0 15px; } .procs-sec .procs-icon .iconify { color: var(--primary); } .procs-block { display: flex; align-items: center; margin: 10px 0 15px; } .procs-block .procs-text { font-size: 14px; font-weight: 400; line-height: 21px; color: var(--grey); white-space: nowrap; margin-right: 12px; } .procs-block .progress { width: 100%; font-size: 8px; font-weight: 600; border-radius: 10px; height: 14px; background-color: #C7D0D4; } .procs-block .progress-bar { background: var(--acc-header-gradient); border-radius: 10px; } .boarding-sec.collapsing { height: 0; transition: height 1.5s ease-in-out; } .boarding-sec .step-block { position: relative; display: flex; align-items: stretch; background-color: #fff; border-bottom: 1px solid #CCD3D8; } .boarding-sec .step-block a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; text-decoration: none; } .boarding-sec .step-block:first-child { border-top: 1px solid #CCD3D8; } .boarding-sec .step-img { min-width: 90px; min-height: 90px; display: flex; align-items: center; justify-content: center; background-color: #eef3f8; transition: all 0.3s ease-in-out; } .boarding-sec .step-img img { height: 36px; transition: all 0.3s ease-in-out; } .boarding-sec .step-img .iconify { font-size: 36px; color: #667B89; transition: all 0.3s ease-in-out; } .boarding-sec .step-img .iconify.doc_profile { font-size: 50px; } .boarding-sec .step-content { flex: 1; padding: 15px 25px; } .boarding-sec .step-content h4 { font-size: 15px; font-weight: 400; line-height: 23px; color: var(--siteblack); margin-bottom: 5px; } .boarding-sec .step-content p { font-size: 14px; font-weight: 400; line-height: 21px; color: var(--grey); margin: 0; } .boarding-sec .notify { display: flex; align-items: center; } .boarding-sec .notify .iconify.arrow { color: var(--grey); transform: rotate(270deg); } .boarding-sec .notify .iconify.sucess { font-size: 35px; color: var(--text-green); opacity: 0; visibility: hidden; } .boarding-sec .step-block.active .step-img, .boarding-sec .step-block.done .step-img { background: var(--menu-active-bg); } .boarding-sec .step-block.active .step-img img, .boarding-sec .step-block.done .step-img img { filter: brightness(0) invert(1); } .boarding-sec .step-block.active .step-img .iconify, .boarding-sec .step-block.done .step-img .iconify { color: #fff; filter: brightness(0) invert(1); } .boarding-sec .step-block.done .notify .iconify.sucess { opacity: 1; visibility: visible; } /***** End *****/ #pills-dossier { position: relative; } /*consentement-block*/ .consentement-block .dash-main { width: 25%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .consentement-block .dash-icon { transform: inherit; right:0; } .consentement-block .dash-item .dash-cont .view-link { margin-bottom: 35px; } .consentement-block .dash-main.new-dash .dash-item .dash-icon .iconify { opacity: 1; visibility: visible; font-size: 20px; } .consentement-block .dash-item { max-width: initial; } .consentement-block .ecg-outer .pdf_preview_detail { top: 10px; bottom: auto; right: 0px; } .consentement-block .ecg-outer.new-add-icon:hover::before { background: transparent; } .consentement-block .dash-main.new-dash .new-img { height: 120px; transform: scale3d(0.8, 0.8, 0.8); margin-top: -10px; } .consentement-block .dash-main.new-dash .dash-item .dash-cont { margin-top: 0; } .consentement-block .dash-main.new-dash .dash-item .dash-icon { bottom: 0; } .consentment-tar-model .modal-dialog { max-width: 1000px; } .consentment-tar-model .modal-dialog .form-control { width: auto; display: inline-block; height: 35px !important; } .consentment-tar-model td { font-size: 14px; } .consentment-tar-model .formfield { display: inline-block; width: auto; float: none; vertical-align: middle; margin-bottom: 0; } .consentment-tar-model .modal-header { padding-bottom: 0; } .consentment-tar-model .close-btn { font-size: 20px; line-height: 0; } .ptab-right .consentment-tar-model .modal-body { max-height: 75vh; } .ptab-container .rdv-status span { background: #fff; border: 1px solid var(--primary); color: var(--primary); min-width: 85px; text-align: center; line-height: 18px; } .ptab-container .rdv-status span.date { border: 0; padding-top: 5px; color: #556C7B; line-height: 13px; } .ptab-container .rdv-status span.sin_status { background: var(--primary); color: #fff; } .ptab-container .rvd-card-block .heading, .ptab-container .rvd-card-block .heading .name-det span { font-weight: bold; } .ptab-container .rvd-card { margin-top: 15px; border-radius: 4px; border: 0.5px solid #afc4d5; } .ptab-container .rvd-card-block { max-height: 225px; overflow-y: auto; } .ptab-container .desc .icon .iconify { font-size: 24px; } .ptab-container .rdvlist-field .desc, .ptab-container .rdv-status { flex: 0.5; } .ptab-container .rvd-card-block .pdf-name { flex: 2.3; } .ptab-container .rvd-card-block .rvddate { flex: 0.5; } .ptab-container .measure-tab .rvd-card-block .rvddate { flex: 1; } .ptab-container .measure-tab .rvd-card-block .rvddate span { display: inline-block; } .ptab-container .measure-tab .rvd-card-block .modifier { flex: 0.8; } .ptab-container .measure-tab .rvd-card-block .del-icon { flex: 0.4; text-align: center; } .ptab-container .measure-tab .rvd-card-block .name-detail { flex: 2; } .ptab-container .measure-tab .rvd-card-block .mdfy_date { flex: 0.6; } .ptab-container .measure-tab .poid_val { color: grey; font-size: 13px; display: inline-block; } .ptab-container .accu-field span { text-align: left; } .ptab-container .rvd-card-block .name-det span, .ptab-container .rvd-card-block .pdf-name a { margin: 0; font-size: 14px; font-weight: 400; color: #212529; text-decoration: none; line-height: inherit; } .ptab-container .rvd-card-block .pdf-name a { color: var(--primary); } .ptab-container .rvd-card-block .pdf-name a:hover { text-decoration: underline; opacity: 0.9; } .consentement-block { width: 100%; padding: 20px; border-radius: 4px; border: 0.5px solid #afc4d5; } .cal-verfi .formfield { width: calc(100% - 80px); } .cal-verfi .btn { line-height: 28px; } .cal-verfi .icon { position: absolute; right: 10px; top: 10px; font-size: 20px; color: #D84C3A; } .cal-verfi .icon.success { color: #198754; } #verify_area .verify-span, .everify_area .verify-span { color: #198754; font-size: 13px; padding-left: 10px; font-style: italic; font-weight: 500; min-height: 48px; display: flex; align-items: center; } .vercode .form-control { color: var(--siteblack); } .vercode .form-control, #resend_space_area { text-align: center; } .vercode { text-align: center; margin: 10px 0; } .vercode input { border: 1px solid #CCD3D8; border-radius: 6px; width: 40px; height: 50px; margin: 3px; display: inline-block; } .verfinote { font-size: 14px; } #ver-modal .modal-header h3, #vercode-modal .modal-header h3 { padding-left: 10px; } #generate_otp_feedback .error { font-size: 12px; line-height: 16px; } #generate_otp_feedback .text-success, #verification_feedback .text-success { display: block; margin-top: 0px; font-size: 13px; } .formfield #users_port.form-control { pointer-events: none; } .cal-verfi.patient_port .icon { display: none; } .search-folder-ul .ui-menu-item-wrapper { border-bottom: 0; } .disable-sms { pointer-events: none; opacity: 0.5; } .disabled_field { pointer-events: none; } .disabled_field input { background: #e9ecef !important; } .search-folder-ul .ui-menu-item-wrapper.ui-state-active:hover { background-color: #e9ecef !important; color: #404040; border: 0; font-weight: 400; } .search-folder-ul .ui-menu-item-wrapper:focus { background: var(--primary) !important; color: #fff; } .add_folder_block .close-btn { top: 10px; } /*datatable filter*/ #patient-datatable_filter, .adm_tab-cont #DataTables_Table_0_filter { top: 0;position: absolute; left: 205px; top: 25px; } .adm_tab-cont #DataTables_Table_0_filter { top: 0; } .payment-history-list .adm_tab-cont #DataTables_Table_0_filter label::after { left: 100px; } .payment-history-list .adm_tab-cont #DataTables_Table_0_filter { top: 10px; } .adm_tab-cont .dataTables_wrapper .dataTables_length { padding-top: 15px; padding-bottom: 10px; } .adm_tab-cont .table.dataTable { margin-top: 0 !important; } .dataTables_filter label, .dt-search label { margin-left: 5px; font-size: 13px; position: relative; } .dataTables_filter label:after, .dt-search label:after { content: ""; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2330416f' d='m20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8a7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42M5 11a6 6 0 1 1 6 6a6 6 0 0 1-6-6'/%3E%3C/svg%3E"); left: 100px; top: 8px; position: absolute; } .dt-search label:after { top: 0; } div.dataTables_wrapper div.dataTables_filter input, .data-listing .dt-container .dt-search input { padding-left: 40px; width: 350px !important; } .fds_blk_delete { justify-content: end; } .fds_blk_delete .dos-view-share { position: absolute; right: 0; top: 3px; } .data-listing .dt-container .dt-search input { border-radius: 14px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .data-listing .dt-container .dt-search input:focus { border: 1px solid var(--primary); } #DataTables_Table_0_filter { padding: 12px 20px; } .mailshare, .mailshare-icons { display: grid; grid-template-columns: 20px 20px; justify-content: center; gap: 15px; } .adm_tab-cont .listing-header .d-flex { align-items: center; flex-wrap: wrap; } .create_section .form-check-inline { margin-bottom: 0; } .create_section .checkmark { top: 2px; } .mailshare a, .imapcntview a, .mailshare-icons a { font-size: 18px; } /*consultations-modal*/ .consultations-modal .scroll-block { max-height: 80vh; overflow: auto; padding: 0 15px; } .consultations-modal .card-title { font-size: 14px; margin-bottom: 20px; } .consultations-modal .inform { color: #07669d; font-size: 14px; margin-bottom: 5px; } .consultations-modal .form-label { color: #000; font-size: 14px; font-weight: 500; margin-bottom: 5px; } .consultations-modal .form-control { background: #f9f9f9; border-color: #ccd3d8; border-radius: 4px; color: var(--siteblack); font-size: 14px; font-weight: 400; height: 42px; padding: 9px 14px; } .consultations-modal .form-control:focus { background: #fff; border: 1px solid #07669d; } .consultations-modal .form-group { margin-bottom: 15px; } .consultations-modal .search-box { height: 50px; margin-bottom: 15px; position: relative; width: 100%; } .consultations-modal .search-box .iconify { color: #66757f; font-size: 18px; left: 15px; position: absolute; top: 45%; transform: translateY(-50%); } .consultations-modal .search-box .suggestion-icon .iconify { top: 15px; } .autocomplete-suggestions { position: absolute; z-index: 1000; width: 100%; max-height: 300px; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-top: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-family: Arial, sans-serif; font-size: 14px; } #suggestions { border: 1px solid #ccc; max-width: 100%; padding: 5px; margin-top: 5px; position: absolute; background: white; z-index: 10; width: 100%; } .suggestion:hover { background-color: #eee; } .suggestion { display: flex; align-items: center; padding: 5px; cursor: pointer; transition: background-color 0.2s ease; position: relative; } .suggestion-icon { color: #888; margin-right: 10px; } .scroll-block .form-group { position: relative; } .suggestion-text { font-size: 13px; padding-right: 3px; color: #000; } .consultations-modal .search-box .form-control { padding-left: 40px; } .consultations-modal .form-inline { align-items: center; display: flex; gap: .7em; position: relative; } .consultations-modal .form-check.normal-label .form-check-input+label { color: inherit; } .consultations-modal .form-inline .form-check-label { color: #001612; font-size: 14px; } .consultations-modal .loc_img-block { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; } .consultations-modal .upload-field { align-items: center; background: #ccd3d81a; border: 1px solid #ccd3d8; border-radius: 4px; color: #667b89; display: flex; font-size: 12px; font-weight: 400; height: 80px; position: relative; width: 80px; padding: 0px !important; margin: initial; } .consultations-modal .remove-new { padding: 0; width: 20px; border-radius: 20px; position: absolute; top: -3px; right: -10px; } .preview-box { height: 80px; position: relative; width: 80px; } .consultations-modal .img-thumbnail { height: 100%; padding: 0; } .consultations-modal .upload-msg { display: flex; flex-direction: column; text-align: center; align-items: center; } .consultations-modal .dropdown-toggle:after { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .consultations-modal .dropdown-menu { width: 100%; } .consultations-modal .modal-title { width: 100%; text-align: center; } .consultationsdelete-modal .modal-body { text-align: center; } .autocomplete-suggestions { display: none; position: absolute; background: #fff; border: 1px solid #ccc; z-index: 9999; max-height: 200px; overflow-y: auto; } .autocomplete-suggestions div { padding: 8px; cursor: pointer; } .autocomplete-suggestions div:hover { background-color: #f0f0f0; } .con-file-text { font-weight: 500; font-size: 16px; } .custom-profile-delete-open #consultations, .custom-profile-delete-open .sticky-top { z-index: 1040; } .custom-profile-delete-open #ProfileDeleteModal { z-index: 1075; } /*mail-page*/ .mail-left-blk { background: #fff; max-width: 260px; width: 100%; border-radius: 8px; border: 1px solid #E5EAEE; padding: 15px; max-height: 450px; } .mail-right-blk { width: 100%; margin-left: 10px; display: flex; } .mail-response { background: #fff; border-radius: 10px; padding: 10px; } .mes-data { width: 55%; } .mail-response-title { font-size: 16px; color: #263238; margin-bottom: 0px; font-weight: 500; } .inbox-count { color: var(--grey); font-size: 14px; margin-bottom: 0; } .mail-block { display: flex; } .btn.trans-btn { background: transparent; } .folder-dropdown .close-btn { padding: 0; margin: 0; right: 10px; top: 13px; } .mail-menu .nav-link { padding: 12px 10px; margin-bottom: 10px; height: 40px; border-radius: 7px; border: 0; font-size: 13px; font-weight: 400; cursor: pointer; display: flex; } .folder-dropdown .dropdown-item a { color: #333333; text-decoration: none; } .mail-menu .nav-link .nav-span { display: flex; justify-content: space-between; width: 100%; } .mail-menu .nav-link:hover { background: var(--primary); color: #fff; } .mail-menu .nav-link:hover .iconify { color: #fff; } .mail-menu .nav-link .count { font-size: 12px; font-weight: 500; } .mail-menu .nav-link .iconify, .compose-link .iconify { font-size: 20px; color: var(--grey); } .compose-link { padding: 12px 10px; height: 40px; border-radius: 7px; border: 0; font-size: 13px; font-weight: 400; cursor: pointer; text-decoration: none; margin-bottom: 10px; } .mail-menu .nav-link.active .iconify, .compose-link .iconify { color: #fff; } .mail-filer-container { margin-bottom: 10px; margin-top: 10px; max-height: 500px; overflow: auto; } .mail-filer-container .form-control { font-size: 13px; padding-left: 35px; } .mail-search-filer-container { margin-bottom: 10px; } .mail-list { padding: 5px; border-bottom: 1px solid #E1E5E9; } .mail-list.active { background: #E0F2FD; } .mail-outer { display: flex; align-items: baseline; } .mail-cont .user-img img { width: 35px; height: 35px; border-radius: 50%; border: 1px solid #E1E5E9; object-fit: cover; display: inline-block; } .mail_unread_bg { background-color: #d7fcff !important; } .mail-cont { display: flex; justify-content: space-between; flex-direction: column; width: 100%; } .mail-cont .star { font-size: 18px; color: grey; } .mail-cont .fav-star.star { color: var(--primary); } .contact-res { position: absolute; width: 76%; top: auto; background: white; max-height: 350px; overflow: auto; z-index: 100; } .dynamictabs .nav-item { background: #fff; } .dynamictabs { max-width: max-content; background: var(--primary); margin: auto; margin-bottom: 10px; } .dynamictabs .btn { margin-bottom: 0 !important; border-width: 2px; padding: 10px 20px; display: flex; gap: 5px; color: var(--siteblack); align-items: center; } .dynamictabs .tabnum { color: var(--primary); font-size: 13px; width: 17px; height: 17px; background: #d5edff; border-radius: 50%; font-weight: 600; line-height: 25px; } .dynamictabs .btn.active .tabnum { background: #fff; } .contact_email { cursor: pointer; } .recipient { display: flex; border: 1px solid #ced4da; border-radius: 0.25rem; padding: 0 0.25rem; margin: 0.2em; white-space: nowrap; cursor: default; } .recipient_mail { font-size: 13px; margin-top: 1px; } .user-prof { display: flex; align-items: center; gap: 10px; } .profil-det .user-name { color: #001612; font-weight: 500; font-size: 13px; margin-left: 5px; } .prof-date { color: var(--grey); font-size: 12px; } .user-update { color: #455A64; font-size: 13px; } .mailchck { width: 20px; } .prof-sub { color: var(--grey); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 95%; } .mail-head { display: flex; justify-content: space-between; } .mail_res_data { background: #fff; border-radius: 10px; } .card-head { display: flex; justify-content: center; border-bottom: 1px solid #E1E5E9; padding: 15px; } .head-action { display: flex; gap: 15px; width: 95%; justify-content: flex-start; } .head-action span { color: #455A64; font-size: 12px; display: flex; flex-direction: column; align-items: center; gap: 5px; justify-content: center; cursor: pointer; } .card-head .iconify { color: var(--primary); font-size: 25px; } .card-head .archive .iconify { font-size: 20px; } .mail-head-action { display: flex; gap: 15px; align-items: center; } .mail-head-action .iconify { font-size: 25px; color: var(--primary); } .msg_list .text-end { color: #66757F; font-size: 12px; width: 140px; } .msg_list:last-child { border-bottom: 0; } .msg_list.fw-bold { background: #ace3ff; font-weight: 400 !important; } .mail_res_data .card-head .close { font-size: 25px; cursor: pointer; color: #667b89; } .mail-content { padding: 20px; } .mail-sub { font-size: 24px; color: #263238; } .mail-content .user-detail { margin: 12px 0; } .mail-text { font-size: 12px; min-width: 23px; } .mail-response .page-item:first-child .page-link, .mail-response .page-item:last-child .page-link { font-size: 25px; } .dele-icon .iconify { color: #14A7C7; } .permenent-dele-icon .iconify { color: #D84C3A; } .head-action span.dele-icon { color: #455A64; } .fav .iconify { font-size: 24px; color: var(--grey); } .user-prof img { border-radius: 50%; } .mail-content .user-prof { justify-content: space-between; align-items: start; } .mail-content .profil-det { margin-left: 10px; } .profil-det { display: flex; flex-direction: column; } .mail-response .user-detail { display: flex; justify-content: space-between; gap: 5px; } .nav-link.compose, .nav-link.compose:hover, .nav-link.compose.active { background: #1A78C2; color: #fff; cursor: pointer; } .nav-link.compose .iconify { font-size: 18px; color: #fff; } .compose-email { border-top-left-radius: 10px; border-top-right-radius: 10px; max-width: 600px; overflow: auto; } .compose-email.chat-top-scroll { height: initial; } .attachment-icon { color: var(--primary); cursor: pointer; } .mail-text.cancel { color: #D84C3A; font-size: 20px; } .mail-search-filer-container .form-control { font-size: 13px; padding-left: 35px; border-color: var(--primary); border-left: 0; } .mail-search-filer-container .input-group-text { background: transparent; border-color: var(--primary); color: var(--primary); } .mail-subject { color: #66757F; margin-bottom: 5px; font-size: 13px; } .compose-email .listing-header { background: var(--primary); border-top-left-radius: 10px; border-top-right-radius: 10px; min-height: 35px; align-items: center; color: #fff; } .msg_list { font-size: small; } .msg_list:hover { background: #E0F2FD; transition: 0.5s; border-radius: 5px; box-shadow: 0 2px 5px #0000004d; } .transition-col { transition: width 3s ease; } .mss-mail-block { display: grid; grid-template-columns: 250px auto; gap: 10px; } .mss-mail-right-blk { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 10px; } .mss_more_dropdown { font-size: 18px; } .mail-response { height: fit-content; } .added_files { display: grid; grid-template-columns: repeat(5, minmax(100px, 1fr)); } .attachment_data { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 7px; } .added_files .files_list { border: 1px solid #92c9ff; border-radius: 5px; background: #5fabf5; color: white; gap: 2px; margin: 5px; justify-content: center; } .msg_list_selected { background: #E0F2FD; border-radius: 5px; box-shadow: 0 2px 5px #0000004d; } #mss_compose_area .cke_contents { height: 300px !important; } #mail-body #mail_lists p { margin: 0 !important; } .to_mail_add { border-bottom: 1px solid #ced4da; } .to_mail_add .form-control { border: 0px; } .to_mail_add label { font-size: 12px; padding-right: 5px; min-width: 25px; } .to_mail_add .bg-primary { background: var(--primary) !important; } .mail-list.active { background: #E0F2FD; } .mail-list.unread { background: #fff; } .mail-list:hover { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%); z-index: 2; position: relative; } .compose-email .init-close { color: #fff; font-size: 20px; line-height: 0; } .compose-email .listing-header .title { margin-bottom: 0; font-size: 14px; font-weight: 400; } .accordion-item .txt-link { font-size: 13px; color: var(--primary); } .compose-form { padding: 15px; padding-top: 0; overflow: auto; max-height: 80vh; } .msg_list .text-start b { font-weight: 500; } .compose-form .form-group { margin-bottom: 15px; } .compose-form .form-group .form-control { border: 0; border-bottom: 1px solid #E1E5E9; box-shadow: none; } .compose-form .sub-feild.form-group .form-control { border-bottom: 0; } .compose-form .form-group textarea.form-control { min-height: calc(1.5em + (28.75rem + 2px)); } .mail-footer { position: absolute; bottom: 0; right: 0; width: 100%; border-top: 1px solid #E1E5E9; padding-top: 15px; } .dossier_list .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: auto; } .team-flag-icon img { width: 18px; height: 18px; } /* Telecommunication */ .telecomm-sec { display: flex; align-items: center; justify-content: center; max-width: 1026px; padding: 30px 25px; background: var(--tab-bg); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 28px; } .telecomm-block { max-width: 600px; width: 100%; border: 1px solid var(--primary); border-radius: 10px; padding-top: 55px; text-align: center; } .telecomm-block img { max-width: 300px; width: 100%; } .tele-content { position: relative; background: var(--light-primary); padding: 50px 20px 25px; border-radius: 0 0 10px 10px; } .telecm-icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; border: 2px solid #FFFFFF; display: flex; align-items: center; justify-content: center; background-color: #FF8B52; } .telecm-icon .iconify { color: #ffffff; font-size: 40px; } .telecm-icon.success { background-color: #389B36; } .telecm-icon.success .iconify { font-size: 55px; } .tele-content p { font-size: 18px; line-height: 27px; color: #001612; margin-bottom: 0; } .tele-content .btn { font-size: 12px; line-height: inherit; font-weight: 500; height: 36px; padding: 0 15px; margin: 15px 0 0; display: inline-flex; align-items: center; gap: 10px; } .tele-content .btn .iconify { font-size: 24px; } /*Stripe*/ .search-box.formfield select { height: 36px; background: transparent; border: 1px solid var(--primary) !important; padding: 5px 15px; color: #8CA39E; } .search-box.formfield:has(> select) { border: 0; } .search-box.formfield select option { color: var(--siteblack); } .search-box.formfield { margin-bottom: 0; margin-left: 0; } .stripe-upload, .datefeild { position: relative; } #passport_front-error { position: absolute; border: 0; bottom: -20px; width: 220px; left: 0; text-align: left; font-weight: 400; } .fileinput { display: flex; width: 100%; } .create-patient-page .fileinput .file-upload { min-height: 45px; width: 45px; border-radius: 5px; padding: 10px 12px; margin-bottom: 0; margin-right: 15px; } .fileinput .upload-img img { width: 120px; height: 120px; border-radius: 12px; object-fit: cover; } .bank-accounts-section { margin-top: 25px; } .bank-accounts-title { font-size: 18px; font-weight: 500; color: var(--siteblack); margin-bottom: 2px; } .bank-accounts-subtitle { font-size: 13px; color: var(--grey); margin-bottom: 15px; } .bank-accounts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .bank-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow); padding: 20px; } .bank-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .bank-card-icon { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background: var(--lightblue); display: flex; align-items: center; justify-content: center; } .bank-card-icon .iconify { color: var(--primary); font-size: 20px; } .bank-card-name { font-size: 15px; font-weight: 600; color: var(--siteblack); text-transform: uppercase; } .bank-card-type { font-size: 12px; color: var(--grey); } .bank-card-badge { font-size: 12px; padding: 3px 10px !important; white-space: nowrap; } .bank-card-divider { height: 1px; background: var(--border); margin: 5px 0; } .bank-card-label { font-size: 11px; text-transform: uppercase; letter-spacing: .4px; color: var(--grey); margin-bottom: 4px; } .bank-card-iban-value { font-family: monospace; font-weight: 500; font-size: 15px; color: var(--siteblack); letter-spacing: 1px; } .bank-card-info-row { display: flex; gap: 12px; margin-top: 5px; } .bank-card-info-block { flex: 1; background: #f7f8fa; border-radius: 12px; padding: 10px 14px; } .bank-card-info-value { font-size: 14px; font-weight: 500; color: var(--siteblack); } .bank-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid var(--border); font-size: 12px; gap: 10px; flex-wrap: wrap; } .bank-card-id { color: var(--grey); word-break: break-all; } .bank-card-ready { color: var(--success); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } .bank-card-actions { margin-top: 10px; display: flex; justify-content: flex-end; } .bank-card-actions .btn-set-default { font-size: 12px; padding: 4px 12px; border: 1px solid var(--primary); color: var(--primary); background: transparent; border-radius: 20px; } .bank-card-actions .btn-set-default:hover { background: var(--primary); color: #fff; } .bank-card-actions .badge-default { font-size: 12px; padding: 4px 12px; border-radius: 20px; background: var(--lightblue); color: var(--primary); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; } .taches-block .important .iconify.importanticon { color: #CF4836; } .accu-card .file_detail .dossire-cont .text-link { color: var(--primary) !important; } .folder-datatable .action_buttons { justify-content: center; } .rendered-form.formbuilder-embedded-bootstrap .form-group { margin-bottom: 15px !important; margin-top: 15px; } .rendered-form label { color: #666; font-size: 15px; } .formbuilder-radio label, .formbuilder-checkbox label { color: #212529; } .row-flex { display: inline-flex; align-items: center; width: auto; padding: 0; gap: 5px; margin-bottom: 10px; margin-right: 5px; } .formbuilder-embedded-bootstrap .row-flex.form-group label { white-space: nowrap; font-size: 14px; } .formbuilder-embedded-bootstrap p { font-size: 14px; } #formulaire .exper_doc .form-control, #formulaire .exper_doc .form-select { max-width: initial; } .form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend { font-weight: 600 !important; } .edit_tab .formfield { margin-bottom: 0; } .preview_tab .row { width: 100%; } .edit_tab { margin-bottom: 10px; } .row-flex.formbuilder-select .form-control { max-width: initial; } .formbuilder-embedded-bootstrap .row { --bs-gutter-x: 0; } .formbuilder-embedded-bootstrap { padding: 15px; } .formularie.preview_tab .formbuilder-embedded-bootstrap { border: 1px solid #ced4da; border-radius: 5px; } .form-wrap.form-builder { border: 0; padding: 0; } .preview_tab { display: flex; gap: 10px; align-items: center; } .preview_tab .title-lable { margin: 0 !important; padding-top: 15px; } .preview_tab .mb-3 { margin-bottom: 0 !important; } #formulaire-modal .modal-dialog { max-width: 1000px; } #formulaire-modal .modal-dialog .card-body { max-height: 75vh; overflow: auto; } #formulaire-modal .modal-dialog .card { border: 0; } #fb-editor-row-row-fix .form-group, #fb-editor-row-row-fix, #fb-editor-row-row-fix-1 .form-group, #fb-editor-row-row-fix-1, #fb-editor-row-row-3 .form-group, .row-3 { display: inline-flex; } .rendered-form.formbuilder-embedded-bootstrap .formbuilder-select .form-control.full-width { max-width: initial; } .formbuilder-embedded-bootstrap div.formbuilder-button { text-align: center; display: block; margin-top: 20px; } .exper_doc .form-wrap.form-builder .cb-wrap { max-width: 100%; background: var(--primary); border-radius: 15px; font-size: 16px; border: 0; } .exper_doc .form-wrap.form-builder .frmb-control li { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px #c5c5c51c; } .exper_doc .form-wrap.form-builder .frmb-control li:hover { background: #1a78c2; } .exper_doc .form-wrap.form-builder .frmb-control li:first-child { border-radius: 15px 15px 0 0; } .exper_doc .form-wrap.form-builder .cb-wrap .form-actions { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 5px; } #formulaire-modal .modal-header { justify-content: center; position: relative; } #formulaire-modal .modal-header .close-btn { position: absolute; right: 15px; top: 20px; } #formulaire-modal .tab-card .title-lable { margin-top: 10px; } .exper_doc .form-wrap.form-builder.formbuilder-embedded-bootstrap .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-radius: 7px; } #formulaire .tab-card { background: transparent; } .exper_doc .form-wrap.form-builder .stage-wrap { margin-right: 15px; border: 1px solid #ddd; border-radius: 10px; padding: 15px; } #formulaire-modal .formularie-title { text-align: center; } .form-tit { margin-bottom: 5px; font-size: 15px; } .f-check { font-size: 15px; } .exep-empty { background: #fff; border-radius: 7px; height: 80vh; display: flex; justify-content: center; align-items: center; } .exep-empty .emty-prof { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; } .exep-empty .prof-icon { font-size: 50px; color: #fff; } #formulaire .form-editor { margin-bottom: 20px; } .exper_doc .form-wrap.form-builder .frmb li.form-field:hover { box-shadow: none; border: 1px solid var(--primary); border-radius: 5px; } .exper_doc .form-wrap.form-builder .frmb li.form-field { padding: 10px; } .status_select .form-select { border-color: var(--primary); color: #00233A; height: 35px; font-size: 13px; } .adm_tab-cont .normal_view_filter { margin-right: 5px; margin-left: 5px; } .cke_contents { height: 300px !important; } /*chartdesign*/ .canvasjs-chart-credit { display: none !important; } .dd-div .form-select { font-size: 13px; max-width: 150px; } .chartContainer, .form-outer { background: #fff; border-radius: 12px; padding: 20px; margin-top: 20px; border: 1px solid #ced4da; height: 500px; } .stas { padding-left: 85px; padding-top: 5px; } .form-outer { height: auto; padding: 30px 50px; } .frm-out { display: flex; gap: 10px; align-items: center; } .frm-out label { font-size: 14px; min-width: 80px; font-weight: 500; } .frm-out .formfield { width: 130px; margin: initial; margin-bottom: 0; } .canvasjs-chart-canvas { width: 98%; margin: auto; } .dd-div .form-group { display: flex; align-items: center; gap: 10px; } .dd-div .form-group>label { flex: 0 0 auto; font-size: 15px; color: var(--siteblack); } .emptyChart { background: #fff; border-radius: 12px; padding: 20px; margin-top: 20px; border: 1px solid #ced4da; display: none; } /****/ .pt-field .pres-table { margin-bottom: 0; } /* New Create patient card */ .det-ptop-sec .doctor_block { border-top: 1px solid #B1B3B5; padding-top: 25px; margin-top: 25px; } .doctor_block .profile-view { margin-top: 0; } .doctor_block .profile-view .col-auto { display: flex; gap: 5px; align-items: flex-end; } .prof-card { padding: 20px 15px 15px; height: auto; } .color-primary { color: var(--primary) !important; } .prof-card .name-card { position: relative; display: flex; gap: 10px; margin-bottom: 10px; } .prof-card .prof-img { flex: 0 0 65px; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; object-fit: cover; } .prof-card h4 { font-size: 16px; font-weight: 400; line-height: 24px; color: #001612; margin-top: 15px; margin-bottom: 4px; } .prof-card .badge-block { float: left; color: #384248; background-color: #b6cddb; font-size: 11px; font-weight: 400; line-height: 15px; border-radius: 15px; padding: 3px 8px; } .prof-card .prof-desc span { font-size: 14px; color: #667B89; } .prof-card .prof-desc .email { color: #334F61; } .prof-card .pro-del { width: auto; top: 5px; right: 5px; } .prof-card .name-card .status { position: absolute; right: 0; top: -5px; font-size: 10px !important; line-height: 15px; font-weight: 400; font-style: italic; color: #384248 !important; background-color: #F8F4CC; padding: 1px 8px; border-radius: 6px; } .ui-menu-item .description span { font-size: 12px; color: #667B89; } .ui-menu-item .description span.pati-email { overflow: hidden; text-overflow: ellipsis; } .ui-menu-item .blok-icon { display: block; } .ui-menu-item .description .des-name { font-weight: 500; font-size: 13px; color: var(--siteblack); } .ui-menu-item:hover .description span, .ui-menu-item .ui-state-active span { color: #fff; } .ui-menu-item .description>.des-name+span { display: block; } .prodef-modal .profile-det { width: 100%; } .doc-namelist p { margin: 0; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: #fff; font-size: 13px; font-weight:600; } .det-doc .outer-names .medicine-link { color: #fff; font-size: 13px; font-weight:600; } .card-pdetail { display: flex; gap: 8px; } .card-pdet label { color: #00233A; font-size: 14px; } /*Mon Proche style*/ .dash-head:has(+ .proche-dashboard) .rig-btn .btn { padding: 6px 18px; } .prf-col .back-text.mon-proche-back { top: 0; color: var(--primary); } .prf-row:has(.mon-proche-back) { padding-top: 30px; } .proche-dashboard { background: var(--form-bg); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 20px; padding: 30px; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .proche-dashboard>a { padding: 25px; } .proche-dashboard .dash-item { background-color: #F9F9FA; max-width: max(200px, 47.5%); margin: 0; border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 20px; } .proche-dashboard .dash-item:hover { background: var(--gradient-btn); border-color: var(--primary); } .proche-dashboard .dash-img { width: 150px; height: 150px; margin: 0 auto; background: none; margin-bottom: 10px; } .proche-dashboard .dash-img .iconify { color: var(--primary); height: 70px; width: 70px; } .proche-dashboard .dash-img img { height: 150px; width: 150px; transition: all 0.3s ease-in-out; border: var(--border); border-radius: 50%; object-fit: cover; object-position: top; } .proche-dashboard .dash-img+span { margin-top: 10px; } .proche-card { position: relative; background-color: #fff; border: 1px solid #CCD3D8; border-radius: 4px; padding: 20px; width: 48%; } .proche-card h4 { font-size: 18px; font-weight: 400; line-height: 27px; color: #000; margin-bottom: 10px; } .proche-card .proche-detail { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 37px); } .proche-card .proche-desc { font-size: 14px; font-weight: 400; line-height: 21px; color: #455A64; } .proche-card .proche-desc span { display: block; word-wrap: anywhere; } .proche-card .view-txt { margin-top: 5px; display: block; text-align: right; font-size: 12px; line-height: 18px; font-weight: 500; color: var(--primary); text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out; } .proche-card .view-txt:hover { text-decoration: underline; } .proche-card>.icons { position: absolute; top: 5px; right: 10px; cursor: pointer; text-decoration: none; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; display: flex; gap: 5px; transition: all 0.3s ease-in-out; } .proche-card>.icons .iconify { font-size: 18px; color: var(--primary); } .proche-card:hover>.icons { opacity: 1; visibility: visible; } .patient_port .port-text { width: 100%; } .invite-medecin .patient_port .port-text, .modal-content .patient_port .port-text { position: static; } .invite-medecin .login-block .contry-outer .error-help-block { left: 0; width: 200px; } .proche-ddl.formfield>select { height: 40px; padding: 10px 15px; } .proche-check .form-check { display: flex; align-items: center; height: 40px; } .fds_filter { padding: 5px 10px; display: inline-flex; gap: 5px; align-items: center; } .fds_filter .btn { display: flex; justify-content: center; white-space: nowrap; margin: 0; align-items: center; gap: 5px; font-weight: 400; } .fds_filter .form-select { border: 1px solid var(--primary); width: auto; min-width: 100px; border-radius: 12px; } .fds_filter .btn.active { background: var(--primary); color: #fff; } /*** End Proche ****/ /*Femme Patient profile style*/ .doc-cell .doc-icon img { width: 100%; height: 100%; border-radius: 20px; border: 2px solid rgba(94,108,155,0.12); } .detail-container .prf-row { margin: inherit !important; margin-top: 15px !important; } .new-ppf-sec .patient-top-sec { flex: 1; padding: 7px !important; position: relative; } .new-ppf-sec .pdet-col { flex: 1; } .new-ppf-sec .patient-det-left { padding: 0; padding-right: 10px; } .new-ppf-sec .patient-det-left .patient-dtl-tel { padding-left: 25px; } .new-ppf-sec .patient-det-left .patient-dtl-tel.pt_noedit { padding-left: 0; } .new-ppf-sec .patient-det-left .edit-icon { left: 0; top: 0; right: auto; color: #fff; z-index: 1; } .cal-verfi { display: flex; } .cal-verfi .select2-container--default .select2-selection--single { width: auto; border-right: 0 !important; border-radius: 0 !important; box-shadow: none; border: 0 !important; background: transparent !important; object-fit: cover; } .cal-verfi .port-text .form-control { box-shadow: none; border-left: 0; padding-left: 5px; } .patient_port .contry-outer, .patient_port .contry-outer .formfield.port-text { width: 100%; } .add-profile-modal .patient_port .contry-outer { margin-bottom: 0; } .patient_port .verify_area { display: none !important; } .contry-outer .formfield:has(> select):after { right: 3px; } .select2-results { min-width: 240px; background: #fff; } .select2-results__option .flag-icon { height: 15px; } .cal-verfi:focus label { color: var(--primary); } .contry-outer { display: flex; position: relative; margin-bottom: 40px; border-radius: 14px; height: 42px; border: 1px solid var(--border); box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); background: var(--menu-bg); } .contry-outer.focus-border { border: 1px solid var(--primary); } .contry-outer .formfield select, .contry-outer .formfield .form-control { border: 0 !important; } .contry-outer .port-lab { font-size: 13px; line-height: 16px; top: -10px; left: 10px; position: absolute; background: #fff; z-index: 2; color: #667B89; padding: 0px 5px; } .contry-outer .formfield { width: auto; margin-bottom: 0; border: 0; margin: initial; } .cal-verfi .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 15px; font-size: 14px; font-weight: 400; line-height: 21px; color: #263238; position: relative; line-height: 44px !important; } .tab-card .cal-verfi .select2-container .select2-selection--single .select2-selection__rendered { line-height: 42px !important; } .cal-verfi .flag-icon { width: 15px; height: 15px; margin-right: 5px; } .cal-verfi .select2-results .flag-icon { margin-top: 4px; } .cal-verfi .select2-container--disabled { background-color: #e9ecef; } .patient_port .select2-container--disabled { border-radius: 14px 0 0 14px; overflow: hidden; } .patient_port .port-text .form-control { border-radius: 0 14px 14px 0; } .cal-verfi .select2-container { height: 100%; } .new-ppf-sec .det-doc { flex: auto; max-width: 335px; } .detail-page .det-doc .edit-icon { color: var(--primary); right: 10px; } .new-ppf-sec .det-doc .doc-namelist { margin-left: 7px; width: auto; max-width: calc(100% - 65px); min-width: 100px; } .resetpas-txt svg { font-size: 20px; margin-left: 3px; } .new-ppf-sec .det-doc .doc-btns { gap: 2px; justify-content: end; width: 100%; } .new-ppf-sec .det-doc .doc-btns .patient-dtl { line-height: 14px; text-align: right; } .new-ppf-sec .patient-details { line-height: 15px; display: block; color: #fff; } .doc-btns :first-child.patient-dtl .link-txt { font-weight: bold; color: #fff; } .new-ppf-sec .first-block, .new-ppf-sec .second-block { position: relative; display: flex; flex-wrap: wrap; } .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { max-width: 55%; width: 100%; padding-right: 5px; } .new-ppf-sec .user-det .edit-icon, .homme-pat-top .user-det .edit-icon { top: 0; right: 0; } .new-ppf-sec .person-det-name h5 { width: 100%; font-size: 18px; line-height: 24px; } .patient-top-sec .person-det { margin-left: 8px; } .patient-top-sec .person-det .flag-img, .patient-dtl .flag-img { width: 25px; height: 15px; background-color: #fff; object-fit: cover; border: 1px solid #D5DEE4; } .detail-pin.nom-gross, .detail-pin.meno { width: 150px; } .detail-pin.nom-gross input, .patient-btm-block input { width: 50px; } .detail-pin .name-switch, .ald-cmu .name-switch { display: flex; gap: 6px; align-items: center; } .patient-btm-block input { margin-bottom: 3px; } .patient-top-sec.edit-mode .patient-btm-block .patient-details { display: none; } .patient-top-sec.edit-mode .patient-btm-block .patient-details-show { display: block; } .name-switch .btn-toggle label::after { width: 10px; height: 10px; box-shadow: 1px 2px 3px #666; } .npro-cont { display: flex; flex-direction: column; width: calc(100% - 115px); } .name-switch .btn-toggle label { height: 16px !important; width: 32px !important; padding: 3px 5px !important; } .new-ppf-sec .btn-toggle input:checked+label { background: #fff !important; } .new-ppf-sec .btn-toggle input:checked+label:after { background: var(--primary); } .name-switch .btn-toggle label span { font-size: 11px; line-height: 13px; } .patient-dtl.ald-cmu { display: inline-flex; gap: 7px; margin-right: 0; width: 595px; } .chip { margin-top: 10px; } .name-switch .btn-toggle label .off { margin-left: -7px; } .new-ppf-sec .allgs-lable, .patient-top-sec .allgs-lable { display: flex; align-items: center; gap: 3px; background-color: #fff; padding: 2px 4px; border-radius: 4px; font-size: 11px; font-weight: 500; color: #EA3640; height: 20px; width: 72px; } .new-ppf-sec .allgs-lable .iconify { font-size: 14px; } #patient-hommeinline-editform { width: 100%; } #femme_container,#homme_container { display: flex; flex-direction: column; min-height: stretch; justify-content: space-between; } .patient-top-sec .form-control, .pt-edit-blk-inp .form-control, .pt-edit-blk-inp .contry-outer select { border-radius: 14px; border: 1px solid #666; font-size: 12px; color: var(--siteblack); height: 28px; max-width: 225px; margin-bottom: 0; padding:0 7px; } .patient-top-sec .bottom-block { display: flex; align-items: flex-end; margin-top: 5px; } .patient-top-sec .bottom-block>.detail-pin { width: 100%; } .patient-top-sec .btn-sec { display: flex; align-items: center; gap: 5px; display: none; } .bottom-block:has(:not(.detail-pin)) .btn-sec { flex-direction: row !important; gap: 10px !important; margin-top: 5px; } .patient-top-sec .btn-sec .btn, .vaild-icons .btn, .vldebtn { font-size: 11px; line-height: 14px !important; padding: 4px 4px; margin: 0; border-radius: 4px; height: 25px; } .vldebtn { font-size: 13px; height: 30px; padding: 6px 12px; border-radius: 6px; } .add-open .text-link { font-size: 13px; color: #455A64; text-decoration: underline; } .patient-top-sec .btn-sec .btn-outline, .vaild-icons .btn { background: green; color: #fff !important; border: 0 !important; margin-bottom: 1px; } .det-doc .link-txt { color: #fff; text-decoration: none; font-weight: 700; } .vaild-icons .btn.greenfilled-btn { background: var(--blue-green) !important; margin-right: 1px; } .patient-top-sec .btn-sec .text-link { font-size: 11px; line-height: 14px; color: #fff; } .bottom-block .formfield { margin-bottom: 0; margin-top: 20px; } .notes-overview .date { margin-left: 0; margin-bottom: 10px; } .new-ppf-sec .bottom-block .formfield { margin-top: 2px; width: 100%; } .bottom-block .formfield .form-control { display: inline-block !important; max-width: 100%; background: #fff; font-size: 13px; line-height: 14px; border-color: #666; height: 30px; padding: 14px 12px; padding-right: 85px; border-radius: 12px; background: rgba(255, 255, 255, 0.95); } .patient-det-left .pt-flex, .pt-add-nip { display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; } .patient-address-det .detail-pin.nip, .detail-page .pt-add-nip .dtl-dop { width: 35%; } .pt-add-nip { margin-top: 0.3rem; } .patient-det-left .pt-flex .patient-dtl { width: auto; line-height: 0; min-width: 65px; } .patient-address-det .detail-pin label { padding-top: 0; padding-bottom: 2px; color: #fff; line-height: 13px; } .patient-det-left .pt-flex .patient-dtl-address { max-width: 250px; width: 100%; } .patient-top-sec .edit_text, .patient-top-sec .patient-details, .patient-top-sec .person-det h5, .nps-block .detail-pin.prob .name-switch label, .nps-block .patient-dtl.detail-pin.tret .name-switch label { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: inherit; min-height: 15px; } .npro-detail, .nps-sec { display: flex; justify-content: space-between; margin-top: 2px; } .npro-block .patient-dtl, .nps-block .patient-dtl { margin: 0; } .nps-sec { margin: 0; width: 45%; gap: 8px; min-height:85px; } .nps-block { display: flex; flex-wrap: wrap; gap: 2px 20px; width: 100%; } .nps-block .patient-dtl.detail-pin.tret { max-width: inherit; width: calc(100% - 170px); } .nps-block .patient-dtl.detail-pin.tret .edit_text { max-width: inherit; } .nps-block .detail-pin.prob .form-control { margin: 2px 0; } .homme-pat-top { position: relative; display: flex; justify-content: space-between; gap: 8px; } .homme-pat-top .user-det { width: 100%; } .homme-pat-top .detail-pin.nip { margin-right: 0; } .btn-lable { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px 2px; position: absolute; top: 0; right: 0; flex: auto; width: 72px; } #femme_container .bottom-block, #patient-hommeinline-editform { align-self: end; width: 100%; } .bottom-block .formfield { display: flex; align-items: center; gap: 5px; } .bottom-block .formfield .vaild-icons { display: flex; gap: 5px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .vaild-icons .btn { margin-bottom: 0; height: 29px; line-height: 20px !important; padding: 4px 15px; background: var(--valid); border-radius: 0 12px 12px 0; font-size: 13px; font-weight: 500; } .bottom-block .formfield .vaild-icons .iconify { color: var(--grey); font-size: 18px; } .bottom-block .formfield .vaild-icons a:focus .iconify { color: var(--text-green); } .bottom-block .formfield .history-icon { width: 18px; height: 18px; } .new-ppfem-sec .prof-img.no-user { background: #E8F5FF url(../images/femme.png) no-repeat center bottom / contain; background-size: 65px; } .new-ppfem-sec .prof-img { border-color: #f686a9; } .patient-top-sec .person-det h5 .sub-txt { font-size: 12px; font-style: normal; } .nationallity_blk .natfeild { font-style: italic; font-size: 12px; color: #fff; } .bottom-block .history-icon { width: 20px; height: 20px; line-height: 20px; } .bottom-block .history-icon .iconify { color: #fff; font-size: 18px; font-weight: 600; } .bottom-block:has(.history-icon) { align-items: center; gap: 10px; } #remarksHistoryModal .close { color: #fff; cursor: pointer; position: absolute; right: 25px; top: 25px; z-index: 2; } #remarksHistoryModal .modal-dialog { max-width: 800px; } #remarks_history_body { padding: 15px; max-height: inherit; } #remarks_history_body .accu-card.rvd-card { margin: 0; border-radius: 10px; padding: 12px; } #remarks_history_body .accu-card h4 { font-size: 15px; line-height: 20px; } #remarks_history_body .accu-card-top { margin-bottom: 10px; } #remarks_history_body .accu-card-top .icon-title .iconify { width: 20px; height: 20px; font-size: 20px; } #remarks_history_body .accu-field { padding: 6px 0; font-size: 13px; font-weight: 600; } #remarks_history_body .accu-field .name-det span { font-size: 13px; } #remarks_history_body .accu-field .name-det:first-child span { color: var(--primary); font-weight: 500; } #remarks_history_body .rvd-card-block .rvddate, #remarks_history_body .rvd-card-block .rdvlist-field:first-child .name-det:last-child { flex: 0.65; } .new-ppf-sec .first-block .nps-sec { display: flex; flex-direction: column; justify-content: flex-start; gap: 2px; border-radius: 14px; } .data-listing table.dataTable.table { margin-top: -8px !important; } .parent_button .mt-3 { margin-top: 0.7rem !important; } .new-ppf-sec .first-block .nps-block.block-one .detail-pin.nip { position: absolute; right: 0; top: 0; } .new-ppf-sec .first-block .nps-block.block-two { display: flex; gap: 3px; } .nps-block .detail-pin.prob { width: calc(100% - 75px); } .nps-block .detail-pin.prob .edit_text, .nps-block .detail-pin.prob .form-control { max-width: inherit; width: 100%; } .nps-block .detail-pin.prob:has(+ .allgs-lable[style="display: none;"]) { width: 100%; } /*Edit Mode*/ .patient-top-sec .form-control, .patient-top-sec .pat_height, .patient-top-sec.edit-mode .edit_text, .patient-top-sec.edit-mode .name-switch label>span { display: none; } .patient-top-sec.edit-mode .btn-lable { position: static; width: 0; } .patient-top-sec.edit-mode #homme_container .btn-lable { width: 0; } .patient-top-sec.edit-mode .form-control, .patient-top-sec .cmuame_dateblk .form-control { display: block; } .cmuame_dateblk { display: flex; gap: 3px; align-items: center; } .cmuame_dateblk_fld { position: relative; } .cmuame_dateblk .datepicker { top: 6px; right: 5px; } .cmuame_dateblk .form-control { width: 111px; margin-bottom: 0; border-radius: 8px; } .patient-top-sec.edit-mode .btn-sec { display: flex; flex: 0 0 auto; align-self: end; } .patient-top-sec.edit-mode .name-switch .btn-toggle { display: inline-block; } .unreadmsg td, .unreadmsg .obj-tit { font-weight: 600 !important; } .unreadmsg .object-outer { font-weight: normal; } .linechart { background: #fff; padding: 10px; border-radius: 10px; border: 1px solid var(--primary); margin-bottom: 20px; } .examen-rig { display: flex; gap: 10px; } .pres_dynamic_form textarea, #overall_comment { height: 100px !important; resize: none; } #modal_dossier .modal-dialog,#modal_detail_dossier .modal-dialog { max-width: 650px; } .folder_icon { width: 120px; height: auto; margin-right: 10px; border-radius: 5px; } #modal_dossier .dropdown-item, #modal_detail_dossier .dropdown-item { border-radius: 0; padding: 5px 1rem; } .rdvlist-field .del-icon svg { font-size: 18px; } .generror_msg .form-check #gender-error { line-height: 13px; white-space: nowrap; top: 22px; } .sender_icon { width: 55px; height: 55px; border-radius: 50%; margin-left: 0px; border: 1px solid var(--border-primary); } .warning-modal { display: flex; gap: 10px; } .warning-modal svg { font-size: 40px; } .warning-modal h6 { font-size: 14px; } .specprofil .profile-det { min-height: 400px; } .specprofil .prof-desc { max-height: 270px; overflow: auto; min-height: 270px; } .folder-body .ecg-outer img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nowrap-txt { white-space: nowrap; width: calc(100% - 75px); overflow: hidden; text-overflow: ellipsis; } .ust-type.formfield { width: auto; margin-left: 7px; } .ust-type .form-select { height: auto !important; } .create_section #create { margin-top: 15px; } .advanced_buttons { position: absolute; right: 10px; top: -10px; z-index: 10; } /*global search */ .pati-date { width: 200px; } .pati-name { width: 200px; } .pati-ph svg { margin-right: 2px; } .ui-menu.global-search-ul .list_item_container.glb-serch { align-items: start; width: 100%; } .pati-fileup:hover, a.detaillinks:hover { background: transparent !important; } .ui-menu .ui-menu-item a.detaillinks, .left-dis { display: flex; } .ui-menu .ui-menu-item a.detaillinks { gap: 10px; } .left-dis { width: 240px; gap: 8px; } .ui-menu.global-search-ul { width: 740px !important; } .alert_screen_iframe { width: 100%; height: 82vh; } .lvcode_outer { text-align: center; } .lvcode_outer .formfield { display: flex; justify-content: center; margin-bottom: 10px; } .pro-consultmsg { align-items: center; color: #333; display: flex; font-size: 14px; font-style: italic; font-weight: 500; justify-content: center; padding: 15px; } .user-prof-det span.cons-loc-name { color: var(--siteblack); font-size: 13px; font-weight: 500; } /*profile dossier*/ .pat-tab-section .profile-med-dossier .col-lg-3 { width: 23.8%; margin-left: 10px; background: transparent !important; padding: 0; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(4n+1) { margin-left: 0; } .pat-tab-section .greenfilled-btn { margin-right: 0; } .profile-med-dossier { flex-wrap: nowrap; overflow: hidden; } .profile-med-dossier .dosc-inner, .profile-med-dossier .view-page { background: var(--detail-card); padding: 15px; border-radius: var(--detail-card-radius); } .profile-med-dossier .rec_file_bdr .new-add-icon.dosier-bck { border: 2px solid red; border-bottom: 0; } .profile-med-dossier .dosc-inner { padding-bottom: 5px; } .pro-doss-btns { justify-content: end; } .pro-fol-blk { transition: all 0.4s ease-in-out; } .profile-med-dossier .sec-title { width: 100%; margin-bottom: 5px; } .profile-med-dossier .back-text { margin-right: 15px !important; margin-bottom: 10px; display: inline-block; } .tab-pane .profile-med-dossier .access-file.dossier_pt_tab .dash-main, .tab-pane .profile-med-dossier .access-file.dossier_pt_tab .view-page .col-lg-3 { width: 97%; margin: auto; margin-bottom: 5px; } #dossier_profile_block_sante_content .dash-main { width: 100%; } .ptab-right .profile-med-dossier .download_icon.btn { margin: 0 0 0 0px !important; padding: 8px 5px; font-size: 12px;line-height: 1; padding: 11px 5px; min-height: 36px; } .ptab-right .profile-med-dossier .download_icon.btn.renewal-btn { line-height: initial; padding: 8px 5px; } .profile-med-dossier .print-ordo { margin-left: 0; } .profile-med-dossier .pres-btn-blk .print-ordo { margin-left: 15px; } .profile-med-dossier .qsp-outer { gap: 10px; } .reg-stats .accueil-block { min-width: 200px; } .reg-stats a { text-decoration: none; } .reg-stats { padding: 50px; } .reg-stats-card { border-radius: 5px; margin-bottom: 15px; min-height: 155px; } .reg-stats-card .card-body { padding: 15px 10px; } #modal-body-content-doc { max-height: 70vh; overflow: auto; } .reg-stats-card .name { color: var(--primary); font-weight: 500; font-size: 14px; } .reg-stats-card .email svg, .cre-date svg { color: var(--primary); margin-right: 7px; font-size: 16px; width: 20px; } .cre-date svg { font-size: 13px; } .reg-stats-card .email-id, .cre-date span { color: #00233A; font-size: 13px; line-height: 18px; width: calc(100% - 30px); } .reg-stats-card .email { margin-bottom: 10px; display: flex; } .stat-status { margin-left: 30px; } .stat-status span { color: #d84c3a; font-size: 14px; border: 1px solid #d84c3a; padding: 1px 10px; border-radius: 20px; margin-top: 5px; display: inline-block; } .stat-status .stat_unarch { color: #14a7c7; border: 1px solid #14a7c7; } .stat-status .stat_dele { border: 0; text-decoration: underline; } .prescriptions_tabs .text-link.alternative_med { background: var(--primary); color: #fff; padding: 2px; cursor: pointer; border-radius: 5px; } .prof-desc .desc-cont span span, .cmnt span span, .cmnt span { color: inherit; display: inline-block; } .patdet-bom-btn { align-items: end; margin: 5px 0 0; gap: 0 !important; width:485px; } .patdet-bom-btn .rdv-dossier-btn:disabled { background-color: #bdbdbd; color: #000000b8; } #notify_profile_viewed { margin-left: 5px !important; } .rdv-dossier-btn { padding: 6px 10px; margin-left: 0; background: var(--pre-rdvbtn); color: var(--primary-dark); border: 1px solid var(--primary); } .ptab-right .profile-med-dossier .specprofil .download_icon.btn { margin-top: 10px !important; } .searh_flx { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center;} .searh_flx .normal_view_filter { margin: 0; } .searh_flx .search-box-date.formfield { min-width: 150px; max-width: 150px; margin: 0; margin-bottom: 10px; } .searh_flx .status_select { width: auto; min-width: 150px; } .aside-minimize .searh_flx .normal_view_filter { margin-bottom: 10px; } .searh_flx .status_select select { height: 36px !important; } .ser-btn { display: flex; justify-content: end; margin-right: 0; } .ser-btn .btn-outline { margin-right: 0; } .accu-field.rdvlist-field .name-det:nth-child(1) { width: 28%; } .accu-field.rdvlist-field .name-det:nth-child(2) { width: 26%; } .accu-field.rdvlist-field .name-det:nth-child(3) { width: 26%; } .accu-field.rdvlist-field .rvddate:nth-child(4), .accu-field.rdvlist-field .name-det:nth-child(4) { width: 20%; flex: initial !important; } .modal_traitements #fb-editor { max-height: 50vh; overflow: auto; } /* Connected Health Tab style */ .connt_health-tab { display: flex; background: var(--tab-bg); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 28px; padding: 14px; } .connt_health-tab .prof-tab { background: transparent; border:0; box-shadow: none; padding:0; gap:10px; } .connt_health-tab .connt-side-nav { width: 242px; } .connt_health-tab li { margin-bottom: 0; } .emph-txt { color: var(--primary); font-size: 18px; line-height: 30px; } .connt_health-content { width: calc(100% - 265px); } .connt_health-content .folderfile-name { background: #fff; } .connt_health-content .ecg-outer.new-add-icon:hover::before { display: none; } .het-title { font: 400 14px / 27px "Poppins"; color: #001612; margin-bottom: 0; } .health-content-div .formfield>input.datepicker { height: 35px; background: #fff; border-color: var(--primary); width: 165px; } .pat-tab-section .hel-cont-nav .nav-link { min-width: initial; padding-right: 20px; } .health-content-div .search-box-date { margin: 0 5px; min-width: initial; max-width: 165px; } .health-content-div .fac-content, .helt_sleep_content { width: max-content; display: flex; flex-direction: column; min-width: 200px; margin: 0px; padding: 10px; border-radius: 3px; border:0.5px solid #e0f1ff; } .fac-content.svgtooltip { box-shadow: var(--shadow); } .helt_sleep_content { background: #fff; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 10px; align-items: center; border-radius: 0; margin-bottom: 10px; } .helt_sleep_content .sleep_date { font-size: 14px; text-align: left; } .sleep_time { font-size: 12px; } .sleep_det_outer { display: flex; gap: 15px; } .sleep_det { display: flex; flex-direction: column; } .form-check .gen-lab { color: #00233A; } .sleep_dot { width: 8px; height: 8px; border-radius: 50px; background: #000; display: inline-block; } .helt_sleep_content.sys_content { align-items: start; } .sleep_dot.red { background: red; } .helt_sleep_content .sleep_status { font-size: 14px; font-weight: 500; } .helt_sleep_content .slep_tim { font-size: 14px; } .helt_sleep_content .slep_tim strong { font-size: 15px; } .slep_sts { display: flex; align-items: center; gap: 2px; } .helt_sleep_content p { margin-bottom: 0; font-size: 16px; } .helt_sleep_content p.sleep_time { font-weight: 500; } .health-week-for { justify-content: space-between; } .week-for { color: var(--primary); font-size: 17px; font-weight: 500; } .graph_unit { position: absolute; width: 6px; height: 6px; border-radius: 50px; cursor: pointer; } .truckval.grptrukval { flex-direction: column; align-items: center; } .graph_outer_text { display: flex; gap: 10px; justify-content: flex-end; align-items: flex-end; } .week-for a { text-decoration: none; color: var(--primary); font-size: 25px; } .grptrukval { font-size: 13px; } .grptrukval.truckval { font-weight: 400; } .grptrukval .fac-content { padding: 10px; } .txt-bold { font-weight: bold; } .connt_health-tab .container { background-color: white; overflow: hidden; display: flex; flex-direction: row; gap: 8px; padding: 0px 30px; height: 400px; position: relative; padding-left: 0; } .connt_health-tab .container.sleep_day { padding: 0; } .connt_health-tab .sleep_day .y-axis-unit .text-sm { font-size: 12px; padding-left: 4px; color: grey; } .connt_health-tab .sleep_day .inner-chart { width: 100%; } .connt_health-tab .sleep_day .day-cont .text-sm { white-space: nowrap; } .connt_health-tab .sleep_day .y-axis-unit { flex-direction: column; border-bottom: 1px solid rgba(128, 128, 128, 0.5); justify-content: center; align-self: self-start; } .connt_health-tab .sleep_day .day-cont { padding: 0 2px; } .duree-sleep { justify-content: center; font-size: 14px; color: #212529; gap: 5px; } .addremove-block-outer .btn, .addremove-block-outer .btn:hover { background: transparent; box-shadow: none; } .dr-sle-unit { margin-right: 5px; } .sleep_day_desc .emph-txt { white-space: nowrap; } .connt_health-tab .inner-chart { display: flex; z-index: 0; flex-direction: column; position: absolute; right: 0px; width: 100%; padding-bottom: 25px; bottom: 0; top: 0px; } .grptxtsm .emph-txt { font-size: 15px !important; line-height: 20px; } .connt_health-tab .horizontal-container { flex: 1; display: flex; flex-direction: row; border-right: 0.5px solid rgba(128, 128, 128, 0.5); } .connt_health-tab .day-cont .text-sm { border-top: 0.5px solid rgba(128, 128, 128, 0.5); width: 100%; text-align: center; font-size: 13px; line-height: 24px; } .connt_health-tab .y-axis-unit .text-sm:first-child { margin-top: -2px; } .connt_health-tab .day-cont.step_grap .text-sm { line-height: 24px; text-align: left; padding-left: 5px; } .connt_health-tab .day-cont { flex: 1; display: flex; justify-content: center; border: 0.5px solid rgba(128, 128, 128, 0.5); border-right: 0; align-items: end; } .connt_health-tab .y-axis-line { height: 1px; flex: 1; background-color: #d3d3d3; margin-left: 0px; } .connt_health-tab .y-axis-unit .text-sm { padding-left: 18px; margin-top: -7px; font-size: 12.5px; } .connt_health-tab .y-axis-unit.sleep_week .text-sm { padding-left: 2px; font-size: 11px; white-space: nowrap; margin-top: 2px; } .pressure_grap { font-size: 13px !important; } .connt_health-tab .y-axis-unit.step_y .text-sm { padding-left: 9px; } .connt_health-tab .y-axis-unit { display: flex; flex-direction: row; align-items: flex-start; align-self: flex-end; padding-right: 0px; gap: 0px; width: 100%; justify-content: end; flex: 1; } .connt_health-tab .txt-zero { position: absolute; right: 0px; bottom: 10px; font-size: 13px; } .connt_health-tab .sec-bg { background: #fff; } .truckdate-feild { color: #455A64; font-size: 12px; } .truckval { display: flex; align-items: center; gap: 8px; color: #333; font-size: 15px; margin-bottom: 0px; justify-content: center; } .truckval img { width: 70px; } .truckval .emph-txt { font-size: 30px; } .history-det { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #afc4d5; } .history-det.fac-content { max-width: 400px; } .health-content-div .no-data { color: #EA3640; } .health-content-div { margin-top: 10px; padding: 20px; margin-top: 15px; border-radius: 12px; padding:20px 0; } .hel-cont-nav { position: relative; } .hel-cont-nav .dropdown-toggle { position: absolute; right: 2px; top: 20px; padding: 0 5px; } .fac-content-outer { margin-top: 10px; } .hel-cont-nav .active~.dropdown-toggle { color: #fff; } .hel-cont-nav .dropdown-menu.show { transform: translate(0px, 34px) !important; font-size: 13px; min-width: 215px; } .hel-cont-nav .dropdown-menu.show .dropdown-item { font-weight: 500; cursor: pointer; } .hel-cont-nav .dropdown-menu.show .dropdown-item:active { background-color: var(--primary); color: #fff; } .detail-page .container.sleep_day { max-width: 100%; overflow: auto; } .connt_health-tab .sleep_day .horizontal-container { padding-left: 0px; } .week_sleep .truckdate-feild, .week_sleep .emph-txt { white-space: nowrap; } .rig-btn { display: flex; justify-content: end; padding-right: 10px; align-items: center; } .status_badge { color: #fff; font-size: 12px; border-radius: 25px; padding: 2px 10px; background: grey; width: auto; display: inline-block; } .status_req { background: #FF7E00; } .status_approve { background: green; } .ins_verified { color: green; font-size: 15px; } .ins_not_verified { color: red; font-size: 15px; } .invait_profile_viewed { white-space: nowrap; } .health-content-div .fac-content.svgtooltip { position: absolute; pointer-events: none; white-space: nowrap; z-index: 999; min-width: 150px; } #polylineGraph circle { cursor: pointer; } .hbrmv .table1 a { pointer-events: none; opacity: 0.7; } .audiomodal .flex-center { flex-direction: column; } .aud_bg { background: #D4F4FF; padding: 5px; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 70px; border-radius: 50%; position: relative; margin: auto; } .aut_toggle_btn { position: absolute; width: 100%; height: 100%; background: transparent; border: 0; z-index: 1; } .aud_txt { color: var(--siteblack); padding: 10px 0; display: block; font-size: 14px; text-align: center; } .audiomodal { margin-top: 120px; } .audio_top { display: flex; justify-content: space-between; align-items: center; width: 70%; margin: auto; } .aud_play, .aud_close { background: #D4F4FF; width: 50px; height: 50px; border-radius: 50%; color: var(--primary); font-size: 25px; align-items: center; display: flex; justify-content: center; } .aud_play svg, .aud_close svg, .aud_rec svg { display: flex; justify-content: space-between; align-items: center; } .aud_rec { width: 120px; height: 120px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 50px; align-items: center; display: flex; justify-content: center; } .audio-content { background: #E8F5FF; border-radius: 10px; padding: 15px; text-align: center; font-size: 14px; color: #455A64; margin: 20px 0; } .audio-form { border: 1px solid var(--primary); border-radius: 10px; padding: 20px; font-size: 14px; } .audio-form label { color: var(--siteblack); font-weight: 500; } .audio_patient_name, .audio_notes { color: var(--primary); font-weight: 600; padding-left: 7px; border: 0; width: calc(100% - 80px); } .aud_notes .audio_notes { display: block; padding-left: 0; width: 100%; resize: none; } .aud_btn { display: flex; align-items: center; justify-content: center; } .aud_bg svg { position: relative; } .mic-hide { display: none; } .mic-show { display: block; } .audiobox { position: relative; position: relative; width: 100%; height: 100%; left: 75%; transform: translate(-50%, -52%); } .audiocircle_ripple { height: 55px; width: 55px; background: var(--primary); border-radius: 50%; animation-name: ripple 2s infinite; -webkit-animation-name: ripple 2s infinite; animation: ripple 2s infinite; position: absolute; left: 5px; top: 105px; z-index: 0; } .audiocircle_ripple-2 { height: 55px; width: 55px; background: var(--primary); border-radius: 50%; animation-name: ripple 2s infinite; -webkit-animation-name: ripple 2s infinite; animation: ripple-2 2s infinite; position: absolute; left: 5px; top: 105px; } @keyframes ripple { 0% { transform: scale(1); } 50% { transform: scale(2); opacity: 0.3; } 100% { transform: scale(1); } } @keyframes ripple-2 { 0% { transform: scale(1); } 50% { transform: scale(2.5); opacity: 0.3; } 100% { transform: scale(1); } } .audiocircle { width: 65px; height: 65px; border-radius: 50%; background: #D4F4FF; position: absolute; left: 0; top: 100px; } .audiocircle-2 { width: 55px; height: 55px; border-radius: 50%; background: #9fd7f7; position: absolute; left: 5px; top: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); z-index: 2; } .audiocircle-2 .iconify { font-size: 35px; color: var(--primary); position: absolute; left: 10px; top: 10px; } /* vcode */ .vcode-fill { display: flex; gap: 15px; justify-content: center; margin: auto; align-items: center; } .vcode-fill .form-control { padding: 0.575rem 0.75rem; text-align: center; min-width: auto; width: 60px; border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 14px; } .formtxt_center { width: 100%; text-align: center; } .text-linkcode { font-size: 14px; } .vcode-modify { padding: 30px 0px; } .accueil-sec.main-accueil { padding-top: 5px; } .dashbg, .after-login .wrapper { /*min-height: 100vh */min-height: inherit; } .list-detail.after-login .wrapper { min-height: calc(100vh - 150px); } .patient_logged_in .dashbg, .patient_logged_in.after-login .wrapper { min-height: calc(100vh - 115px); } .patient_logged_in .dt-layout-full { height: calc(100vh - 335px); } #agendaCreateParentScrollId { padding-bottom: 100px; } .patient_logged_in .react-chat-discussion-list { height: calc(100vh - 200px); } .patient_logged_in .patient-appmnt { padding: 0; } .after-login .wrapper::before { content: ""; position: absolute; top: -100px; height: calc(100% + 120px); width: 100%; z-index: -1; min-height: calc(100vh - 37px); } .wrapper .login-block { min-height: calc(100vh - 165px) !important; } .wrapper .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu { padding: 20px; } .wrapper .agenda-screen .layout .agenda-right-block { height: calc(100vh - 251px); } .wrapper .rbc-calendar, .wrapper .rbc-calendar-empty { height: calc(100vh - 260px) !important; } .ocr-data-flex { min-width: 90px; } .lgv_hide_show, .slc_hide_show, .mdl_hide_show, .atc_hide_show, .nv_hide_show, .confirm_pin_show, .pnv_hide_show { line-height: 40px; color: #909090; } .masked { -webkit-text-security: disc;} .lvcode_outer a { color: var(--primary); text-decoration: none; } .cpinblock p { text-align: left; } .lvcode_outer p { color: #667B89; text-align: left; margin-bottom: 5px; } .termscondtion_modal .lvcode_outer p { text-align: center; color:var(--muted); font-weight: 500; } .code-inner-title { color: #667B89; font-weight: 500; margin-bottom: 0; margin-top: 5px; } .pinborder { background: var(--login-box-bg); box-shadow: var(--login-box-shadow); border-radius: 22px; padding: 5px 10px; border: var(--login-box-border); display: inline-block; margin-top: 10px; } .modal-dialog.set-code-pin-dialog { max-width: 570px; } #pinCodeModal { z-index: 9999 !important; } .lvcfeedModal-modal .form-check .form-check-label { position: relative; } .lvcfeedModal-modal .form-check { display: flex; flex-direction: column; gap: 5px; min-height: auto; } .email-modal .formfield { width: 100%; } .audio-record-icon { margin-right: 30px; } .mob-icon { position: relative; display: flex; align-items: center; border: 1px solid var(--primary); border-radius: 6px; background: #fff; font-size: 12px; font-weight: 500; line-height: 18px; color: #001612; padding-right: 5px; } .mob-bg { background: var(--primary); color: #fff; padding: 9px 8px; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 15px; } .cell-det a { display: flex; flex-direction: column; padding: 0 5px; text-decoration: none; font-style: normal; } .remeb-line { justify-content: space-between; padding-left: 0; margin-top: -15px; } .not-gbl-pills-profil { width: 23.8%; margin-left: 15px; background: #d5edff; padding: 10px; } .not-gbl-pills-profil .no-overview h4 { font-size: 15px; } .not-gbl-pills-profil p { font-size: 13px; } .not-gbl-pills-profil .no-overview { justify-content: start; } .fds-glb-pat-bloc .fds_blk { width: 75%; } .fds-glb-pat-bloc .not-gbl-pills-profil { width: 23.5%; } .ins_det { gap: 7px; margin-top: 3px; flex-direction: column; } .ins_det-div { gap: 5px; } .det-ptop-sec .insi_status_tag { font-size: 12px; font-weight: 500; background-color: #eb9a53; border: 0 !important; text-align: center; } .det-ptop-sec .insi_status_tag.insi_status_1 { background-color: #FFB879; } .det-ptop-sec .insi_status_tag.insi_status_3 { background-color: #54cdb6; } .det-ptop-sec .insi_status_tag.insi_status_0, .det-ptop-sec .insi_status_tag.insi_status_4, .det-ptop-sec .insi_status_tag.insi_status_5, .det-ptop-sec .insi_status_tag.insi_status_6, .det-ptop-sec .insi_status_tag.insi_status_7 { background-color: #fd7f75; } .det-ptop-sec .insi_ddl { background: #fff; border: 1px solid var(--primary) !important; height: 32px !important; padding: 6px 20px 5px 10px !important; border-radius: 6px; text-align: left; } .user-inilog { margin-bottom: 1rem; padding-bottom: 0.5rem; display: flex; justify-content: space-between; font-size: 14px; border-bottom: 1px solid #ddd; } .formfield:has(> .insi_ddl) { border: 0; } .formfield:has(> .insi_ddl):after { border-top: .3em solid var(--primary); right: 8px; } .insi_user_info .change-log { max-height: 50vh; overflow: auto; padding: 10px; } .insi_user_info .modal-title, .title-center { text-align: center; width: 100%; margin-bottom: 10px; } .insi_ser_view { font-size: 14px; } .user-inilog-cont-right { display: flex; flex-direction: column; text-align: right; flex-shrink: 0; } .insi_ser_view .col-6 { margin-bottom: 10px; } .insi-nom-color { color: var(--primary); } .insi-nom { font-weight: 500; } .insi-nom-label, .insi-nom-date { color: #667B89; font-size: 13px; } .insi_response_container { max-height: 55vh; overflow: auto; padding: 10px 15px; } .insi-patient-details { margin-bottom: 1rem; padding-bottom: 0.5rem; display: flex; justify-content: space-between; font-size: 14px; border-bottom: 1px solid #ddd; align-items: start; } #insi_success_messages { position: absolute; z-index: 1000; left: 50%; transform: translate(-50%, 50%); } .ins-det-dropdown img { cursor: pointer; } .ins-det-dropdown .dropdown { position: absolute; margin-top: -12px; } .ins-det-dropdown p { margin: 0; } /*process-incomplete*/ .process-incomplete .main-manu, .process-incomplete .right-menu .navbar-nav, .vcode_set .main-manu, .vcode_set .navbar-nav { display: none; } .vcode_set .navbar-collapse, .process-incomplete .navbar-collapse { justify-content: end; } .process-incomplete .search-sec, .vcode_set .search-sec { display: none !important; } .vcode_set .wrapper { min-height: calc(100vh - 130px); } .process-incomplete .accueil-txt { margin: 15px 0; } .process-incomplete .step-block { pointer-events: none; opacity: 0.5; } .process-incomplete .step-block:first-child { pointer-events: auto; opacity: 1; } .process-incomplete .holter-menu .btn { margin-top: 5px; margin-right: 35px; line-height: 25px; color:#fff !important; padding: 6px 20px; border-radius: 12px; font-weight: 500; font-size: 13px; } .process-incomplete .dashbg { margin-top: 20px; } .cookie-consent { position: fixed; bottom: 0; left: 0; width: 100%; padding: 2px 10px; background: rgba(0, 0, 0, 0.5); z-index: 9999; text-align: center; font-size: 12px; color: #fff; } .cookie-consent button { background: var(--primary) !important; color: #fff; padding: 2px 10px; border-radius: 5px; border: 0; transition: 0.3s all ease-in-out; margin-left: 10px; } .cookie-consent button:hover { transform: scale(1.05) !important; } .patient-appmnt { background: transparent !important; } .react-chat-msglisting .MuiDataGrid-virtualScrollerContent { max-height: calc(100vh - 380px); } .react-chat-msglisting .MuiTablePagination-toolbar { padding-right: 30px; } .react-multi-chat .assigne-dd .dropdown-menu { min-width: 218px; overflow: hidden; min-height: 330px; padding-right: 5px !important; } .msg-data .dropdown .iconify { position: static; color: var(--primary); width: 18px; } .user-inf .user_img { display: flex; align-items: center; gap: 5px; } .react-multi-chat .chat-content { padding: 0; height: initial; } .react-multi-chat .my-msg .msg-delete { right: 5px !important; top: 2px !important; } .react-chat-search .form-control { font-size: 13px; line-height: 20px; color: #001612; outline: 0; border: 1px solid #07669d; padding: 10px 13px; font-weight: 400; border-radius: 6px; height: 36px; border-radius: 14px; box-shadow: 0 8px 18px rgba(94, 108, 155, 0.06); } .react-multi-chat .group-users { margin-left: 0; } .react-multi-chat .my-msg { margin-bottom: 0; } .react-multi-chat .days-tag { margin: 5px 0; } .react-chat-msggrid .row { width: 100%;max-height: calc(100vh - 280px); } .MuiDataGrid-sortIcon { color: #fff !important; } .search_filter_modal .modal-dialog .dropdown-item:active { background: var(--primary); color: #fff; } .cal-modal .det-dd { padding: 0; } .cal-modal .det-dd p { font-size: 13px; margin-bottom: 0 !important; } .cal-modal .dropdown-menu { overflow: auto; margin-top: 0; } .react-multi-chat .doc svg,.iframe-pat-detail .login-hero { display: none; } .iframe-pat-detail .react-multi-chat .minimized, .iframe-pat-detail .react-multi-chat .chat-fixed { bottom: 66px; } /*react calendar*/ .calendar-dev .scheduler-right { margin: 25px 20px 10px; } .main-dev .agenda-screen { padding-bottom: 0; margin: 0 20px; box-shadow: var(--login-box-shadow); border: var(--login-box-border); border-radius: var(--login-box-radius); } .agenda-list-start { margin: 0; padding: 0 15px 15px; } .calendar-dev .agenda-screen .layout .agenda-right-block { height: calc(100vh - 195px); } .calendar-dev .rbc-agenda-view { padding-bottom: 10px; } .calendar-dev .login-block { min-height: calc(100vh - 160px) !important; } .boxfield-top .search-box { position: relative; width: 100%; height: auto; } .cal-modal .modal-dialog { max-width: 580px; margin-right: 0 !important; margin-top: 0 !important; transform: translate(0, 0) !important; margin: 0 auto; } .cal-modal .modal-header { background: #07669d; padding: 20px; border-radius: 0; color: #ffffff; } .cal-modal .btn-close { filter: brightness(0) invert(1); opacity: 0.9; background-size: 12px; box-shadow: none !important; } .doc-apt-book { overflow-y: auto; padding: 20px; } .doc-apt-book .dropdown-toggle:after { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .doc-apt-book .form-group { margin-bottom: 15px; } .doc-apt-book .dropdown-toggle { width: 100%; text-align: left; box-shadow: none !important; padding: 9px 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding-right: 25px; } .doc-apt-book .port-group .dropdown-toggle { width: auto; } .doc-apt-book .port-group .dropdown-toggle:after { right: 3px; } .doc-apt-book .dropdown-menu { padding: 0; max-height: 178px; overflow-y: auto; width: 100%; box-shadow: 0px 0px 10px 4px rgb(150 150 150 / 11%); border: 1px solid rgba(0, 0, 0, .15); } .doc-apt-book .react-nodata { color: #667b89; display: flex; font-size: 12px; font-weight: 400; padding: 0.5em 1em; } .doc-apt-book .dropdown-item { font-size: 13px; font-weight: 400; color: #001612; outline: none; padding: 0.5rem 1rem; } .doc-apt-book .form-select, .doc-apt-book .form-control, .doc-apt-book .dropdown-toggle { font-size: 14px; font-weight: 400; color: #001612 !important; height: 42px; padding: 9px 14px; border-color: #CCD3D8 !important; border-radius: 4px; background: #f9f9f9 !important; } .doc-apt-book .rbc-btn-group>button:not(:first-child):not(:last-child), .rdv_hist .rbc-btn-group>button:not(:first-child):not(:last-child) { border-radius: 0; } .doc-apt-book .radio-block { display: flex; flex-wrap: wrap; align-items: self-start; column-gap: 15px; } .doc-apt-book .form-check-input[type="radio"] { border-radius: 50% !important; background-color: #fff; border: 1px solid rgba(0, 0, 0, .25) !important; } .doc-apt-book .form-check .form-check-input+label { color: #001612; font-size: 14px; } .doc-apt-book .rbc-btn-group>button:last-child:not(:first-child), .rdv_hist .rbc-btn-group>button:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .doc-apt-book .form-check-input:checked { border-color: #2196f3 !important; } .profile-head .profile-outer .profile-folder { justify-content: center; } .doc-apt-book .form-check-input.is-valid:checked, .doc-apt-book .form-check-input:checked, .doc-apt-book .form-check-input:checked[type=checkbox], .doc-apt-book .was-validated .form-check-input:valid:checked { background-color: #07669d; border-color: #07669d; } .doc-apt-book .time-block { width: 82px; } .doc-apt-book .time-block .dropdown-menu { max-height: 180px; min-width: 1px; width: 82px !important; } .doc-apt-book .dropdown-item.selected { background-color: #d1eafb !important; } .doc-apt-book .preview-info-det { background: #e5f2ff; border: 1px solid #ccd3d8; border-radius: 4px; padding: 15px; display: flex; flex-direction: column; } .doct-flx { display: flex; flex-direction: column; } .doct-name { font-size: 13px; display: flex; gap: 3px; align-items: center; color: #000; } .doct-name svg { color: var(--primary); font-size: 14px; } .doc-apt-book .rbc-btn-group, .rdv_hist .rbc-btn-group { display: inline-block; white-space: nowrap; margin-bottom: 10px; font-size: 16px; } .rdv_hist .modal-title { width: 100%; text-align: center; } .patdet-bom-btn .btn { font-size: 12px; padding: 5px; margin-right: 0px; border-radius: 8px; color: var(--primary-dark); box-shadow: 0 8px 18px rgba(94,108,155,0.06); border:1px solid var(--border); font-weight:500; &:hover { background: var(--pre-rdvbtn); } } #rdv_hist { background: var(--his-rdvbtn); } .patdet-bom-btn .em-greenbtn, .em-greenbtn:hover,.patdet-bom-btn .em-greenbtn:hover { background: var(--his-emailbtn); color:#fff; } .rdv_hist .preview-info-det { min-height: 250px; } .rdv_hist .no-rdv { margin-top: 50px; } .rdv_hist .rbc-btn-group { display: flex; margin: auto; } .doc-apt-book .rbc-btn-group>button:first-child:not(:last-child), .rdv_hist .rbc-btn-group>button:first-child:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .doc-apt-book .rbc-toolbar button:active, .doc-apt-book .rbc-toolbar button.rbc-active, .rdv_hist .rbc-toolbar button:active, .rdv_hist .rbc-toolbar button.rbc-active { background-image: none; background-color: var(--primary); border-color: var(--primary); color: #fff; } .doc-apt-book .rbc-toolbar button, .rdv_hist .rbc-toolbar button { display: inline-block; margin: 0; text-align: center; vertical-align: middle; background: none; border: 1px solid #07669d; padding: 0.375rem 1rem; border-radius: 6px; line-height: normal; white-space: nowrap; font-size: 12px; font-weight: 500; transition: all 0.3s ease-in-out; } .doc-apt-book .rbc-btn-group button+button, .rdv_hist .rbc-btn-group button+button { margin-left: -1px; } .doc-apt-book .patient-history, .rdv_hist .patient-history { max-height: 375px; overflow-y: auto; } .rdv_hist .patient-history { min-height: 230px; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; } .rdv_hist .status-dt { width: 100%; justify-content: center; } .doc-apt-book .patient-history .status-time-field, .rdv_hist .patient-history .status-time-field { flex: 2 1; display: flex; flex-direction: column; margin-bottom: 15px; } .rdv_hist .patient-history .status-time-field { flex: 3 1; } .doc-apt-book .patient-history .status-date, .rdv_hist .patient-history .status-date { text-transform: capitalize; } .doc-apt-book .patient-history .status-date, .doc-apt-book .patient-history .status-time, .rdv_hist .patient-history .status-date, .rdv_hist .patient-history .status-time { color: #263238; font-weight: 400; font-size: 14px; margin-right: 10px; margin-bottom: 5px; align-self: flex-end; } .doc-apt-book .preview-info-block, .rdv_hist .preview-info-block { margin-bottom: 10px; } .doc-apt-book .patient-history .status-feild, .rdv_hist .patient-history .status-feild { position: relative; min-height: 35px; padding-left: 20px; margin-left: 10px; padding-bottom: 7px; display: flex; flex: 3 1; } .doc-apt-book .patient-history .status-feild::after, .rdv_hist .patient-history .status-feild::after { content: ""; border-left: 1px dashed #667B89; left: 0; top: 7px; position: absolute; height: 100%; } .doc-apt-book .patient-history .status-feild .status-name, .doc-apt-book .patient-history .status-feild .status-name, .rdv_hist .patient-history .status-feild .status-name, .rdv_hist .patient-history .status-feild .status-name { color: #334F61; font-weight: 500; font-size: 14px; margin-bottom: 5px; } .doc-apt-book .patient-history .status-feild .status-name, .doc-apt-book .patient-history .status-feild .status-name { text-transform: capitalize; } .doc-apt-book .patient-history .status-feild .dotcolor, .rdv_hist .patient-history .status-feild .dotcolor { position: absolute; left: -8px; width: 16px; height: 16px; top: 5px; border-radius: 50px; background: #FFF8B6; z-index: 2; } .doc-apt-book .feild-name, .rdv_hist .feild-name { color: #667b89; font-size: 12px; text-align: left; } .doc-apt-book .feild-val, .rdv_hist .feild-val { color: #001612; font-size: 14px; word-break: break-all; text-align: left; } .rdv-body .modal-footer { gap: 25px; justify-content: center; padding: 5px 20px 10px; } .inner-model .modal-footer .btn { border-radius: 6px; font-size: 13px; min-width: 110px; padding: 8px 20px; } .rdv-body .inner-model.delete-model .modal-dialog { margin-right: auto; } .rdv-body .back-drop-static .modal-content { background-color: #0000; } .rdv-body .share-alert-popup { align-items: center; background-color: #fff; border-radius: 0.3em; display: flex; flex-direction: column; gap: 20px; justify-content: center; padding: 20px; text-align: center; } .doc-apt-book .dropdown .btn:hover { transform: none !important; } .doc-apt-book .dropdown-toggle:focus, .doc-apt-book .form-control:focus, .doc-apt-book .form-select:focus { background: #fff !important; border: 1px solid #07669d !important; } .rdv-body .modal-title { color: #fff; font-size: 18px; font-style: normal; font-weight: 400; } .rdv-body .cal-modal .modal-content { border: 0; border-radius: 0; height: 100vh; overflow: hidden; } .doc-apt-book .form-group textarea { min-height: 96px; resize: none; } .rdv-body .cal-modal .modal-dialog { align-items: center; display: flex; height: 100vh; margin: 0 25px 0 auto; } .rdv-body .modal, .rdv-body .modal-backdrop { z-index: 1070 !important; } .modal-backdrop { z-index: 1062; } .rdv-body .error { font-size: 12px !important; font-style: italic; padding-left: 5px; color: red; } .rdv-body .bottom-modal.notify .modal-dialog { transform: translateY(77vh) !important; margin-bottom: 0 !important; margin-right: 25px !important; } .rdv-body .bottom-modal.notify .modal-body { background: #ffe7e7; border: 1px solid #ffc6c6; border-radius: 6px; color: #ff4234; font-weight: 400; margin: 20px; padding: 5px 20px 10px; } .rdv-body .bottom-modal.notify h4 { font-size: 14px; font-weight: 400; } .rdv-body .bottom-modal.notify p { font-size: 12px; margin-bottom: 0; } .doc-apt-book p { margin-bottom: 0; text-align: initial; } .doc-apt-book .date-picker { padding: 10px 0; } .doc-apt-book .react-calendar { background: #fff; border: 0 !important; border-radius: 10px; box-shadow: 0 0 10px 4px #9696961c; margin: auto; max-width: 95%; padding: 15px 15px 5px; width: 250px !important; width: 260px !important; } .doc-apt-book .react-calendar__navigation { display: flex; height: auto !important; margin-bottom: 0 !important; padding-bottom: 10px; position: relative; } .doc-apt-book .react-calendar button { border: 0; margin: 0; outline: none; } .doc-apt-book .sub-label, .doc-apt-book .title-label { color: #000; font-size: 16px; font-weight: 500; margin-bottom: 0.5rem; } .rdv_hist .modal-dialog { max-width: 600px; } .doc-apt-book .react-calendar__month-view__weekdays abbr[title], .doc-apt-book .react-calendar__month-view__weekdays acronym[title] { color: #7e818c; font-size: 10px; text-decoration: none !important; } .doc-apt-book .react-calendar__month-view__weekdays__weekday { padding: 0.5em; } .doc-apt-book .react-calendar__century-view__decades__decade--neighboringCentury, .doc-apt-book .react-calendar__decade-view__years__year--neighboringDecade, .doc-apt-book .react-calendar__month-view__days__day--neighboringMonth { color: #757575; } .doc-apt-book .react-calendar__navigation__arrow { color: #455a64; font-size: 20px; } .doc-apt-book .react-calendar button:enabled:hover { cursor: pointer; } .doc-apt-book .react-calendar__tile:enabled:focus, .doc-apt-book .react-calendar__tile:enabled:hover { background-color: #e6e6e6; } .doc-apt-book .react-calendar__tile { height: 31px; border-radius: 50px; color: #0f2552; margin-bottom: 5px !important; padding: 0 !important; background: transparent; } .doc-apt-book .react-calendar__navigation__label, .doc-apt-book .react-calendar__tile { color: #455a64; font-size: 12px !important; text-transform: uppercase; } .doc-apt-book .react-calendar__month-view__weekdays { font: inherit; font-size: .75em; font-weight: 700; text-align: center; text-transform: uppercase; color: #7e818c; font-size: 10px !important; font-weight: 500 !important; padding-top: 5px; } .doc-apt-book .react-calendar__tile--active { background: #006edc; color: #fff; } .doc-apt-book .react-calendar__navigation button { min-width: 20px !important; background: none; } .doc-apt-book .react-calendar__tile--active, .doc-apt-book .react-calendar__tile--active:hover { background: #d1eafb !important; color: #000 !important; } .doc-apt-book .react-calendar__tile--now { background-color: #07669d !important; color: #fff !important; } .doc-apt-book .react-calendar__navigation:after { background: #e4e5e7; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .doc-apt-book .error-block.warning { background: #fff8e7; border-color: #ffe1c6; } .doc-apt-book .error-block { background: #ffe7e7; border: 1px solid #ffc6c6; border-radius: 6px; display: flex; gap: 8px; margin: 5px; padding: 5px 10px; width: 99%; } .doc-apt-book .error-block svg, .delete-grid svg { color: #ff4234; } .doc-apt-book .error-block p { color: #ff4234; font-size: 12px; margin-bottom: 0; text-align: initial; } .rdv-body .no_agenda { padding: 25px 15px; } .rdv-body .no_agenda-img { margin: 0 auto 20px; max-width: 360px; width: 100%; } .rdv-body .no_agenda p { color: #001612; font: 400 20px/30px Poppins; margin-bottom: 25px; text-align: center; } .rdv-body .no_agenda .step-sec { padding: 20px; } .rdv-body .no_agenda .step-sec .step-block { display: flex; gap: 12px; padding-bottom: 30px; position: relative; } .rdv-body .no_agenda .step-sec .step-block.done:after, .rdv-body .no_agenda .step-sec .step-block.done:before { background-color: #07669d; } .rdv-body .no_agenda .step-sec .step-block:before { background-color: #667b89; content: ""; height: calc(100% - 14px); left: 9.5px; position: absolute; top: 21px; width: 3px; z-index: 2; } .rdv-body .no_agenda .step-sec .step-block.done .step-pos { background-color: #0000; } .rdv-body .no_agenda .step-sec .step-block .step-pos { align-items: center; background-color: #0000; border-radius: 11.5px; display: block; display: flex; height: 23px; justify-content: center; overflow: hidden; position: relative; transform: translateY(3px); width: 23px; } .rdv-body .no_agenda .step-sec .step-block.done .step-content .title { color: #07669d; } .rdv-body .no_agenda .step-sec .step-block .step-content .title { color: #001612; font: 400 18px/27px Poppins; margin-bottom: 20px; } .rdv-body .no_agenda .step-sec .step-block.done .step-content .btn { background-color: #07669d !important; border-color: #07669d !important; } .rdv-body .no_agenda .step-sec .step-block .step-content .btn { background-color: #667b89 !important; border-color: #667b89 !important; border-radius: 6px; color: #fff !important; font: 500 12px/18px Poppins; height: 40px; min-width: 185px; padding: 10px 20px; } .rdv-body .no_agenda .step-sec .step-block:after { background-color: #fff; border: 3px solid #07669d; border-radius: 7.5px; content: ""; height: 15px; left: 4px; overflow: hidden; position: absolute; top: 7.5px; width: 15px; } .rdv-body .no_agenda .step-sec .step-block:last-child { margin-bottom: 0; } .rdv-body .no_agenda .step-sec .step-block:last-child::before { content: none; } .rdv-body .no_agenda .step-sec .step-block { display: flex; gap: 12px; padding-bottom: 30px; position: relative; } .rdv-body .no_agenda .step-sec .step-block.active .step-pos { background-color: #d1eafb; } .calendar-menu .txt.calender-tab { margin-right: 0; } .calendar-menu .txt.calender-tab span { border-radius: 12px !important; border: 1px solid var(--primary); color: var(--primary); padding: 6px 12px; font-size: 14px; line-height: 18px; color: #001612; font-weight: 500; } .calendar-menu .txt.calender-tab span.selected { background: var(--gradient-btn); color: #fff; &::after { display: none; } } .hetcentab_outer { display: flex; justify-content: end; align-items: center; max-width: 312px; background: #fff; border-radius: 12px; padding: 2px 5px; border: 1px solid var(--primary); } .hetcentab_outer .btn { margin: 0 !important; border-radius: 0; min-width: 150px; background: transparent; color: var(--primary); border-radius: 12px; } .hetcentab_outer .btn.active { background: var(--gradient-btn); color: #fff; } .react-chat-msglisting .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row.react-message-group { background: transparent !important; } .react-chat-msglisting .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row.react-message-group .MuiDataGrid-cell { background: hsla(57, 94%, 87%, .659) !important; } .react-chat-msglisting .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row:hover { background: transparent !important; } .react-chat-msglisting .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row:hover .MuiDataGrid-cell { background: #cbeef9 !important; } .form-opening .end-block+.btn, .form-opening .week-list+.btn { margin-left: 10.5px !important; } .form-inline-full { width: 100%; } .search-sec .form-inline-full { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .header-filter .flt_right-end .btn-sm, .header-filter .flt_right-end .cre-btn .btn-sm { margin: 0 3px; } .original-patient .card { padding: 5px; } .original-patient .prof-date { color: #001612; } .original-patient label { color: var(--grey); } .prfile-user-tit, .insi_response_container h6 { font-size: 14px; color: #212529 !important; font-weight: 500; } .sidebar .checkbox-icon .iconify { cursor: pointer; } .loc-card-row .ded-agenda { border: 1px solid #CCD3D8 !important; } .loc-card-row .ded-agenda-content .card-title { padding-right: 97px; line-height: 22px !important; color: var(--primary) !important; } .loc-card-row .archive .ded-agenda-content .card-title { padding-right: 0; } .inner-model .modal-dialog .preview-inner .form-group.attachouter .attachdiv { left: 25px; top: 23px; } #ocr_add_folder_block .formfield .close-btn { top: 9px; } .ocr-response-data .formfield>label { height: 44px; } .ocr-response-data-popup { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } .ocr-response-data-popup .formfield { width: auto !important; min-width: 0; float:none; margin:0; } .ocr-response-data-popup .iconify.datepicker { top:10px; } .ocr-response-data-popup .data-prow.formfield>label { height:auto; position: static; padding:5px; } .ocr-response-data-popup span { padding:5px; font-size:13px; word-break: break-word; } #responseDataContent .ocr-response-data { border-bottom: 1px solid #66757f30; padding-bottom: 10px; margin-bottom: 10px; } #responseDataContent .ocr-response-data:last-child { border:0; padding-bottom: 0; margin-bottom: 0; } .data-listing .dataTables_wrapper div.row:nth-child(2) > div { height: auto; overflow: none; } .mul-files { font-size: 12px; color: #73797e; } .preview-modal-content { min-height: 60vh; } #preview_url { min-height: 60vh; } #ocrPreviewModal .modal-dialog { max-height: calc(100vh - 60px); } #ocrPreviewModal .modal-content { max-height: calc(100vh - 60px); overflow: hidden; } #ocrPreviewModal .modal-body { max-height: calc(100vh - 60px); overflow-y: auto; } #evoFrameDataModal .modal-dialog { max-height: calc(100vh - 60px); } #evoFrameDataModal .modal-content { max-height: calc(100vh - 60px); overflow: hidden; } #evoFrameDataModal .modal-body { max-height: calc(100vh - 60px); overflow-y: auto; } .ocr-response-data { border: 2px solid #898989; padding: 20px; border-radius: 5px; } .trigger-ocr-input { background: #d5dff3; } .ocr-file-upload { position: relative; padding: 12px; min-height: 200px; cursor: pointer; border-radius: 12px 12px 0 0; } .ocr-file-upload .file-dum-ocr { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .ocr-pending-count-container{ background: var(--danger); width: 24px; max-height: 24px; border-radius: 50%; position: absolute; top: -8px; right: -8px; } .ocr-pending-count-container .ocr-pending-count-num { color: white !important; vertical-align:auto } #panel_preview_url { height: 70dvh; width: 100%; } .form-control.is-invalid, .was-validated .form-control:invalid { background-image: none !important; } .patients_list_container .patients_list { padding: 5px; font-size: small; border: 1px solid #80808057; border-radius: 4px; cursor: pointer; overflow-y: auto; scrollbar-width: thin; max-height: 200px; } .patients_list_container .patients_list .list { display: grid; grid-template-columns: 50px auto 100px; } .patients_list_container .patients_list .list:hover { background: #1e8fff50; border-radius: 5px; } .add_hover_effect { background: #1e8fff50; border-radius: 5px; } .patients_list_container { position: relative; } .hide_list_div { cursor: pointer; position: absolute; right: 2px; top: -7px; } #ocr_add_new_folder { color: var(--primary); font-size: 14px; display: inline-block; margin-bottom: 15px; text-decoration: none; cursor: pointer; width: 100%; padding: 5px; margin: 0; } #ocr_add_new_folder:hover { background: var(--primary); color: white; } .agenda-screen .app-title-txt { padding-left: 15px; } .pt-edit-blk-lbl, .pt-edit-blk-inp { display: flex; align-items: baseline; gap: 3px; } .pt-edit-blk-inp .contry-outer { margin-bottom: 0; background: #fff; height: auto; } .pt-edit-blk-inp .contry-outer select { width: auto !important; padding: 5px !important; } .pt-edit-blk-inp .cal-verfi .icon { right: 2px; top: 5px; font-size: 17px; } .pt-edit-blk-inp .cal-verfi .flag-icon { width: 12px; height: 15px; margin-right: 3px; } .pt-edit-blk-inp .cal-verfi { flex-direction: column; } .pt-edit-blk-inp .cal-verfi .select2-container .select2-selection--single .select2-selection__rendered { font-size: 12px; line-height: 28px !important; padding-left: 5px; padding-right: 13px; } .pt-edit-blk-inp .contry-outer .formfield select, .pt-edit-blk-inp .contry-outer .formfield .form-control { padding: 5px; max-width: 95px; padding-left: 1px; } .pt-edit-blk-inp .contry-outer .formfield .form-control { padding-right: 20px; } .pt-edit-blk-inp .select2-container .selection, .pt-edit-blk-inp .cal-verfi .select2-container--default .select2-selection--single { min-height: 28px; } .pt-edit-blk-lbl { position: relative; margin-bottom: 3px; } .pt_blk-icon .iconify { cursor: pointer; font-size: 20px; background: green; border-radius: 50%; color: #fff; } .pt-edit-blk-inp #verify_area .verify-span { font-size: 12px; padding-left: 0px; min-height: initial; margin-top: 2px; justify-content: end; margin-right: 5px; } .pt_editblk-icon a { background: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: var(--primary); font-size: 15px; } .patient-dtl-tel-no .pt_editblk-icon .iconify { font-size: 15px; } .email-blk .pt-edit-blk-inp .form-control { min-width: 193px; } .ptpcdata img { width: 15px; height: 15px; } .pt_cancel-icon .iconify { background: #d84c3a; } .grp-dos-icons .dash-img { flex-wrap: wrap; display: flex; gap: 5px; width: 100%; height: auto; justify-content: center; } .grp-dos-icons .dash-item img { transition: all 0.3s ease-in-out; max-width: 100%; max-height: 130px; border-radius: 5px; } .grp-dos-icons { text-align: center; } .grp-dos-icons .dash-item { padding: 0; } .modal-content .dash-main { width: 23% !important; margin: 0 5px; } .grpdos-modal .modal-body { margin-bottom: 30px; max-height: 75vh; overflow-y: auto; } .dmp-data-con .person-det-name h5 { margin-bottom: 5px !important; } .grp-dos-icons .grp-name, .spec-cover-view .grp-name, .fol-name, .right_folder_blk .grp-name { color: var(--primary-dark); font-size: 13px; line-height: 18px; font-weight: 600; display: inline-block; min-height: 35px; word-break: break-word; text-transform: uppercase; } .right_folder_blk .grp-name { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 15px; min-height: 30px; } .dash-item.ocr { margin-bottom: 35px; } .dash-item.ocr a { min-height: initial; } .grpdos-modal .modal-title { width: 100%; text-align: center; font-size: 18px; } .contry-outer .port-text-full { flex: 1; } .eyeBtn::before, .eyeButton::before { display: none; } .form-check-center { display: flex; justify-content: center; gap: 50px; } .config-title .iconify { font-size: 25px !important; line-height: 0; margin-right: 0 !important; } .config-title { font-weight: 600; } .hdrsettingopt-row { max-width: 700px; margin: auto; } .tab-card .custom-radio-check .form-check-label { position: relative; } .custom-radio-check:first-child .form-check-label { margin-right: 25px; } .sign-canvas-blk, .sign-img-blk, .img-signature-block { width: 550px !important; min-height: 250px !important; gap: 10px; font-weight: 500; font-size: 10px; line-height: 15px; color: #474747; border: 1px solid #CCD3D8; border-radius: 12px; position: relative; display: flex; flex-direction: column; padding: 15px; } .img-signature-block { border: 0px; } .sign-canvas-blk .edit, .sign-img-blk .edit { position: absolute; top: 5px; right: 5px; font-size: 20px; background: #EA3640; border-radius: 50%; opacity: 0; padding: 5px; } .sign-img-blk .delete_profilesign.edit { right: 45px; background: #EA3640; } .sign-img-blk .delete_profilesign.edit .iconify.del { color: #fff !important; } .sign-img-blk .edit { background: var(--primary); } .sign-img-blk .edit .iconify, .sign-canvas-blk .edit .iconify { color: #fff; } .sign-canvas-blk:hover .edit, .sign-img-blk:hover .edit { opacity: 1; } .e-signpad canvas { border: 0 !important; } .sign-img-pad img { width: 100%; height: 100%; object-fit: contain; } .nosign-img-pad { display: flex; justify-content: center; align-items: center; padding: 50px; } .nosign-img-pad .iconify { font-size: 150px; color: #CCD3D8; } .sign-pad-button-clear, .sign-pad-button-submit { background-color: var(--primary); color: #fff; border-radius: 6px; font-weight: 500; font-size: 13px; line-height: 18px; padding: 5px 15px; transition: 0.4s ease-in-out; margin: 5px; margin-bottom: 15px; border: 1px solid var(--primary); } .sign-pad-button-clear { background-color: transparent; color: var(--primary); } .sign-pad-button-clear:hover, .sign-pad-button-submit:hover { transform: scale(1.05); } .new-des-name .file-upload { width: 180px !important; min-height: 180px !important; font-size: 12px; } .prof-sec .new-des-name .file-upload .upload-img { width: 80px; height: 80px; font-size: 30px; } .new-des-name.logo_name, .signature_name.new-des-name { width: 100%; } .e-signpad { align-items: start !important; } .resetpas-txt { margin-bottom: 10px; } .link-txt.new-folder { font-weight: 600; } .spec-banner-bck { display: flex; justify-content: space-between; align-items: center; margin-top: -10px !important; } .new-folder-block { display: flex; justify-content: space-between; margin:20px 10px 10px; } .spec-banner-bck .back-text { font-weight: 600; } .modal-dialog .add_folder_block { min-height: 12vh; } .disabled-resendotp { pointer-events: none; opacity: 0.5; } .signature-block { display: flex; gap: 20px; flex-direction: column; } .signature-block .new-des-name .file-upload { margin-bottom: 0; } .signature-block .new-des-name .file-upload img { width: 100%; height: auto; } .spread-div .hdrsettingopt-row { margin-bottom: 10px; } .spread-div .moncp-err { margin-bottom: 20px; } .equip-content .col-xl-8 { width: 75%; } .equip-content .taches-img-container { width: 25%; } .st-select select { border: 2px solid #0a58ca; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; } .st-select select::-ms-expand { display: none; } .chat-sub-menu { border-top: 1px solid rgba(0, 0, 0, .15); border-bottom: 1px solid rgba(0, 0, 0, .15); padding: 5px 0; span { font-size: 14px; font-weight: 500; margin-bottom: 5px; padding: 0 1rem; } ul { padding-right: 1rem; padding-left: 1rem; } li { list-style: none; } } #emailVerifyModal .modal-dialog { max-width: 620px; } /*register page new update dec25*/ .hint-text-margin { margin-top: -15px; margin-bottom: 20px; display: inline-block; } .hint-text-margin .hint { display: inline-block; } .step-block { display: none; } .step-block.active { display: block; } .reg-link, .reg-link:hover { color: var(--primary); font-size: 14px; font-weight: 500; } .reg-pat-page .formfield:has(> select):after { right: 6px; } .reg-pat-page .formfield>select { padding-right: 10px !important; padding: 10px; } .patreg-title { display: flex; align-items: center; justify-content: center; position: relative; } .patreg-title .prev-btn { position: absolute; left: 0; color: var(--primary); background: transparent; border: 0; } /*resgister-progress*/ .register-progress-wrapper { width: 100%; margin: 10px 0 25px; } .register-progress-bar { width: 100%; height: 6px; background: #B8C1C9; border-radius: 50px; overflow: hidden; } .register-progress-fill { height: 100%; background: var(--acc-header-gradient); border-radius: 50px; transition: width 0.4s ease; } .register-progress-text { font-size: 12px; color: #4F5A5F; margin-top: 0px; font-weight: 500; } .code_err { font-size: 13px; } .reg-pat-page .btn-block { max-width: 490px; } .vcode-modify .form-title { font-size: 17px; line-height: 23px; display: inline-block; } .reset-password-container { .form-title { margin-bottom: 20px; } .user-link { padding: 0; clear: both; justify-content: space-between; a { font-size: 13px; color: var(--primary); } } } .reset_link_txt { font-size: 14px; text-align: center; display: block; } .reset_link_email { font-size: 14px; font-weight: 600; display: block; text-align: center; margin-bottom: 10px; } .reset_txt { font-size: 12px; text-align: center; line-height: 15px; } .reset_mail_icon { background: #E6F4FF; border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; } .ver-warning-img { margin: 0 auto 20px; display: block; max-width: 120px; } .folder_ddl_box_fds .dropdown-item { padding: 0; a { padding: 10px 1rem; display: inline-block; width: 100%; } &:hover { background: var(--lightblue); } &.active { background: var(--lightblue); } } .folder_ddl_box_fds .create-my-doc-type-li { position: sticky; bottom: 0; z-index: 2; a { background: var(--primary); color: #fff; } } .add-new-examen-ddl { color: var(--primary); font-weight: 500; font-size: 14px; } /*imapmailer-list*/ .reply-btn { color: #fff !important; } .search-box #searchsubject, .search-box #imapsearchcreerpar, .search-box.normal_view_filter .searchemailhist_email { width: 350px; } .isread-field { width: auto; margin: 0 5px 0 15px !important; } #email_history_tab .isread-field { margin: 0 !important; } .isread-field .form-select { height: 36px !important; } .imap-filterleft { display: flex; } #imapmailContent .modal-dialog, #mailHistoryContent .modal-dialog, #imapreplyModal .modal-dialog { max-width: 1300px; } #imapmailContent table, #mailHistoryContent table { max-width: 900px !important; margin: auto; } #imapreplyModal textarea { height: 200px !important; } #imapmailContent .modal-header, #imapreplyModal .modal-header { align-items: start; } #imapmailContent .modal-header .close-btn, #mailHistoryContent .modal-header .close-btn, #imapreplyModal .modal-header .close-btn { font-size: 20px; } .sub-toggle-icon { display: inline-block; padding-left: 10px; cursor: pointer; } .sub-hide { display: none; } /*end imapmailer-list*/ /*sleep_scale*/ .sleep_scale-outer { background: #fff; padding: 20px; border-radius: 10px; } .sleep_scale-form dl { display: flex; border: 1px solid var(--primary); border-top: 0; margin: 0; padding: 10px 5px; align-items: center; gap: 10px; } .sleep_scale-form dt { flex: 1 0 70%; font-weight: 400; font-size: 14px; } .sleep_scale-form dd { flex: 1 0 30%; text-align: center; margin: 0; } .sleep_scale-dl-head { background: var(--primary); color: #fff; font-weight: 500; text-align: center; font-size: 13px; dt { font-weight: 500; } } .sleep_scale-form .form-check-label { padding-right: 35px; } .sleep_scale-form .form-check { padding-left: 0; } .sleep_scale-list { list-style: none; font-weight: 500; padding-left: 50px; font-size: 15px; } .sleep_scale-tit { font-style: italic; text-decoration: underline; } .sleep_scale-footer { background: #8dbb5b; padding: 10px; border-radius: 5px; font-size: 13px; } .sleep_scale-footer h6 { font-size: 15px; font-weight: 500; } .sleep_scale-cnt { width: 15px; display: inline-block; } .sleep_scale-outer a { color: var(--primary); font-weight: 500; text-decoration: none; } .sleep_scale-outer p { font-size: 14px; line-height: 22px; } .sleep_scale-form h6 { font-size: 13px; font-weight: 500; } .score_risk_outer { max-width: 500px; margin: 20px auto; } .score_risk_factor { font-size: 15px; font-weight: 500; color: #d13622; line-height: 26px; } .sleep_scale-form .formfield { width: auto; } .score_risk_factor .text-link { text-decoration: underline; font-style: italic; cursor: pointer; } .framingham_total_blk h6 { text-align: center; color: var(--error); font-size: 17px; font-weight: 500; } .framingham_footer { font-size: 15px; font-style: italic; color: green; } .framingham_references { color: grey; } .framingham_footer .framingham_title { margin-bottom: 0; } /*end sleep_scale*/ /*detail page new design*/ .det-card-outer { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:15px; align-items: flex-start; } .det-card-view .det-card-outer-view { grid-template-columns: repeat(4, minmax(0, 1fr)); } .det-card-view { display: flex; gap: 20px; align-items: flex-start; width: 100%; } .det-card-left { flex: 0 0 25%; min-width: 250px; width: 100%; } .det-card-left-col { background: rgb(236 243 255 / 39%); border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--card-shadow); padding: 10px; border-radius: 20px; } .det-card-left .rec_file_bdr { margin-bottom: 10px; } .det-card-left .folderfile-name { border:0; } .det-card-left-item h3 { color: var(--primary-dark); font-size: 13px; line-height: 18px; font-weight: 600; text-transform: uppercase; } .pat-tab-section .det-card-left .ecg-outer { height: 140px; border-radius:20px !important; border:1px solid #CCD3D8 !important; } .det-card-left-item { transition: box-shadow 0.3s ease-in-out; display: flex; flex-direction: column; gap: 15px; } .card-center-img { width: 100%; height: auto; object-fit: contain; object-position: top; } .dash-main { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; transition: 0.2s ease; width: 100%; padding: 0; } .dash-main .dash-item { background: var(--white-new); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 10px 24px rgba(94, 108, 155, 0.07); padding: 5px; } #dossier_block_content #patient_folder_block .dos-top-action { margin-right: 0; } .dos-top-actions { margin-bottom: 10px; } .det-card-outer .grp-dos-icons .dash-item, .det-card-outer .access-file .dash-item { height: 235px; } .det-card-outer .grp-dos-icons .dash-item img { max-height: 235px; } .det-card-outer .dash-main.new-dash .dash-item.default_folder { justify-content: center; } .det-card-outer.dash-main.new-dash .dash-item { padding: 10px; } .det-card-outer .dash-main.new-dash .new-img img { max-height: 235px; } .spec-cover-view .det-card-outer .dash-main.new-dash .new-img img { height:auto; width: 100%; } .spec-cover-view .dash-main.new-dash .dash-item .dash-cont { margin-top: 0; } .det-outer-box.det-block { background: transparent; padding-left: 0; } .fds-bg-img { background-image: url(../images/login-img.png); background-repeat: no-repeat; background-position: right 90px; background-size: contain; } .fds-bg-img .scroll-inner-2 { background: var(--detail-card); } .accordion-button:not(.collapsed) { background: var(--accordion-btn); color: #fff !important; &::after { filter: grayscale(1) brightness(1); } } .dashbg::before { content: ""; position: absolute; top: -100px; height: calc(100% + 120px); width: 100%; z-index: -1; background: #FDFDFE; } /*end detail page new design*/ /*before login*/ .landing-card .login-container { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 16px; align-items: center; padding: 16px; border-radius: 30px; background: var(--form-bg); border: 1px solid var(--border); box-shadow: var(--shadow); overflow: hidden; position: relative; margin-bottom: 20px; min-height: initial; } .admin-login .login-container {grid-template-columns: 1fr;} .login-hero { position: relative; z-index: 1; padding: 0; } .login-badge { display: inline-flex; align-items: center; padding: 10px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.82); border: 1px solid var(--border); color: var(--siteblack); font-size: 12px; font-weight: 600; letter-spacing: 0.01em; margin-bottom: 16px; } .login-hero h1 { margin: 0; font-size: clamp(30px, 4vw, 45px); line-height: 0.98; letter-spacing: -0.055em; color: var(--primary); font-weight: 600; } .login-hero p { margin: 18px 0 0; font-size: 17px; line-height: 1.65; color: var(--muted); max-width: 620px; } .landing-card .land-logo { height: 35px; margin-bottom: 20px; } .landing-card .register-pages .land-logo { margin-bottom: 0px; } .landing-card .form-title, .landing-card .logged-container { text-align: left; } .wrapper .landing-card { min-height: 100vh !important; display: flex; justify-content: center; align-items: center; } .logged-container a { text-decoration: none; } .register-pages .logged-container a { text-decoration: underline; } .user-desc { color: var(--muted); font-size: 14px; line-height: 1.6; } .logged-container .form-subtitle { margin: 0 0 22px; color: var(--muted); font-size: 16px; line-height: 1.7; } .landing-card .btn { background: var(--gradient-btn); border-radius: 10px; } .logged-container .text-linkcode { text-decoration: underline; } .logged-box .form-title { margin-bottom:25px; } .new-ppf-sec .patient-btm-block .patient-dtl { margin-top: 3px; } .chip { display: inline-flex; align-items: start; gap: 3px; border-radius: 14px; font-size: 13px; font-weight: 500; flex-wrap: wrap; } .pat-det-inner { display: flex; flex-direction: column; min-height: 48px; } .chip label, .patient-dtl.ald-cmu label { padding: 0; margin: 0; font-weight: 500; white-space: nowrap; } .chipdot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); position: relative; top:5px; } .patient-dtl .chipdot { margin-bottom: 3px; } .new-ppf-sec .first-block { padding-right: 18px; } .detail-pin.tret .form-control { margin-top: 3px; } .profile-det-right { max-width: 50%; display: flex; background: var(--detail-right-liner); box-shadow: var(--shadow); border-radius: 20px; margin-left: 15px; padding:10px; position: relative; } .detail-page .patient-address-det .patient-dtl label,.profile-det-right .patient-address-det .detail-pin label { color:#fff; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 600; } .profile-det-right .link-txt,.profile-det-right .patient-details { color: #fff; font-size: 13px; font-weight: 500; min-height: 20px; } .profile-det-right .patient-det-left .edit-icon { color: #fff; } .acrod-rig { background: var(--detail-card); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: var(--detail-card-radius); padding:10px; } .termscondtion_modal { background: var(--login-box-bg); box-shadow: var(--login-box-shadow); border-radius: var(--login-box-radius); border: var(--login-box-border); } .termscondtion_modal .btn { background: var(--gradient-btn); border-radius: 10px; } .dossier-scrl .col-lg-3 { width: auto; } .folder-body .folder_scr { display: flex; flex-wrap: wrap; } .folder-body .folder_scr .dash-main { margin-bottom: 5px; } .patient-top-sec.edit-mode .pat_height { display: flex; color:#fff; align-items: center; } .pat_height span { padding-left:3px; } .right_folder_blk .dash-main.new-dash .dash-item { min-height: 155px; padding: 5px; justify-content: center; } .fds_folder_block .access-file .right_folder_blk .dash-item { margin-top: 0; } .right_folder_blk .dash-main.new-dash .new-img { height: 120px; min-height: initial; } .right_folder_blk .dash-main.new-dash .ocr .new-img { height: 100px; } .login-popup .modal-header .btn-close { filter: brightness(1) invert(0) !important; } .login-popup .login-hero { display:none; } .doc-profl-page { padding: 15px 20px 15px 20px; } .right_folder_blk .fileupload-icon svg,.right_folder_blk .view-icon svg,.right_folder_blk .private_lock_show,.right_folder_blk .p-usr { background: var(--menu-bg); border: var(--menu-border); box-shadow: var(--menu-shadow); border-radius: 50%; } .right_folder_blk .dash-item span { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 40px; } .right_folder_blk .dash-main { padding:0; min-width:0; } .dash-outer .right_folder_blk { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 5px; padding: 0 5px;} .profile-med-dossier .right_folder_blk { column-gap :0; padding:0; row-gap:5px; } /* .access-file .dash-item has display:table + max-width:initial (line ~2477), which lets a card's intrinsic content width (icon block + a long label like "ORDONNANCE DE PRISE DE SANG") exceed its 1fr grid track — with no min-width:0 anywhere in the chain, the grid track grows past the section's available width instead of the card shrinking, and the excess gets visually clipped past the col-lg-3 column edge. Cap it to the grid cell's own width. */ .right_folder_blk .dash-main.new-dash .dash-item { max-width:100%; } .equip-content .adm_tab-cont .listing-header .d-flex { flex-wrap: nowrap; } .fds_folder_block.fds_blk .access-file { padding:15px; margin-right: 10px; } .wrapper.invite-medecin .landing-card { min-height: calc(100vh - 165px) !important; } .alerts-data-list { max-height:272px; overflow-y: auto; margin-bottom: 10px; } .santee-health-alertblk .alerts-data-list {max-height: calc(100vh - 230px);} .acc-alert-links { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; padding:20px 0; } .acc-ab { position: relative; border-radius: 20px; box-shadow: var(--shadow); border: 1px solid rgba(255, 255, 255, .06); margin-bottom: 0; display: flex; align-items: center; gap: 8px; padding: 10px; min-width: 0; overflow: hidden; align-items: flex-start; } .ha-alert-settings-btn-topright { position: absolute; top: 8px; right: 8px; z-index: 3; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .85); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); color: var(--muted); line-height: 1; } .ha-alert-settings-btn-topright:hover { color: var(--primary); } .acc-alert-links a { display: flex; align-items: center; gap: 10px; text-decoration: none; flex: 1; min-width: 0; } .acc-ab-ico { font-size: 28px; flex-shrink: 0; line-height: 1; margin-top: 2px; color: #c9456a; } .acc-ab-ico-img { width: 40px; height: 40px; object-fit: contain; display: block; } .acc-ab-bd { flex: 1; min-width: 0; } .acc-ab-sup { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #c9456a; font-weight: 600; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .acc-ab-badges { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; } .acc-ab-title { font-size: 15px; font-weight: 500; color: #1f2a3a; } .acc-ab-title-row { display: flex; align-items: center; gap: 8px; } .acc-ab-title-row > a { flex: 1; min-width: 0; text-decoration: none; } .acc-ab-title-row > a:hover { text-decoration: underline; } .acc-ab-title-row > .ha-status-ddl, .acc-ab-title-row > span { flex-shrink: 0; margin-left: auto; } .acc-ab-date { color: var(--muted); } #week-for-container,#day-for-container { display: flex; align-items: center; } .pat-side-card .eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgba(94, 108, 155, .10); color: var(--primary); font-size: 12px; font-weight: 700; margin-bottom: 14px; } .pat-side-card .eyebrow .pill-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--primary); } .pat-side-card h5 { font-size: 20px; line-height: 1.08; letter-spacing: -0.03em; color: #1f2a3a; margin-bottom: 12px; } .pat-side-card .lead { font-size: 14px; color: #43536c; margin-bottom: 0; } .accu-card .eyebrow { font-weight: 500; } .accu-card h5 { font-size: 16px; } .accu-card .lead { font-size: 13px; } .form-wrap.form-builder .frmb .form-elements input[type=text].option-value { display: none; } .form-wrap.form-builder .frmb .form-elements input[type=text].option-label { width: calc(85% - 17px); } .form-wrap.form-builder .frmb .sortable-options>li .remove { right: 5px !important; color: #fff !important; } #dynamic1 .cke_inner, .formularie.preview_tab .cke_inner { pointer-events: none; opacity: 0.5; } #dynamic2 .cke_inner { opacity: 1; pointer-events: all; } .cursor-pointer { cursor: pointer; } .paragraph-tag span { display: inline-block !important; } .paragraph-tag p { margin-bottom: 5px !important; } .fld-label { text-transform: none !important; } .form-wrap.form-builder .frmb .form-elements .add:hover, .form-wrap.form-builder .frmb li.form-field .close-field:hover { background: var(--primary); color: #fff; cursor: pointer; } .custom-datatable .dt-type-numeric { text-align: center !important; } .picker { position: absolute !important; top: auto !important; left: auto !important; z-index: 9999; } /*cookie-consent*/ .cookie-consent { padding: 3px !important; } .cookie-consent .p-4 { padding: 0 !important; } .cookie-consent .flex { display: flex; justify-content: center; align-items: center; } .cookie-consent .flex p { margin-bottom: 0; } .cookie-consent button { height: 22px; } .cookie-consent .mt-2 { margin-top: 0 !important; } /*End : cookie-consent*/ .pdf-tb-outer { width: calc(100% - 20px) !important; } .tab-bor-pdf, .nia_text_outer .fi-span, .tab-padding .fi-span { font-size: 14px !important; } .Header-b-tit { font-size: 16px !important; } .Header-s-tit { font-size: 13px !important; } .tab-header-img img { margin: 10px !important; width: 40px !important; height: 40px !important; } .nia_text_outer { margin-right: 0 !important; } .modal { z-index: 1101; } .modal-open .new-ppf-sec .patient-det-left .edit-icon, .modal-open #homme_container .homme-pat-top .edit-icon { pointer-events: none; opacity: 0.4; } /*jquery-ui update aug 2025*/ table.dataTable thead>tr>th div.dt-column-header { height: 100%; } .fds-medicine-ddl { position: relative; } .fds-medicine-ul { position: absolute; max-height: 40vh; overflow-y: auto; z-index: 10; padding-left: 0; top: 44px; } .ins-preview { display: flex; font-size: 14px; gap: 10px; } .ins-preview label { min-width: 150px; color: #667B89; text-align: left; } .ins-preview-outer { display: flex; flex-direction: column; margin-bottom: 30px; padding: 0 30px; gap: 8px; } .file-small-icon { min-height: auto; } /*end : jquery-ui update aug 2025*/ .calendar-menu.title-separator { gap: 5px !important; align-items: flex-start !important; } .calendar-menu.title-separator .calen_top_btns, .calendar-menu.title-separator .align-items-center { align-items: flex-start; } .calen_top_btns .calender-tab { align-items: flex-start; } .rbc-toolbar { gap: 5px; } .calendar-menu .txt.calender-tab { margin-bottom: 10px; } .calendar-menu .react-pat-search { min-height: 34px; } /* scrool bottom btn */ #scrollTopBtn { position: fixed; bottom: 55px; right: 30px; z-index: 100; font-size: 22px; border: none; outline: none; background-color: #73a7c5; color: white; cursor: pointer; padding: 10px; border-radius: 50%; display: none; transition: background-color 0.3s; width: 45px; height: 45px; line-height: 20px; } #scrollTopBtn:hover { background-color: #82aff1; } /* scrool bottom btn */ #examen_modal_body .dropdown-menu.show { transform: translate(0px, 40px) !important; } #examen_modal_body .folder-dropdown .close-btn { border: 0; background: transparent; } .css-1uinhts .MuiDataGrid-columnHeaders:hover .MuiDataGrid-columnSeparator, .css-1uinhts .MuiDataGrid-columnHeaders:hover .MuiDataGrid-columnSeparator--resizing { visibility: hidden !important; } /* top right block*/ .pt-edit-blk-inp input.pdt-is-invalid { border: 2px solid #EA3640; } .pt-edit-blk-inp { position: relative; } .cmuameinvalide_date, .pt-edit-blk-inp .error-help-block { background-color: #f8d7da; font-size: 12px; box-shadow: 1px 6px 30px rgba(13, 35, 68, 0.1); color: #000; font-weight: 500; position: absolute; padding: 4px 10px; top: 30px; left: 0; z-index: 10; width: max-content; border: 1px solid #f5c2c7; border-radius: .25rem; line-height: 15px; } .patient-dtl-tel-no .contry-outer .error-help-block { left: -65px; } .pt-edit-blk-inp:has(.error-help-block) .form-control, .pt-edit-blk-inp:has(.error-help-block) .contry-outer { border: 2px solid #EA3640; } #deleteModal1.modal, #deleteExamensModal.modal, #fileshar_modal.modal, #deleteCoronaryModal.modal { z-index: 1102; } body>.modal-backdrop.show+.modal-backdrop.show { z-index: 1101; } .imap-reply-modal { z-index: 1103; } /*react dossier*/ .create-folder-popover { z-index: 10001; } .create-folder-modal .form-floating>.form-control:not(:placeholder-shown)~label { opacity: 1; color: #212529a6; } .create-folder-modal .form-control, .create-folder-modal .form-control::placeholder { font-size: 13px; } .create-folder-modal .form-control { padding: 7px; } .select2-container .select2-search--inline { margin-bottom: 5px; } .lgv_hide_show:before { font-size: 0; } /* Hide Edge & IE password reveal icon */ input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } .react-multi-chat .form-select { border: 0; } .verf-email { display: flex; width: 100%; } .verf-email .icon { right: 20px; } .cal-verfi .verf-email .formfield { width: 100%; } /*ald cmu lbl text*/ .cmu-lbl-alt, .ame-lbl-alt { color: #EA3640 !important; font-weight: 500; background: #fff; padding: 2px 5px !important; border-radius: 5px; font-size: 12px; } .exper_doc .alert-danger { margin: auto; } .prise_de_sang_blk .file-upload { border:0; background: transparent; padding: 0; min-height: initial; margin: 15px 0; } .prise_de_sang_blk .new-img { border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow); background: #fff; } .prise_de_sang_blk .new-img img { width:100%; height:auto; border-radius: 20px; } .prise_de_sang_blk .fol-name { color:#DC4646; font-size: 16px; font-weight: 600; text-align:center; text-transform: initial; width:100%; } .praise_pat .new-img { max-width:200px; border:0; box-shadow:none; } .praise_pat .file-upload { align-items:center; } .praise_pat .fol-name { width:100%; padding:0 5px; margin-bottom: 10px; } .praise_pat { border:1px solid var(--border); background: var(--light-primary); box-shadow: var(--shadow); border-radius: 20px; margin:10px; } .prof-allergie-title { display:flex !important; justify-content: space-between; } /* health chart style */ .metric-card { background: rgba(255,255,255,0.78); border: 1px solid var(--border); border-radius: 22px; padding: 14px 14px 12px; box-shadow: 0 8px 18px rgba(94,108,155,0.05); min-height: 78px; cursor: pointer; } .metric-top { display: flex; align-items: center; gap: 10px; color: #6e80a2; font-size: 12px; font-weight: 800; display: flex; align-items: center; gap: 10px; color: #6e80a2; font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; } .metric-body { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; gap:5px; } .metric-icon { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #7f90b1; font-size: 14px; flex: 0 0 auto; } .metric-icon img { width: 100%; height: auto; } .metric-value { font-size: 16px; font-weight: 600; line-height: 1.1; color: #274267; } .metric-value .big { font-size: 20px; letter-spacing: -0.04em; } .metric-value small { font-size: 11px; color: #8a98b2; font-weight: 600; } .state { min-width: 84px; padding: 8px 10px; border-radius: 14px; text-align: center; font-size: 11px; font-weight: 600; text-transform: lowercase; background: var(--soft-green); color: #7bac5e; } .state.bad { background: var(--danger-bg); color: var(--danger); } .metric-card.active { border:2px solid #5E6C9B; box-shadow:0 12px 24px rgba(94,108,155,.15); } @media (max-width: 768px) { .dash-outer .right_folder_blk { grid-template-columns: 1fr; } } /* DFG and Hb overview style */ .dfg-overview { position: relative; } .btn-toggle.dfg-toggle { position: absolute; top: 10px; right: 10px; } /* caladander */ .htl-outer { overflow-x: auto; padding: 20px 0 0; margin: 8px; } .htl-track { display: flex; align-items: flex-start; position: relative; min-width: max-content; padding: 0 24px 20px; } .htl-strip { display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 1; min-width: 200px; } .htl-strip:last-child .htl-line { visibility:hidden; } .htl-strip .single-entry { width:50%; min-width:320px; } .htl-outer .htl-file-name { justify-content: left; } .htl-date-top { font-size: 12px; color: #6c757d; margin-bottom: 8px; white-space: nowrap; font-size: 14px; line-height: 21px; color: #001612; width: 100px; min-height: 21px; } .htl-outer.custom-scrollbar-css::-webkit-scrollbar { height: 8px !important; } .htl-outer.custom-scrollbar-css::-webkit-scrollbar-thumb { background: #bababa; border-radius: 6px; cursor:pointer; } .htl-outer.custom-scrollbar-css::-webkit-scrollbar-track { background: #eee; } .htl-wrapper { border-radius: 20px; overflow: hidden; background:#fff; border-radius: 20px; box-shadow: 0 10px 24px rgba(94, 108, 155, 0.07); border: 1px solid var(--border); margin-top:15px; } .htl-dot-row { display: flex; align-items: center; justify-content: center; width: 100%; height: 20px; } .htl-line { height: 0; flex: 1; border: none; border-top: 1px dashed #334f61 !important; background: transparent !important; } .htl-dot { flex-shrink: 0; z-index: 2; position: relative; width: 15px; height: 15px; background: var(--primary); border-radius: 50%; } /* Info below */ .htl-info { margin-top: 10px; cursor: pointer; padding: 0 8px 0 0; max-width:200px; } .htl-info:hover .htl-file-name { text-decoration: underline; } .htl-folder-name { font-size: 14px; line-height: 21px; color: #334F61; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .htl-file-name { font-size: 13px; line-height: 15px; color: #99A7B0; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .htl-line-left { display: none; } #pills-alerts-tab { border-color: #e05555; color: #e05555; } #pills-alerts-tab.active { background: #e05555; color:#fff; } .staticModal,.helt_Modal { padding: 20px; } .staticModal .modal-dialog,.helt_Modal .modal-dialog { max-width:99%; margin:auto; } .staticModal .modal-content,#allergies_view_modal .modal-content,.helt_Modal .modal-content { padding: 20px; } .helt_Modal .modal-header { padding: 0; padding-bottom: 5px; } #allergies_view_modal .modal-dialog { max-width:80%; margin:auto; } .staticModal .modal-header,#allergies_view_modal .modal-header { padding: 0; width: 100%; } #allergies_view_modal .modal-body { min-height:88vh; overflow: auto; } .staticModal .modal-body,#allergies_view_modal .modal-body { max-height:88vh; overflow: auto; } .helt_Modal .modal-body { max-height:95vh; overflow: visible; } .mdklk-modal-content { max-height: 80vh; } .helt_Modal h5 { width:100%; text-align: center; position: sticky; top: -5px; z-index: 2; background: #fff; } .alerts-data-top-header .iconify { font-style: normal; margin-top: -15px; } /* holter pages */ #holter-root .app-shell { min-height: calc(100vh - 130px); height:auto; } /* evo history */ .evo-history-table { .evo_sec_title { color: white; margin: 0; } .evo_sec_title_2, .evo_sec_title_6, .evo_sec_title_8, .evo_sec_title_11, .evo_sec_title_15, .evo_sec_title_17, .evo_sec_title_19, .evo_sec_title_21, .evo_sec_title_23 { background: linear-gradient(90deg, #A7C89B 0%, #bdd7af 100%); } .evo_sec_title_3, .evo_sec_title_9, .evo_sec_title_12 { background: linear-gradient(90deg, #a0bceb 0%, #c5d4eb 100%); } .evo_sec_title_4, .evo_sec_title_13 { background: linear-gradient(90deg, #b6b9f0 0%, #A7AAE1 100%); } } .evo-history-table.accu-card { min-height: initial; padding: 0; } .evo-history-table td { padding: 10px 20px; border: 0; font-size: 14px; color: var(--siteblack); } .evo-history-table th { background:transparent; padding: 10px; font-size: 14px; font-weight: 600; border: 0; color: var(--siteblack); padding: 10px 20px; } .evolution_graph { border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow); background-color: #fff; padding:15px; margin-bottom: 15px; } .poids .poids-outer .span_evo_val { color:var(--siteblack); font-weight:500; font-size: 15px; } .evo-history-table .icon-title { justify-content: space-between; width: 100%; } .card.evo-overview.active { border: 1px solid var(--primary); } .evo-overview img { width: 100px; height: auto; } .evolution_subtype .poids-outer .invalid-err-msg { display: flex; gap:5px; justify-content: center; } .deleteBloodModel .modal-header { justify-content:flex-end; } .evo-history-table td.evo_history_error { color:var(--danger); } .evo-overview h6 { font-size: 14px; min-height: 35px; line-height: 20px; margin: auto; word-break: break-word; } .evo-overview-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 15px; } .dfg-overview-list { border:1px solid red; box-shadow: var(--shadow); background: var(--menu-bg); border-radius: 20px; margin-bottom: 15px; justify-content: center; padding:0 5px; } .ecol_tb { color: grey; font-size: 13px; } /* health static popup */ .helt_grid_outer { display: flex; justify-content: space-between; align-items: center; } .hel-text-rght { font-weight: 600; cursor: pointer; text-decoration: underline; } .hel-text-rght:hover { color: var(--primary); } .no_allergies { display: inline-flex; align-items: center; gap: 3px; background-color: #fff; padding: 2px 4px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #EA3640; height: 20px; width: auto; border: 1px solid #EA3640; box-shadow:var(--shadow); position: absolute; right: 10px; } .allergies_disable { pointer-events: none; opacity: 0.5; cursor: not-allowed; } .aller-ddl { display: inline-flex; z-index: 2; position: relative; top: 0px; padding-right:0; } .prof-allergie-title .dropdown-toggle { margin: 0 !important; } .sec-allerge-view .prof-allergie-title { margin-top: 0px; } .aller-ddl .dropdown-toggle { margin-bottom: 0 !important; background: #e05555; border-color: #e05555; color:#fff; } .outer-noallergie-data .aller-ddl .dropdown-toggle { background: transparent; border-color: #e05555; color: #e05555; } .aller-ddl .dropdown-toggle:hover { background: #e05555 !important; color: #fff !important; } .ptab-right .aller-ddl .dropdown-toggle { padding: 7px 15px; font-size: 15px; } .aller-ddl .dropdown-item { font-size:14px; } .ab-file.text-link{word-break: break-word;} /* evolutionGroupTypeModal */ .evolutionGroupTypeModal .modal-header { background: var(--gradient-btn); color: #fff; display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-radius: 10px 10px 0 0; } .evolutionGroupTypeModal .modal-header .close { color: #fff; } .evolutionGroupTypeModal .ico { width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 255, 255, .14); display: grid; place-items: center; flex: none; } .evolutionGroupTypeModal .modal-title { color: #fff; } .evolutionGroupTypeModal .modal-header .close-btn { color: #fff; margin-left: auto; } .evolutionGroupTypeModal .sub { display: block; font-size: 12px; font-weight: 400; opacity: .7; margin-top: 2px; } .evolutionGroupTypeModal .modal-body { padding:20px; } .evolutionGroupTypeModal .form-label { font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 0; color:var(--muted); } .evolutionGroupTypeModal .dropdown-item { position: relative; padding-left: 15px; } .evolutionGroupTypeModal .dropdown-item:before { content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: #c4ccdd; } .evolutionGroupTypeModal .dropdown-item.dropdown-group-title:before { display: none; } .evolutionGroupTypeModal .modal-dialog { max-width:900px; } .dossier-permissions { padding-top:10px; } .patient_logged_in .dossier-permissions .dt-layout-full { height: calc(100vh - 280px); } .dossier-permissions .btn-toggle { display: flex; justify-content: center; } .dossier-permissions .btn-toggle label { width:50px !important; } .profile-tab-outer .col-lg-6 { padding:0 5px; } .profile_fol_blk .treatment-block.col-lg-6,.vlg-container .col-lg-6 { padding:0 5px; } /*Doubt*/ #prescriptions_tab { padding-left:10px; } .register-pages .formfield { margin-bottom: 25px; } .register-pages .cal-verfi .formfield { margin-bottom: 0; } .dropdown .dropdown-item.fds_evolution_type { padding:0; } .fds_evolution_type a { padding:10px 1rem; } .logged-box .logged-container { min-height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; display: flex; flex-direction: column; justify-content: center; align-items: self-start; } .frame-ddl { background-color: #fff; border: 1px solid #fff; padding: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; clear:both; } .frame-ddl .form-check-input { margin:0; margin-right: 10px; } .frame-ddl .form-check-outer .form-check-input { margin-left:6px; } .frame-ddl .form-check-label { color:var(--site-black); font-weight: 400; font-size: 13px; } .form-check-outer { padding:10px; } .frame-ddl .ft-group-header { background: var(--gradient-btn); padding: 7px 15px; color: #fff; margin: 2px 0; border-radius: 9px; } .frame-ddl .ft-group-header .form-check-label { font-weight: 500; font-size: 14px; } #holter-root .react-calendar { max-width:100%; width:100%; } #holter-root .create-request-btn { width: 100% !important; max-width:420px; } #holter-root .create-form-container { min-height:initial; } #frame_title_no_data { color:#EA3640; font-size:13px; text-align: center; padding:5px; } .preview-iframe p { color:#fff; } .add_new_examenfolder { color:var(--primary); text-decoration:none; } .ptab-right #evoGraphModal .modal-body { max-height: 80vh; } /*fds profile*/ .allergies-fds-block .fac-content { border:0;max-height:initial;min-height: initial; } .allergies-fds-block .pt-title { padding-left:10px; } .allergies-fds-block .fac-content h5.mb-0 { visibility: hidden; } .patient-sec .pt-field.alg_fds { border-color:#dc4646; } .allergies-fds-block .creat_dr_name{display: flex;gap:3px;margin-top:5px} .allergies-fds-block p{margin-bottom:0} .allergies-fds-block .pt-detspan{padding: 5px 15px 5px 5px;} .allergies-fds-block .allerge_edit,.allergies-fds-block .delete_examen_icon{ font-size: 21px;} .allergies-fds-block .delete_examen_icon{right: 5px;} .allergies-fds-block .pt-detspan span{margin:auto;display: inline-block;vertical-align: middle; margin-right: 5px;} .allergies-fds-block .pt-detspan .badge-info{display: block;} .patient-sec .allergies-fds-block .btn{ display: inline-block;width: auto;padding: 6px 20px;} .fds25-modal-body{overflow: auto;max-height: 85vh} #fds25_form_modal .modal-dialog{max-width: 750px;} .fds25-modal-body .pt-detspan span{margin:initial;} .fds25-modal-body .row{margin-bottom:10px} .fds25-modal-body .fac-flex{gap:5px} .fds25-modal-body .formfield{margin-bottom:0} .allergies-fds-block .aller-ddl{margin-top: -15px;} .allergies-fds-block .allergies_status.dropdown .btn:after{right: 9px;color: #e05555;} .allergies-fds-block .allergies_status .dropdown-toggle{border-color:#e05555 !important;color: #e05555 !important;} .allergies-fds-block .allergies_status .dropdown-toggle:hover{color:#fff !important} .allergies-fds-block .file-round .iconify{font-size: 50px;margin: 10px auto;} .allergies-fds-block .file-round{height: auto;} .border-blue .form-control{border-color: var(--primary); border-radius: 14px;} .border-blue .search-box-date.formfield{margin-bottom:0} .border-blue .normal_view_filter .form-control{font-size:14px; height: 40px !important;} .prescription-blck .profile-det{overflow-y:auto} .cdw-alert-modal-backdrop.open{backdrop-filter: none !important;} .btm-block-ren{ display: flex; gap: 10px; justify-content: space-between; margin-top: 5px; } .btm-block-ren .ajouter_examen.btn{ width:auto !important; margin:0 } .btm-block-ren .ajouter_examen svg{font-size:20px;color:var(--primary)} .profile_factures_view .fac-overview .inline-check{ flex:auto; text-align: right; display: flex; padding-right: 30px; } .sante-blk.pills_sante_dossier_blk .fds_blk.maintain-block{ width:100% } .fds_blk.maintain-block .connt_health-tab{ min-height:calc(100vh - 500px); display:flex; justify-content: center; align-items: center; color:#D84C3A } .file-trans-link{color:var(--error);font-weight: bold;} .dt360-history-content .connt_health-tab{border-radius: 0;padding: 10px;background: transparent;box-shadow: none;} .dt360-history-content .connt_health-content{width:100%} /*Media Query*/ @media only screen and (max-width: 1895px) { .filter_part { width: 100%; } .equip-content .filter_part { width: auto; } .gblrestalgn .filter_part { width: auto; } .doc-profl-page, .mail-container.container-fuild { padding: 20px 15px 20px; } } @media only screen and (max-width: 1760px) { .data-listing table.dataTable thead .spec-th { width: 250px; min-width: 250px; } .equip-content .taches-rg { padding-left: 0; } .equip-content .col-xl-8 { width: 80%; } .equip-content .taches-img-container { width: 20%; } .new-ppf-sec .det-doc { max-width: 255px; } .navbar-nav .nav-link, .mestablink button { padding: 8px !important; } .navbar-nav.main-manu .task-menu .nav-link { padding-right:30px !important; } .navbar-nav.main-manu .task-menu .nav-link:has(#todoCountBadge:empty) { padding-right:8px !important; } .admin-navbar .navbar-nav .nav-link, .admin-navbar .mestablink button { padding: 8px 5px !important; } .nav-pills .nav-link { padding: 0 10px; } .navbar .doc-nav .dropdown-toggle::after { margin-left: 0; } .navbar-collapse,.right-menu .navbar-nav { gap: 5px; } .navbar-brand .logo { height: 58px; } } @media only screen and (max-width: 1665px) { .imap_filter_block h3, #email_history_tab .listing-header h3 { width: 100%; padding-bottom: 5px; } .mes-unread .pcnt, .sec-unread .pcnt { margin-right: 10px; } } @media only screen and (max-width: 1610px) { .patient-top-sec .person-det { margin-left: 5px; } .data-listing table.dataTable thead th.th-patient { min-width: 110px; width: 110px; } .data-listing table.dataTable thead th.th-patient.hide_colum_cls { min-width: 0; width: 0 !important; max-width: 0; } .data-listing th.creepa-th { min-width: 60px; width: 60px; } .data-listing th.joinee-th { min-width: 120px; width: 120px; } .data-listing table.dataTable td { padding: 10px 5px; } .data-listing table.dataTable thead th { padding: 14px 5px; } table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled { padding-right: 22px; } .list-detail.body-with-msg .container-fluid { padding: 13px 15px; } .aside-minimize .left-pannel { margin-right: 13px; } .update-detail #export-btn.btn { font-size: 14px; } .cre-btn .btn { padding: 6px 5px; } .profile-overview-container.vlg-container .col-xl-4.col-lg-6 {padding: 0 5px;} } @media only screen and (max-width: 1581px) { .aside-minimize .cmn-header .pat-flex h3 { padding-right: 5px; } .aside-minimize .cmn-header .pat-flex .normal_view_filter:first-of-type { margin-left: 0; } .measure-tab .card-body { padding: 20px 12px; } .cmn-header.admin-search .normal_view_filter input#searchpatientname { width: 250px; padding-right: 5px; padding-left: 29px; } .cmn-header.admin-search .normal_view_filter.cre-search input#searchcreerpar { width: 155px; } .cmn-header.admin-search .normal_view_filter input#searchpatientname::placeholder, .cmn-header.admin-search .normal_view_filter.cre-search input#searchcreerpar { font-size: 11px; } .cmn-header.admin-search .normal_view_filter.nip-search input { width: 115px; } .navbar-nav .nav-link { font-size:13px; line-height: 20px; } .navbar-collapse,.right-menu .navbar-nav { gap:5px; } .navbar .dropdown.logged_acct, .logged_account_list .dropdown { padding-right:5px; } .navbar .nav-item.dropdown .nav-link.dropdown-toggle .cen_name { max-width: calc(100% - 17px); } .navbar .doc-nav .dropdown-toggle::after { margin-left: 3px; } .navbar-light { padding: 10px !important; } .nav-lag.dropdown-toggle img { margin-right: 0; } .nav-lag.dropdown-toggle { padding:10px; gap:5px; } .pat-tab-section .nav-pills { gap:5px; } .pat-tab-section .nav-pills .nav-link { min-width: 125px; } .nav-pills .nav-link { padding: 0 7px; } .main-manu { gap:5px; } .det-card-outer>.dash-main:nth-of-type(4n/**/+1) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(4n/**/+2) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(4n/**/+3) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(4n/**/+4) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(3n/**/+1) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(3n/**/+2) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(3n/**/+3) { grid-column: initial; } .patient-dtl.ald-cmu { width: auto; flex-wrap: wrap; gap: 5px; } .patdet-bom-btn .btn { font-size: 11px; margin-right: 0; padding: 5px 3px; } #dossier_block_content #patient_folder_block .dos-top-action { margin-top:0; } .navbar-brand .logo { height: 45px; } } @media only screen and (max-width: 1497px) { .task-menu .nav-link { padding-right: 30px !important; } .navbar-nav.main-manu .task-menu .nav-link:has(#todoCountBadge:empty) { padding-right: 5px !important; } .poids-outer .formfield { width: 140px; } .poids input { width: 75px; } .pro-fol-blk { width: 68.8%; } .pat-tab-section .profile-med-dossier .col-lg-3 { width: 30%; margin-left: 10px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(4n+1){ margin-left: 10px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(3n+1) { margin-left: 0; } .pat-tab-section .det-card-left .ecg-outer { height: 100px; } .no_allergies { font-size: 12px; } .ptab-right .aller-ddl .dropdown-toggle { padding: 5px 5px; font-size: 13px; } } @media only screen and (max-width: 1484px) { .data-listing table.dataTable thead th.th-patient { min-width: 100px; width: 100px; } .data-listing th.creepa-th, .data-listing th.assigne-th { min-width: 75px; width: 75px; } .data-listing th.joinee-th { min-width: 100px; width: 100px; } .pdf-img-outer { width: 350px; } .pdf-img-outer .img-pdf { width: 350px; } .update-detail #export-btn.btn { font-size: 13px; padding: 8px 10px; } .patient-dtl .link-txt { font-size: 12px; white-space: nowrap; } .back-text { font-size: 13px; } .cmn-header .flt_right { width: 35%; } .patient-list-pg .cmn-header .flt_right { width: 100%; } .cmn-header.admin-search .flt_right { width: auto; } .cmn-header.listing-header { flex-wrap: nowrap !important; align-items: end !important; } .patient-list-pg .cmn-header.listing-header { flex-wrap: wrap !important; } .consentement-block .dash-main { width: 33%; } .equip-content .col-xl-8 { width: 100%; } .equip-content .taches-img-container { display: none !important; } .det-card-outer { grid-template-columns: repeat(4, minmax(0, 1fr)); } .det-card-view .det-card-outer { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dossier-scrl { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pat-tab-section .file_size_warning { margin-bottom: 15px; } #message_container .react-chat-msglisting .react-chat-listhead { flex-wrap: wrap; } .patdet-bom-btn { width: 465px; } .vlg-container .col-xl-4.col-lg-6, .measure-tab .col-xl-4.col-lg-6, .valid-alleg.col-xl-4.col-lg-6 { width: 50%; } .ptab-right .aller-ddl .dropdown-toggle { font-size: 12px; } } @media only screen and (max-width: 1434px) { .ptab-right .download_icon.btn { padding: 8px 5px; } .poids input { width: 55px; } .vlg-container .col-xl-4.col-lg-6, .measure-tab .col-xl-4.col-lg-6, .valid-alleg.col-xl-4.col-lg-6 { width: 50%; } .hetcentab_outer .btn { min-width: 100px; } .cmn-header .pat-flex, .cmn-header .pat-flex .form-inline-full { align-items: flex-end; row-gap: 5px; } .sleep_scale-form .form-check-label { padding: right 25px; } .ptab-right .profile-med-dossier .specprofil .download_icon.btn { margin-top: 0 !important; } .new-ppf-sec .det-doc .doc-namelist { margin-left: 0; } .new-ppf-sec .det-doc .doc-btns { justify-content: start; } .doc-namelist p, .det-doc .outer-names .medicine-link, .profile-det-right .link-txt, .profile-det-right .patient-details { font-size: 11.5px; } .new-ppf-sec .det-doc .doc-btns .patient-dtl { padding-right: 10px; } .navbar .doc-nav { padding-right: 5px; } .navbar-nav.main-manu .nav-link { padding: 5px 4px !important; } .navbar-nav.main-manu .task-menu .nav-link { padding-right:30px !important; } .navbar .dropdown.logged_acct, .logged_account_list .dropdown { padding-right: 5px; } .ptab-right .profile_fol_blk .btn { padding: 8px 5px; } .profile-tab-outer .profile-det h3, .ptab-right .profile-tab-outer h5, .vlg-container .profile-det h4.ord_title { font-size: 17px; } .aller-ddl { padding-right: 55px; } .fac-overview{gap:3} .facteurs_tab{padding-right:0;overflow-y: initial;} } @media only screen and (max-width: 1399px) { .detail-page .container { max-width: 97%; } .patient-top-sec .person-det h5, .patient-top-sec .person-det h5>span { margin-bottom: 0px; } .detail-page .patient-address-det .patient-dtl.ast-det { width: 62%; } .patient-det.user-det .edit-icon svg { width: 20px; height: 20px; } .detail-page .patient-top-sec .prof-img { min-width: 65px; min-height: 65px; background-size: 55px; } .new-ppfem-sec .prof-img.no-user { background-size: 55px; } .poids-outer .formfield { width: 100%; max-width: 170px; } .poids input { margin-bottom: 10px; } #tab_trait .treatment-block .profile-det { min-height: 510px; } .vlg-container .profile-det { padding: 10px; } .pat-tab-section .nav-pills .nav-link { min-width: initial; } .ins_det { gap: 5px; } .ins_det-div { gap: 3px; } .ins_det .badge { font-size: 11px; padding: .3em .40em; } .exper_doc .form-wrap.form-builder .frmb-control li, .form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child { font-size: 14px; } .imap-filterleft { margin-bottom: 10px; } .det-card-outer>.dash-main:nth-of-type(3n/**/+1) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(3n/**/+2) { grid-column: initial; } .det-card-outer>.dash-main:nth-of-type(3n/**/+3) { grid-column: initial; } .new-ppf-sec .prf-col .patdet-bom-btn { width: auto; } .evo-overview-grid { grid-template-columns: repeat(3, 1fr); } .profile-tab-outer .profile-det h3, .ptab-right .profile-tab-outer h5, .vlg-container .profile-det h4.ord_title { font-size: 16px; } .ptab-right .aller-ddl .dropdown-toggle { padding: 3px 5px; } .vlg-container .data-title .add-form, .vlg-container .data-title.allerge_view .add-form { font-size: 21px; } .aller-ddl { padding-right: 50px; } .navbar-brand .logo { height: 35px; } .navbar-nav .nav-link { font-size: 12px; } .navbar .user-name img { width: 35px; height: 35px; } .navbar .dropdown.logged_acct .user-name { font-size: 12px; } } @media only screen and (max-width: 1389px) { .listing-header.initi-chat .group-users { width: 100%; justify-content: flex-end; } .update-detail .tab-alert { padding: 5px; margin-right: 0; margin-left: 0; } .navbar-nav.main-manu .nav-link { padding: 5px 4px !important; } .navbar-nav.main-manu .task-menu .nav-link { padding-right:30px !important; } .right-menu .navbar-nav .nav-item { min-width: 25px; } .right-menu .nav-item .dropdown { padding-right: 0px; } .main-manu { gap: 4px; } } @media only screen and (max-width: 1379px) { .navbar .main-manu .dropdown .nav-link { font-size: 12px; } } @media only screen and (max-width: 1375px) { .detail-page .back-text { margin-right: 0; white-space: nowrap; } .patient-top-sec .patient-dtl.dtl-dop { margin-top: 5px; margin-left: 0; display: block; } .patient-top-sec .patient-dtl label { padding-bottom: 0; } .update-detail #export-btn.btn { padding: 6px 5px; } .fds_doss_ddl_btn { font-size: 12px; padding: 8px 5px; } .doss-btns { width: auto; } .connt-healt-tabs { flex-wrap: wrap; } .main-dev .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu .step-desc-title { font-size: 13px; } .main-dev .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu { padding: 15px; gap: 10px; } .main-dev .agenda-screen .layout .agenda-left-block { max-width: 250px; } .main-dev .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu .step-idx { width: 25px; height: 25px; } .main-dev .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu.complete .step-idx:after { height: 13px; left: 8px; top: 3px; width: 6px; } .main-dev .agenda-screen .layout .agenda-left-block .agenda-menu-list .agenda-menu .step-desc-info { font-size: 13px; line-height: 20px; } .main-dev .agenda-screen .layout { gap: 10px; } .calendar-dev .rbc-button-link span, .calendar-dev .rbc-header-Doctor .agenda-name, .rbc-agenda-table, .rbc-date-cell, .rbc-label, .rbc-row-segment { font-size: 12px !important; } .exper_doc .form-wrap.form-builder .frmb-control li, .form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child { font-size: 13px; } .accu-field { gap: 5px; } .accu-field .file_img { width: 60px; flex: 0 0 60px; } .dossier-scrl { grid-template-columns: repeat(3, minmax(0, 1fr));; } .navbar-collapse, .right-menu .navbar-nav { gap: 2px; } .no_allergies { font-size: 11px; } /* .pat-tab-section .profile-med-dossier .col-lg-3{ width: 46%} .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(2n+1) { margin-left: 0px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(3n+1) { margin-left: 10px; } */ } @media only screen and (max-width : 677px) { .main-patient-contaier { flex-direction: column; } } @media only screen and (min-width : 1199px) and (max-width: 1350px) { .qsp-outer { align-items: center; flex-direction: column; position: relative; } .print-ordo { position: absolute; right: calc((100%/2) - (-60px)); bottom: 5px; } .profile-fblk.profile-med-dossier .qsp-outer { flex-direction: column; } .profile-fblk.profile-med-dossier .print-ordo { position: absolute; } } @media only screen and (min-width : 1199px) and (max-width: 1299px) { .doc-btns { flex-direction: column; align-items: center; gap: 5px; } } @media only screen and (max-width: 1355px) { .patient-top-sec.edit-mode .btn-lable { justify-content: end; } .folder-dropdown .dropdown-menu { max-height: 38vh; } } @media only screen and (max-width: 1299px) { .register-pages .form-container { padding: 25px; } .patient-dtl { margin-right: 25px; width: 28%; } .patient-det.user-det { gap: 5px; } .poids input { width: 65px; } .pdf-img-outer { width: 100%; } .pdf-img-outer .img-pdf { width: 100%; } .detail-page .back-text { font-size: 12px; white-space: normal; } .patient-dtl .link-txt { line-height: 20px; } .docs-name { min-height: 99px; } .pro-detail { gap: 20px; } .dossier-inner-cont { width: 75%; } .alt-mes-out { padding: 0 15px; } .det-card-outer,.dossier-scrl { grid-template-columns: repeat(3, minmax(0, 1fr));} .det-card-view .det-card-outer { grid-template-columns: repeat(2, 1fr); } .pat-tab-section .prvt_msg { width: 55%; } .navbar-brand .logo { height: 35px; } .navbar-nav .nav-link { max-width: 105px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .navbar-nav.main-manu .task-menu .nav-link:has(#todoCountBadge:empty) { padding-right:4px !important; } .navbar-light { padding: 15px 20px !important; } .react-chat-msglisting .react-chat-listhead { flex-wrap: wrap; } .mob-icon { margin-left: 15px; } .fac-flex input { padding: 14px 5px; width: calc(100% - 0px); } .ins_det { flex-wrap: wrap; gap: 2px; } .connt_health-content { width: calc(100% - 250px); } .sante-blk.pills_sante_dossier_blk .fds_blk { width: 75%; } .calendar-menu .txt.calender-tab span { font-size: 12px; padding: 6px; } .calendar-menu .btn { padding: .375rem .5rem; } .CalendarContainer .rbc-toolbar button { font-size: 11px; padding: .375rem .5rem !important; } .CalendarContainer .rbc-toolbar .rbc-toolbar-label { font-size: 13px; } .CalendarContainer .rbc-btn-group.no-border button.arrow { margin-right: 0px; font-size: 30px; padding: 5px !important; } .CalendarContainer .rbc-btn-group.no-border { padding-left: 0px !important; } .CalendarContainer .rbc-header { font-size: 12px !important; } .CalendarContainer .rbc-button-link span { font-size: 13px !important; } .CalendarContainer .rbc-time-header-cell { font-size: 13px; } .CalendarContainer .rbc-toolbar .me-3, .calendar-menu .btn-primary.me-3 { margin-right: 7px !important; } .CalendarContainer .rbc-btn-group+button { margin-left: 0px !important; } .CalendarContainer .agenda-absence-icon { margin-right: 1px; width: 15px; } .CalendarContainer .react-app-pointer { padding-right: 0 !important; padding-left: 5px !important; } .CalendarContainer .rbc-header-Doctor .agenda-name, .CalendarContainer .rbc-agenda-table, .CalendarContainer .rbc-date-cell, .CalendarContainer .rbc-label, .rbc-row-segment { font-size: 12px; } .dfg-overview-parent .col-lg-4 { width:50% !important; } .card-center-img-block { display: none; } } @media only screen and (max-width: 1294px) { .navbar-brand { margin-right: 10px; } .right-menu .nav-item.plus .dropdown { padding-right: 0; } .navbar .doc-nav { padding-right: 10px; } .nav-item.menusetting .dropdown-toggle svg, .nav-item.plus .dropdown-toggle svg { font-size: 25px; } .fds_blk { width: 100%; margin-bottom: 10px; } .form-editor .card-body { padding: 25px; } .exper_doc .form-wrap.form-builder .stage-wrap { padding: 10px; margin-right: 10px; } .form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend, .formbuilder-radio label, .formbuilder-checkbox label, .exper_doc h5 { font-size: 14px !important; } .exper_doc .form-wrap.form-builder .frmb li.form-field { padding: 5px; } .form-wrap.form-builder .frmb-control li { padding: 10px 5px; } .form-wrap.form-builder .frmb-control li::before { margin-right: 5px !important; font-size: 13px !important; } .form-wrap.form-builder .frmb-control li .control-icon { width: 14px !important; margin-right: 5px !important; } .cmn-header.admin-search .flt_right { width: 100%; } } @media only screen and (max-width: 1214px) { .pat-tab-section:has(#pills-rapport-old-tab) .col-auto:first-child { order: 2; margin-top: 10px; } } @media only screen and (max-width: 1212px) { .navbar-nav .nav-link { padding: 10px 4px !important; } .navbar-brand { margin-right: 5px; } .listing-header h3 { width: 100%; } #email_history_tab .listing-header h3 { width: auto; } } @media only screen and (max-width: 1140px) { .exper-card { width: calc(100% - 10px); } .navbar-light { padding: 15px 10px !important; } .landing-card .login-container { grid-template-columns: 1fr; } .dfg-overview-parent .col-lg-4 { width:100% !important; } .register-pages .d-lg-block, .log-cred .d-lg-block { display: none !important; } } @media only screen and (max-width: 1199px) { .patient-dtl, .list-detail-sec .patient-dtl { width: 44%; } .list-detail-sec .psecond-row .patient-dtl:nth-child(2) { width: 50%; } .detail-page .patient-top-sec .prof-img { min-width: 55px; min-height: 55px; background-size: 45px; } .new-ppfem-sec .prof-img.no-user { background-size: 45px; } .timeline { padding: 0 45px 15px; } .profile-det { width: 48%; } .prf-row .prf-col.det-doc { width: 33%; } /*med-chat*/ .res-col { flex-shrink: 0 !important; width: 100% !important; } .register-pages .res-col, .log-cred .res-col { position: static; } .log-cntes { margin: auto; } .search-sec .header-search { max-width: 450px; } .ui-menu.global-search-ul { width: 630px !important; } .taches-img-container { display: none !important; } .fds_folder_block #Patient_report_block, .fds_folder_block .dossier-new-tab { width: 100%; } .fds_folder_block .dossier-new-tab { width: 100%; } .new-tab-row .dossier-new-tab .dash-main, .new-tab-row .dossier-new-tab .view-page .col-lg-3 { width: 33% !important; } .detail-page .prf-col .back-text { top: -27px; } .consentement-block .dash-main { width: 50%; } .dash-main.new-dash .dash-item span, .dash-main.new-main .dash-item span { font-size: 11px; } .CalendarContainer .rbc-toolbar .rbc-toolbar-label { font-size: 12px; } .CalendarContainer .rbc-btn-group.no-border button.arrow { padding: 3px !important; } .CalendarContainer .rbc-toolbar .me-3 { padding-left: 5px !important; padding-right: 5px !important; gap: 3px !important; } .CalendarContainer .rbc-toolbar button { padding: .375rem .3rem !important; } .modal-content .dash-main { width: 31.5% !important; } .right-menu .nav-item .dropdown, .navbar .doc-nav { padding-right: 0; } .nav-lag.dropdown-toggle img { margin-right: 0; } .navbar .user-name { max-width: 150px; } /*Navbar*/ .navbar-brand .logo { height: 38px; } .navbar-nav { flex-direction: column !important; } .right-menu .navbar-nav { align-items: self-start; } .navbar-nav .nav-link {padding: 10px 3px !important; max-width: max-content; } .navbar-nav .nav-link, .navbar-nav .btn { padding: 10px !important; } .home-page.before-login .navbar-nav .btn-border:hover { transform: scale(0.96) !important; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; position: fixed; left: -100%; height: 100%; z-index: 1; background: var(--primary); width: 100%; bottom: 0; transition: left .3s ease, right .3s ease, bottom .3s ease, top .3s ease; overflow-y: auto; } .navbar-collapse.show { display: block !important; left: 0; padding: 20px; } .collapsing { height: 100% !important; } .navbar-collapse .close-btn { position: absolute; top: 10px; right: 10px; border: none !important; box-shadow: none !important; font-size: 18px; opacity: 0; visibility: hidden; } .navbar-light { padding: 10px !important; backdrop-filter:inherit; } .navbar-light .navbar-toggler { display:block; color: var(--primary) !important; padding: .2rem .5rem !important; border-color: var(--primary) !important; } .navbar-collapse.show .close-btn { position: fixed; opacity: 1; visibility: visible; transition: all 0.5s ease-in-out; border-color: var(--lightblue) !important; color: var(--lightblue) !important; } .process-incomplete .holter-nav-menu { flex-direction: column; width:100%; align-items: flex-start !important; } .process-incomplete .right-menu { margin-bottom: 10px; } .process-incomplete .navbar .dropdown { align-items: flex-start !important; gap:10px; margin-bottom: 10px !important;margin-left:0 !important; } .navbar-light .navbar-toggler:focus { box-shadow: 0 0 0 .05rem !important; } .navbar-nav .nav-item { margin: 5px; } .b-login, .right-menu, .main-manu { align-items: flex-start !important; } .b-login { gap: 5px; } .right-menu .dropdown.logged_acct .dropdown-menu { min-width: max-content; } .before-login .login-block { padding-top: 60px; } .patient_port { width:100%; } .navbar .search-box { margin-top: 10px; } .navbar .dropdown .dropdown-menu { right: auto; position: absolute; min-width: max-content; } .nav-item.plus .dropdown .dropdown-menu { min-width: 250px; } .dropdown-item { white-space: normal; } .navbar .right-menu { margin-left: 0; flex-direction: column; gap: 10px; margin: 10px 0 0 10px; } .lang-menu { margin-left: 0; margin: 10px; } .navbar .right-menu .dropdown { flex-direction: column; } .navbar .right-menu .dropdown span.user-name:after { right: auto; } .navbar .right-menu .dropdown-menu { position: static; } /*navbar end*/ .evo-overview-grid { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 993px) and (max-width: 1160px) { .patient-alldet { height: calc(100% - 58px); } .patdet-bom-btn { margin-top: 15px; } .patient-det-top { padding-bottom: 8px; } } @media only screen and (min-width: 601px) and (max-width: 1112px) { .proche-card { width: 47%; } } @media only screen and (max-width: 1099px) { .patient-dtl, .list-detail-sec .patient-dtl { width: 41%; } .doss-btns { width: 100%; } .accueil .search-sec { margin-bottom: 50px; } #holter-root .create-form-card { padding:20px; } } @media only screen and (max-width: 1083px) { .navbar-nav .nav-link { padding: 10px 4px !important; font-size: 13px; } .navbar-nav .nav-item { margin: 0 3px; } .new-ppf-sec .prf-col .patdet-bom-btn { width: 445px; flex-wrap: wrap; margin: 17px 0 0; } .navbar .doc-nav { padding-right: 5px; } .navbar .user-name img { width: 35px; height: 35px; margin-right: 3px; } .navbar .dropdown.logged_acct, .logged_account_list .dropdown { padding-right: 5px; } .lang-menu { margin-left: 5px; } .accueil-container { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 992px) { .measure-tab .card-body { padding: 15px; } .poids input { width: 45px; } .poids-outer .formfield { width: 130px; } .login-banner { display: none; } .card-body { padding: 25px; } .data-grid { justify-content: center; } .dash-item { margin: 10px 10px 0 0; } .invite-medecin, .dashboard { min-height: calc(100vh - 50px); } .container { max-width: 100%; } .cal-verfi { margin-bottom: 15px; } /*Roles table*/ .roles-sec table { border: 0; } .roles-sec table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .roles-sec table tr { border-bottom: 2px solid var(--primary); display: block; margin-bottom: 10px; } .roles-sec table td { border-bottom: 1px solid #ddd; display: block; text-align: right; min-height: 45px; padding: 10px; } .roles-sec table td .form-check { float: right; } .roles-sec table td::before { content: attr(data-label); float: left; } .form-title { font-size: 18px; line-height: 24px; } /*End Roles table*/ .aside-minimize { flex-wrap: wrap; gap: 20px; } .aside-minimize .left-pannel, .prof-rig p { width: 100%; font-size: 13px; } .prof-rig h4 { font-size: 17px; } /*right panel*/ .aside-minimize .right-pannel { width: 100%; margin-right: 0; top: 0; height: calc(100% - 40px); margin: 20px auto; left: 20px; width: calc(100% - 40px); z-index: 10; overflow: auto; } .access-file .card-body .col-xl-2 { width: 33%; } .patient-top-sec .person-det h5 { max-width: initial; } .top-back-text .back-text { position: static; } .listing-header h5 { max-width: 300px; } .prf-row { margin: 0 !important; } .prf-row .prf-col.det-doc { width: 30%; } .doc-cell .patient-dtl, .doc-cell .patient-dtl:nth-child(2) { text-align: center; } .doc-btns { flex-direction: column; } .doc-cell { text-align: left; } .view-page .file-upload { margin-top: 10px; } #tab_trait .treatment-block .profile-det, .pres-det .qsp-value, .qsp-cont { min-height: initial; } .treat-outer { height: auto; max-height: 92px; } .col-tab .btn { min-width: initial; } .modal_fiche .form-check-inline .form-check-label { font-size: 14px; } .modal_fiche .form-check-inline input:valid~label { margin-right: 0; } .modal_fiche .ps-5 { padding-left: 0 !important; } .modal_fiche .ms-3 { margin-left: 3rem !important; } .pt-block { width: 320px; } .patient-sec .pdetail.listing { flex-direction: column; } .patient-sec .pdetail.listing .dropdown { margin-right: 0px; } .search-sec .header-search { max-width: 270px; } .ui-menu.global-search-ul { width: 510px; } .alt-mes-out { flex-direction: column; } .alt-mes-out .alert { order: 3; width: 100%; } .pat-tab-section .prvt_msg, #Patient_report_block, .access-file .dosc-inner { width: 100%; } .acrod-rig { position: static; } .new-ppf-sec .prf-col .patdet-bom-btn { width: 500px; } .rbc-calendar, .calendar-menu { width: 100% !important; } .CalendarContainer .rbc-toolbar button { padding: .375rem .3rem !important; } .CalendarContainer .rbc-btn-group.no-border { margin-bottom: 0px; } .calendar-dev .scheduler-right { margin: 25px 10px 10px; } .calendar-dev .rbc-toolbar .rbc-toolbar-label { font-size: 13px; } .navbar .user-name { max-width: 180px; } .patient-dtl.ald-cmu { width: 520px; } .modal-content .dash-main { width: 47% !important; } .dmp_consent_container { padding: 20px; } .dmp_access_mode { padding: 10px; } .react-chat-msglisting .react-chat-listhead .react-chat-heading { flex-wrap: wrap; } .acc-alert-links { grid-template-columns:auto; } } @media only screen and (min-width: 992px) and (max-width: 1260px) { .right-pannel .listing-header .filter_part { width: 100%; margin-top: 10px; } } @media only screen and (max-width: 992px) { .doc-tab-container { position: relative; } .doc-sidenav .side-nav { display: flex; height: 50px; border-radius: 4px; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15); } .doc-sidenav .side-nav .close { display: none; font-size: 18px; } .doc-sidenav.active .side-nav .close { display: inline; } .doc-sidenav.active .side-nav .menu { display: none; } .doc-sidenav { display: flex; position: absolute; left: 0; top: 0; z-index: 9; transform: translateX(-91%); transition: transform 0.3s ease; } .doc-sidenav.active { transform: translateX(0); } .doc-profl-tabs { width: 280px; } .doc-profl-tabs ul .nav-link { font-size: 13px; padding: 8px; } .doc-sidenav.active .doc-profl-tabs { border: 0.5px solid #E5EAEE; min-height: initial; } .doc-profl-content { width: 100%; margin-top: 15px; padding-left: 0; } .doc-profl-content .prof-title { margin-left: 35px; margin-bottom: 25px !important; } .search-sec .search-box-date { max-width: 175px; } .ptab-right { margin-top: 50px; width: 100%; } .prf-row:has(.mon-proche-back) { padding-top: 0; } .dossier-inner-cont { width: 100%; } .pat-tab-section .col-lg-3 { width: 100%; } .pat-tab-section .profile-med-dossier .col-lg-3 { width: 48.5%; margin-left: 10px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(3n+1) { margin-left: 10px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(2n+1) { margin-left: 0; } .det-card-outer { grid-template-columns: repeat(2, 1fr); } .det-card-view .det-card-outer { grid-template-columns: repeat(2, 1fr); } .det-card-left { flex: 0 0 35%; min-width: 200px; } .sante-blk.pills_sante_dossier_blk .fds_blk { width: 100%; } .connt_health-content .ptab-right { width: 80%; } #ocr_form .card.w-25 { width: 50% !important; } .invite-medecin .landing-card .login-container { grid-template-columns: 1fr; } } @media only screen and (max-width:976px) { .user_list-flt { flex-direction: column-reverse; gap: 10px; } } @media only screen and (max-width:970px) { .flt_right { width: 100%; margin-top: 10px; } .flt_right-end { gap: 5px; } .flt_right-end .cre-btn .btn { margin: 0; max-width: fit-content; } .bdr-pane-close-icon { display: inline-flex; } .listing-header h3 { font-size: 16px; } .unachive-grid { width: auto; padding: 6px 7px; } .unachive-grid:before { content: "Accés archive"; margin-right: 5px; font: 500 12px "Poppins", sans-serif; } .unachive-grid.invait_box::before { display: none; } .dash-main.new-dash .dash-item .dash-icon .iconify { opacity: 1; visibility: visible; } .doc-namelist p { font-size: 14px; } .valid-alleg h4 { font-size: 16px; } .modal_fiche .form-check-inline { padding-left: 0; } div.dataTables_wrapper div.dataTables_filter input, .dt-search input { width: 250px !important; } .dossier_list .dataTables_filter label:after, .dossier_list .dt-search label:after { right: 225px; } } @media only screen and (max-width: 919px) { .dashboard-inner .dash-item:nth-child(3n) { margin-right: 10px; } .dashboard-inner .dash-item:nth-child(2n) { margin-right: 0; } .pat-tab-section .col-auto:first-child { order: 2; margin-top: 10px; } div.dataTables_wrapper div.dataTables_filter input, .dt-search input { width: 200px !important; } .health-content-div>.d-flex { flex-wrap: wrap; } .connt-side-nav { width: 50%; margin-right: 10px; } .health-content-div .formfield>input.datepicker { width: 120px; } .health-content-div .fac-content { min-width: 215px; } .CalendarContainer .rbc-toolbar { gap: 5px; justify-content: end; } .calendar-dev .react-pat-search { width: 200px; } .calendar-menu .txt.calender-tab span { font-size: 11px; padding: 5px; } .cal-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 15px !important; } .nwpatient-sec .title { font-size: 14px; } .connt_health-tab .connt-side-nav { transform: translateX(-105%); } } @media only screen and (max-width: 820px) { .profile-med-dossier { flex-wrap: wrap; } .pro-fol-blk { width: 100%; } .pat-tab-section .profile-med-dossier .col-lg-3 { width: 48.5%; margin-left: 10px; margin-top: 15px; } .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(2n+1) { margin-left: 0; } } @media only screen and (max-width: 767px) { .fac-overview { gap: 8px; margin-bottom: 12px; } .fac-overview>h4.fac-span { white-space: normal; max-width: calc(100% - 55px); } .profile-tab-outer .fac-content .imc-overview .formfield { flex-wrap: wrap; row-gap: 10px; column-gap: 16px; } .profile-tab-outer .fac-content .imc-overview .formfield>div { flex: 1 1 auto; } .user-container { width: 95%; padding: 50px 15px; } .user-field .iconify { right: 0; } .user-detail { padding-right: 10px; } .invite-medecin, .dashboard, .access-file { padding-top: 30px; } .carnetdebord-inner .card-body { padding: 50px; } .dash-item, .proche-dashboard .dash-item { max-width: 225px; } .dash-item a { padding: 15px; min-height: initial; } .dash-img { width: 100px; height: 100px; } .dash-item span { font-size: 13px; margin-top: 10px; min-height: 35px; } ul.det-outer-box li { padding: 7px 5px; font-size: 12px; margin: 3px; } .pat-tab-section .nav-pills .nav-link { min-width: initial; font-size: 12px; } .prof-rig h4 { font-size: 14px; } .prof-rig span { font-size: 13px; } .prof-rig { padding: 10px 0; } .detail-page .patient-address-det .patient-dtl.ast-det { width: 50%; margin-right: 0; } .ptab-left, .ptab-right { width: 100%; } .access-file .card-body .col-xl-2 { width: 50%; } .create_section .label-block { flex-wrap: wrap; gap: 10px; } .sec-title { font-size: 16px; } .chat-content .days-tag span { padding: 5px 5px 5px; font: 400 11px/16px "Poppins"; } .col-md-5.prf-col { padding-left: 0 !important; padding-right: 0 !important; } .patient-top-sec { width: 100% !important; } .prf-row .prf-col.det-doc { padding: 10px 8px; border-radius: 0 0 6px 6px; } .grap-box { display: inline-block; padding-right: 5px; position: static; padding-top: 5px; width: 49%; } .cmn-header.listing-header { gap: 0; } .data-listing .dataTables_wrapper .dataTables_length, .dataTables_info { padding: 5px; } .grid-scroll .right-part.actions .search { font-size: 14px; } .grid-scroll .right-part.actions a { text-decoration: none; } .grid-scroll .right-part.actions .search svg { display: none; } #nav-list, #nav-list-sec, #nav-list-para { display: none; } #nav-grid, #nav-grid-sec, #nav-grid-para, #email_history_tab #nav-list { display: block !important; opacity: 1; height: auto; } .adm_tabs button { font-size: 13px; padding: 0.5rem 0.5rem; } .tac-head, .todocont label { font-size: 13px; } .todohead-edit { display: block; } .todocount { display: inline-flex; } .right-pannel { height: 0; } #email_history_tab #DataTables_Table_0_filter { padding: 0px 0 5px; } #email_history_tab .dataTables_filter label { font-size: 12px; } .aside-minimize .right-pannel { position: absolute; left: 15px; width: calc(100% - 30px); height: calc(100vh - 100px); margin-bottom: 15px; width: 100% } .left-pannel .list-grid-outer { display: none; } .chat_footer { display: block; padding: 5px 0; } .listing-header h5 { font-size: 12px; } .aside-minimize .left-pannel { display: none; } .container-fluid-sec .grid-scroll { height: calc(100vh - 272px); } .container-fluid { padding: 15px; } .aside-minimize #load-subsecretarydetail.right-pannel, .aside-minimize #load-subdoctordetail.right-pannel { width: 100%; left: 0; margin-top: 0; border-top-left-radius: 0; } .patient-det-left { border-bottom: 0; } .top-back-text .back-text { margin-right: 0; } .detail-page .container-fuild { padding: 0px 0px 15px; } .soon-page h3 { font-size: 24px; } .docs-name { min-height: auto; justify-content: flex-start; } .pat-tab-section { margin-top: 15px; } .ptab-right { padding: 0; } .no-overview { margin: 20px 0; } .no-overview h4 { font-size: 16px; } .profile-tab-outer .profile-det, .vlg-container .profile-det, #profile-ordobio-tab-content .vlg-container .profile-det { min-height: auto; } .vlg-container .prof-desc .desc-cont { height: auto; } .profile-det .pro-del, .ecg-outer .dash-icon.inerdet, .ecg-outer.new-add-icon a { opacity: 1; visibility: visible; } .vlg-container .profile-det.bio-type .des-scrol { max-height: initial; min-height: auto; } .swiper-pagination-custom-outer, .swiper { width: 100%; } .swiper { margin-top: 15px; } .doc-btns { flex-direction: row; margin-top: 10px; } .doc-cell .patient-dtl { text-align: left; } .doc-cell .patient-dtl:nth-child(2) { text-align: right; } .swiper-container-wrapper--timeline { max-height: inherit; flex-direction: column; min-height: 800px;} .treatment-block .des-scrol { max-height: initial; min-height: auto; } .examen_2_form .wid-auto, .modal_fiche .col-md-5, .modal_fiche .col-md-4, .modal_fiche .col-md-2, .modal_fiche .col-md-3, .modal_fiche .col-md-1, .modal_fiche .col-6, .examen_9_form .form-check { margin-bottom: 10px; } .modal_fiche .text-type .form-check-inline, .slider .form-check-inline { display: block; } .detail-page .prf-col .back-text { position: static; } .multi-chat { right: 0; z-index: 10; } .chat_collapse { right: 0px; min-width: 320px; width: 100%; bottom: 45px; height: calc(100% - 105px); } .chat-top-scroll .chat-content { height: calc(100vh - 460px); } .formfield.add_title_btn { margin-bottom: 10px; } .formfield.add_title_btn .error, .todowholedrag-inner .formfield>.error { position: static; } .row:has(.formfield.add_title_btn > .error), .todowholedrag-inner .row:has(.formfield > .error) { padding: 0; } .person-detin { gap: 0px; flex-direction: column; } .alert { padding: 5px 10px; font-size: 12px; } .sec-title.btn-title { font-size: 13px; } .edit_list.formfield { flex-wrap: wrap; } .edit_list.formfield>textarea { width: calc(100% - 30px); } .doss-btns { width: 100%; } .before-login .cgulogo img { height: 35px; } .before-login .cgulogo { top: 10px; left: 15px; } .selall { margin-top: 0; } .fac-content .obesite { justify-content: left !important; } .tobac_serve .col-sm-2, .tobac_serve .col-md-2 { width: 16.5%; } #facteurs_de_risque_form .text-end:last-child { margin-left: 0; } .fac-content .obesite .col-sm-2, .fac-content .obesite .col-md-2 { margin-bottom: 10px; width: 16.5%; } .accu-field { gap: 5px; flex-wrap: wrap; } .rdvlist-field>.date { flex: 0 0 140px; font-size: 12px; } .accu-field .name-det .name, .rdvlist-field .date span, .rdvlist-field .desc span { font-size: 12px !important; } .accu-field .name-det .detail, .accu-field .rdv-status span { font-size: 11px; } .patient-alldet { height: auto; } .doc-namelist p { font-size: 13px; } .new-ppf-sec .prf-col .patdet-bom-btn { width: 100%; flex-wrap: wrap; gap: 5px !important; } .no-overview.no-rec img { width: 100%; } .ptab-right .no-overview.no-rec { padding-top: 0; } .test-report span { margin: 25% 10px; min-width: 60px; font-size: 11px; line-height: 14px; } .timeline { padding: 0 25px 15px; } .time-content .days { font-size: 13px; } .time-content { padding-bottom: 20px; } .ocr .p-4 { padding: 10px !important; } .ocr .p-3.table-responsive { padding: 0 !important; margin-top: 15px; } .dt-layout-table { max-height: 500px; overflow: auto; } .ocr .dataTable.table>thead { top: -5px; } .formularie .col-md-6, .formularie .col-md-12 { margin-bottom: 25px; padding: 0; } #formulaire-modal .modal-dialog .card-body { padding: 15px; } .preview_tab .row { margin: 0; } .det-ptop-sec .px-4 { padding: 0 10px !important; } .det-ptop-sec .pe-0 { padding-right: 10px !important; } .det-ptop-sec .ps-0 { padding-left: 10px !important; } .det-ptop-sec .row .row { margin: 0; padding: 0; } .det-ptop-sec .row .col .row { margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .calendar-menu .title-separator .btn { margin-bottom: 0; } .calendar-menu .calen_top_btns { flex-wrap: wrap; } .add-profile-modal .patient_port .contry-outer { margin-bottom: 30px; } .add-profile-modal .contry-outer .error-help-block { width: 100%; top: 47px; } #create_patient .contry-outer .error-help-block { width: 100%; } .invite-medecin .login-block .contry-outer .error-help-block { width: 320px; } .patient-dtl.ald-cmu, .patient-top-sec.edit-mode .btn-lable { width: auto; } .mb-set { margin-bottom: 20px; } .accueil-container { grid-template-columns: repeat(2, 1fr); gap: 10px; } .accu-icon { width: 120px; height: 120px; } .accueil-block { padding: 10px 6px 10px; } .det-card-view .det-card-outer { grid-template-columns: repeat(1, 1fr); } .det-card-left { flex: 0 0 58%; min-width: 150px; } #holter-root .form-row-two { flex-direction: column; } } @media only screen and (max-width: 712px) { .accueil .search-sec { margin-bottom: 10px; } } @media only screen and (max-width: 600px) { .listing-header .normal_view_filter input { max-width: 100%; width: 100%; } .flt_right { display: block !important; } .flt_right .normal_view_filter { margin-right: 0; } .profile-det { width: 100%; } .left-pannel .listing-header .d-flex:first-child { display: block !important; width: 100%; } .prof-sec { padding: 15px; } .nav-pills .nav-link { font-size: 13px; padding: 6px; } .tab-card { padding: 15px; } .doc-profl-content { padding-right: 0; } .cmn-header .normal_view_filter { margin-left: 0; } .cmn-header.search-box-date.formfield { margin-top: 10px; } .cre-btn { margin-bottom: 10px; } .proche-card { width: 100%; } .tab-pane .access-file.dossier_pt_tab .dash-main, .tab-pane .access-file.dossier_pt_tab .view-page .col-lg-3 { width: 100%; } .dash-item span { min-height: initial; } .new-tab-row .dossier-new-tab .dash-main, .new-tab-row .dossier-new-tab .view-page .col-lg-3 { width: 100% !important; } .vidal-header { gap: 10px !important; } .vidal-header .p_title, .pres-pname, .pres-dname { font-size: 13px; } .vidal-topsec { gap: 0; overflow: auto; } .pat-tab-section .profile-med-dossier .col-lg-3 { width: 100%; margin-left: 0; margin-top:0 } .vlg-container { margin: 0; } .pro-fol-blk, .ptab-right .profile-med-dossier .row.vlg-container .col-xl-4 { padding: 0; } .pro-fol-blk { margin-top: 50px; } #upload_dossier .modal-content .dash-main.new-dash { width: 47% !important; } #upload_dossier .dash-item { max-width: 100%; } .det-card-view { flex-direction: column; align-items: center; } .new-ppf-sec .patient-det-left .patient-dtl-tel { flex-direction: column; } .card.dfg-overview{margin-top: 0 !important;} .pat-tab-section .profile-med-dossier .col-lg-3:nth-child(3n+1){margin-left: 0;} } @media only screen and (max-width: 568px) { .form-container { padding: 40px 20px !important; } .dashboard-inner { padding: 10px 5px 25px; } .dash-item a { padding: 15px 15px; } .dashboard-inner .dash-item:nth-child(3n) { margin-right: 5px; } .carnetdebord-inner .card-body { padding: 25px; } .listing-header .filter_part { width: 100%; } .label-block { flex-wrap: wrap; gap: 10px; } .dash-item { margin: 10px 5px 0 0; max-width: 168px; } .dash-img { width: 80px; height: 80px; } .dash-item span { font-size: 12px; line-height: 17px; } .modal-fullscreen-sm-down .modal-content { min-height: 100%; } .modal-fullscreen-sm-down .modal-body { padding: 20px 25px 10px; max-height: 78vh; } .folder-dropdown .dropdown-menu { max-height: 140px; } .share-file { max-height: 85vh; } .modal-checkbox { display: block; } .login-pages .login-container { padding: 0 15px; } .pat-tab-section .nav-pills .nav-link { min-width: 100px; } .sec-title { font-size: 15px; margin-bottom: 10px; } #patient_files_block .float-end .btn { margin-bottom: 10px; } .tab-pane .access-file,.acrod-rig { padding: 0px; background: transparent; box-shadow: none; border: 0; } #doctor_items .doctor_name, .person-det { display: inline-block; vertical-align: top; margin-bottom: 5px; } .share-model #doctor_items .doctor_name { display: flex; } .right-pannel .patient-det.user-det { position: relative;display: block !important; padding-right: 0; } .right-pannel .patient-det.user-det .edit-icon { right: 0; top: 0; } .right-pannel .patient-det.user-det .voir-btn { position: static; margin-top: 10px; text-align: right; } .listing-header h5 { max-width: 250px; } .patient-det.user-det a { text-decoration: none; display: inline-block; } .voir-btn.right-end.pat-det .btn { margin-left: 0; } .patient-grid .empty-chat { padding: 10px; } .cgu-page { margin: 30px 0; } .cgu-page h2 { font-size: 25px; line-height: 32px; margin-bottom: 10px; } .cgu-page h3 { font-size: 20px; line-height: 25px; margin-bottom: 5px; } .cgu-page h4 { font-size: 16px; line-height: 21px; margin-bottom: 5px; } .cgu-page .cgu-block { padding: 10px 0; } .cgu-page p, .cgu-page address, .cgu-page ul li { font-size: 14px; line-height: 20px; } .doc-circle.holter-icon .dash-inner img { width: 60px; height: 60px; } .body-with-msg .data-listing .dataTables_wrapper div.row:nth-child(2)>div, #load-subpatientdetail .list-detail-sec, .grid-scroll, .aside-minimize .data-listing .dataTables_wrapper div.row:nth-child(2)>div { height: auto; } .dash-img .dash-inner img { width: 62px; height: 62px; } .dash-img svg { width: 48px; height: 48px; } .grid-card .card-top, .grid-card .card-top.user_detail_block_sec { min-height: auto; } .pat-tab-section .nav-pills .nav-link { height: 100%; } .pat-tab-section .timeline-sec .col-auto:first-child { order: initial; margin-top: 0px; margin-bottom: 10px; } .valid-alleg h4 { font-size: 13px; line-height: 18px; } .ptab-right .btn { padding: 8px 5px; margin: 15px 0 15px !important; } .modal_traitements .algie-modal ul { padding-left: 0px; font-size: 14px; } .perdi-mod label { font-size: 14px; } .modal_traitements ul.col-tab .btn { min-width: 80px; } .icon-square.dropdown .dropdown-menu.outer-assignee-height { transform: translate(-45px, 35px) !important; } .send-detail { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 50px); } .search-box-date.formfield { margin-top: 10px; } .exper-card h5, .exper_doc h5 { font-size: 14px; } .exper_doc .link-txt, .exper-card .desc { font-size: 13px; } .exper-card .modify-sec .iconify { font-size: 16px; } .exper-card { padding: 7px; } .exper-card .modify-sec { gap: 4px; } .exper-card h5 { width: calc(100% - 35px); } .telecomm-block img { width: 100%; } .tele-content p { font-size: 14px; } .tele-content { padding: 45px 10px 20px; } .telecomm-sec { padding: 15px; } .title-lable { font-size: 13px; line-height: 17px; } .swiper-container-wrapper--timeline { min-height: initial; } #profile-tab-content .vlg-container .profile-det { max-height: initial; } .pat-tab-section .col-lg-3, .connt_health-content, .connt-side-nav { width: 100%; margin: 0; margin-top: 10px; padding-left: 0; } .connt_health-tab { flex-wrap: wrap; gap: 15px; } .accu-field.dossire .file_detail .upld-det, .accu-field.dossire .file_detail .dossire-cont { width: 100%; } .accu-field.dossire .file_detail { flex-direction: column; } .accu-field.dossire { border-bottom: 1px solid #CCD3D8; align-items: self-start; gap: 7px; } .search-sec .search-box-date.formfield { min-width: 170px; } .search-sec .header-search { max-width: 265px; } .detail-page .patient-address-det .patient-dtl, .detail-page .patient-address-det .patient-dtl.ast-det { width: 100%; } .calendar-menu.title-separator { flex-wrap: wrap; } .CalendarContainer .rbc-time-header-cell, .CalendarContainer .rbc-button-link span { font-size: 12px; } .CalendarContainer .rbc-header-Doctor .agenda-name, .CalendarContainer .rbc-agenda-table, .CalendarContainer .rbc-date-cell, .CalendarContainer .rbc-label, .rbc-row-segment { font-size: 11px; } .dossier-scrl { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 575px) { .profile-tab-outer .fac-content .imc-overview .formfield { column-gap: 10px; } .profile-tab-outer .fac-content .imc-overview .formfield>div span:first-child { font-size: 12px; white-space: normal; } .profile-tab-outer .fac-content .imc-overview .formfield>div span:last-child { font-size: 13px; } .fac-content .row :nth-child(1).col-sm-4 { width: 50%; margin-bottom: 5px; } .fac-content .row :nth-child(2).col-sm-4 { width: 27%; padding-right: 10px; } .fac-content .row :nth-child(3).col-sm-4 { width: 23%; padding-left: 0; } .tobac_serve .col-sm-2, .tobac_serve .col-md-2 { width: 25%; } .fac-content .form-check-label.first-raido { margin-right: 24px; font-size: 12px; } .fac-content .fac-span, .fac-content .fac-flex span { font-size: 12px; } .tobac_serve .col-sm-4, .tobac_serve .col-md-4 { width: 27%; margin-top: 5px; padding-right: 0; } .fac-content .checkmark { left: -20px; } .fac-content .obesite .col-sm-2, .fac-content .obesite .col-md-2 { width: 23%; padding-right: 0; } .fac-content .obesite .col-sm-2.text-end { display: none; } .fac-content .obesite .col-sm-4 { width: 30%; } .fac-flex input { font-size: 12px; } .fac-content .form-check-label { font-size: 12px; } .accu-card h4 { font-size: 13px; } .ptab-container .accu-field span, .ptab-container .accu-field .name-det { font-size: 12px; } .accu-field.rdvlist-field .name-det:nth-child(2) { width: 15%; } .ptab-container .measure-tab .rvd-card-block .name-detail { flex: 1; } .pres-table th, .pres-det .qsp-value, .profile-det .pericardite-data li, .ptab-right .pericardite-data h5, .prof-desc span, .qsp-cont span, .vlg-container .prof-desc .desc-cont { font-size: 13px; } .vlg-container .profile-det .medicine_list h4 { font-size: 13px; line-height: 20px; } .biologi-type h6, .bio-type h6, .modal_traitements h6 { font-size: 12px; margin-top: 10px; } .vlg-container .profile-det h4, .prof-h4 { font-size: 15px; } .vlg-container .prof-desc h6+div { font-size: 14px; } .btn { font-size: 12px; } .profile-med-dossier .qsp-outer { margin-top: 10px !important; } .add-todos .todobody { padding-right: 0; max-height: initial; } .prof-medi-tab .todo-content { padding: 10px; } .add-todos .dragicon { margin-right: 5px; flex: 0 0 13px; font-size: 15px; } .todocont .form-check .form-check-input { width: 14px; height: 14px; } .todocont label { padding-left: 5px; } .todocount { margin-left: 5px; margin-right: 5px; } .ptab-right .profile_fol_blk .btn { padding: 5px; width:auto} .todocont .com_text { font-size: 13px; padding-left: 5px; } .todocont .form-check-input:checked:after { width: 4px; height: 8.5px; } .vlg-container .prof-desc.prof-conents h6, .prof-bgouter div, .ptab-container .rvd-card-block .pdf-name a, .sec-title, .pt-field h6, .pt-title, .patient-sec .date-sec { font-size: 13px; } .consentement-block .dash-main { width: 100%; } .print-ordo { font-size: 17px; padding-right: 3px; } .pt-block .link-txt { padding-right: 3px; font-size: 12px; } .ajouter_examen svg.blue-icon, .pt-field .link-txt.edit .iconify { font-size: 20px; } .examen-creer-par, .examen-creer-par-treat { font-size: 11px; } .patient-sec { min-height: 500px; } .fds_blk { padding-left: 0; } .det-outer-box { background: transparent; } .det-outer-box.det-block { padding: 0; } .fds_folder_block .dossier-new-tab { margin-top: 10px; padding: 0; } .dossier-outer-box { margin: 0; } .fds_filter { flex-wrap: wrap; } #ocr_form .card.w-25 { width: 100% !important; } div.dt-container div.dt-layout-table>div { padding: 0; } .sante-blk.pills_sante_dossier_blk .dossier_pt_tab { padding-right: 5px; } div.dataTables_wrapper div.dataTables_filter input, .data-listing .dt-container .dt-search input { width: 100% !important; } .dt-search { display: flex; align-items: center; } .prof-title, .tab-card .formfield h6 { font-size: 13px; } .doc-profl-tabs .menu-item { min-height: 30px; } .form-wrap.form-builder .frmb-control li span span { font-size: 14px !important; } .form-wrap.form-builder .cb-wrap { width: 40px !important; border-radius: 5px !important; } #doctor_info .profile_img { width: auto; display: block; } .dmp_file_upload .btn { padding: 6px 20px; } } @media only screen and (max-width: 460px) { .navbar-brand .logo { height: 30px; } .doc-profl-page { padding: 15px 10px 15px 10px; } .doc-profl-tabs { width: 265px; } .list-detail-sec .person-det { width: auto; } .bottom-block .formfield .form-control { font-size: 12px; } .adm_tabs button { font-size: 12px; padding: 0.3rem 0.3rem; } .time-details span.rpt_name { font-size: 13px; line-height: 17px; } .timeline { padding: 0 15px 15px; } .acrod-rig { margin-top: 15px; } .add-open .text-link { font-size: 13px; } .suggest-blk .ser-sepc .spec-span { font-size: 12px; } .exper-card .modify-sec { top: 0; right: 5px; } .monform-card .card-title h5 { width: calc(100% - 55px); } .monform-card .card-content { flex-wrap: wrap; } .monform-card .card-header { gap: 5px; } .dmp-icon-block { gap: 5px; flex-wrap: wrap; } .dmp_access_mode { width: 100%; min-height: auto; } } @media only screen and (max-width: 429px) { .user-card:first-child { margin-right: 15px; } .user-card:last-child { margin-left: 15px; } .listing-header .filter_part { flex-wrap: wrap; } .listing-header .normal_view_filter { width: 100%; margin-right: 0; margin-bottom: 5px; margin-left: 0; } .dash-main, .tab-pane .access-file .dash-main { width: 100%; } .list-detail-sec .patient-dtl { width: 100% !important; margin-right: 0; } .formfield .fgt-pwd { margin-top: 0; } .formfield.form-btm { display: block; } .access-file .card-body .col-xl-2 { width: 100%; } .dash-img .dash-inner img { width: 58px; height: 58px; } .listing-header:first-child.d-flex { align-items: self-start !important; width: 100%; } .listing-header h3 { font-size: 15px; } .listing-header { gap: 0px; } .listing-header .filter_part { margin-top: 0; } .data-listing .dataTables_wrapper .dataTables_length, .dataTables_info { padding: 10px; } .listing-header { padding: 10px; margin-bottom: 7px; } .data-listing { margin-top: 0; } div.dataTables_wrapper div.dataTables_filter input, .dt-search input { width: 165px !important; } .data-listing #payment_table .dataTables_wrapper .dataTables_length { padding: 10px 0; } #DataTables_Table_0_filter { padding: 0 0 5px; } .right-pannel .listing-header { flex-wrap: nowrap !important; } div.dataTables_wrapper div.dataTables_length { text-align: left; } .grap-box { top: 6px; right: -20px; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button.next { min-width: auto; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button .page-link { padding: 5px 3px; font-size: 12px; } .data-listing .dataTables_wrapper .dataTables_paginate .paginate_button { min-width: 22px; margin-left: 0; } .user-det .prof-img { display: inline-block; } #pills-rapport .accordion { margin-top: 10px; } .flt_right-end .cre-btn .btn { max-width: 100%; width: 100%; margin-bottom: 10px; } .sec-title.btn-title { padding-left: 0; } .nav-pills .nav-link { font-size: 11px; } .flt_right-end { justify-content: center; margin-top: 10px; } .user_list-flt .flt_right-end { margin-top: 0; } .detail-page .flt_right-end { margin-top: 0; margin-bottom: 0 !important; } .ptab-right .btn { margin: 5px 0 5px !important; width: 50%; } .modal-btn-block .btn { margin: 0 !important; } .col-tab .btn { min-width: 80px; } .valid-allg_top { flex-direction: column; } .valid-alleg h4 { margin-top: 15px; } .doc-namelist p { font-size: 13px; } .doc-btns { margin-top: 10px; } .modal_traitements .add-btn.add-block, .modal_traitements .add-btn.add-block:hover { margin-bottom: 15px !important; } .addremove-block-outer { margin: 0 0 7px; } .det-outer-box.det-block { padding: 5px; } .swiper-container-wrapper--timeline .swiper-slide { min-height: initial; } .boarding-sec .step-img { min-width: 70px; } .health-content-div .fac-content { min-width: 100%; } .fac-accordion { align-items: start; margin-bottom: 10px; flex-direction: column; } .fac-accordion .fac-text { padding-left: 40px; } .pat-tab-section .accordion-field h4 { text-align: left !important; } .process-card, .boarding-sec .step-content { padding: 10px; } .boarding-sec .notify .iconify.sucess { font-size: 20px; } .boarding-sec .step-block { border-right: 1px solid #CCD3D8; } .boarding-sec .step-content h4 { font-size: 14px; } .boarding-sec .step-content p { font-size: 12px; } .accu-card .taches-block .form-check-label { font-size: 13px; } .logged-container { padding: 25px 15px; } .fac-content .row :nth-child(1).col-sm-4 { width: 65%; } .fac-content .row :nth-child(3).col-sm-4, .tobac_serve .col-sm-4, .tobac_serve .col-md-4, .fac-content .obesite .col-sm-4 { width: 100%; padding: 0; } .fac-content .row :nth-child(2).col-sm-4.text-end { width: 35%; } .fac-content .row :nth-child(3).col-sm-4 { padding-right: 0; } .fac-content .row.tobac_serve :nth-child(3).col-sm-4 { width: 25%; } .tobac_serve .col-sm-2, .tobac_serve .col-md-2 { width: 37%; } .fac-content .obesite .col-sm-2, .fac-content .obesite .col-md-2 { width: 33%; } .ordo-creer-par .ordo-name { font-size: 13px; } .fds_filter .form-select { min-width: initial; } .connt-healt-tabs { flex-direction: column; } .hetcentab_outer { max-width: initial; } .exper_doc .form-wrap.form-builder .stage-wrap { padding: 5px; } .exper_doc .form-control, .exper_doc .form-select { font-size: 13px; } .form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend, .formbuilder-radio label, .formbuilder-checkbox label, .exper_doc h5 { font-size: 12px !important; line-height: 22px !important; } .accueil-container { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 405px) { .dash-item { max-width: 140px;margin: 10px 5px 0 0; } .patient-top-sec { height: auto; } .patient-det.user-det { display: inline-block !important; } .patient-top-sec .patient-det.user-det { display: flex !important; } .patient-top-sec .person-det { margin-left: 2px; } .patient-top-sec .person-det h5 { width: 100%; } .patient-det.user-det .edit-icon { top: 15px; } .fac-content { padding: 20px; } .facteurs-div h5 { font-size: 16px; } .empty-chat-outer { padding: 10px; } .modal_traitements ul.col-tab .btn { min-width: 70px; } .modal_traitements .pres_text { margin-bottom: 5px; } .dropdown .dropdown-menu.outer-assignee-height { transform: translate3d(-60px, 32px, 0px) !important; } .pt-block { width: 300px; } .patient-sec .pdate { width: 160px; } } @media only screen and (max-width: 361px) { .dash-item { max-width: 135px; } .timeline { padding: 0 10px 15px; } .invite-medecin .login-block .contry-outer .error-help-block { width: 280px; } } @media only screen and (max-width: 345px) { .dash-item { max-width: 125px; } .create-patient-page #gallery { width: 100%; } } @media only screen and (max-width: 330px) { .pat-tab-section .nav-pills .nav-item { display: contents; } .doc-cell .patient-dtl:nth-child(2) { padding-left: 5px; } .year-ddl { width: 90px; } .pat-tab-section .timeline-sec .col-auto:first-child { padding-right: 0; } #clander_month_content { top: 0 !important; } } #ui-datepicker-div { z-index: 99999 !important; } @media screen and (min-width: 1600px) { .new-ppf-sec .patient-top-sec { max-width: 50%; } .bottom-block .form-control { width: 100%; } .patient-top-sec .bottom-block { margin-top: 3px; } .detail-pin.nip, .btn-lable { min-width: 85px; } .mes-unread .pcnt, .sec-unread .pcnt { margin-right:9px; margin-left:1px; } } @media screen and (max-width: 1663px) { .patient-top-sec .person-det h5, .patient-top-sec .person-det h5>span { line-height: 23px; } .new-ppf-sec .patient-top-sec .patient-dtl label, .new-ppf-sec .patient-top-sec .detail-pin label, .new-ppf-sec .patient-top-sec .patient-details, .new-ppf-sec .patient-top-sec .patient-address { font-size: 12px; } .detail-pin.nom-gross, .detail-pin.meno { width: 130px; } .nps-block .patient-dtl.detail-pin.tret { width: calc(100% - 135px); } .second-block .nps-block { gap: 5px 5px; } .profile-med-dossier .qsp-outer { gap: 5px; } .poids-outer .formfield input { padding: 5px; } .poids-outer .formfield { width: 105px; } .poids input { margin-bottom: 10px; } .vlg-container .profile-det { padding: 10px; } .fac-content [class^="col-"]:has(.facimg, .fac-span) { padding: 0; } .pat-tab-section .greenfilled-btn { padding: 6px; } } @media screen and (max-width: 1585px) { .new-ppf-sec .det-doc .doc-btns { gap: 8px; align-items: end; } .patient-top-sec .person-det h5, .patient-top-sec .person-det h5>span { line-height: 21px; } .patdet-bom-btn .btn { font-size: 12px; margin-right: 3px; margin-left: 0; margin-bottom: 3px; } .doc-namelist p,.det-doc .outer-names .medicine-link,.profile-det-right .link-txt, .profile-det-right .patient-details { font-size: 12px; font-weight: 500; } } @media screen and (max-width: 1529px) { .new-ppf-sec .det-doc { max-width: 200px; } .patient-top-sec .bottom-block .btn-sec { flex-direction: column; gap: 5px; } .dfg-overview .poids { gap: 10px; } .measure-tab .dfg-overview .card-body { padding: 10px; } .profile-overview-container .download_icon a { font-size: 11px; } .adm_tab-cont .listing-header h3 { width: 100%; } .adm_tab-cont.dossier_list .listing-header h3 { width: auto; } .adm_tab-cont.dossier_list .imap_filter_block .listing-header h3 { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1084px) { .patdet-bom-btn .btn { padding: 2px 3px; font-size: 10.5px; } } @media screen and (max-width: 1405px) { .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { max-width: 45%; } .nps-sec { width: 54%; } .patient-top-sec .detail-pin.meno+.detail-pin .form-control { margin-top: 2px; } .dfg-overview .poids { gap: 7px; } .measure-tab .dfg-overview .card-body { padding: 7px; } .fac-content .fac-span, .fac-content .fac-flex span { font-size: 13px; margin-left: 5px; } .fac-flex input { height: 35px; padding: 10px 5px; width: 100%; } .patdet-bom-btn .btn { font-size: 11px; margin-right: 2px; padding: 5px 2px; } .pat-det-inner { min-height: initial; } .navbar-brand { margin-right: .5rem; } } @media screen and (max-width: 1352px) { .patient-top-sec .detail-pin.meno+.detail-pin, .patient-top-sec .detail-pin.meno+.detail-pin .form-control { max-width: inherit; } .measure-tab .dfg-overview h6 { padding-right: 10px; } .dfg-overview .hgly-icon, .dfg-overview .hem-gly { width: 40px; height: 40px; font-size: 21px; } .dfg-overview img { width: 50px; height: 50px; } .ptab-right .profile-med-dossier .row.vlg-container .col-xl-4 { width: 50%; } .overview_alg_tab { width: 50%; } .profile-med-dossier .qsp-outer { max-width: 170px; align-items: center; flex-direction: column; position: relative; max-width: 210px; margin: auto; } .profile-med-dossier .print-ordo { position: absolute; left: 0px; bottom: 5px; } .ptab-right .profile-med-dossier .download_icon.btn { min-width: 150px; } .normal_view_filter input[type=text], .normal_view_filter input { width: 220px; } .search-box #searchsubject { width: 380px; } .search-box #imapsearchcreerpar { width: 300px; } #search_rdate { width: fit-content !important; } #holter-root .holter-detail-layout { flex-direction: column; } #holter-root .holter-detail-cards,#holter-root .message-card-wrapper { width:100%; } #holter-root .message-card-wrapper .container { margin-left:0; max-width:100%; } } @media screen and (max-width: 1249px) { .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { max-width: 250px; } .nps-sec { width: calc(100% - 255px); } .normal_view_filter input[type=text], .normal_view_filter input { width: 200px; } .exper_doc .input-block .input-sec, .exper_doc .input-block .input-part, .exper_doc .input-block { flex-direction: column; margin-bottom: 0px; gap: 0; } .exper_doc .input-part .experience-div, .exper_doc .input-block .input-sec, .exper_doc .input-block .input-part, .exper_doc .input-sec .experience-div, .exper_doc .input-sec .experience-div.public_type, .exper_doc .input-sec .experience-div:has(.time), .exper_doc .input-sec .experience-div.public_titre { width: 100%; } .input-block .add-open { padding-top: 0; margin-bottom: 10px; } .navbar .nav-item.dropdown .nav-link.dropdown-toggle .cen_name { width: 100%; } .dossier_row { max-height: initial; } .dossier_row .accu-field { gap: 5px; flex-wrap: wrap; } .dossier_row .col-md-6 { width: 100%; } .ptab-left { width: 255px; } .prof-tab li a, .collapseBio a { font-size: 12px; } .emph-txt { font-size: 13px; } .connt_health-tab .prof-tab { padding: 10px 5px; } .agenda-screen .agenda-service-setup .dragtable-body { font-size: 12px; padding: 5px; } .agenda-screen .agenda-service-setup .input { gap: 5px; min-width: initial !important; } .agenda-screen .agenda-service-setup .input .form-control { font-size: 13px; width: 55px; padding: 5px; } .agenda-screen .layout .agenda-right-block { height: auto !important; } .agenda-row.row { margin: 0; } .agenda-screen .agenda-service-setup { padding: 0; } .agenda-screen .dragtable-body .col { padding: 2px 5px; } .agenda-screen .mins, .agenda-screen .euro { font-size: 13px; } #agendaCreateParentScrollId .dragtable-head, #agendaCreateParentScrollId .dragtable-head+div { width: 100% !important; } .agenda-service-setup .specialisation-title { font-size: 14px; } .agenda-screen .rbc-toolbar, .rbc-btn-group.no-border { justify-content: start !important; flex: initial !important; } .rbc-btn-group.no-border { padding-left: 10px !important; } .profile-det-right { width: 100%; max-width: 100%; margin-left: 0; margin-top: 10px; } } @media screen and (max-width:1160px) { .new-ppf-sec .det-doc { max-width: 260px; } .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { max-width: 250px; } .ptab-right .profile-med-dossier .row.vlg-container .col-xl-4,.overview_alg_tab,.vlg-container .col-lg-6 { width: 100%; } } @media screen and (min-width:993px) and (max-width:1209px) { .nps-sec { flex-wrap: wrap; } .new-ppf-sec .first-block .nps-block { order: 2; } .patient-top-sec .btn-lable { position: static; width: 100%; height: auto; justify-content: space-between; } .nps-block .detail-pin.prob, .nps-block .detail-pin.prob .form-control { width: 100%; } } @media screen and (max-width: 992px) { .detail-page .container-fuild { padding: 0 10px; } .detail-container .prf-row { row-gap: 10px; } .patient-top-sec { width: 36.66%; } .new-ppf-sec .patient-top-sec, .dmp-data-con .patient-top-sec { flex: 1 1 100%; max-width: 100%; margin: 0; width: 100%; } .new-ppf-sec .pdet-col { flex: auto; max-width: 50%; margin-left: 0; } .new-ppf-sec .det-doc { max-width: 50%; } .new-ppf-sec .det-doc .doc-btns { flex-direction: row; justify-content: end; } .new-ppf-sec .det-doc .doc-namelist { margin-left: 7px; } .new-ppf-sec .det-doc .doc-btns .patient-dtl { text-align: left; } .new-ppf-sec .det-doc .doc-btns .patient-dtl:last-child { text-align: right; } .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { max-width: 260px; } .nps-sec { width: calc(100% - 265px); } .detail-pin.nom-gross+.detail-pin { flex: auto; } .homme-pat-top .user-det { width: calc(100% - 100px); } .nps-block .patient-dtl.detail-pin.tret { width: calc(100% - 135px); } .log-cntes { margin-left: auto; } .cmn-header.listing-header { flex-wrap: wrap !important; } .connt-side-nav { width: 50%; } .connt_health-content { margin-top: 50px !important; } .navbar .nav-item.dropdown .nav-link.dropdown-toggle .cen_name { width: auto; max-width: initial; } .mestablink .dropdown-toggle { position: relative; } .navbar .main-manu .dropdown-toggle::after { right: 3px; } .mdklk-sleep-about .mdklk-modal-header,.mdklk-modal-header,.mdklk-header { padding: 0 !important; } .mdklk-sleep-about .mdklk-modal-content,.mdklk-modal-content,.mdklk-content { padding: 20px 0 !important; padding-right: 10px !important; } .mdklk-sleep-about .mdklk-hero-card,.mdklk-hero-card,.mdklk-hero { padding: 15px !important; gap: 10px !important; } .mdklk-sleep-about .sleep-card,.mdklk-card { padding: 15px !important; } .mdklk-sleep-about .hero-left h2,.mdklk-hero-left h2,.mdklk-hero h2 { font-size: 20px !important; } .mdklk-sleep-about .hero-left p,.mdklk-hero-left p,.mdklk-hero p,.hero-left p { font-size: 14px !important; } .mdklk-sleep-about .section-title,.mdklk-section-title { font-size: 20px !important; } .mdklk-sleep-about .sleep-card h3,.mdklk-card h3,.mdklk-panel h3,.hero-left h3 { font-size: 16px !important; } .mdklk-sleep-about .sleep-card p,.mdklk-card p,.mdklk-sleep-about .summary-table th, .mdklk-sleep-about .summary-table td { font-size: 14px !important; } .mdklk-sleep-about .panel,.mdklk-sleep-about .timeline-card,.mdklk-timeline-card,.mdklk-sleep-about .example-card,.mdklk-panel,.mdklk-numbers { padding: 15px !important; } .mdklk-timeline-card,.mdklk-sleep-about .timeline-card { font-size: 16px !important; } .mdklk-sleep-about .timeline,.mdklk-timeline { gap: 5px !important; } .mdklk-sleep-about .step,.mdklk-step { width: 50px !important; height: 50px !important; font-size: 15px !important; } .mdklk-sleep-about .line,.mdklk-line { width: 30px !important; } .mdklk-tip { padding: 10px !important; font-size: 13px !important; } .mdklk-tips { gap: 10px !important; } .mdklk-warning { font-size: 14px !important; } .mdklk-title-wrap h1,.mdklk-title-group h2 { font-size: 22px !important; } .mdklk-title-wrap p { font-size: 13px !important; } .mdklk-badge strong { font-size: 28px; } } @media screen and (max-width: 767px) { .detail-page .det-doc { border-radius: 0 0 6px 6px !important; } .new-ppf-sec .pdet-col { flex: auto; max-width: 100%; border-radius: 6px 6px 0 0; } .detail-page .det-doc { max-width: 100%; padding: 10px 8px !important; margin: -10px 0 0 !important; } .patient-top-sec .person-det h5, .patient-top-sec .person-det h5>span { font-size: 14px; } .det-doc .doc-cell { padding: 0; } .vlg-container .col-xl-4.col-lg-6, .measure-tab .col-xl-4.col-lg-6, .valid-alleg.col-xl-4.col-lg-6 { width: 100%; } .react-multi-chat .minimized { right: 2.5% !important; width: 95% !important; left: auto; z-index: 201 !important; } .react-chat-msglisting .react-chat-listhead .react-chat-heading { flex-wrap: wrap; justify-content: start; } .sante-blk.pills_sante_dossier_blk .fds_blk { width: 100%; } .react-multi-chat .msg-obj { max-width: calc(100% - 150px) !important; } #holter-root .hlt-request-card__fields-row { flex-direction: column; } } @media screen and (max-width: 658px) { .nps-sec { width: 100%; } .new-ppf-sec .first-block .detail-pin.nip { position: absolute; right: 0; top: 0; } .new-ppf-sec .first-block .patient-det, .new-ppf-sec .second-block .patient-btm-block { min-width: inherit; max-width: inherit; width: 100%; } .new-ppf-sec .first-block .patient-det { width: calc(100% - 20px); } .patient-top-sec .person-det h5>span { display: inline; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nps-block .detail-pin.prob, .nps-block .detail-pin.prob .form-control { width: 100%; } .nps-block .patient-dtl.detail-pin.tret { width: 100%; } .vcode-fill .form-control { width: 100%; } #email_history_tab .data-listing .dt-container .dt-search input { width: auto !important; padding-left: 20px; } #email_history_tab .dt-search label:after { left: 90px; } .list-detail .container-fluid { padding: 15px; } .react-chat-msglisting .react-chat-listhead .react-chat-actions { justify-content: start; flex-wrap: wrap; } .react-chat-search .form-control { max-width: 600px; width: 100% !important; } .react-chat-search { width: 100%; } .react-chat-msglisting .react-chat-listhead .react-chat-heading { gap: 5px; } .exper_doc .gap-3.justify-content-between.align-items-center { flex-wrap: wrap; gap: 0 !important; } .react-multi-chat .assigne-dd .dis-span { width: 100%; } .react-multi-chat .chtheed-btm { align-items: baseline !important; flex-direction: column; } .homme-pat-top .user-det { width: calc(100% - 20px); } .pat-tab-section .nav-pills { gap: 5px; } .nav-pills .nav-link { font-size: 11px; padding: 4px 3px; } .doss-btns .btn { font-size: 11px; } .doc-apt-book .sub-label, .doc-apt-book .title-label, .doc-apt-book .form-check .form-check-input+label { font-size: 13px; } .doc-apt-book .form-group .dropdown-toggle, .doc-apt-book .form-group .form-control, .doc-apt-book .form-group .form-select { font-size: 12px !important; } .doc-apt-book.modal-body .form-group .col-6, .doc-apt-book.modal-body .form-group .col { width: auto; margin-bottom: 10px; } .doc-apt-book.modal-body .form-group .col { flex: initial; padding: 0; } .doc-apt-book .time-block { width: 65px; } .doc-apt-book .form-group .dropdown .dropdown-toggle:after { right: 5px; } .doc-apt-book .form-group .dropdown .dropdown-toggle { padding: 9px 20px 9px 12px; } .doc-apt-book .form-group .time-block .dropdown-toggle { font-size: 11px !important; } .add-field { font-size: 13px; } .agenda-row .col-md-12 { padding: 0; } .agd-row .form-control, .agd-row .form-select { min-width: 100px; } .dfbtm-btn { flex-direction: column; justify-content: center; } .df-noshrink { position: static; } .profile-det-right { flex-direction: column; gap: 10px; } .prf-row .prf-col.det-doc { width: 100%; } .profile-det-right .link-txt { margin-bottom: 0; } .detail-container .prf-row { row-gap: 0; } } @media screen and (max-width: 520px) { .react-multi-chat .regcont { align-items: end !important; } .connt-side-nav { width: auto; } .rbc-btn-group.no-border button.arrow { margin-right: 0; } .col-tab .btn { font-size: 11px; min-width: initial; width: auto; } .det-card-outer { grid-template-columns: repeat(1, 1fr); } .grp-dos-icons .grp-name, .spec-cover-view .grp-name, .fol-name, .right_folder_blk .grp-name{min-height: auto;} } @media screen and (max-width: 398px) { .det-doc .doc-btns { flex-direction: column; } .patient-top-sec .bottom-block { flex-direction: column; } .patient-top-sec .bottom-block .btn-sec { flex-direction: row; } .patient-top-sec .person-det h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #homme_container { display: block; } .patient-top-sec.edit-mode .btn-sec { flex-wrap: wrap; justify-content: center; flex: auto; } .npro-cont { width: 100%; } .agd-row .form-control, .agd-row .form-select { min-width: 80px; padding: 9px 8px !important; } .col-tab .btn { font-size: 10px; } .logged_account_list .logged_account_li .dropdown-item { font-size: 12px; gap: 5px; } .modal-content .dash-main { width: 95% !important; } } @media screen and (max-width: 1446px) { .overview_alg_tab { width:100%; } .prof-rig-det p { min-height:auto; font-size: 14px; } } @media screen and (min-width:1300px) and (max-width: 1600px) { .profile-tab-outer .fac-content .row>div { width:50%; margin-bottom:8px; } .profile-tab-outer .fac-content .row>div:first-child { width:100% !important; } .profile-tab-outer .fac-content .row.obesite>div { width:33.33%; } .profile-tab-outer .fac-content .row.tobac_serve >div { width:33.33%; } .fac-content .tobac_serve .form-check-inline { display: flex; flex-direction: column; align-items: flex-start; margin-left: 30px; } .fac-content .tobac_serve, .fac-content .obesite { align-items: flex-end; justify-content: flex-start !important; align-items: flex-end; } } @media screen and (max-width: 1300px) { .vlg-container .col-lg-6,.profile-det-aller { width:100%; } .vlg-container { gap: 10px; } .alert-links { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 520px) { .profile-tab-outer .fac-content .row>div { width:50%; margin-bottom:8px; } .profile-tab-outer .fac-content .row>div:first-child { width:100%; } .evo-overview-grid { grid-template-columns: repeat(2, 1fr); } } #doc-profl-tabContent .show.active { display: block !important; } .ecig-out-btn { border:1px solid var(--primary); color: var(--primary); min-width: 100px; } #health_history_sec .col-xl-2 { text-align: center; width:25%; padding: 0 5px; } /* ================================================ FOLDER DDL MODAL RESTYLE (.fdr-modal) ================================================ */ /* Modal container glassmorphism */ #modal_dossier:has(.fdr-modal) .modal-dialog,#modal_detail_dossier:has(.fdr-modal) .modal-dialog { max-width: 900px; } #modal_dossier .modal-content:has(.fdr-modal), #modal_detail_dossier .modal-content:has(.fdr-modal) { border-radius: 26px; /* overflow: hidden; */ background: rgba(255, 255, 255, 0.86); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(94, 108, 155, 0.14); box-shadow: 0 18px 50px rgba(94, 108, 155, 0.14); } #modal_dossier .modal-content:has(.fdr-modal)::before, #modal_detail_dossier .modal-content:has(.fdr-modal)::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; background: linear-gradient(120deg, rgba(255,255,255,.75), transparent 35%), radial-gradient(circle at 92% 8%, rgba(94,108,155,.12), transparent 25%); border-radius: 26px; } .fdr-modal { position: relative; z-index: 1; } /* --- Header --- */ .fdr-modal .fdr-header { padding: 32px 32px 0; border: none !important; display: block !important; position: relative; align-items: initial; justify-content: initial; } .fdr-modal .fdr-header-content { position: relative; padding-right: 40px; } .fdr-modal .fdr-close, .fdr-modal .fdr-close.close-btn { position: absolute; top: 24px; right: 24px; z-index: 2; background: rgba(94, 108, 155, 0.08) !important; border: none !important; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: #70809a !important; cursor: pointer; transition: .2s ease; opacity: 1 !important; padding: 0 !important; font-size: 16px; box-shadow: none !important; outline: none !important; } .fdr-modal .fdr-close:hover, .fdr-modal .fdr-close.close-btn:hover { background: rgba(94, 108, 155, 0.16) !important; color: #1F2A3A !important; opacity: 1 !important; } /* Badge pill */ .fdr-badge { display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px; border-radius: 999px; color: #445582; background: rgba(94, 108, 155, 0.09); border: 1px solid rgba(94, 108, 155, 0.12); font-size: 13px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 15px; } .fdr-dot { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #8294CB, #5E6C9B); box-shadow: 0 0 0 5px rgba(94, 108, 155, 0.12); display: inline-block; } /* Title */ .fdr-modal .fdr-header h3 { font-size: clamp(18px, 3vw, 25px); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: #1F2A3A; margin-bottom: 6px; } /* Lead paragraph */ .fdr-lead { color: #70809a; font-size: 15px; line-height: 1.65; margin: 0; } .fdr-lead strong { color: #1F2A3A; font-weight: 700; } /* --- Body --- */ .fdr-modal .fdr-body { padding: 0 32px 10px; overflow-y: auto !important; } #modal_dossier.fdr-ddl-open .fdr-body,#modal_dossier.fdr-folder-input-open .fdr-body,#modal_detail_dossier.fdr-ddl-open .fdr-body,#modal_detail_dossier.fdr-folder-input-open .fdr-body { min-height:65vh !important; } /* --- Sections (rounded boxes) --- */ .fdr-section { margin-top: 15px; padding:15px 24px; border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,255,.72)); border: 1px solid rgba(94, 108, 155, 0.12); box-shadow: 0 10px 30px rgba(94, 108, 155, 0.10); } .fdr-section-title { margin: 0 0 10px; font-size: 15px; line-height: 1.55; color: #1F2A3A; } .fdr-section-title strong { font-weight: 700; color: #1F2A3A; } /* --- Field group --- */ .fdr-field-group { position: relative; margin-top: 14px; } /* Label for create section */ .fdr-label { display: block; margin: 0 0 5px 12px; color: #5E6C9B; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; } /* Styled select/input fields */ .fdr-modal .fdr-select, .fdr-modal .fdr-input { width: 100%; height: 56px !important; border: 1px solid rgba(94, 108, 155, 0.16) !important; border-radius: 20px !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 10px 24px rgba(94,108,155,.08); color: #1F2A3A; font-size: 15px; font-weight: 500; outline: none; padding: 0 50px 0 22px !important; transition: 0.22s ease; } .fdr-modal .fdr-select::placeholder, .fdr-modal .fdr-input::placeholder { color: #a7b0c3; } .fdr-modal .fdr-select:focus, .fdr-modal .fdr-input:focus { border-color: rgba(94, 108, 155, 0.42) !important; box-shadow: 0 0 0 5px rgba(94,108,155,.10), 0 16px 34px rgba(94,108,155,.12) !important; } /* Field icon (chevron for dropdown) */ /* Specialty badge on folder items */ .fdr-spe-badge { background: #cfdfff !important; color: #1F2A3A !important; font-size: 12px; font-weight: 500; padding: 3px 10px; border-radius: 8px; margin-left: 6px; display: inline-block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } /* Override form-control sizes only inside dossier modal */ #modal_dossier .fdr-modal .folder-dropdown .form-feild,#modal_detail_dossier .fdr-modal .folder-dropdown .form-feild { height: auto !important; min-height: 48px !important; } #modal_dossier .fdr-modal #folder_txt_box,#modal_detail_dossier .fdr-modal #folder_txt_box { height: 48px !important; border-radius: 20px 0 0 20px !important; border: 1px solid rgba(94,108,155,.16) !important; padding: 0 50px 0 22px !important; font-size: 15px !important; font-weight: 500 !important; background: rgba(255,255,255,.96) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 10px 24px rgba(94,108,155,.08) !important; float: none !important; margin-bottom: 0 !important; line-height: 48px !important; } #modal_dossier .fdr-modal #folder_txt_box:focus,#modal_detail_dossier .fdr-modal #folder_txt_box:focus { border-color: rgba(94,108,155,.42) !important; box-shadow: 0 0 0 5px rgba(94,108,155,.10), 0 16px 34px rgba(94,108,155,.12) !important; } /* Dropdown menu within sections */ .fdr-modal .folder-dropdown .dropdown-menu { border-radius: 16px; border: 1px solid rgba(94, 108, 155, 0.12); box-shadow: 0 10px 30px rgba(94, 108, 155, 0.14); padding: 8px; } #modal_dossier .fdr-modal .dropdown-folder-item, #modal_detail_dossier .fdr-modal .dropdown-folder-item { border-radius: 10px; padding: 8px 14px !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; transition: background 0.15s ease; } #modal_dossier .fdr-modal .dropdown-folder-item:hover, #modal_dossier .fdr-modal .dropdown-folder-item:focus, #modal_detail_dossier .fdr-modal .dropdown-folder-item:hover, #modal_detail_dossier .fdr-modal .dropdown-folder-item:focus { background: rgba(94, 108, 155, 0.08); } .fdr-modal .folder_icon { width: 100px; height: auto; margin-right: 10px; border-radius: 6px; } /* --- Action buttons (footer) --- */ .fdr-actions { display: flex; justify-content: flex-end; gap: 14px; margin-top: 24px; padding: 0 0 8px; border: none; flex-wrap: wrap; } .fdr-btn { border: 0; height: 42px; padding: 0 28px; border-radius: 16px; font-weight: 700; font-size: 14px; cursor: pointer; transition: 0.22s ease; text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .fdr-btn:hover { transform: translateY(-2px); } .fdr-btn-secondary { color: #445582; background: rgba(94, 108, 155, 0.09); } .fdr-btn-secondary:hover { color: #445582; background: rgba(94, 108, 155, 0.15); } .fdr-btn-primary { color: #fff !important; background: linear-gradient(135deg, #8294CB, #5E6C9B 58%, #445582); box-shadow: 0 14px 28px rgba(94, 108, 155, 0.24); } .fdr-btn-primary:hover { color: #fff !important; box-shadow: 0 18px 36px rgba(94, 108, 155, 0.30); } /* Create folder input - override formfield floating label */ .fdr-modal .fdr-section .formfield { position: relative; margin-bottom: 0 !important; float: none !important; } .fdr-modal .fdr-section .formfield label { position: static !important; display: none !important; } .fdr-modal .fdr-section .formfield > input, .fdr-modal .fdr-section .formfield > input.form-control, .fdr-modal .fdr-section .formfield .form-control.fdr-input, .fdr-modal .fdr-section #folder { height: 48px !important; border: 1px solid rgba(94, 108, 155, 0.16) !important; border-radius: 20px !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 10px 24px rgba(94,108,155,.08) !important; color: #1F2A3A !important; font-size: 15px !important; font-weight: 500 !important; outline: none !important; padding: 0 22px !important; transition: 0.22s ease; float: none !important; line-height: 48px !important; } .fdr-modal .fdr-section .formfield > input:focus, .fdr-modal .fdr-section .formfield .form-control.fdr-input:focus, .fdr-modal .fdr-section #folder:focus { border-color: rgba(94, 108, 155, 0.42) !important; box-shadow: 0 0 0 5px rgba(94,108,155,.10), 0 16px 34px rgba(94,108,155,.12) !important; } /* Error messages */ .fdr-modal .invalid-feedback { margin-top: 8px; margin-left: 12px; font-size: 13px; } /* --- Responsive --- */ @media (max-width: 720px) { .fdr-modal .fdr-header, .fdr-modal .fdr-body { padding-left: 20px; padding-right: 20px; } #modal_dossier .modal-content:has(.fdr-modal), #modal_detail_dossier .modal-content:has(.fdr-modal) { border-radius: 22px; } .fdr-section { padding: 18px; } .fdr-modal .fdr-select, .fdr-modal .fdr-input { height: 50px !important; } .fdr-actions { flex-direction: column; } .fdr-btn { width: 100%; justify-content: center; } } .btn.submit_file_form { background: var(--gradient-btn); background-image: var(--gradient-btn); } .evo-graph-icon { color: white; } .evo-history-table .pres-dname.examen-creer-par { margin-top:5px !important; font-size: 13px; } .evo-icons-wrap .delete_examen_icon_1 { font-size: 20px; } .evo-history-table .evo-graph-icon { color: var(--primary); font-size: 20px; } #responseDataModal .preview-modal-content { min-height: initial; } .disabled-flsec { opacity: 0.35; pointer-events: none; transition: opacity .2s; } .evo-history-table-wrap { max-height:200px; overflow:auto; } #evoGraphModal .modal-dialog { max-width: 1200px; width: 95%; } .deleteBloodModel .modal-dialog { max-width: 650px !important; } .deleteBloodModel h6 { text-align: left; font-weight:500; color: #212529; } .hgconfirmDelete { font-size: 18px; } .task-menu { position:relative; } .frame_title_name_exists { text-align: center; } .frame_title_name_success { margin:10px auto 0; } .formfield>label.form-check-label,.formfield>label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:calc(100% - 15px)!important; width:100%; } #frameTitleList.ft-filtering .ft-group-header, #frameTitleList.ft-filtering .ft-sg-row { display: none !important; } .frame-ddl.ft-filtering .form-check-outer { display: none !important; } .ft-group-header { cursor: pointer; user-select: none; } .ft-grp-chevron { font-size:0.75rem; cursor:pointer; margin-left:auto; padding-left:8px; transition:transform 0.2s; } .store-badge-btn { display: inline-flex; align-items: center; color: #fff; border-radius: 8px; padding: 8px 16px; text-decoration: none; min-width: 160px; gap: 10px; transition: all 0.4s ease-in-out; } .store-badge-btn:hover { transform: scale(1); } .det-alerts-count.active .pcnt { background: #D84C3A !important; color: #fff !important; } .nav-pills .det-alerts-count { position: relative; border: 1px solid #D84C3A; background: #fff; color:#D84C3A; } .det-alerts-count .pcnt { right: 5px; font-size: 13px; background: #D84C3A; color:#fff; } .nav-pills .det-alerts-count.active .pcnt { background: #fff !important; color:#D84C3A !important; } .pat-tab-section .alerts.dropdown-toggle::after { display:none; } /* inline badge inside dropdown toggle — overrides the absolute base positioning */ .pat-tab-section .alerts .dropdown-toggle .pcnt { position: relative; display: inline-flex; top: auto; right: auto; transform: none; vertical-align: middle; margin-left: 4px; } .alts-vdl-mdl { position: relative; } .nav-pills .det-alerts-count.active { background: #D84C3A !important; color: #fff !important; } .process-incomplete .navbar-collapse { justify-content: space-around;} .process-incomplete .logged_landing .iconify,.before-login .logged_landing .iconify { font-size: 40px; } .process-incomplete .right-menu { width: 100%; justify-content: space-between; } .process-incomplete .holter-nav-menu { display: flex; align-items: center; margin: auto; } .process-incomplete .navbar .dropdown { margin:auto; align-items: center; } .process-incomplete .logged_acct { width:100%; } .home-page.process-incomplete .navbar-collapse { justify-content: end; } .home-page.process-incomplete .navbar .dropdown { margin:0 10px; } /*alert menu*/ .navbar .main-manu .accueil-orgaltcnt .nav-link.dropdown-toggle{ padding-right: 30px !important;} #root-holtet .main-content:has(> .landing-page){overflow:inherit !important} #root-holtet ._mobileDrawer_x2ti4_140{z-index: 1020 !important} .landing-page ._split_x2ti4_580{ align-items: self-start; } .landing-page ._visual_x2ti4_262{margin-top:65px} ._page_x2ti4_1{min-height:100% !important;margin:-20px 0 !important} @media (min-width: 920px) and (max-width: 1201px) { #root-holtet ._cards_x2ti4_523 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 1200px) { #root-holtet ._heroGrid_x2ti4_226{ grid-template-columns: 1fr !important; } } .flash_icon .action_buttons{ justify-content: center; } .view-scheduled-job-log-btn,.view-scheduled-job-log-btn:hover{ background:transparent; border:0; box-shadow: none; font-size: 20px; } .view-scheduled-job-log-btn:hover{color:var(--primary)} /* Evolution history table (patient/overview_evolution_list) */ .evo-hist-actions .iconify { font-size: 22px; width: 22px; height: 22px; } .evo-hist-actions .hgEditRow .iconify { color: var(--primary); } .evo-history-table td:has(.evo-hist-edit-input) { white-space: nowrap; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec { table-layout: fixed; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th:first-child, .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td:first-child { width: 25%; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th:nth-child(2), .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td:nth-child(2) { width: 42%; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th:nth-child(3), .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td:nth-child(3) { width: 13%; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th:nth-child(4), .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td:nth-child(4) { width: 20%; } .evo-hist-edit-input { display: inline-block; width: calc(100% - 70px) !important; vertical-align: middle; } .evo-hist-actions .hgSaveRow, .evo-hist-actions .hgCancelRow { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 2px solid; margin-right: 4px; } .evo-hist-actions .hgSaveRow { border-color: #198754; } .evo-hist-actions .hgSaveRow .iconify { color: #198754; } .evo-hist-actions .hgCancelRow { border-color: #dc3545; } .evo-hist-actions .hgCancelRow .iconify { color: #dc3545; } .evo-hist-actions .hgSaveRow .iconify, .evo-hist-actions .hgCancelRow .iconify { font-size: 16px; width: 16px; height: 16px; } /* Evolution history: inline edit validation message under the value input */ .evo-history-table tbody tr { position: relative; } .evo-hist-actions .evo-hist-edit-error { position: absolute; left: 20px; bottom: 4px; width: calc(20% - 20px); margin: 0; font-size: 12px; line-height: 1.2; white-space: nowrap; } .evo-history-table tbody tr:has(.evo-hist-edit-error:not(:empty)) > td { padding-bottom: 26px; } .evo-hist-actions { white-space: nowrap; } /* Evolution history: keep the table inside its card (no horizontal scrollbar) */ .evo-history-table > div:not(.evo-history-table-wrap) { overflow-x: hidden !important; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec { width: 100%; max-width: 100%; } /* Evolution history: opaque sticky header so scrolled rows don't show through */ .evo-history-table thead { z-index: 2; } .evo-history-table thead th { background: #fff; } /* Evolution history: OCR sigma icon */ .evo-history-table .file-trans-link .iconify { font-size: 22px; width: 22px; height: 22px; } .evo-history-table .file-trans-link:hover, .evo-history-table .file-trans-link:hover .iconify { color: var(--primary); } /* Evolution history: responsive (narrow cards / small screens) */ @media (max-width: 1199px) { .evo-history-table > div:not(.evo-history-table-wrap) { overflow-x: auto !important; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec { table-layout: auto; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th, .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td { width: auto; padding: 8px 6px; font-size: 13px; } .evo-history-table td:has(.evo-hist-edit-input) { white-space: normal; } .evo-hist-edit-input { width: 70px !important; } .evo-hist-actions .evo-hist-edit-error { position: static; width: auto; white-space: normal; } .evo-history-table tbody tr:has(.evo-hist-edit-error:not(:empty)) > td { padding-bottom: 8px; } } /* Evolution history: horizontal scroll on narrow screens so no column is cut off */ @media (max-width: 1199px) { .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec { width: 100%; max-width: none; min-width: 520px; } .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec th, .evo-history-table > div:not(.evo-history-table-wrap) > .evo_frame_sec td { white-space: nowrap; } } /* Evolution cards: no hover zoom on small screens (the scaled card was clipped by its container) */ @media (max-width: 991px) { .evolution_subtype .card:hover { transform: none; } } /* OCR icon in evolution history (coloured PNG, same as the upload option) */ .evo-ocr-slot img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Evolution history: fixed slot for the OCR icon so edit/delete always line up */ .evo-hist-actions .evo-ocr-slot { display: inline-block; width: 24px; height: 24px; margin-right: 4px; vertical-align: middle; } /* INSi supporting doc field - same look as form inputs */ .form-control.insi-doc-field { display: flex; align-items: center; gap: 8px; height: 40px; cursor: pointer; overflow: hidden; white-space: nowrap; } .insi-doc-field .iconify { font-size: 18px; color: var(--primary); flex-shrink: 0; } .insi-doc-field #insi_doc_file_link { overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: inherit; } /* Pending-bilan icon in file cards: keep the red colour on hover */ .file-trans .file-trans-link:hover { color: var(--error); } /* Scheduled jobs logs list */ .sheduledjobs-datatable .sjl-json-col { margin: 0; max-height: 150px; overflow: auto; font-size: 12px; text-align: left; background: rgba(0,0,0,0.03); border-radius: 4px; padding: 6px 8px; } .sheduledjobs-datatable .sjl-json-row { white-space: normal; word-break: break-word; line-height: 1.5; } .sheduledjobs-datatable .sjl-json-key { font-weight: 600; color: #495057; } .sheduledjobs-datatable .sjl-json-val { color: #212529; } #scheduled_job_log_content { margin: 0; max-height: 60vh; overflow: auto; white-space: pre-wrap; word-break: break-word; font-size: 12px; text-align: left; background: rgba(0,0,0,0.03); border-radius: 4px; padding: 10px; } /* Scheduled jobs logs: title on top, filters + buttons on one row */ .sjl-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 7px; } .sjl-header h3, .adm_tab-cont.dossier_list .sjl-header h3 { width: 100%; flex: 0 0 100%; white-space: nowrap; } .sjl-header .searh_flx { justify-content: flex-end; align-items: center; margin-left: auto; } .sjl-header .searh_flx .search-box-date.formfield { margin-bottom: 0; } .sjl-header .searh_flx .search-box-date input { width: 100%; } .sjl-header .ser-btn { margin: 0; align-items: center; gap: 7px; } .sjl-header .ser-btn .btn { margin: 0; } /* Scheduled jobs logs: ~1525px screens - keep filters and buttons on one line */ @media (min-width: 1200px) and (max-width: 1599px) { .sjl-header .searh_flx { flex-wrap: nowrap; min-width: 0; } .sjl-header .searh_flx > * { min-width: 0; flex: 1 1 auto; } .sjl-header .searh_flx .status_select { min-width: 0; } .sjl-header .searh_flx .search-box-date.formfield { min-width: 115px; max-width: 130px; } .sjl-header .ser-btn { flex-wrap: nowrap; flex: 0 0 auto; } }