@charset "UTF-8"; /* * نطاق هويّة الواجهات الداخلية. * * كلُّ ما يولّده هذا الملف محصورٌ في ‎:where(.app-theme)‎ — صنفٌ يضعه * القالب على ‎‎ لصفحات النظام وحدها. فالمشروع صار تطبيقاً واحداً * يضمّ الموقع العام معه، ولولا الحصر لصبغت قواعدُ هذا الملف صفحاتِ * الزائر: ‎a { color: black }‎ تُسوّد روابطه، و‎body‎ تفرض خطّ النظام * وخلفيّته. * * ولماذا ‎:where()‎ لا صنفٌ عادي: ‎:where()‎ لا تضيف أولويّةً إطلاقاً، * فتبقى كل قاعدة بأولويّتها الأصلية ولا تنقلب موازينُها مع أدوات * Tailwind — ورفعُ الأولوية هو ما أفسد تجربة ‎important: true‎ سابقاً. * * وموضع الحصر هنا في المصدر لا في ‎main.css‎ المولَّد: المعالج يعيد * توليد ذلك الملف عند كل حفظ، فيمحو أيّ تعديلٍ يُكتب فيه مباشرةً. * * ملاحظة: ‎var‎ و‎mixins‎ خارج النطاق لأنهما تعريفاتٌ لا تُخرج CSS. */ :where(.app-theme) .text-main-color { color: #0890ab; } :where(.app-theme) .bg-main-color { background-color: #0890ab; } :where(.app-theme) .fs-10px { font-size: 10px !important; } :where(.app-theme) .fs-11px { font-size: 11px !important; } :where(.app-theme) .fs-12px { font-size: 12px !important; } :where(.app-theme) .fs-13px { font-size: 13px !important; } :where(.app-theme) .fs-14px { font-size: 14px !important; } :where(.app-theme) .fs-15px { font-size: 15px !important; } :where(.app-theme) .fs-16px { font-size: 16px !important; } :where(.app-theme) .fs-18px { font-size: 18px !important; } :where(.app-theme) .fs-17px { font-size: 17px; } :where(.app-theme) .w-150px { width: 150px !important; } :where(.app-theme) .w-250px { width: 250px !important; } :where(.app-theme) .w-120px { width: 120px !important; } :where(.app-theme) .w-200px { width: 200px !important; } :where(.app-theme) .w-180px { width: 180px !important; } :where(.app-theme) .w-fit { width: -moz-fit-content !important; width: fit-content !important; } :where(.app-theme) .alt2-bg-color { font-size: 14px !important; background-color: rgba(9, 145, 172, 0.8588235294); } :where(.app-theme) .alt-text-color { color: #0890ab; } :where(.app-theme) .info-data { font-size: 12px; padding: 8px 15px; color: #404040; border-radius: 5px; border: 1px solid #0890ab; } :where(.app-theme) .qr-table svg { width: 50px; height: 50px; } @media print { :where(.app-theme) .table-sm-print th, :where(.app-theme) .table-sm-print td { font-size: 13px !important; font-weight: normal !important; } } :where(.app-theme) body { font-family: "Noto Kufi Arabic", sans-serif; background-color: #f7f6fe; color: black; font-size: 14px; scroll-behavior: smooth; direction: rtl; } :where(.app-theme) { /* start scroll bar */ } :where(.app-theme) ::-webkit-scrollbar { width: 8px; height: 7px; } :where(.app-theme) ::-webkit-scrollbar-track { background-color: #f6f6f6; box-shadow: 0 0 5px 0px #ddd inset; } :where(.app-theme) ::-webkit-scrollbar-thumb { background-color: #0890ab; border-radius: 20px; } :where(.app-theme) ::-webkit-scrollbar-thumb:hover { background-color: #09829a; } :where(.app-theme) { /* end scroll bar */ } :where(.app-theme) .main-section { min-height: calc(100vh - var(--app-chrome, 177px)); min-height: calc(100svh - var(--app-chrome, 177px)); padding-block: 2rem; } :where(.app-theme) .dr-main-section { min-height: calc(100vh - var(--app-chrome, 241px)); min-height: calc(100svh - var(--app-chrome, 241px)); } :where(.app-theme) { /* Start invoice */ } :where(.app-theme) .box-invoice { border: 2px solid black; border-radius: 10px; padding: 0 10px; margin-bottom: 8px; } :where(.app-theme) .box-invoice p { margin-bottom: 2px; font-size: 15px; } :where(.app-theme) .box-invoice h6 { font-size: 14px; } @media print { :where(.app-theme) body { background-color: white !important; } :where(.app-theme) .reset-content-print { padding: 0px !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; } :where(.app-theme) { /* * القاعدتان التاليتان حُذفتا في تنظيفٍ سابقٍ على أنّهما بلا مستعمل، * وهما مستعملتان: ‎reset-container‎ في ورقتَي الفاتورة وتقرير المواعيد، * و‎table-print‎ في ‎front/invoice-print.blade.php‎ الحيّ. * * وأثرُهما لا يظهر على الشاشة — يظهر في الورقة وحدها: الحاضنةُ تبقى * بحشوها وعرضِها المحدود فتُطبع الفاتورةُ في عمودٍ ضيّقٍ وسط الصفحة. */ } :where(.app-theme) .reset-container { width: 100% !important; max-width: 100% !important; padding: 0 !important; } :where(.app-theme) .table-print { background-color: #fff !important; min-height: 100vh !important; } :where(.app-theme) .main-table { box-shadow: none !important; border: 1px solid red !important; } :where(.app-theme) .main-table.table-sm { background-color: #fff; } :where(.app-theme) .main-table.table-sm tr td { color: #000 !important; font-size: 7px !important; padding: 2px; } :where(.app-theme) .main-table.table-sm tr th { color: #000 !important; padding: 3px; font-size: 8px !important; } :where(.app-theme) .main-table .table-column-holder { margin: 0 !important; border: none; } :where(.app-theme) .main-table .table-column { display: flex; flex-direction: column; gap: 2px; border: none !important; box-shadow: none !important; } :where(.app-theme) .main-table .table-column thead { box-shadow: none !important; } :where(.app-theme) .main-table .table-column th { box-shadow: none !important; border: 1px solid #ddd !important; background-color: #fff; } :where(.app-theme) .main-table .table-column th:last-child { border: none; } :where(.app-theme) .main-table .table-column th .dd .nn b { font-size: 5px !important; } :where(.app-theme) .main-table .table-column th .dd { font-size: 8px !important; } :where(.app-theme) .not-print { display: none !important; } :where(.app-theme) .info-pas { display: block !important; } :where(.app-theme) .text-holder span { font-size: 10px !important; } :where(.app-theme) .ar { font-size: 19px !important; } :where(.app-theme) .patientFile .row > * { width: 20%; } :where(.app-theme) .patientFile .check { width: 50% !important; } :where(.app-theme) .patientFile .data-content { display: flex; gap: 10px; align-items: center; width: 100%; } :where(.app-theme) .patientFile .data-content div { width: 50%; } :where(.app-theme) .patientFile .data-content div p { font-size: 10px; white-space: nowrap; } :where(.app-theme) .patientFile .wrapper { display: flex; } :where(.app-theme) .patientFile .wrapper .parent { display: flex; flex-direction: column; } :where(.app-theme) .patientFile .wrapper .parent .data-content div { width: 100%; } :where(.app-theme) .patientFile .wrapper .parent .data-content div textarea { min-height: 140px !important; width: 100%; } :where(.app-theme) .data-content { display: flex; gap: 10px; align-items: center; width: 100% !important; } :where(.app-theme) .data-content div { display: flex; align-items: center; flex-wrap: wrap; width: 100% !important; } :where(.app-theme) .data-content div div { width: 50%; } :where(.app-theme) .data-content div div p { font-size: 8px !important; white-space: wrap !important; } :where(.app-theme) .data-content div div.holder { width: 100% !important; } :where(.app-theme) .data-content div div.holder .special { width: 100% !important; } :where(.app-theme) .data-content div div.holder .special textarea { width: 100% !important; min-height: 100px !important; } :where(.app-theme) .invoice-section { padding: 0 !important; background-color: transparent !important; box-shadow: none !important; } :where(.app-theme) .invoice-section .page-container { margin: 0 !important; width: 100% !important; max-width: 100% !important; background-color: transparent !important; box-shadow: none !important; padding: 0 !important; } :where(.app-theme) .invoice-section .page-container .invoice-content { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; } } @media (max-width: 767.98px) { :where(.app-theme) .sw-100 { width: 100% !important; } } @media (max-width: 1199.98px) { :where(.app-theme) .lw-100 { width: 100% !important; } } :where(.app-theme) .casher-invoice .invoice-content { position: relative; width: 600px; max-width: 100%; margin: 0px auto; } :where(.app-theme) .casher-invoice .invoice-content .text-mark { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 80px; font-weight: 700; border-radius: 30px; opacity: 0.1; border: 1px solid #ddd; } @media (max-width: 767.98px) { :where(.app-theme) .casher-invoice .invoice-content .text-mark { left: 50%; top: 30%; font-size: 50px; transform: translate(-50%, -50%); } } :where(.app-theme) .casher-invoice .invoice-content .logo-holder .the_image { width: 130px; max-width: 100%; height: auto; } :where(.app-theme) .casher-invoice .invoice-content .site-name { font-size: 23px; font-weight: 700; color: #000; } :where(.app-theme) .casher-invoice .invoice-content .inv-number { text-align: center; font-size: 15px; font-weight: 700; color: #000; } :where(.app-theme) .casher-invoice .invoice-content .main-info-inv { font-size: 14px; } :where(.app-theme) .casher-invoice .invoice-content .middle-info-inv { font-weight: 700; font-size: 15px; text-align: justify; } :where(.app-theme) .casher-invoice .invoice-content .table-inv { width: 100%; margin-bottom: 14px; } :where(.app-theme) .casher-invoice .invoice-content .table-inv td, :where(.app-theme) .casher-invoice .invoice-content .table-inv th { border: 1px solid #000; padding: 7px 10px; text-align: center; justify-content: center; font-weight: 700; } :where(.app-theme) .casher-invoice .invoice-content .bar_code_holder img, :where(.app-theme) .casher-invoice .invoice-content .bar_code_holder svg { width: 160px; height: 160px; } :where(.app-theme) .casher-invoice .invoice-content .parent-boxes-info { width: 100%; } :where(.app-theme) .casher-invoice .invoice-content .parent-boxes-info .box-info-border { border: 1px dotted black; padding: 5px 10px; display: flex; font-size: 15px; align-items: center; gap: 1px; flex-wrap: wrap; justify-content: space-between; } @media print { :where(.app-theme) .casher-invoice { /* كود الفاتورة الخاص بك */ } :where(.app-theme) .casher-invoice .invoice-content { width: 100%; max-width: 100%; margin: 0 !important; padding: 0px !important; /* 3. منع تقسيم الفاتورة على صفحتين */ page-break-inside: avoid; page-break-after: avoid; overflow: hidden; } :where(.app-theme) .casher-invoice .invoice-content .site-name { font-size: 14px; /* تم التصغير من 20 */ font-weight: bold; /* إضافة خط عريض لتعويض صغر الحجم */ } :where(.app-theme) .casher-invoice .invoice-content .inv-number { font-size: 10px; /* تم التصغير من 14 */ } :where(.app-theme) .casher-invoice .invoice-content .main-info-inv { font-size: 9px; /* تم التصغير من 11 */ } :where(.app-theme) .casher-invoice .invoice-content .middle-info-inv { font-size: 10px; /* تم التصغير من 13 */ } :where(.app-theme) .casher-invoice .invoice-content .table-inv { /* منع انقسام الجدول */ page-break-inside: auto; } :where(.app-theme) .casher-invoice .invoice-content .table-inv tr { page-break-inside: avoid; page-break-after: auto; } :where(.app-theme) .casher-invoice .invoice-content .table-inv th { padding: 4px 2px !important; /* تقليل المسافات لتوفير المساحة */ font-size: 9px; /* تم التصغير من 12 */ } :where(.app-theme) .casher-invoice .invoice-content .table-inv td { font-size: 9px; /* تم التصغير من 12 */ padding: 2px !important; /* تقليل المسافات لتوفير المساحة */ } :where(.app-theme) .casher-invoice .invoice-content .parent-boxes-info .box-info-border { padding: 2px 4px; font-size: 9px; /* تم التصغير من 11 */ } :where(.app-theme) .casher-invoice .invoice-content .wel { font-size: 11px; /* تم التصغير من 15 */ } :where(.app-theme) .casher-invoice .invoice-content .bar_code_holder img, :where(.app-theme) .casher-invoice .invoice-content .bar_code_holder svg { width: 90px; /* تم التصغير من 120 */ height: 90px; /* تم التصغير من 120 */ } } :where(.app-theme) section.app { font-size: 15px; } :where(.app-theme) section.app select { font-size: 15px; } :where(.app-theme) section.app .list-btn { display: flex; align-items: center; gap: 5px; background-color: #f8f8f8; padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } :where(.app-theme) section.app .cards .card-app { border: 1px solid #ddd; background-color: white; height: -moz-fit-content; height: fit-content; } :where(.app-theme) section.app .cards .card-app .title-card-app { background-color: #eee; color: #777; font-size: 13.5px; padding: 0.5rem; text-align: center; font-weight: bold; } :where(.app-theme) section.app .cards .card-app .body-card-app { overflow-y: auto; padding: 0 7px; padding-bottom: 5px; } :where(.app-theme) section.app .cards .card-app .body-card-app.content { height: calc(100% - 51.16px - 55.19px); } :where(.app-theme) section.app .cards .card-app .body-card-app td, :where(.app-theme) section.app .cards .card-app .body-card-app th { font-size: 12px; font-weight: normal; vertical-align: middle; } :where(.app-theme) section.app .cards .card-app .body-card-app td .control-num, :where(.app-theme) section.app .cards .card-app .body-card-app th .control-num { cursor: pointer; } :where(.app-theme) section.app .cards .card-app .body-card-app .footer-table { background-color: #f0f0f0; } :where(.app-theme) section.app .cards .card-app .body-card-app .footer-table .num { background-color: white; border-radius: 3px; border: 1px solid #eee; padding: 5px 10px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } :where(.app-theme) section.app .cards .card-app .body-card-app .list-orders { max-height: 169px; display: grid; gap: 8px; align-items: start; grid-template-columns: 1fr; } @media (min-width: 576px) { :where(.app-theme) section.app .cards .card-app .body-card-app .list-orders { grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) { :where(.app-theme) section.app .cards .card-app .body-card-app .list-orders { grid-template-columns: 1fr 1fr 1fr; } } @media (min-width: 992px) { :where(.app-theme) section.app .cards .card-app .body-card-app .list-orders { grid-template-columns: 1fr 1fr 1fr 1fr; } } :where(.app-theme) section.app .btns-control .btn { height: 40px; display: flex; align-items: center; width: 100% !important; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } :where(.app-theme) .main-content { padding: 50px 0; } :where(.app-theme) .main-content .box { background-color: #fff; box-shadow: 0 0 10px #f1f1f1; border-radius: 10px; padding: 20px; } :where(.app-theme) .main-content .box .header { display: flex; align-items: center; flex-direction: column; border-bottom: 1px solid #ddd; } :where(.app-theme) .main-content .box .header h3 { font-size: 18px; } :where(.app-theme) .main-content .box .header .logo { width: 120px; } :where(.app-theme) .main-content .box .header .logo img { width: 100%; } :where(.app-theme) .main-content .box .content { direction: rtl; padding: 20px; } :where(.app-theme) .main-content .box .content p { font-weight: 800; } :where(.app-theme) .main-content .box .content span { font-weight: 400; } :where(.app-theme) .main-content .box .table-responsive { overflow-x: auto; } :where(.app-theme) .main-content .box .table-responsive table { width: 100%; } :where(.app-theme) .main-content .box .table-responsive table thead { background-color: #f3f3f3; } :where(.app-theme) .main-content .box .table-responsive table thead tr th { text-align: center; border: 1px solid #000; padding: 10px 20px; } :where(.app-theme) .main-content .box .table-responsive table tbody tr td { text-align: center; border: 1px solid #000; padding: 10px 20px; } :where(.app-theme) .main-content .box .foot-text .qr { width: 100px; } :where(.app-theme) .main-content .box .foot-text .qr img { width: 100%; } :where(.app-theme) .inv-page .main-head { display: flex; align-items: center; justify-content: center; margin: 30px 0 20px; gap: 20px; } :where(.app-theme) .inv-page .main-head h1.ar { font-size: 33px; font-weight: normal; } :where(.app-theme) .inv-page .main-head h1.ar span { font-weight: bold; } :where(.app-theme) .inv-page .main-head img { width: 64px; } :where(.app-theme) .inv-page .qr-table-holder > svg { width: 100px; height: 100px; } :where(.app-theme) .inv-page .text { display: flex; justify-content: space-evenly; margin-top: 10px; } :where(.app-theme) .inv-page .print { text-decoration: none; color: white; background-color: #2fc2df; padding: 0.5rem 1rem; border-radius: 5px; margin: 20px auto 0; display: block; width: -moz-fit-content; width: fit-content; } @media (min-width: 200px) and (max-width: 576px) { :where(.app-theme) .inv-page table { font-size: 6px !important; } :where(.app-theme) .inv-page table tr td, :where(.app-theme) .inv-page table tr th { padding: 4px 3px !important; } :where(.app-theme) .inv-page .qr-table-holder > svg { width: 50px; height: 50px; } :where(.app-theme) .inv-page section { padding: 0 5px; } :where(.app-theme) .inv-page .main-head { margin-bottom: 10px; } :where(.app-theme) .inv-page .main-head h1.ar { font-size: 21px; } :where(.app-theme) .inv-page .height { height: 30px !important; } } @media (min-width: 576px) and (max-width: 768px) { :where(.app-theme) .inv-page table { font-size: 8px !important; } :where(.app-theme) .inv-page .main-head { margin-bottom: 10px; } :where(.app-theme) .inv-page .qr-table-holder > svg { width: 75px; height: 75px; } } @media (min-width: 768px) and (max-width: 992px) { :where(.app-theme) .inv-page table { font-size: 10px !important; } } @media (min-width: 992px) and (max-width: 1200px) { :where(.app-theme) .inv-page table { font-size: 11px !important; } } @media (min-width: 1200px) and (max-width: 1400px) { :where(.app-theme) .inv-page table { font-size: 12px !important; } } @media print { :where(.app-theme) .inv-page .main-section { background-color: #fff; } :where(.app-theme) .inv-page section { padding: 0 !important; } :where(.app-theme) .inv-page body { font-size: 5px; } :where(.app-theme) .inv-page .print { display: none; } :where(.app-theme) .inv-page table, :where(.app-theme) .inv-page th, :where(.app-theme) .inv-page td { padding: 3px !important; border: 1px solid black; } :where(.app-theme) .inv-page table tr td .cen { left: 32% !important; } :where(.app-theme) .inv-page table tr td .cen.one { left: 40% !important; } :where(.app-theme) .inv-page .qr-table-holder { width: 100%; text-align: center; margin-right: 15px !important; } :where(.app-theme) .inv-page .qr-table-holder > svg { width: 85px; height: 85px; } } :where(.app-theme) .inv-prt { margin: auto; width: 100% !important; font-size: 14px !important; } :where(.app-theme) .inv-prt tr td, :where(.app-theme) .inv-prt tr th { padding: 5px; position: relative; } :where(.app-theme) .inv-prt tr td .rig { float: right; } :where(.app-theme) .inv-prt tr td .lef { float: left; margin-right: 5px; } :where(.app-theme) .inv-prt tr td .cen { position: absolute; left: 40%; top: 50%; transform: translate(-50%, -50%); } :where(.app-theme) .inv-prt, :where(.app-theme) .inv-prt th, :where(.app-theme) .inv-prt td { border: 1px solid black; border-collapse: collapse; } :where(.app-theme) .inv-prt tr td.hidd-1, :where(.app-theme) .inv-prt tr td.hidd-2 { border-left-color: transparent; } :where(.app-theme) .inv-prt .qr-table-holder { width: 100%; text-align: center; } :where(.app-theme) .inv-prt .qr-table-holder > svg { width: 100px; height: 100px; } @media print { :where(.app-theme) .inv-prt { width: 100%; font-size: 9px !important; } :where(.app-theme) .inv-prt tr td div { display: flex; float: unset; justify-content: space-between; } :where(.app-theme) .inv-prt tr td .pir-r { margin-left: 25px; } :where(.app-theme) .inv-prt tr td .pir-l { margin-right: 25px; } :where(.app-theme) .inv-prt .qr-table-holder { width: 100%; text-align: center; margin-right: 15px !important; } :where(.app-theme) .inv-prt .qr-table-holder > svg { width: 85px; height: 85px; } } :where(.app-theme) .top-nav { background-color: #0890ab; color: white; font-size: 13px; z-index: 1000; } :where(.app-theme) .top-nav .page-container { display: flex; align-items: center; justify-content: space-between; position: relative; } :where(.app-theme) .top-nav .page-container .nav-right-group { display: none; align-items: center; gap: 6px; } @media (max-width: 991.98px) { :where(.app-theme) .top-nav .page-container .nav-right-group { display: flex; } } :where(.app-theme) .top-nav .page-container .nav-right-group .tog-show { display: flex !important; margin: 10px 0; cursor: pointer; } :where(.app-theme) .top-nav .page-container .nav-right-group .tog-show i, :where(.app-theme) .top-nav .page-container .nav-right-group .tog-show svg { font-size: 20px; } :where(.app-theme) .top-nav .page-container .nav-right-group .search-btn-mobile { display: flex !important; } :where(.app-theme) .top-nav .page-container > .tog-show { display: none; } :where(.app-theme) .top-nav .page-container ul { list-style: none; padding: 0; margin: 0; } :where(.app-theme) .top-nav .page-container a { color: white; font-size: 13px; } @media (max-width: 991.98px) { :where(.app-theme) .top-nav .page-container .barcode-scan-form { display: none !important; } } @media (max-width: 991.98px) { :where(.app-theme) .top-nav .page-container .search-btn-desktop { display: none !important; } } :where(.app-theme) .top-nav .page-container .search-btn-mobile { display: none; } :where(.app-theme) .top-nav .page-container .mobile-actions { order: 2; } @media (max-width: 991.98px) { :where(.app-theme) .top-nav .page-container .mobile-actions { display: flex !important; align-items: center; } } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list { display: flex !important; position: static !important; background: transparent !important; flex-direction: row !important; min-width: unset !important; top: unset !important; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li { width: auto; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li .item { padding: 0.7rem 5px; display: flex; align-items: center; justify-content: center; position: relative; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li .item .i-item { font-size: 19px; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li .item .badge-count { font-size: 10px; height: 14px; width: 12px; border-radius: 3px; position: absolute; top: 5px; right: 0; text-align: center; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li a { border-bottom: none !important; } :where(.app-theme) .top-nav .page-container .mobile-actions .nav-actions-list li a::before { display: none; } :where(.app-theme) .top-nav .page-container .list-item { display: flex; z-index: 900; align-items: center; } @media (max-width: 991.98px) { :where(.app-theme) .top-nav .page-container .list-item { flex-direction: column; position: absolute; top: 100%; min-width: 200px; display: none; right: 0; background-color: #313131; } :where(.app-theme) .top-nav .page-container .list-item li { width: 100%; } :where(.app-theme) .top-nav .page-container .list-item li a { border-bottom: 1px solid #9c9c9c; width: 100%; transition: 300ms; } :where(.app-theme) .top-nav .page-container .list-item li a::before { display: none; } :where(.app-theme) .top-nav .page-container .list-item li a:hover { color: #0890ab; } } :where(.app-theme) .top-nav .page-container .list-item li a { padding: 0.7rem; white-space: nowrap; overflow: hidden; position: relative; } :where(.app-theme) .top-nav .page-container .list-item li a::before { content: ""; width: 100%; left: 100%; bottom: 3px; transition: 300ms; position: absolute; height: 3px; background-color: white; } :where(.app-theme) .top-nav .page-container .list-item li a:hover::before { left: 0; } :where(.app-theme) .bottom-nav { box-shadow: 0 5px 10px 0 rgba(228, 228, 228, 0.5215686275); border-bottom: 3px solid #0890ab; background-color: white; z-index: 1000; } :where(.app-theme) .bottom-nav .page-container .tog-show { display: none; cursor: pointer; } @media (max-width: 991.98px) { :where(.app-theme) .bottom-nav .page-container .tog-show { display: inline-block; margin: 10px 0; } } :where(.app-theme) .bottom-nav .page-container .tog-show i, :where(.app-theme) .bottom-nav .page-container .tog-show svg { font-size: 23px; color: black; } :where(.app-theme) .bottom-nav .page-container .list-item { display: flex; z-index: 111; align-items: center; list-style: none; padding: 0; margin: 0; } @media (max-width: 991.98px) { :where(.app-theme) .bottom-nav .page-container .list-item { flex-direction: column; display: none; } } :where(.app-theme) .bottom-nav .page-container .list-item li .item { padding: 1rem 0.7rem; display: block; transition: 300ms; color: black; font-size: 13px; white-space: nowrap; position: relative; } :where(.app-theme) .bottom-nav .page-container .list-item li .item .badge-count { position: absolute; left: 1px; top: 23%; } :where(.app-theme) .bottom-nav .page-container .list-item li .item .i-item { transition: 300ms; color: #8f9ab8; font-size: 15px; margin-right: 2px; } :where(.app-theme) .bottom-nav .page-container .list-item li .item:hover { color: #09adce; } :where(.app-theme) .bottom-nav .page-container .list-item li .item:hover i, :where(.app-theme) .bottom-nav .page-container .list-item li .item:hover svg { color: #09adce; } :where(.app-theme) .bottom-nav .page-container .list-item li .dropdown-hover { display: flex; } :where(.app-theme) .section-guide .img { width: 500px; max-width: 100%; margin: 0 auto; } :where(.app-theme) .section-guide .img img { width: 100%; height: auto; } :where(.app-theme) .section-guide .img iframe { width: 100%; height: 300px; } :where(.app-theme) .section-guide .image-holder { max-width: 183px; margin: 0 auto; } :where(.app-theme) .section-guide .image-holder img { width: 100%; height: auto; } :where(.app-theme) { /* * صفُّ الإجمالي في أوراق الفواتير وعروض الأسعار — رماديٌّ يفصله عن البنود. * * حُذف في تنظيفٍ سابقٍ على أنّه بلا مستعمل، وله ثلاثة: ورقةُ الفاتورة * وورقةُ عرض السعر وقالبُ الـPDF. وبلا القاعدة يُطبع الصفُّ أبيضَ كبقيّة * الجدول فيضيع الفصل. */ } :where(.app-theme) .bg-gray { background-color: rgb(214, 214, 214); } :where(.app-theme) .title-style-font { font-family: "Rubik", sans-serif; } :where(.app-theme) .addPatient-section .addPatient-content .section-title { background-color: #f0eff8; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .more-info { padding: 10px; background-color: #f0eff8; font-size: 16px !important; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .more-info::after { transition: 0.4s; content: "+"; position: absolute; font-weight: 600; float: left; left: 15px; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .more-info.active::after { transition: 300ms; content: "−" !important; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .more-info:hover { background-color: #e9e8ea; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .more-info { transition: 300ms; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .data-content { transition: 0.4s; padding: 15px 15px 0; max-height: 0px; overflow: hidden; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .data-content div { padding: 10px 0; } :where(.app-theme) .addPatient-section .addPatient-content .Patient-form-data .medical-information .data-content div .radioarea { background-color: rgba(235, 235, 235, 0.9607843137); padding: 6px !important; margin-bottom: 15px; } :where(.app-theme) .special-table thead { border: 1px solid #ddd !important; } :where(.app-theme) .special-table thead tr { border: 1px solid #ddd !important; } :where(.app-theme) .special-table thead tr th { border: 1px solid #ddd !important; background-color: #f9fafb; font-size: 13px; white-space: nowrap; padding: 4px; height: 43px; vertical-align: middle; color: #6b7280; font-weight: 600; } :where(.app-theme) .special-table tbody { border: 1px solid #ddd !important; } :where(.app-theme) .special-table tbody tr { border: 1px solid #ddd !important; } :where(.app-theme) .special-table tbody tr td { border: 1px solid #ddd !important; vertical-align: middle; background-color: white; height: 41px; font-size: 12px; color: #444; padding: 4px; position: relative; } :where(.app-theme) .special-table tbody tr td:hover .toltip-table { visibility: visible; opacity: 1; } :where(.app-theme) .special-table tbody tr td:not(:last-of-type) { background-color: #eee; } :where(.app-theme) .special-table tbody tr td .toltip-table { background-color: #2c2c2c; position: absolute; bottom: calc(100% + 10px); left: 50%; padding: 10px; width: -moz-fit-content; width: fit-content; color: white; white-space: nowrap; font-size: 15px; transform: translateX(-50%); text-align: start; border-radius: 5px; visibility: hidden; opacity: 0; transition: 300ms; z-index: 1000; } :where(.app-theme) .special-table tbody tr td .toltip-table::before { content: ""; position: absolute; top: 100%; left: 50%; border-width: 10px; border-style: solid; border-color: #2c2c2c transparent transparent transparent; transform: translateX(-50%); z-index: 1500; } :where(.app-theme) .section-content .status .box .color { width: 18px; height: 18px; border-radius: 3px; } :where(.app-theme) .section-content .status .box .one { background-color: #eee; } :where(.app-theme) .section-content .status .box .two { background-color: #5cb85c; } :where(.app-theme) .section-content .status .box .three { background-color: #ffbb33; } :where(.app-theme) .section-content .status .box .four { background-color: #d9534f; } :where(.app-theme) .section-content .status .box .five { background-color: #428bca; } :where(.app-theme) .section-content .status .box .six { background-color: #009688; } :where(.app-theme) .section-content .status .box .seven { background-color: rgb(231, 9, 9); } :where(.app-theme) .section-content .status .box .text { font-family: Arial, Helvetica, sans-serif; } :where(.app-theme) .table-color tr:nth-of-type(1) .toltip-table, :where(.app-theme) .table-color tr:nth-of-type(2) .toltip-table { bottom: unset; top: calc(100% + 10px); } :where(.app-theme) .table-color tr td:nth-of-type(1) .toltip-table { transform: translateX(0%); left: unset; right: 0; } :where(.app-theme) .table-color tr:nth-of-type(1) .toltip-table::before, :where(.app-theme) .table-color tr:nth-of-type(2) .toltip-table::before { top: unset; bottom: 100%; border-color: transparent transparent #2c2c2c transparent; } :where(.app-theme) .table-color tr td:nth-of-type(1) .toltip-table::before { transform: translateX(0); left: unset; right: 10px; } :where(.app-theme) .table-color .bg-didNot-attend { background-color: #ff4444 !important; } :where(.app-theme) .table-color .bg-bookedUp { background-color: #00c851 !important; } :where(.app-theme) .table-color .bg-available { background-color: #bbb !important; } :where(.app-theme) .table-color .bg-attended { background-color: #428bca !important; } :where(.app-theme) .table-color .bg-online { background-color: #ffbb33 !important; white-space: nowrap; } :where(.app-theme) .table-color .bg-converters { background-color: #009688 !important; } :where(.app-theme) section.page-login { padding: 1.5rem; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; font-size: 12px; align-items: center; background-color: rgb(249, 250, 251); } :where(.app-theme) section.page-login .form-login { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } @media (min-width: 768px) { :where(.app-theme) section.page-login .form-login { max-width: 56rem; } } :where(.app-theme) section.page-login .form-login { margin-left: auto; overflow: hidden; margin-right: auto; height: 100%; width: 100%; border-radius: 0.5rem; background-color: #fff; border: 0 solid #d5d6d7; } :where(.app-theme) section.page-login .form-login .box-login { flex-direction: column; display: flex; } @media (min-width: 768px) { :where(.app-theme) section.page-login .form-login .box-login { flex-direction: row; } } :where(.app-theme) section.page-login .form-login .box-login .img-login { height: 13.5rem; width: 100%; } :where(.app-theme) section.page-login .form-login .box-login .img-login .login-swiper { width: 100%; height: 100%; } :where(.app-theme) section.page-login .form-login .box-login .img-login .login-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0890ab; } :where(.app-theme) section.page-login .form-login .box-login .img-login img { width: 100%; height: 100%; } @media (min-width: 768px) { :where(.app-theme) section.page-login .form-login .box-login .img-login { height: auto; width: 50%; } } @media (min-width: 768px) { :where(.app-theme) section.page-login .form-login .box-login .content-login { width: 50%; } } :where(.app-theme) section.page-login .form-login .box-login .content-login { width: 100%; padding: 3rem; display: flex; align-items: center; justify-content: center; } :where(.app-theme) section.page-login .form-login .box-login .content-login .title { margin-bottom: 1rem; font-size: 16px; font-weight: 600; } :where(.app-theme) section.page-login .form-login .box-login .content-login .lable { margin-bottom: 4px; } :where(.app-theme) section.page-login .form-login .box-login .content-login input:focus { box-shadow: 0 0 0 3px rgba(202, 191, 253, 0.45) !important; } :where(.app-theme) section.page-login .form-login .box-login .content-login .acc-new { display: block; color: #0890ab; } :where(.app-theme) section.page-login .form-login .box-login .content-login .sub { transition-duration: 0.15s; transition-property: background-color, border-color, color, fill, stroke; width: 100%; color: white; text-align: center; padding-right: 1rem; padding-left: 1rem; padding-bottom: 0.5rem; padding-top: 0.5rem; margin-top: 1rem; line-height: 1.25rem; font-weight: 500; border-radius: 0.5rem; background-color: #0890ab; cursor: pointer; } :where(.app-theme) section.page-login .form-login .box-login .content-login .logo-footer { width: 150px; } :where(.app-theme) .btn-main-sm { padding: 0.3rem 0.7rem; transition: 300ms; color: #fff; background: #2ba670; display: flex; align-items: center; justify-content: center; gap: 3px; white-space: nowrap; cursor: pointer; border-radius: 4px; border: none; font-size: 13px; outline: none; border: 1px solid #2ba670; z-index: 1; position: relative; overflow: hidden; } :where(.app-theme) .btn-main-sm::before { content: ""; position: absolute; left: 100%; top: 0; width: 100%; transition: 300ms; height: 100%; background-color: white; z-index: -1; } :where(.app-theme) .btn-main-sm:hover { color: #2ba670; border: 1px solid #2ba670; } :where(.app-theme) .btn-main-sm:hover::before { left: 0; } :where(.app-theme) .dropdown-hover { position: relative; color: white; font-size: 11px; display: flex; align-items: center; gap: 7px; border-radius: 4px; z-index: 1001; cursor: pointer; } :where(.app-theme) .dropdown-hover::before { content: ""; position: absolute; width: 100%; height: 7px; left: 0; top: 100%; } :where(.app-theme) .dropdown-hover:hover .listis-item { display: block; } :where(.app-theme) .dropdown-hover .icon-drop { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #9c9c9c; } :where(.app-theme) .dropdown-hover .icon-drop .icon { font-size: 16px; } :where(.app-theme) .dropdown-hover .text { margin: 0; font-size: 13px; text-align: center; } :where(.app-theme) .dropdown-hover .listis-item { position: absolute; left: 0px; z-index: 10000; top: 100%; width: -moz-fit-content; width: fit-content; padding: 0; min-width: 100%; background-color: #313131; overflow-y: auto; } :where(.app-theme) .dropdown-hover .listis-item::-webkit-scrollbar { display: none; } :where(.app-theme) .dropdown-hover .listis-item { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } :where(.app-theme) .dropdown-hover .listis-item { display: none; } :where(.app-theme) .dropdown-hover .listis-item.nospace { top: calc(100% + 7px); } :where(.app-theme) .dropdown-hover .listis-item .item-drop a, :where(.app-theme) .dropdown-hover .listis-item .item-drop button { display: flex; background-color: #313131; align-items: center; gap: 10px; justify-content: center; padding: 10px; width: 100%; white-space: nowrap; z-index: 11111; } :where(.app-theme) .dropdown-hover .listis-item .item-drop a:hover, :where(.app-theme) .dropdown-hover .listis-item .item-drop button:hover { background: #4e4e4e; } :where(.app-theme) .dropdown-hover .listis-item .item-drop a .icon-drop, :where(.app-theme) .dropdown-hover .listis-item .item-drop button .icon-drop { width: 19px; } :where(.app-theme) .dropdown-hover .listis-item .item-drop a .text, :where(.app-theme) .dropdown-hover .listis-item .item-drop button .text { size: 19px; color: white; } :where(.app-theme) .badge-count { background-color: orangered; height: 14px; min-width: 13px; font-size: 10px; line-height: 14px; border-radius: 4px; color: white; display: flex; align-items: center; justify-content: center; } :where(.app-theme) .accordion-button { font-size: 14px !important; } :where(.app-theme) .accordion-button::after { margin-right: auto; margin-left: 0px !important; } :where(.app-theme) .accordion-button:focus { box-shadow: 0 0 0 0.25rem rgba(43, 166, 112, 0.25) !important; } :where(.app-theme) .accordion-button:not(.collapsed) { color: #809c8f; background-color: rgba(43, 166, 112, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13); } :where(.app-theme) .accordion-button:not(.collapsed)::after { background-image: url("https://www.svgrepo.com/show/83098/down-arrow.svg") !important; } :where(.app-theme) .main-heading { font-weight: bold; font-size: 20px; margin-bottom: 1.5rem; } :where(.app-theme) .small-heading { font-size: 15px; color: #6b7280; margin-bottom: 5px; font-weight: 600; } :where(.app-theme) .small-label { color: #6b7280; font-size: 12px; margin-bottom: 2px; } :where(.app-theme) .sm-heading { color: #767575; font-size: 15px; } :where(.app-theme) .main-head { font-weight: bold; font-size: 14px; margin-bottom: 8px; position: relative; width: -moz-fit-content; width: fit-content; padding: 0.5rem 1rem; background-color: #01b3e4; color: white; line-height: 15px; } :where(.app-theme) .main-head::before { content: ""; position: absolute; top: 100%; inset-inline-start: 1rem; border-style: solid; border-width: 7px; border-color: #01b3e4 transparent transparent transparent; } :where(.app-theme) .main-head.btn-head::before { opacity: 0; transition: 300ms; } :where(.app-theme) .main-head.btn-head.active::before { opacity: 1; } :where(.app-theme) .title-bg { background-color: #D9D9D9; padding: 4px 8px; width: 100%; border-radius: 0.2rem; text-align: center; margin-bottom: 5px; } :where(.app-theme) .boxes-info .box-info { background-color: white; padding: 20px 15px; text-align: end; overflow: hidden; border-radius: 0.375rem; position: relative; box-shadow: 0 0 6px 0 #d3d3d3; transition: 300ms; } :where(.app-theme) .boxes-info .box-info:hover { box-shadow: 0 0 6px 0 #aeaaaa; } :where(.app-theme) .boxes-info .box-info.blue .bg-icon { color: #5b8af0; } :where(.app-theme) .boxes-info .box-info.green .bg-icon { color: #2ba670; } :where(.app-theme) .boxes-info .box-info.pur .bg-icon { color: #7b74eb; } :where(.app-theme) .boxes-info .box-info.red .bg-icon { color: #de5f56; } :where(.app-theme) .boxes-info .box-info .num { font-size: 20px; } :where(.app-theme) .boxes-info .box-info .text { font-size: 16px; color: #6b7280; } :where(.app-theme) .boxes-info .box-info .bg-icon { position: absolute; right: -3%; bottom: 0; font-size: 55px; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info { color: white; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info .text { color: white; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info .bg-icon { color: white; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info.blue { background-color: #5b8af0; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info.green { background-color: #2ba670; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info.pur { background-color: #7b74eb; } :where(.app-theme) .boxes-info.boxes-bg-color .box-info.red { background-color: #de5f56; } :where(.app-theme) .box-header-invoice { border: 1px solid #ddd; border-radius: 10px; padding: 10px; margin-bottom: 8px; display: none; } @media print { :where(.app-theme) .box-header-invoice { display: block; } :where(.app-theme) .box-header-invoice .col-md-8 { width: 66.66666667% !important; } :where(.app-theme) .box-header-invoice .col-md-4 { width: 33.33333333% !important; } } :where(.app-theme) .box-header-invoice .img-logo { width: 70px; } :where(.app-theme) .own-table { width: 100%; border-radius: 7px; border: none !important; border: 1px solid #ddd !important; } :where(.app-theme) .own-table tr { border: 1px solid #ddd !important; } :where(.app-theme) .own-table tr th { background-color: #f9fafb; color: #6b7280; font-size: 12px; font-weight: bold; white-space: nowrap; padding: 10px; } :where(.app-theme) .own-table tr td { background-color: white; font-size: 15px; padding: 10px; } :where(.app-theme) .main-table { width: 100%; border-radius: 7px; border: none !important; text-align: center; border: 1px solid #ddd; } :where(.app-theme) .main-table *:not(input):not(select):not(textarea):not(button):not(a) { border: none; } :where(.app-theme) .main-table tr { border: 1px solid #ddd; } :where(.app-theme) .main-table tr th { background-color: #f9fafb; color: #6b7280; font-size: 12px; font-weight: bold; white-space: nowrap; padding: 10px; } :where(.app-theme) .main-table tr td { background-color: white; font-size: 15px; padding: 10px; vertical-align: middle; } :where(.app-theme) .main-table tr .drop-table .dropdown-toggle::after { content: none; } :where(.app-theme) .main-table tr .drop-table .menu-panel { transition: 300ms; opacity: 0; visibility: hidden; } :where(.app-theme) .main-table tr .drop-table .menu-panel li .menu-item { text-align: start; font-size: 13px; } :where(.app-theme) .main-table tr .drop-table .menu-panel li .menu-item i, :where(.app-theme) .main-table tr .drop-table .menu-panel li .menu-item svg, :where(.app-theme) .main-table tr .drop-table .menu-panel li .menu-item img { width: 18px; } :where(.app-theme) .main-table tr .drop-table .menu-panel.show { opacity: 1; visibility: visible; } :where(.app-theme) .main-table.table-info tr th { padding: 3px; font-size: 9px !important; } :where(.app-theme) .main-table.table-info tr td { padding: 4px; font-size: 10px !important; } :where(.app-theme) .main-table.table-info tr td input { width: 55px; padding: 2px; text-align: center; font-size: 11px !important; margin: 0 auto; } :where(.app-theme) .main-table.table-sm tr th { font-size: 11px; padding: 8px; } :where(.app-theme) .main-table.table-sm tr td { font-size: 13px; padding: 8px; } :where(.app-theme) .up-btn { position: relative; overflow: hidden; bottom: 15px; right: -20%; width: 45px; height: 45px; background-color: #2ba670; transition: 0.4s; z-index: 99999; font-size: large; display: flex; align-items: center; justify-content: center; cursor: pointer; } :where(.app-theme) .up-btn.show { right: 15px; } :where(.app-theme) .up-btn > svg { position: absolute; transition: 0.4s; font-size: 23px; transform: translate(-50%, -50%); left: 50%; } :where(.app-theme) .up-btn .tooth-icon { top: 50%; } :where(.app-theme) .up-btn .up-ar { top: 200%; } :where(.app-theme) .up-btn:hover .up-ar { top: 50%; } :where(.app-theme) .up-btn:hover .tooth-icon { top: -100%; } :where(.app-theme) .main-tab-content { border: 1px solid #ddd; border-top: none; padding: 10px; } :where(.app-theme) .main-tab-content ul { list-style: inside; margin: 0; padding: 0; } :where(.app-theme) .main-tab-content ul a { color: #2ba670; } :where(.app-theme) .states-box { display: flex; flex-direction: column; background-color: #fff; border-radius: 0.3rem; padding: 1rem; box-shadow: 0 0 9px 0 #dbdbdb; transition: 0.4s; } :where(.app-theme) .states-box:hover { box-shadow: 0 0 9px 0 #b4b4b4; } :where(.app-theme) .states-box .data-icon { display: flex; align-items: center; justify-content: space-between; font-size: 36px; font-weight: 600; margin-bottom: 7px; } :where(.app-theme) .states-box .data-icon .num-1 { color: #03a9f4; } :where(.app-theme) .states-box .data-icon .icon-1 { color: #03a9f4; } :where(.app-theme) .states-box .data-icon .num-2 { color: #ff835c; } :where(.app-theme) .states-box .data-icon .icon-2 { color: #ff835c; } :where(.app-theme) .states-box .data-icon .num-3 { color: #2ba670; } :where(.app-theme) .states-box .data-icon .icon-3 { color: #2ba670; } :where(.app-theme) .states-box .data-icon .num-4 { color: #ff594d; } :where(.app-theme) .states-box .data-icon .icon-4 { color: #ff594d; } :where(.app-theme) .states-box .text { margin-bottom: 15px; } :where(.app-theme) .states-box .prog-box .prog { width: 100%; height: 10px; border-radius: 20px; background-color: #e7e7e7; position: relative; } :where(.app-theme) .states-box .prog-box .prog span { height: 100%; border-radius: 20px; } :where(.app-theme) .states-box .prog-box .prog span.prog-1 { position: absolute; width: 80%; background-color: #03a9f4; } :where(.app-theme) .states-box .prog-box .prog span.prog-2 { position: absolute; width: 90%; background-color: #ff835c; } :where(.app-theme) .states-box .prog-box .prog span.prog-3 { position: absolute; width: 70%; background-color: #2ba670; } :where(.app-theme) .states-box .prog-box .prog span.prog-4 { position: absolute; width: 70%; background-color: #ff594d; } :where(.app-theme) .box-report { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 90px; padding: 10px; border: 1px solid #0890ab; border-radius: 8px; box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.09), 0px 3px 6px rgba(0, 0, 0, 0.09); transition: 0.7s; } :where(.app-theme) .box-report:hover { box-shadow: inset 0 0 0 100px #0890ab; } :where(.app-theme) .box-report:hover p { color: white; } :where(.app-theme) .box-report p { display: inline-flex; align-items: center; justify-content: center; flex-grow: 1; font-size: 18px; color: #020000; transition: 0.7s; } @media (max-width: 1199.98px) { :where(.app-theme) .box-report p { font-size: 18px; } } :where(.app-theme) .box-report .report-img { width: 50px; height: 50px; } @media (max-width: 1199.98px) { :where(.app-theme) .box-report .report-img { width: 60px; height: 55px; } } :where(.app-theme) .ayada { direction: rtl; position: relative; overflow: hidden; z-index: 1; } :where(.app-theme) .ayada .text-mark { position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 100px; font-weight: 700; border-radius: 30px; opacity: 0.2; border: 1px solid #ddd; } :where(.app-theme) .ayada .pic-con { position: absolute; z-index: -1; left: 38px; top: 78px; } :where(.app-theme) .ayada .pic-con2 { position: absolute; z-index: -1; left: 281px; top: 289px; } :where(.app-theme) .ayada .pic-con3 { position: absolute; z-index: -1; left: 578px; top: 546px; } :where(.app-theme) .ayada .pic-con4 { position: absolute; z-index: -1; left: 1000px; top: 800px; } @media (max-width: 991.98px) { :where(.app-theme) .ayada .pic-con { left: -3px; top: 69px; } :where(.app-theme) .ayada .pic-con2 { left: 251px; top: 366px; } :where(.app-theme) .ayada .pic-con3 { left: 580px; top: 646px; } } @media (max-width: 767.98px) { :where(.app-theme) .ayada .pic-con { left: -104px; top: 66px; } :where(.app-theme) .ayada .pic-con2 { left: 51px; top: 575px; } :where(.app-theme) .ayada .pic-con3 { left: 580px; top: 646px; } } :where(.app-theme) .ayada .page { z-index: 99; } :where(.app-theme) .ayada .page header { background-color: #c5b7ab; padding: 20px; display: flex; justify-content: center; z-index: 99; } :where(.app-theme) .ayada .page .content .text { text-align: center; } :where(.app-theme) .ayada .page .content .text h3 { padding: 5px 0 5px; font-size: 30px; font-weight: 800; } :where(.app-theme) .ayada .page .content .text p { padding: 5px; font-size: 26px; font-weight: 600; margin: 10px 0 5px; } :where(.app-theme) .ayada .page .content .table-container { overflow: auto; } :where(.app-theme) .ayada .page .content .table-container table { margin: 100px auto 10px; overflow-x: auto; width: 100%; } :where(.app-theme) .ayada .page .content .table-container table thead { background-color: rgba(197, 183, 171, 0.5); } :where(.app-theme) .ayada .page .content .table-container table thead tr th { border: 3px solid #ddd; padding: 10px 20px; color: #fff; } :where(.app-theme) .ayada .page .content .table-container table tbody { background-color: rgba(255, 255, 255, 0.3); } :where(.app-theme) .ayada .page .content .table-container table tbody tr td { padding: 10px 20px; font-size: 18px; border: 1px solid #ddd; font-weight: 400; } :where(.app-theme) .ayada .page footer { margin: 50px 0 0; background-color: #c5b7ab; width: 100%; height: 100px; } @media print { :where(.app-theme) .ayada .page-container { max-width: unset !important; padding: 0 10px !important; } :where(.app-theme) .ayada footer { display: none !important; } } :where(.app-theme) .content .box { background-color: white; padding: 25px 15px; text-align: end; overflow: hidden; border-radius: 0.375rem; position: relative; box-shadow: 0 0 6px 0 #d3d3d3; transition: 300ms; } :where(.app-theme) .content .box:hover { box-shadow: 0 0 6px 0 #aeaaaa; } :where(.app-theme) .content .box.blue .bg-icon { color: #5b8af0; } :where(.app-theme) .content .box.green .bg-icon { color: #2ba670; } :where(.app-theme) .content .box.pur .bg-icon { color: #7b74eb; } :where(.app-theme) .content .box.red .bg-icon { color: #de5f56; } :where(.app-theme) .content .box .num { font-size: 25px; } :where(.app-theme) .content .box .text { font-size: 16px; color: #6b7280; } :where(.app-theme) .content .box .bg-icon { position: absolute; right: -3%; bottom: 0; font-size: 60px; } :where(.app-theme) .notes { background-color: #e9ecef !important; font-size: 14px !important; border: 1px solid #ddd !important; color: #212529 !important; border-radius: 0.25rem; height: -moz-fit-content; height: fit-content; word-break: break-word; padding: 0.375rem 0.75rem; min-height: 80px; } :where(.app-theme) .medical-result { color: #000; background-color: white; border: 1px solid #000; width: 100%; font-size: 13px; white-space: nowrap; } :where(.app-theme) .medical-result .border-bt { border-bottom: 1px solid #000; } :where(.app-theme) .medical-result .border-lf { border-left: 1px solid #000; } :where(.app-theme) .medical-result .dark { background-color: #c58f2b; white-space: nowrap; color: white; } :where(.app-theme) .medical-result .blue { background-color: #aec2e0; white-space: nowrap; } :where(.app-theme) .medical-result .purple { background-color: #f5d8d8; white-space: nowrap; } :where(.app-theme) .medical-result .fs-16px { font-size: 16px !important; } :where(.app-theme) .medical-result .header-one { white-space: nowrap; display: flex; gap: 1rem; justify-content: space-between; align-items: center; padding: 8px 2rem; } @media (max-width: 991.98px) { :where(.app-theme) .medical-result .header-one { padding: 8px; } } :where(.app-theme) .medical-result .header-one .text { font-size: 16px; font-weight: bold; display: flex; flex: 1; flex-direction: column; gap: 8px; } :where(.app-theme) .medical-result .header-one .img-holder .img { width: 155px; height: auto; } @media (min-width: 768px) { :where(.app-theme) .medical-result .header-one .img-holder { width: 155px; position: relative; } :where(.app-theme) .medical-result .header-one .img-holder .img { position: absolute; top: -15px; left: 0; } } :where(.app-theme) .medical-result .header-two { white-space: nowrap; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } :where(.app-theme) .medical-result .header-two .text { font-size: 14px; font-weight: bold; display: flex; flex-direction: column; gap: 8px; } :where(.app-theme) .medical-result .title { width: 110px; } :where(.app-theme) .medical-result .pd { padding: 8px; } :where(.app-theme) .medical-result .w-small { width: 100px; } :where(.app-theme) .medical-result .w-lg { flex: 2; } :where(.app-theme) .medical-result .w-sm { flex: 1; } @media print { :where(.app-theme) .medical-result { font-size: 10px !important; } :where(.app-theme) .medical-result .header-one .text { font-size: 14px !important; } :where(.app-theme) .medical-result .header-two .text { font-size: 12px !important; } :where(.app-theme) .medical-result .pd { padding: 1px !important; } :where(.app-theme) .medical-result .title { width: 90px; } :where(.app-theme) .medical-result .fs-16px { font-size: 14px !important; } } @media (max-width: 767.98px) { :where(.app-theme) .medical-result .w-50 { width: 100% !important; } } @media print { :where(.app-theme) .medical-result-section { background-color: white !important; } :where(.app-theme) .medical-result-section .page-container { padding: 3px !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; } } :where(.app-theme) .box-header-inv { border: 1px solid #000; padding: 5px; } :where(.app-theme) .box-header-inv .info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } :where(.app-theme) .payment-container { width: 100%; background-color: white; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); padding: 32px 20px; position: relative; overflow: hidden; } :where(.app-theme) .payment-container::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #2563eb, #10b981); } :where(.app-theme) .payment-container .payment-title { text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 35px; color: #1e293b; position: relative; } :where(.app-theme) .payment-container .payment-title::after { content: ""; position: absolute; width: 60px; height: 3px; background-color: #2563eb; bottom: -10px; right: 50%; transform: translateX(50%); border-radius: 3px; } :where(.app-theme) .payment-container .payment-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 30px; } :where(.app-theme) .payment-container .payment-option { display: flex; justify-content: center; align-items: center; gap: 12px; height: 100%; background-color: #f8fafc; border-radius: 12px; padding: 11px; text-align: center; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; border: 2px solid #e2e8f0; position: relative; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04); } :where(.app-theme) .payment-container .payment-option:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); border-color: #cbd5e1; } :where(.app-theme) .payment-container .payment-option.selected { border-color: #10b981; background-color: #ecfdf5; } :where(.app-theme) .payment-container .payment-option.selected::after { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 10px; left: 10px; background-color: #10b981; color: white; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; } :where(.app-theme) .payment-container .payment-option-icon { font-size: 20px; color: #2563eb; } :where(.app-theme) .payment-container .payment-details { background-color: #f8fafc; border-radius: 12px; padding: 12px; border: 1px solid #e2e8f0; } :where(.app-theme) .payment-container .details-title { font-size: 16px; color: #64748b; margin-bottom: 15px; display: block; } :where(.app-theme) .payment-container .radio-group { display: flex; justify-content: space-around; margin-bottom: 15px; flex-wrap: wrap; } :where(.app-theme) .payment-container .radio-option { display: flex; align-items: center; cursor: pointer; position: relative; padding: 10px 15px; background-color: white; border-radius: 8px; border: 1px solid #e2e8f0; transition: all 0.3s ease; } :where(.app-theme) .payment-container .radio-option:hover { border-color: #cbd5e1; background-color: #f1f5f9; } :where(.app-theme) .payment-container .radio-option:hover input ~ .checkmark { border-color: #2563eb; } :where(.app-theme) .payment-container .radio-option input[type=radio] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } :where(.app-theme) .payment-container .radio-option input[type=radio]:checked ~ .checkmark { background-color: white; border-color: #2563eb; } :where(.app-theme) .payment-container .radio-option input[type=radio]:checked ~ .checkmark:after { display: block; } :where(.app-theme) .payment-container .checkmark { height: 20px; width: 20px; background-color: white; border: 2px solid #cbd5e1; border-radius: 50%; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } :where(.app-theme) .payment-container .checkmark:after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #2563eb; display: none; } :where(.app-theme) .payment-container .order-number { background-color: white; padding: 15px; border-radius: 8px; text-align: center; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 1px solid #e2e8f0; color: #1e293b; } :where(.app-theme) .payment-container .order-number-icon { font-size: 24px; margin-left: 10px; color: #2563eb; } :where(.app-theme) .payment-container .save-button { background: linear-gradient(45deg, #10b981, #34d399); color: white; border: none; padding: 16px; width: 100%; border-radius: 12px; font-size: 18px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2); display: flex; align-items: center; justify-content: center; } :where(.app-theme) .payment-container .save-button:hover { background: linear-gradient(45deg, #059669, #10b981); box-shadow: 0 6px 16px rgba(16, 185, 129, 0.3); transform: translateY(-2px); } :where(.app-theme) .payment-container .save-button .icon { margin-left: 10px; } @media (max-width: 480px) { :where(.app-theme) .payment-container .payment-container { padding: 25px 20px; } :where(.app-theme) .payment-container .payment-options { gap: 12px; } :where(.app-theme) .payment-container .payment-option { padding: 20px 10px; font-size: 16px; } :where(.app-theme) .payment-container .radio-group { flex-direction: column; gap: 10px; } :where(.app-theme) .payment-container .radio-option { width: 100%; justify-content: center; } :where(.app-theme) .payment-container .payment-title { font-size: 24px; } } :where(.app-theme) .footer-bottom { background-color: #313131; color: white; } :where(.app-theme) .footer-bottom p { margin: 0; font-size: 14px; } :where(.app-theme) .footer-bottom .alt_image { width: 60px; height: 50px; }/*# sourceMappingURL=main.css.map */