/** * GoMyDocs admin shared theme (aligned with create-new-patient-prescription-cursor). * Link this on any admin page you restyle: after custom.css is fine. */ :root { --gmd-teal: #00aeef; --gmd-teal-dark: #0088bc; --gmd-teal-light: #e5f7fd; --gmd-navy: #1a2035; --gmd-navy-alt: #1a2e44; --gmd-text-muted: #7b8db0; --gmd-border: #e4e9f2; --gmd-surface: #ffffff; --gmd-table-head: #f7f9fc; --gmd-row-hover: #f0fbfe; --gmd-radius: 10px; --gmd-radius-sm: 7px; --gmd-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06); --gmd-shadow-primary: 0 4px 14px rgba(0, 174, 239, 0.35); --gmd-table-action-h: 30px; --gmd-table-action-pad-x: 10px; --gmd-table-action-font: 11px; /* Single-line fields + Select2 single selection (matches legacy 12px .form-control in custom.css) */ --gmd-control-fs: 12px; --gmd-control-lh: 1.25; --gmd-control-pad-y: 10px; --gmd-control-pad-x: 12px; --gmd-control-border: 1.5px; --gmd-control-min-h: calc(var(--gmd-control-pad-y) * 2 + (var(--gmd-control-fs) * var(--gmd-control-lh)) + (var(--gmd-control-border) * 2)); --gmd-control-inner-h: calc(var(--gmd-control-min-h) - (var(--gmd-control-border) * 2)); --gmd-control-select2-pad-right: 28px; } /* ── Page shell ───────────────────────────────────────── */ .gomydocs-content-area { margin-left: 15px !important; margin-right: 15px !important; } .gomydocs-surface-card { border: 1px solid var(--gmd-border) !important; border-radius: var(--gmd-radius) !important; box-shadow: var(--gmd-shadow-card) !important; background: var(--gmd-surface) !important; overflow: hidden; } .gomydocs-surface-card .card-body { padding: 1.35rem 1.5rem; } .gomydocs-page-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1.25rem; } :is(.gomydocs-page-title, .rx-page-title) { font-size: 1.25rem; font-weight: 700; color: var(--gmd-navy); margin: 0; display: flex; align-items: center; gap: 0.5rem; } :is(.rx-section-title, .gomydocs-section-title) { font-size: 0.8125rem; font-weight: 700; color: var(--rx-color-teal); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } :is(.rx-section-title, .gomydocs-section-title) i { font-size: 0.9em; opacity: 0.9; } .gomydocs-page-title .gomydocs-page-title-icon { color: var(--gmd-teal); font-size: 1.1rem; } .gomydocs-divider { border: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gmd-border), transparent); margin: 1.25rem 0; opacity: 1; } /* ── Orders list header (outside card; like rx-main-header) ─ */ .gomydocs-orders-header { margin-bottom: 1rem !important; } /* ── Filters (client select, etc.) ───────────────────── */ :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .form-floating.form-floating-outline > label, :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .selectLabel { color: var(--gmd-text-muted); } :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container { width: 100% !important; } :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container--default .select2-selection--single { min-height: var(--gmd-control-min-h); height: auto; border: var(--gmd-control-border) solid var(--gmd-border); border-radius: var(--gmd-radius); background: var(--gmd-surface); box-sizing: border-box; } :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container--default .select2-selection--single .select2-selection__rendered { box-sizing: border-box; font-size: var(--gmd-control-fs); line-height: var(--gmd-control-inner-h); padding: 0 var(--gmd-control-select2-pad-right) 0 var(--gmd-control-pad-x); font-weight: 500; color: var(--gmd-navy); } .gomydocs-orders-header .gomydocs-orders-filter .gmd-client-filter-name { font-weight: 800 !important; color: var(--gmd-navy) !important; } .gomydocs-orders-header .gomydocs-orders-filter .gmd-client-filter-sub { font-weight: 500 !important; color: var(--gmd-text-muted) !important; } /* Dropdown is portaled under .gomydocs-content-area, not inside .gomydocs-orders-filter */ .select2-results__option .gmd-client-filter-name { font-weight: 800 !important; } .select2-results__option .gmd-client-filter-sub { font-weight: 500 !important; color: var(--gmd-text-muted) !important; } /* Domain line uses muted gray; on Select2 highlight that stays !important and is illegible on primary bg */ .select2-container--default .select2-results__option--highlighted .gmd-client-filter-sub { color: inherit !important; opacity: 0.92; } :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container--default .select2-selection--single .select2-selection__arrow { height: var(--gmd-control-inner-h); right: 8px; } :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container--default.select2-container--focus .select2-selection--single, :is(.gomydocs-filters-row, .gomydocs-orders-header .gomydocs-orders-filter) .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--gmd-teal); box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15); } /* ── Data table (prescription list pattern) ──────────── */ .gomydocs-table-wrap { --rx-text: var(--gmd-navy); --rx-text-muted: var(--gmd-text-muted); --rx-border: var(--gmd-border); --rx-primary: var(--gmd-teal); --rx-primary-light: var(--gmd-teal-light); } .gomydocs-table-wrap.gmd-dt--spacious-head th, .gomydocs-table-wrap.gmd-dt--spacious-head table.dataTable thead th { padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 12px !important; padding-right: 12px !important; min-height: 48px !important; font-size: 12px !important; line-height: 1.35 !important; } /* Zebra rows (opt-in per table) */ .gomydocs-table-wrap.gmd-dt--zebra tbody tr:nth-child(odd), .gomydocs-table-wrap.gmd-dt--zebra table.dataTable tbody tr:nth-child(odd) { background-color: var(--gmd-surface, #fff) !important; } .gomydocs-table-wrap.gmd-dt--zebra tbody tr:nth-child(even), .gomydocs-table-wrap.gmd-dt--zebra table.dataTable tbody tr:nth-child(even) { background-color: #f4f7fb !important; } /* Ensure hover highlight wins over zebra */ .gomydocs-table-wrap.gmd-dt--zebra tbody tr:hover, .gomydocs-table-wrap.gmd-dt--zebra table.dataTable tbody tr:hover { background-color: var(--gmd-row-hover) !important; } /* Deleted/archived row */ .gomydocs-table-wrap table.dataTable tbody tr.gmd-row--deleted, .gomydocs-table-wrap table.dataTable tbody tr.gmd-user-row-deleted { background-color: #ebeff5 !important; opacity: 0.96; } .gomydocs-table-wrap table, .gomydocs-table-wrap table.dataTable { width: 100% !important; border-collapse: collapse !important; border: none !important; } .gomydocs-table-wrap .table-responsive.gmd-table-dragging { cursor: grabbing; user-select: none; } .gomydocs-table-wrap thead tr, .gomydocs-table-wrap table.dataTable thead tr { background: var(--gmd-table-head) !important; } .gomydocs-table-wrap th, .gomydocs-table-wrap table.dataTable thead th { text-align: left !important; padding: 3px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--rx-text-muted) !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; white-space: nowrap !important; border-bottom: 1px solid var(--rx-border) !important; border-top: none !important; vertical-align: middle !important; } .gomydocs-table-wrap th.sorting_asc, .gomydocs-table-wrap th.sorting_desc, .gomydocs-table-wrap table.dataTable thead th.sorting_asc, .gomydocs-table-wrap table.dataTable thead th.sorting_desc { color: var(--rx-primary) !important; } .gomydocs-table-wrap td, .gomydocs-table-wrap table.dataTable tbody td { padding: 3px !important; font-size: 13px !important; line-height: 1.45 !important; border-bottom: 1px solid var(--rx-border) !important; vertical-align: middle !important; color: var(--rx-text) !important; border-left: none !important; border-right: none !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: manual !important; } /* Row index column */ .gomydocs-table-wrap tbody td.text-center:first-child { color: var(--gmd-text-muted) !important; font-weight: 700 !important; font-size: 12px !important; } /* Allow multi-line order / status / tracking cells (global custom.css sets td nowrap) */ .gomydocs-table-wrap tbody td.gmd-order-cell, .gomydocs-table-wrap tbody td .gmd-cell-stack, .gomydocs-table-wrap tbody td .gmd-status-group { white-space: normal !important; } .gomydocs-table-wrap tbody td.gmd-order-cell { max-width: 280px; } .gomydocs-table-wrap tbody td:has(.gmd-cell-stack) { white-space: normal !important; } .gomydocs-table-wrap .gmd-invoice-stack { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; word-break: normal !important; overflow-wrap: normal !important; max-width: 100%; } .gomydocs-table-wrap a.gmd-invoice-ref { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100%; display: inline-block !important; vertical-align: bottom; word-break: normal !important; } /* Pay invoice: same footprint + teal variant as Actions “Send to Shipstation” */ .gomydocs-table-wrap .gmd-invoice-stack .gmd-invoice-pay-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; width: auto !important; max-width: 100%; min-height: var(--gmd-table-action-h) !important; padding: 0 var(--gmd-table-action-pad-x) !important; border-radius: var(--gmd-radius-sm) !important; font-size: var(--gmd-table-action-font) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; border-width: 1px !important; border-style: solid !important; cursor: pointer !important; margin: 0 !important; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; background: #e6fdf5 !important; color: #0d9e72 !important; border-color: #6ee7b7 !important; } .gomydocs-table-wrap .gmd-invoice-stack .gmd-invoice-pay-btn:hover, .gomydocs-table-wrap .gmd-invoice-stack .gmd-invoice-pay-btn:focus { color: #fff !important; text-decoration: none !important; background: #0d9e72 !important; border-color: #0d9e72 !important; box-shadow: 0 4px 12px rgba(13, 158, 114, 0.3) !important; } .gomydocs-table-wrap .gmd-invoice-stack .gmd-invoice-pay-btn .fa, .gomydocs-table-wrap .gmd-invoice-stack .gmd-invoice-pay-btn .fas { font-size: 10px !important; } .gomydocs-table-wrap .gmd-invoice-plain { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; max-width: 100%; word-break: normal !important; } .gomydocs-table-wrap tbody td.gmd-invoice-cell, .gomydocs-table-wrap tbody td.gmd-status-cell, .gomydocs-table-wrap tbody td.gmd-actions-cell, .gomydocs-table-wrap tbody td:has(.gmd-actions-stack) { white-space: normal !important; } .gomydocs-table-wrap tbody td.gmd-actions-cell { vertical-align: top !important; min-width: 142px; width: 1%; max-width: 190px; } .gomydocs-table-wrap .gmd-actions-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; } /* All row actions: same footprint as real buttons */ .gomydocs-table-wrap .gmd-actions-stack > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; width: 100% !important; min-height: var(--gmd-table-action-h) !important; padding: 0 var(--gmd-table-action-pad-x) !important; border-radius: var(--gmd-radius-sm) !important; font-size: var(--gmd-table-action-font) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; border-width: 1px !important; border-style: solid !important; cursor: pointer !important; margin: 0 !important; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; } .gomydocs-table-wrap .gmd-actions-stack > a:hover, .gomydocs-table-wrap .gmd-actions-stack > a:focus { text-decoration: none !important; } .gomydocs-table-wrap .gmd-actions-stack > a .fa, .gomydocs-table-wrap .gmd-actions-stack > a .fas, .gomydocs-table-wrap .gmd-btn-view .fa, .gomydocs-table-wrap .gmd-btn-view .fas { font-size: 10px !important; } .gomydocs-table-wrap .gmd-actions-stack > a.btnCancelOrder { background: #fff !important; color: #b91c1c !important; border-color: #fecaca !important; } .gomydocs-table-wrap .gmd-actions-stack > a.btnCancelOrder:hover { background: #fef2f2 !important; color: #991b1b !important; border-color: #f87171 !important; box-shadow: 0 2px 8px rgba(185, 28, 28, 0.12) !important; } .gomydocs-table-wrap .gmd-actions-stack > a.btnMarkAsPaid { background: #fff !important; color: #0d9e72 !important; border-color: #a7f3d0 !important; } .gomydocs-table-wrap .gmd-actions-stack > a.btnMarkAsPaid:hover { background: #ecfdf5 !important; color: #047857 !important; border-color: #34d399 !important; box-shadow: 0 2px 8px rgba(13, 158, 114, 0.12) !important; } .gomydocs-table-wrap .gmd-actions-stack > a.reship-btn { background: #fff7ed !important; color: #c2410c !important; border-color: #fed7aa !important; } .gomydocs-table-wrap .gmd-actions-stack > a.reship-btn:hover { background: #ea580c !important; color: #fff !important; border-color: #ea580c !important; box-shadow: 0 4px 12px rgba(234, 88, 12, 0.28) !important; } .gomydocs-table-wrap .gmd-actions-stack > a.send-btn { background: #e6fdf5 !important; color: #0d9e72 !important; border-color: #6ee7b7 !important; } .gomydocs-table-wrap .gmd-actions-stack > a.send-btn:hover { background: #0d9e72 !important; color: #fff !important; border-color: #0d9e72 !important; box-shadow: 0 4px 12px rgba(13, 158, 114, 0.3) !important; } .gomydocs-table-wrap .gmd-actions-stack .gmd-inline-action { margin: 0 !important; } .gomydocs-table-wrap .gmd-actions-stack .gmd-btn-view { margin-top: 0 !important; } .gomydocs-table-wrap .gmd-actions-empty { color: var(--gmd-text-muted) !important; font-size: 13px !important; } /* ── Cell innards (match rx-prescriptions-table-wrap) ─── */ .gomydocs-table-wrap .gmd-td-date { display: block; margin-top: 4px; font-size: 12px !important; color: var(--rx-text-muted) !important; line-height: 1.5 !important; white-space: nowrap !important; } .gomydocs-table-wrap .gmd-td-date strong { color: var(--rx-text) !important; font-weight: 600 !important; font-size: 13px !important; } .gomydocs-table-wrap a.gmd-id-pill, .gomydocs-table-wrap a.view-order.gmd-id-pill { font-family: inherit !important; font-size: 13px !important; color: var(--rx-primary) !important; background: var(--rx-primary-light) !important; padding: 4px 8px !important; border-radius: 5px !important; font-weight: 700 !important; white-space: nowrap !important; display: inline-block !important; text-decoration: none !important; border: none !important; vertical-align: baseline; } .gomydocs-table-wrap a.gmd-id-pill:hover, .gomydocs-table-wrap a.view-order.gmd-id-pill:hover { color: #fff !important; background: var(--rx-primary) !important; box-shadow: 0 4px 12px rgba(0, 174, 239, 0.3) !important; } /* Patient / prescriber cells (create-new-patient-prescription-cursor Patient column) */ .gomydocs-table-wrap tbody td:has(.patient-cell) { white-space: normal !important; } .gomydocs-table-wrap .patient-cell { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0; } .gomydocs-table-wrap .patient-cell .avatar { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: linear-gradient(135deg, var(--rx-primary) 0%, #52c9f2 100%) !important; color: #fff !important; font-weight: 700 !important; font-size: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; letter-spacing: 0.5px !important; } .gomydocs-table-wrap .patient-cell .avatar.avatar-green { background: linear-gradient(135deg, #22d3a5 0%, #0d9e72 100%) !important; } .gomydocs-table-wrap .patient-cell .avatar.avatar-orange { background: linear-gradient(135deg, #f7a54c 0%, #e07b10 100%) !important; } .gomydocs-table-wrap .patient-cell .avatar.avatar-purple { background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important; } .gomydocs-table-wrap .patient-cell .patient-name { font-weight: 600 !important; font-size: 13px !important; color: var(--rx-text) !important; line-height: 1.35 !important; word-break: normal !important; overflow-wrap: normal !important; min-width: 0; } /* Name + initials avatar (reusable across DataTables) */ .gomydocs-table-wrap .gmd-name-cell { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0; } .gomydocs-table-wrap .gmd-initials-avatar { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: linear-gradient(135deg, var(--gmd-teal) 0%, #52c9f2 100%) !important; color: #fff !important; font-weight: 800 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; } .gomydocs-table-wrap .gmd-initials-avatar--teal { background: linear-gradient(135deg, #00aeef 0%, #52c9f2 100%) !important; } .gomydocs-table-wrap .gmd-initials-avatar--green { background: linear-gradient(135deg, #22d3a5 0%, #0d9e72 100%) !important; } .gomydocs-table-wrap .gmd-initials-avatar--orange { background: linear-gradient(135deg, #f7a54c 0%, #e07b10 100%) !important; } .gomydocs-table-wrap .gmd-initials-avatar--purple { background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important; } .gomydocs-table-wrap .gmd-initials-avatar--navy { background: linear-gradient(135deg, #1a2035 0%, #1a2e44 100%) !important; } .gomydocs-table-wrap .gmd-initials-avatar--rose { background: linear-gradient(135deg, #fb7185 0%, #e11d48 100%) !important; } .gomydocs-table-wrap .gmd-name-primary { font-weight: 600 !important; font-size: 13px !important; color: var(--gmd-navy) !important; line-height: 1.35 !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gomydocs-table-wrap a.gmd-patient-row-link { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-weight: inherit !important; display: inline-block !important; max-width: 100% !important; } .gomydocs-table-wrap a.gmd-patient-row-link:hover .patient-name { color: var(--rx-primary) !important; } .gomydocs-table-wrap .gmd-cell-stack { display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: flex-start !important; white-space: normal !important; } /* Lightweight pill + meta link helpers (reusable) */ .gomydocs-table-wrap .gmd-pill { font-family: inherit !important; font-size: 12px !important; padding: 4px 8px !important; border-radius: 5px !important; font-weight: 700 !important; white-space: nowrap !important; display: inline-block !important; vertical-align: baseline; } .gomydocs-table-wrap .gmd-pill--teal { color: var(--gmd-teal) !important; background: var(--gmd-teal-light) !important; } .gomydocs-table-wrap a.gmd-meta-link { color: var(--gmd-teal) !important; font-weight: 500 !important; text-decoration: none !important; } .gomydocs-table-wrap a.gmd-meta-link:hover { text-decoration: underline !important; color: var(--gmd-teal-dark) !important; } /* Required field indicator — use (always red) */ .gmd-required-star { color: #dc2626 !important; font-weight: 800; margin-left: 4px; } /* Users: compact status cell so it doesn't dominate width */ .gomydocs-table-wrap tbody td.gmd-users-status-cell { width: 1% !important; white-space: nowrap !important; min-width: 84px !important; max-width: 140px !important; } .gomydocs-table-wrap .gmd-users-status-group .gmd-status-group__order { font-size: 11px !important; padding: 5px 10px !important; } /* * Users modal (#mdlUser): Select2 must match unified .form-control (see :root --gmd-control-*). * Filter rows use the same tokens under .gomydocs-filters-row; the modal only had width before. */ #mdlUser .select2-container { width: 100% !important; } #mdlUser .select2-container--default .select2-selection--single { min-height: var(--gmd-control-min-h); height: auto; border: var(--gmd-control-border) solid #d1d5db; border-radius: 10px; background: #fff; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); transition: border-color 0.2s ease, box-shadow 0.2s ease; } #mdlUser .select2-container--default .select2-selection--single .select2-selection__rendered { box-sizing: border-box; font-size: var(--gmd-control-fs); line-height: var(--gmd-control-inner-h); padding: 0 var(--gmd-control-select2-pad-right) 0 var(--gmd-control-pad-x); font-weight: 500; color: #374151; } #mdlUser .select2-container--default .select2-selection--single .select2-selection__arrow { height: var(--gmd-control-inner-h); right: 8px; } #mdlUser .select2-container--default.select2-container--focus .select2-selection--single, #mdlUser .select2-container--default.select2-container--open .select2-selection--single { border-color: #00aeef; box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15); } #mdlUser .select2-container--default .select2-selection--multiple { min-height: var(--gmd-control-min-h); border: var(--gmd-control-border) solid #d1d5db; border-radius: 10px; background: #fff; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); transition: border-color 0.2s ease, box-shadow 0.2s ease; } #mdlUser .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: calc(var(--gmd-control-pad-y) - 2px) 0; font-size: var(--gmd-control-fs); } #mdlUser .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #00aeef; box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15); } /* Header scraper alert (reusable positioning + sizing) */ #gmd-scraper-log-alert { position: fixed; left: 50%; top: 65px; transform: translateX(-50%); z-index: 1085; max-width: min(420px, calc(100vw - 24px)); background-color: #e3a796b3; } /* Loading modal: show only the GIF (no chrome, no dim backdrop) */ body.gmd-loading-open .modal-backdrop.show { opacity: 0 !important; } #loading_modal .modal-content, #loading_modal .modal-body { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* Status column: beat global `tr td { width: 1% }` so the group isn’t crushed */ .gomydocs-table-wrap tbody td.gmd-status-cell { width: auto !important; min-width: 210px !important; max-width: 340px !important; vertical-align: middle !important; } /* Grouped order + payment status (single control, two colored segments) */ .gomydocs-table-wrap .gmd-status-group { display: inline-flex !important; flex-direction: row !important; align-items: stretch !important; flex-wrap: nowrap !important; border-radius: var(--gmd-radius-sm) !important; overflow: hidden !important; border: 1px solid var(--rx-border) !important; box-shadow: 0 1px 2px rgba(26, 32, 53, 0.05) !important; vertical-align: middle !important; max-width: 100%; min-height: calc(var(--gmd-table-action-h) + 4px) !important; } .gomydocs-table-wrap .gmd-status-group__order { display: inline-flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 0 !important; background: #f0f4f9 !important; color: var(--rx-text-muted) !important; font-size: 12px !important; font-weight: 600 !important; padding: 6px 10px !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Order status segment — one palette per state */ .gomydocs-table-wrap .gmd-status-group__order--in-process { background: linear-gradient(90deg, #e0e7ff, #dbeafe) !important; color: #3730a3 !important; } .gomydocs-table-wrap .gmd-status-group__order--awaiting { background: linear-gradient(90deg, #ffedd5, #fed7aa) !important; color: #c2410c !important; } .gomydocs-table-wrap .gmd-status-group__order--shipped { background: linear-gradient(90deg, #d1fae5, #a7f3d0) !important; color: #047857 !important; } .gomydocs-table-wrap .gmd-status-group__order--cancelled { background: linear-gradient(90deg, #fee2e2, #fecaca) !important; color: #991b1b !important; } .gomydocs-table-wrap .gmd-status-group__order--not-found { background: linear-gradient(90deg, #f1f5f9, #e2e8f0) !important; color: #475569 !important; } .gomydocs-table-wrap .gmd-status-group__order--neutral { background: #f0f4f9 !important; color: var(--rx-text-muted) !important; } /* Legacy modifiers (keep if referenced elsewhere) */ .gomydocs-table-wrap .gmd-status-group__order--bad { background: linear-gradient(90deg, #fee2e2, #fecaca) !important; color: #991b1b !important; } .gomydocs-table-wrap .gmd-status-group__order--ok { background: linear-gradient(90deg, #d1fae5, #a7f3d0) !important; color: #047857 !important; } .gomydocs-table-wrap .gmd-status-group__order--progress { background: linear-gradient(90deg, #fef3c7, #fde68a) !important; color: #b45309 !important; } .gomydocs-table-wrap .gmd-status-group__sep { width: 1px !important; flex: 0 0 1px !important; background: var(--rx-border) !important; align-self: stretch !important; min-height: var(--gmd-table-action-h) !important; } .gomydocs-table-wrap .gmd-status-group__pay { display: inline-flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 0 !important; background: linear-gradient(90deg, #e5f7fd, #d4f4fc) !important; color: #007a9c !important; font-size: 12px !important; font-weight: 600 !important; padding: 6px 10px !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .gomydocs-table-wrap .gmd-status-group__pay--free { background: linear-gradient(90deg, #ecfeff, #cffafe) !important; color: #0e7490 !important; } .gomydocs-table-wrap .gmd-status-group__pay--paid { background: linear-gradient(90deg, #bbf7d0, #86efac) !important; color: #14532d !important; } .gomydocs-table-wrap .gmd-status-group__pay--unpaid { background: linear-gradient(90deg, #fef9c3, #fde047) !important; color: #854d0e !important; } .gomydocs-table-wrap .gmd-status-group__pay--declined, .gomydocs-table-wrap .gmd-status-group__pay--bad { background: linear-gradient(90deg, #fee2e2, #fecaca) !important; color: #991b1b !important; } .gomydocs-table-wrap .gmd-status-group__pay--neutral { background: linear-gradient(90deg, #e5f7fd, #d4f4fc) !important; color: #007a9c !important; } .gomydocs-table-wrap .gmd-client-badge { display: inline-block !important; background: #f0f4f9 !important; color: var(--rx-text-muted) !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; padding: 4px 9px !important; line-height: 1.35 !important; max-width: 100%; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: middle !important; } .gomydocs-table-wrap .gmd-client-badge.gmd-client-badge--client { background: linear-gradient(90deg, #e5f7fd, #d4f4fc) !important; color: #007a9c !important; border: 1px solid #b8e8f7 !important; } .gomydocs-table-wrap .gmd-client-badge.gmd-client-badge--master { background: linear-gradient(90deg, #ede9fe, #e9d5ff) !important; color: #5b21b6 !important; border: 1px solid #d8b4fe !important; } .gomydocs-table-wrap .gmd-med-pill { display: inline-block !important; background: linear-gradient(90deg, #e5f7fd, #d4f4fc) !important; color: #007a9c !important; border-radius: 6px !important; font-size: 11px !important; padding: 4px 9px !important; font-weight: 600 !important; line-height: 1.35 !important; max-width: 100%; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: middle !important; } .gomydocs-table-wrap .gmd-patient-name { font-weight: 600 !important; font-size: 13px !important; color: var(--rx-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; max-width: 100%; vertical-align: middle !important; } .gomydocs-table-wrap .gmd-text-secondary { font-size: 12px !important; color: var(--rx-text-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; max-width: 100%; vertical-align: middle !important; } .gomydocs-table-wrap .gmd-mono-soft { font-family: inherit !important; font-size: 13px !important; color: var(--rx-text-muted) !important; word-break: normal !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; max-width: min(260px, 100%); vertical-align: middle !important; } /* order_id — same default font as table body */ .gomydocs-table-wrap .gmd-id-plain { font-family: inherit !important; font-size: 13px !important; color: var(--rx-text-muted) !important; font-weight: 500 !important; word-break: normal !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: inline-block !important; max-width: min(260px, 100%); vertical-align: middle !important; } .gomydocs-table-wrap abbr.gmd-abbr-cell { text-decoration: underline dotted; text-decoration-color: var(--gmd-text-muted); text-underline-offset: 2px; cursor: help; border-bottom: none; font: inherit; color: inherit; } .gomydocs-table-wrap a.gmd-table-link { color: var(--rx-primary) !important; text-decoration: none !important; font-size: 13px !important; font-weight: 600 !important; word-break: normal !important; overflow-wrap: normal !important; } .gomydocs-table-wrap a.gmd-table-link:hover { color: var(--gmd-teal-dark) !important; text-decoration: underline !important; } /* mailto / table links: keep readable on row hover (Bootstrap link-hover is too faint on #f0fbfe) */ .gomydocs-table-wrap tbody tr a[href^="mailto:"]:hover { color: var(--gmd-teal-dark) !important; } .gomydocs-table-wrap .gmd-flag-badge { display: inline-block !important; padding: 3px 9px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: capitalize !important; white-space: nowrap !important; } .gomydocs-table-wrap .gmd-flag-badge--yes { background: #fee2e2 !important; color: #b91c1c !important; } .gomydocs-table-wrap .gmd-flag-badge--no { background: #e6fdf5 !important; color: #0d9e72 !important; } .gomydocs-table-wrap .gmd-btn-view { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; box-sizing: border-box !important; min-height: var(--gmd-table-action-h) !important; padding: 0 var(--gmd-table-action-pad-x) !important; border-radius: var(--gmd-radius-sm) !important; background: var(--rx-primary-light) !important; color: var(--rx-primary) !important; font-size: var(--gmd-table-action-font) !important; font-weight: 700 !important; border: 1px solid #b8e8f7 !important; cursor: pointer !important; transition: all 0.2s ease !important; white-space: nowrap !important; text-decoration: none !important; margin-top: 6px !important; line-height: 1.2 !important; } .gomydocs-table-wrap .gmd-btn-view:hover { background: var(--rx-primary) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(0, 174, 239, 0.3) !important; } .gomydocs-table-wrap a.gmd-btn-view--warning { background: #fff7ed !important; color: #c2410c !important; } .gomydocs-table-wrap a.gmd-btn-view--warning:hover { background: #ea580c !important; color: #fff !important; box-shadow: 0 4px 12px rgba(234, 88, 12, 0.28) !important; } .gomydocs-table-wrap a.gmd-btn-view--teal { background: #e6fdf5 !important; color: #0d9e72 !important; } .gomydocs-table-wrap a.gmd-btn-view--teal:hover { background: #0d9e72 !important; color: #fff !important; box-shadow: 0 4px 12px rgba(13, 158, 114, 0.3) !important; } /* Refill rewrite: primary CTA in first column */ .gomydocs-table-wrap a.rewrite-prescription.gmd-btn-rewrite { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; min-height: var(--gmd-table-action-h) !important; padding: 0 12px !important; border-radius: var(--gmd-radius-sm) !important; background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%) !important; color: #047857 !important; font-size: var(--gmd-table-action-font) !important; font-weight: 700 !important; border: 1px solid #6ee7b7 !important; cursor: pointer !important; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important; white-space: nowrap !important; text-decoration: none !important; margin: 0 !important; line-height: 1.2 !important; box-shadow: 0 1px 2px rgba(4, 120, 87, 0.08) !important; } .gomydocs-table-wrap a.rewrite-prescription.gmd-btn-rewrite .gmd-btn-rewrite-icon { font-size: 0.88em !important; opacity: 0.95 !important; } .gomydocs-table-wrap a.rewrite-prescription.gmd-btn-rewrite:hover { background: #059669 !important; color: #fff !important; border-color: #047857 !important; box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important; } .gomydocs-table-wrap a.rewrite-prescription.gmd-btn-rewrite:focus-visible { outline: 2px solid #047857 !important; outline-offset: 2px !important; } .gomydocs-table-wrap .gmd-inline-action { font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; margin: 0 2px !important; } .gomydocs-table-wrap .gmd-inline-action--danger { color: #dc2626 !important; } .gomydocs-table-wrap .gmd-inline-action--danger:hover { color: #991b1b !important; text-decoration: underline !important; } .gomydocs-table-wrap .gmd-inline-action--success { color: #0d9e72 !important; } .gomydocs-table-wrap .gmd-inline-action--success:hover { color: #047857 !important; text-decoration: underline !important; } /* Sorting indicators */ .gomydocs-table-wrap table.dataTable thead .sorting:before, .gomydocs-table-wrap table.dataTable thead .sorting:after, .gomydocs-table-wrap table.dataTable thead .sorting_asc:before, .gomydocs-table-wrap table.dataTable thead .sorting_asc:after, .gomydocs-table-wrap table.dataTable thead .sorting_desc:before, .gomydocs-table-wrap table.dataTable thead .sorting_desc:after { color: var(--gmd-text-muted) !important; opacity: 0.85; } .gomydocs-table-wrap table.dataTable thead .sorting_asc:after, .gomydocs-table-wrap table.dataTable thead .sorting_desc:after { color: var(--gmd-teal) !important; } .gomydocs-table-wrap tbody tr, .gomydocs-table-wrap table.dataTable tbody tr { transition: background 0.15s ease !important; } .gomydocs-table-wrap tbody tr:hover, .gomydocs-table-wrap table.dataTable tbody tr:hover { background: var(--gmd-row-hover) !important; } .gomydocs-table-wrap tbody tr:last-child td, .gomydocs-table-wrap table.dataTable tbody tr:last-child td { border-bottom: none !important; } /* DataTables chrome inside orders table */ .gomydocs-table-wrap .dataTables_wrapper .dataTables_length select, .gomydocs-table-wrap .dataTables_wrapper .dataTables_filter input { border: var(--gmd-control-border) solid var(--gmd-border) !important; border-radius: var(--gmd-radius-sm) !important; background: #f4f5fa !important; min-height: var(--gmd-control-min-h) !important; height: auto !important; padding: var(--gmd-control-pad-y) var(--gmd-control-pad-x) !important; font-size: var(--gmd-control-fs) !important; line-height: var(--gmd-control-lh) !important; box-sizing: border-box !important; } .gomydocs-table-wrap .dataTables_wrapper .dataTables_filter input:focus { border-color: var(--gmd-teal) !important; outline: none; box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.12); } .gomydocs-table-wrap .dataTables_wrapper .dataTables_info { color: var(--gmd-text-muted); font-size: 13px; padding-top: 0.75rem; } .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button, .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .page-link { border-radius: var(--gmd-radius-sm) !important; } .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current, .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .page-item.active .page-link, .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:hover, .gomydocs-table-wrap .dataTables_wrapper .dataTables_paginate .page-item.active .page-link:focus { background: linear-gradient(135deg, var(--gmd-teal) 0%, var(--gmd-teal-dark) 100%) !important; border: none !important; color: #fff !important; font-weight: 800 !important; box-shadow: var(--gmd-shadow-primary) !important; border-radius: var(--gmd-radius) !important; } /* ── Primary actions (match prescription) ─────────────── */ .content-wrapper .btn-primary { background: linear-gradient(135deg, var(--gmd-teal) 0%, var(--gmd-teal-dark) 100%) !important; border-color: var(--gmd-teal-dark) !important; color: #fff !important; } .content-wrapper .btn-primary:hover { background: linear-gradient(135deg, #33c4f5 0%, var(--gmd-teal) 100%) !important; border-color: #0077a3 !important; color: #fff !important; } .content-wrapper .btn-outline-primary { color: var(--gmd-teal-dark) !important; border-color: var(--gmd-teal) !important; } .content-wrapper .btn-outline-primary:hover { background: var(--gmd-teal-light) !important; color: #006f94 !important; border-color: var(--gmd-teal-dark) !important; } .content-wrapper .text-primary { color: var(--gmd-teal) !important; } /* ── Misc reusable blocks ─────────────────────────────── */ .gomydocs-fieldset-items { border: 1px solid var(--gmd-border) !important; padding: 15px !important; border-radius: var(--gmd-radius-sm); background: #fafbfd; } .gomydocs-fieldset-items legend { font-size: 0.9rem; font-weight: 600; color: var(--gmd-navy); width: auto; padding: 0 6px; float: none; } /* ── Modals — match RX creation (rx-modal-chrome) ─────────────────── */ .gmd-rx-modal .modal-dialog { margin: 1.5rem auto 1.75rem; } /* Fullscreen / edge-to-edge RX modals: theme dialog margin would leave a visible gap */ .gmd-rx-modal .modal-dialog.gmd-rx-modal-dialog--flush { margin: 0 !important; max-width: none !important; } .gmd-rx-modal .modal-content { border: none !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important; } .gmd-rx-modal .modal-header { padding: 20px 24px !important; border-bottom: 1px solid #e5e7eb !important; background: linear-gradient(135deg, #f0fbff 0%, #fff 100%) !important; align-items: center !important; } .gmd-rx-modal .modal-title { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 1 auto !important; min-width: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; letter-spacing: -0.3px !important; line-height: 1.3 !important; } .gmd-rx-modal .modal-title .gmd-modal-title-icon { flex-shrink: 0 !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, var(--gmd-teal) 0%, #52c9f2 100%) !important; color: #fff !important; font-size: 1rem !important; box-shadow: 0 4px 14px rgba(0, 174, 239, 0.28) !important; } .gmd-rx-modal .modal-title.gmd-modal-title--danger .gmd-modal-title-icon { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important; box-shadow: 0 4px 14px rgba(239, 68, 68, 0.3) !important; } .gmd-rx-modal .modal-title.gmd-modal-title--success .gmd-modal-title-icon { background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important; } .gmd-rx-modal .modal-title.gmd-modal-title--neutral .gmd-modal-title-icon { background: linear-gradient(135deg, #64748b 0%, #475569 100%) !important; box-shadow: 0 4px 12px rgba(71, 85, 105, 0.25) !important; } /* Keep Bootstrap’s X: do not use background shorthand (it wipes the SVG) */ .gmd-rx-modal .modal-header .btn-close { width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 !important; border-radius: 10px !important; background-color: #f3f4f6 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b5563'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 0.85em !important; opacity: 1 !important; box-shadow: none !important; } .gmd-rx-modal .modal-header .btn-close:hover { background-color: #fee2e2 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23991b1b'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important; filter: none !important; } .gmd-rx-modal .modal-header .btn-close:focus { box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.25) !important; } .gmd-rx-modal .modal-body { padding: 22px 24px !important; background: #fafbfd !important; color: #374151 !important; } .gmd-rx-modal .modal-body .form-group > label:not(.form-check-label) { font-size: 11px !important; font-weight: 700 !important; color: #9ca3af !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin-bottom: 6px !important; } .gmd-rx-modal .modal-body hr { border-color: #e5e7eb !important; opacity: 1 !important; } .gmd-rx-modal .modal-footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; padding: 16px 24px !important; border-top: 1px solid #e5e7eb !important; background: #f6fcfe !important; } .gmd-rx-modal .modal-footer .row { width: 100%; margin: 0 !important; } .gmd-rx-modal .modal-footer .btn { border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; padding: 10px 20px !important; min-height: 40px; } .gmd-rx-modal .modal-footer .btn-primary { background: linear-gradient(135deg, var(--gmd-teal) 0%, var(--gmd-teal-dark) 100%) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 16px rgba(0, 174, 239, 0.3) !important; } .gmd-rx-modal .modal-footer .btn-primary:hover { box-shadow: 0 7px 22px rgba(0, 174, 239, 0.35) !important; transform: translateY(-1px); color: #fff !important; } .gmd-rx-modal .modal-footer .btn-secondary, .gmd-rx-modal .modal-footer .btn-warning { background: #fff !important; border: 1.5px solid #e5e7eb !important; color: #374151 !important; box-shadow: none !important; } .gmd-rx-modal .modal-footer .btn-secondary:hover, .gmd-rx-modal .modal-footer .btn-warning:hover { border-color: #9ca3af !important; background: #f9fafb !important; color: #111827 !important; } .gmd-rx-modal .modal-footer .btn-danger { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(239, 68, 68, 0.35) !important; } .gmd-rx-modal .modal-footer .btn-danger:hover { color: #fff !important; filter: brightness(1.05); } .gmd-rx-modal .modal-footer .btn-success { background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important; } .gmd-rx-modal .modal-footer .btn-success:hover { color: #fff !important; filter: brightness(1.05); } .gmd-rx-modal.gmd-rx-modal--compact .modal-body { padding: 28px 32px !important; background: #fff !important; } /* Deny order modal (doctors approval) */ #mdlDeny.gmd-rx-modal .modal-header .gmd-modal-title-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: #fef2f2; font-size: 16px; } #mdlDeny.gmd-rx-modal .da-deny-sig-wrap { border: 1.5px solid #e5e7eb; border-radius: 10px; overflow: hidden; background: #fafbfd; } #mdlDeny.gmd-rx-modal #sig-canvasDeny { display: block; width: 100%; cursor: crosshair; background: #fff; vertical-align: middle; } .gmd-rx-modal .modal-body .text-primary, .gmd-rx-modal .modal-body h4 .text-primary { color: var(--gmd-teal-dark) !important; } .gmd-rx-modal .modal-body .list-group-item { border-radius: 10px !important; margin-bottom: 6px !important; border: 1.5px solid #e5e7eb !important; } .gmd-rx-modal .modal-body .table thead th { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #9ca3af !important; } /* ── Doctors approval: pending list table ──────────────── */ .gmd-doctors-approval-table .gmd-cell-stack .gmd-approval-cancel-inline { display: block; margin-top: 4px; } .gmd-doctors-approval-table tbody td.gmd-approval-date-cell { white-space: normal !important; vertical-align: middle !important; } .gmd-doctors-approval-table .gmd-approval-date-stack { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; line-height: 1.35 !important; } .gmd-doctors-approval-table .gmd-approval-date-day { font-weight: 600 !important; font-size: 13px !important; color: var(--rx-text) !important; } .gmd-doctors-approval-table .gmd-approval-date-time { font-size: 12px !important; font-weight: 500 !important; color: var(--rx-text-muted) !important; } .gmd-doctors-approval-table tbody td.gmd-approval-name-cell { min-width: 160px; max-width: 260px; vertical-align: middle !important; } .gmd-doctors-approval-table .gmd-approval-patient-cell a.gmd-patient-row-link { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 0 !important; min-width: 0 !important; text-align: left !important; color: var(--rx-primary) !important; text-decoration: none !important; } .gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line1, .gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line2 { display: block !important; width: 100% !important; font-size: 13px !important; line-height: 1.3 !important; color: var(--rx-primary) !important; font-weight: 700 !important; word-break: break-word !important; } .gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line1 { font-weight: 600 !important; } .gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line2 { font-weight: 700 !important; letter-spacing: 0.02em !important; } .gmd-doctors-approval-table .gmd-approval-patient-cell a.gmd-patient-row-link:hover, .gmd-doctors-approval-table .gmd-approval-patient-cell a.gmd-patient-row-link:hover .gmd-patient-line1, .gmd-doctors-approval-table .gmd-approval-patient-cell a.gmd-patient-row-link:hover .gmd-patient-line2 { color: var(--gmd-teal-dark) !important; text-decoration: underline !important; } /* Doctors approval + rewrite refill: RX submit success modal */ :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .modal-content { border: none; border-radius: 22px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18); } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .modal-body.rx-modal-body-flex { padding: 0; display: flex; flex-direction: column; max-height: 85vh; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head { padding: 24px 28px 20px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #e5e7eb; flex-shrink: 0; background: linear-gradient(135deg, #f0fbff 0%, #fff 100%); } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head-left { display: flex; align-items: center; gap: 14px; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head-icon { width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0; background: linear-gradient(135deg, #00aeef 0%, #52c9f2 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 174, 239, 0.28); } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head-icon.text-icon { font-size: 1.35rem; color: #fff; line-height: 1; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head-text h2 { font-size: 18px; font-weight: 800; color: #111827; letter-spacing: -0.3px; margin: 0; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-head-text p { font-size: 13px; color: #9ca3af; margin-top: 3px; margin-bottom: 0; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-btn-close { width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; background: #f3f4f6; border: none; cursor: pointer; color: #9ca3af; display: flex; align-items: center; justify-content: center; transition: all 0.18s; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-btn-close:hover { background: #fee2e2; color: #ef4444; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-cards-area { padding: 24px 28px; overflow-y: auto; flex: 1 1 auto; min-height: 0; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-modal-foot { padding: 16px 28px; border-top: 1px solid #e5e7eb; background: #f6fcfe; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 12px; flex-wrap: wrap; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-modal-foot.justify-content-center { justify-content: center; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-foot-actions { display: flex; gap: 10px; align-items: center; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-btn-confirm { display: inline-flex; align-items: center; gap: 7px; padding: 10px 22px; border-radius: 10px; background: linear-gradient(135deg, #00aeef 0%, #0088bc 100%); color: #fff; font-size: 13px; font-weight: 700; border: none; cursor: pointer; box-shadow: 0 4px 16px rgba(0, 174, 239, 0.3); transition: all 0.2s; } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess).rx-modal-chrome .select-med-btn-confirm:hover { box-shadow: 0 7px 22px rgba(0, 174, 239, 0.35); transform: translateY(-1px); } :is(.gmd-doctors-approval-page #mdlDaApproveRxSuccess, .gmd-rewrite-refill-page #mdlRwApproveRxSuccess) .text-primary { color: #00aeef !important; } /* Medication picker modal (doctors approval) */ #mdlDaMedPicker.rx-modal-chrome .modal-content { border: none; border-radius: 0; } #mdlDaMedPicker .da-rx-picker-header { padding: 1rem 1.25rem; background: #fff; border-bottom: 1px solid var(--rx-color-gray-light); } #mdlDaMedPicker .da-rx-picker-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--rx-color-teal); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; } #mdlDaMedPicker .da-rx-picker-badge { align-self: center; background: var(--rx-color-teal-light); color: var(--rx-color-teal-dark); font-weight: 600; } #mdlDaMedPicker .da-rx-picker-body { background: #f0f4f8; } #mdlDaMedPicker .da-rx-picker-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; } #mdlDaMedPicker .da-rx-picker-card { background: #fff; border: 1px solid var(--rx-color-gray-mid); border-radius: 12px; padding: 14px 16px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); transition: border-color 0.2s, box-shadow 0.2s; } #mdlDaMedPicker .da-rx-picker-card:hover { border-color: var(--rx-color-teal); } #mdlDaMedPicker .da-rx-picker-card.is-selected { border-color: var(--rx-color-teal); box-shadow: 0 6px 22px rgba(0, 174, 239, 0.2); } #mdlDaMedPicker .da-rx-picker-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 10px; } #mdlDaMedPicker .da-rx-picker-card-title { font-weight: 700; font-size: 0.9rem; color: var(--rx-color-navy); } #mdlDaMedPicker .da-rx-picker-price-pill { display: inline-block; margin-top: 6px; font-size: 0.72rem; font-weight: 700; color: #fff; background: var(--rx-color-teal); padding: 2px 8px; border-radius: 999px; } #mdlDaMedPicker .da-rx-picker-add { border: 1.5px solid var(--rx-color-teal); color: var(--rx-color-teal); background: #fff; font-weight: 700; border-radius: 8px; white-space: nowrap; } #mdlDaMedPicker .da-rx-picker-add:hover { background: var(--rx-color-teal); color: #fff; } #mdlDaMedPicker .da-rx-picker-card-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; } @media (max-width: 600px) { #mdlDaMedPicker .da-rx-picker-card-meta { grid-template-columns: 1fr; } } #mdlDaMedPicker .da-rx-picker-meta-label { display: block; font-size: 9px; font-weight: 700; text-transform: uppercase; color: var(--rx-color-gray); margin-bottom: 2px; } #mdlDaMedPicker .da-rx-picker-meta-val { font-size: 0.78rem; font-weight: 600; color: var(--rx-color-navy); background: var(--rx-color-gray-light); border-radius: 6px; padding: 4px 6px; } #mdlDaMedPicker .da-rx-picker-footer { background: #fff; border-top: 1px solid var(--rx-color-gray-light); } .gmd-rx-shared-shell .rx-nav-row { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 0; padding-top: 16px; border-top: 1px solid var(--rx-color-gray-light); gap: 10px; flex-wrap: wrap; } .gmd-rx-shared-shell .da-rx-modal-footer { background: #fff; padding: 1rem 1.25rem 1.25rem; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.04); } .gmd-rx-shared-shell .rx-btn-cancel { padding: 10px 20px; border: 1.5px solid var(--rx-color-gray-mid); background: #fff; color: var(--rx-color-gray); border-radius: 8px; font-size: 0.875rem; font-weight: 600; } .gmd-rx-shared-shell .rx-btn-cancel:hover { border-color: var(--rx-color-navy); color: var(--rx-color-navy); } .gmd-rx-shared-shell .rx-btn-next { padding: 10px 22px; background: var(--rx-color-teal); color: #fff; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 600; } .gmd-rx-shared-shell .rx-btn-next:hover { background: var(--rx-color-teal-dark); color: #fff; } .gmd-rx-shared-shell .rx-btn-back { padding: 10px 20px; border: 1.5px solid var(--rx-color-gray-mid); background: #fff; color: var(--rx-color-gray); border-radius: 8px; font-size: 0.875rem; font-weight: 600; } .gmd-rx-shared-shell .rx-btn-back:hover { border-color: var(--rx-color-navy); color: var(--rx-color-navy); } .gmd-rx-shared-shell .da-checkout-summary { font-size: 12px; line-height: 1.45; } /* Step 5: Create-RX-style checkout layout (no shipping, no prices/totals) */ .gmd-rx-shared-shell .da-checkout-summary .da-checkout-layout { display: grid; grid-template-columns: 1fr min(380px, 100%); gap: 24px; align-items: start; } @media (max-width: 768px) { .gmd-rx-shared-shell .da-checkout-summary .da-checkout-layout { grid-template-columns: 1fr; } } .gmd-rx-shared-shell .da-checkout-summary .da-checkout-col-left { display: flex; flex-direction: column; gap: 24px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-card { background: var(--rx-color-white, #fff); border-radius: var(--rx-color-radius, 10px); box-shadow: var(--rx-color-shadow, 0 2px 12px rgba(0, 0, 0, 0.08)); overflow: hidden; border: 0; } .gmd-rx-shared-shell .da-checkout-summary .da-co-card-hd { padding: 16px 22px 12px; border-bottom: 1px solid var(--rx-color-gray-light, #e5e7eb); display: flex; align-items: center; gap: 10px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-card-hd-ic { width: 32px; height: 32px; border-radius: 8px; background: var(--rx-color-teal-light, #e5f7fd); color: var(--rx-color-teal, #00aeef); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .gmd-rx-shared-shell .da-checkout-summary .da-co-card-title { font-size: 1.25rem; font-weight: 700; color: var(--rx-color-navy, #1a2e44); letter-spacing: -0.01em; } .gmd-rx-shared-shell .da-checkout-summary .da-co-card-bd { padding: 20px 22px 22px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-span-2 { grid-column: 1 / -1; } @media (max-width: 640px) { .gmd-rx-shared-shell .da-checkout-summary .da-co-grid { grid-template-columns: 1fr; } } .gmd-rx-shared-shell .da-checkout-summary .da-co-field label { font-size: 11px; font-weight: 600; color: var(--rx-color-gray, #6b7280); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 5px; display: block; } .gmd-rx-shared-shell .da-checkout-summary .da-co-val { width: 100%; padding: 10px 14px; border: 1.5px solid var(--rx-color-gray-mid, #d1d5db); border-radius: 8px; font-size: 14px; color: var(--rx-color-navy, #1a2e44); background: var(--rx-color-gray-light, #f3f4f6); box-sizing: border-box; line-height: 1.35; word-break: break-word; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary { background: #fff; border-radius: var(--rx-color-radius, 10px); box-shadow: var(--rx-color-shadow, 0 2px 12px rgba(0, 0, 0, 0.08)); overflow: hidden; position: sticky; top: 8px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary-hd { background: var(--rx-color-teal, #00aeef); color: #fff; padding: 14px 20px; font-size: 17px; font-weight: 700; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary-hd span[aria-hidden="true"] { margin-right: 6px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary-bd { padding: 16px 20px 20px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-patient-block { background: var(--rx-color-teal-light, #e5f7fd); border-radius: 8px; padding: 12px 14px; margin-bottom: 16px; color: var(--rx-color-navy, #1a2e44); } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-patient-name { font-size: 16px; font-weight: 700; line-height: 1.35; } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-patient-phone { margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--rx-color-navy, #1a2e44); } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-patient-addr { margin-top: 6px; font-size: 12px; font-weight: 500; color: var(--rx-color-gray, #6b7280); line-height: 1.45; } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-item { padding: 10px 12px; border: 1px solid var(--rx-color-gray-mid, #d1d5db); border-radius: 8px; background: var(--rx-color-white, #fff); } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-item-name { font-size: 13px; font-weight: 700; color: var(--rx-color-navy, #1a2e44); } .gmd-rx-shared-shell .da-checkout-summary .da-co-sum-item-meta { font-size: 11px; color: var(--rx-color-gray, #6b7280); margin-top: 4px; line-height: 1.25; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary-submit { margin-top: 18px; padding-top: 4px; } .gmd-rx-shared-shell .da-checkout-summary .da-co-summary-submit #btnSubmitApprove { width: 100%; justify-content: center; display: inline-flex; align-items: center; gap: 6px; padding-top: 12px; padding-bottom: 12px; font-size: 15px; font-weight: 700; } /* Doctors' Approval page: 12px for table data, modal field values, and inputs */ .gmd-doctors-approval-page .gomydocs-table-wrap tbody td, .gmd-doctors-approval-page .gomydocs-table-wrap table.dataTable tbody td { font-size: 12px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap .dataTables_wrapper input[type="search"], .gmd-doctors-approval-page .gomydocs-table-wrap .dataTables_wrapper select, .gmd-doctors-approval-page .gomydocs-table-wrap .dataTables_length select { font-size: 12px !important; } /* Pending list: global gomydocs-table-wrap uses 13px for td / pills / names — tighten to 12px here */ .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table td, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table table.dataTable tbody td { font-size: 12px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .gmd-approval-date-day { font-size: 12px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line1, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .gmd-approval-patient-cell .gmd-patient-line2, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .patient-cell .patient-name { font-size: 12px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table a.gmd-id-pill, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table a.view-order.gmd-id-pill { font-size: 12px !important; padding: 3px 7px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .dataTables_wrapper .dataTables_info, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .dataTables_wrapper .dataTables_length label, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .dataTables_wrapper .dataTables_filter label { font-size: 12px !important; } .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .dataTables_wrapper .dataTables_paginate .paginate_button, .gmd-doctors-approval-page .gomydocs-table-wrap.gmd-doctors-approval-table .dataTables_wrapper .dataTables_paginate .page-link { font-size: 12px !important; line-height: 1.25 !important; } /* Rewrite prescriptions (refill): align list + modal fields with Doctors' Approval theme */ .gmd-rewrite-refill-page .gomydocs-table-wrap tbody td, .gmd-rewrite-refill-page .gomydocs-table-wrap table.dataTable tbody td { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap .dataTables_wrapper input[type="search"], .gmd-rewrite-refill-page .gomydocs-table-wrap .dataTables_wrapper select, .gmd-rewrite-refill-page .gomydocs-table-wrap .dataTables_length select { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table td, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table table.dataTable tbody td { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .gmd-approval-date-day { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .gmd-approval-patient-cell .gmd-patient-line1, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .gmd-approval-patient-cell .gmd-patient-line2, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .patient-cell .patient-name { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table a.gmd-id-pill, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table a.view-order-profile.gmd-id-pill { font-size: 12px !important; padding: 3px 7px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .dataTables_wrapper .dataTables_info, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .dataTables_wrapper .dataTables_length label, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .dataTables_wrapper .dataTables_filter label { font-size: 12px !important; } .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .dataTables_wrapper .dataTables_paginate .paginate_button, .gmd-rewrite-refill-page .gomydocs-table-wrap.gmd-rewrite-refill-table .dataTables_wrapper .dataTables_paginate .page-link { font-size: 12px !important; line-height: 1.25 !important; } /* -------------------------------------------------------------------------- Reusable Order UI shell (clinic shipment / similar future order UIs) Source base: create-new-patient-prescription-cursor design language ---------------------------------------------------------------------------- */ .modal-footer { display: block !important; } :root { --gmd-error-color: #dc2626; --gmd-error-ring: 0 0 0 2px rgba(220, 38, 38, 0.15); } /* Single reusable error class system. */ .gmd-invalid { border-color: var(--gmd-error-color) !important; box-shadow: var(--gmd-error-ring) !important; } .gmd-invalid:focus { border-color: var(--gmd-error-color) !important; box-shadow: var(--gmd-error-ring) !important; } .gmd-error-text { color: var(--gmd-error-color) !important; } :is(.invalid-feedback, .parsley-errors-list, .parsley-errors-list .parsley-required, .gmd-error-text) { color: var(--gmd-error-color) !important; } .da-checkout-summary .shipping-options.gmd-invalid { border: 1.5px solid var(--gmd-error-color) !important; border-radius: 12px; box-shadow: var(--gmd-error-ring); padding: 10px; box-sizing: border-box; } .sig-canvas.gmd-invalid { border: 2px solid var(--gmd-error-color) !important; border-radius: 10px; box-shadow: var(--gmd-error-ring) !important; } .light-style .form-floating .select2-container--default .select2-selection--single { min-height: var(--gmd-control-min-h); height: auto; box-sizing: border-box; border-width: var(--gmd-control-border); } .light-style .form-floating .select2-container--default .select2-selection--single .select2-selection__rendered { box-sizing: border-box; font-size: var(--gmd-control-fs); line-height: var(--gmd-control-inner-h); padding: 0 var(--gmd-control-select2-pad-right) 0 var(--gmd-control-pad-x); } .light-style .form-floating .select2-container--default .select2-selection--single .select2-selection__arrow { height: var(--gmd-control-inner-h); } .select2Input + ul { position: absolute !important; bottom: -18px !important; z-index: 1 !important; } @media screen and (max-width: 768px) { .col-select2 { margin-bottom: 1.6rem !important; } } .qb-success-modal-icon { font-size: 3rem; border-radius: 50%; width: 90px; height: 90px; line-height: 90px; margin: 0 auto 1rem; background: #f2fde0; color: #270; } #rxCreateMountPoint { min-height: calc(100vh - 220px); } /* Unified form-control system: one style + state variants across pages. */ :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control) { box-sizing: border-box; padding: var(--gmd-control-pad-y) var(--gmd-control-pad-x); font-size: var(--gmd-control-fs); line-height: var(--gmd-control-lh); font-weight: 500; color: #374151; background: #fff; border: var(--gmd-control-border) solid #d1d5db; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease; } :is(input.form-control, select.form-control, select.form-select) { min-height: var(--gmd-control-min-h); } :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control)::placeholder { color: #9ca3af; } :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control):hover:not(:focus):not(:disabled):not([readonly]) { border-color: #9ca3af; } :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control):focus { border-color: #00aeef; box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15); outline: none; } :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control):disabled { background: #f3f4f6; color: #9ca3af; border-color: #d1d5db; box-shadow: none; opacity: 1; cursor: not-allowed; } :is(input.form-control, textarea.form-control, select.form-control, select.form-select, label.form-control)[readonly]:not(:disabled) { background: #f9fafb; color: #374151; border-color: #d1d5db; box-shadow: none; } :is(select.form-control, select.form-select) { padding-right: 2.25rem; } textarea.form-control { min-height: auto; } /* Keep scrolling inside the bulk-order content column, not the whole page. */ .bulk-order-scroll-col { max-height: calc(100vh - 112px); overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; padding-right: 4px; } /* Bulk order shell is normal page content, not a Bootstrap .modal — avoids “modal on modal” when client picker opens. */ .gmd-order-page-shell { display: block; position: relative; z-index: auto; } /* Client picker: compact native select (avoid oversized floating-label text). */ .bulk-rx-client-modal .bulk-rx-client-select-label { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; } .bulk-rx-client-modal .bulk-rx-client-select { font-size: 0.875rem !important; line-height: 1.45 !important; min-height: 40px; padding: 0.5rem 0.75rem !important; border-radius: 10px; } .gmd-order-page-shell.rx-create-shell { display: block; position: relative; background: transparent; padding: 0; overflow: visible; --rx-color-teal: #00aeef; --rx-color-teal-dark: #0088bc; --rx-color-teal-light: #e5f7fd; --rx-color-gray: #6b7280; --rx-color-gray-light: #f3f4f6; --rx-color-gray-mid: #d1d5db; --rx-color-green: #0088bc; --rx-color-radius: 10px; --rx-color-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .gmd-order-page-shell.rx-create-shell > .modal-dialog { max-width: 100%; margin: 0; height: 100%; } .gmd-order-page-shell.rx-create-shell.rx-create-embedded > .modal-dialog > .modal-content { min-height: calc(100vh - 220px); border-radius: 14px; border: 1px solid #e5e7eb; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); overflow: visible !important; } .gmd-order-page-shell > .modal-dialog > .modal-content > .modal-header { border-bottom: 1px solid #e5e7eb; background: #fff; border-top-left-radius: 14px; border-top-right-radius: 14px; padding: 14px 18px; } /* Keep bulk-order top action header visible within the bulk scroll container. */ .gmd-order-page-shell.rx-create-shell.rx-create-embedded > .modal-dialog > .modal-content > .modal-header { position: sticky !important; top: 0 !important; z-index: 25; } /* In expanded fullscreen mode, pin the shell header at the top of the overlay. */ .gmd-order-page-shell.rx-create-shell.rx-create-expanded > .modal-dialog > .modal-content > .modal-header { position: sticky; top: 0; z-index: 25; } .gmd-order-page-shell #btnBulkHeaderExpand { border: 1.5px solid #d1d5db; border-radius: 10px; background: #fff; color: #374151; width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .gmd-order-page-shell #btnBulkHeaderCart { padding: 7px !important; } .gmd-order-page-shell > .modal-dialog > .modal-content > .modal-body { background-color: #f0f4f8 !important; padding: 16px; } .gmd-order-page-shell.rx-create-shell.rx-create-expanded { position: fixed; inset: 0; z-index: 1080; background: rgba(17, 24, 39, 0.3); overflow-y: auto; } .gmd-order-page-shell.rx-create-shell.rx-create-expanded > .modal-dialog { min-height: 100vh; } .gmd-order-page-shell.rx-create-shell.rx-create-expanded > .modal-dialog > .modal-content { min-height: 100vh; border-radius: 0; border: none; } .gmd-order-page-shell .rx-card-client-name--with-action { max-width: min(440px, 56vw); gap: 8px; flex-wrap: nowrap; overflow: visible; } .gmd-order-page-shell .rx-card-client-name-text { display: inline-flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; } .gmd-order-page-shell .rx-card-client-name-text .bulk-rx-client-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gmd-order-page-shell .bulk-rx-change-client-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.22rem 0.6rem; font-size: 11px; font-weight: 600; line-height: 1.25; border-radius: 8px; } .gmd-order-page-shell .bulk-step-hidden { display: none; } .gmd-order-page-shell .bulk-signature-label { padding: 0 !important; } .gmd-order-page-shell .bulk-signature-image { height: 100%; border: none !important; } .gmd-order-page-shell .bulk-signature-canvas { border: 1px solid #ced4da; border-radius: 3px; } .gmd-order-page-shell .bulk-signature-flag { display: none; } .gmd-order-page-shell .bulk-signature-clear { clear: both; } .gmd-order-page-shell .bulk-supervising-row-hidden { display: none !important; } .gmd-order-page-shell .rx-nav-row { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 0; padding-top: 16px; border-top: 1px solid #e5e7eb; gap: 10px; flex-wrap: wrap; } .gmd-order-page-shell .bulk-step1-nav-row { align-items: center; } .gmd-order-page-shell .bulk-step1-nav-note { margin: 0; font-size: 1rem; color: #6b7280; } .gmd-order-page-shell .bulk-step1-nav-note a { color: #00aeef; font-weight: 600; text-decoration: none; } .gmd-order-page-shell .da-rx-modal-footer { background: #fff; padding: 1rem 1.25rem 1.25rem; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.04); } .gmd-order-page-shell .da-checkout-summary { font-size: 12px; line-height: 1.45; } .gmd-order-page-shell .da-checkout-summary .da-checkout-layout { display: grid; grid-template-columns: 1fr min(380px, 100%); gap: 24px; align-items: start; } .gmd-order-page-shell .da-checkout-summary .da-checkout-col-left { display: flex; flex-direction: column; gap: 24px; } .gmd-order-page-shell .da-checkout-summary .da-co-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); overflow: hidden; } .gmd-order-page-shell .da-checkout-summary .da-co-card-hd { padding: 16px 22px 12px; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center; gap: 10px; } .gmd-order-page-shell .da-checkout-summary .da-co-card-hd-ic { width: 32px; height: 32px; border-radius: 8px; background: #e5f7fd; color: #00aeef; display: inline-flex; align-items: center; justify-content: center; } .gmd-order-page-shell .da-checkout-summary .da-co-card-title { font-size: 1rem; font-weight: 700; color: #1a2035; } .gmd-order-page-shell .da-checkout-summary .da-co-card-bd { padding: 20px 22px 22px; } .gmd-order-page-shell .da-checkout-summary .da-co-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .gmd-order-page-shell .da-checkout-summary .da-co-span-2 { grid-column: 1 / -1; } .gmd-order-page-shell .da-checkout-summary .da-co-field label { font-size: 11px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 5px; display: block; } .gmd-order-page-shell .da-checkout-summary .da-co-val { width: 100%; padding: 10px 14px; border: 1.5px solid #d1d5db; border-radius: 8px; font-size: 14px; color: #1a2e44; background: #f3f4f6; box-sizing: border-box; line-height: 1.35; word-break: break-word; } .gmd-order-page-shell .da-checkout-summary .bulk-ship-input.da-co-val { background: #fff; color: #1a2e44; } .gmd-order-page-shell .bulk-address-suggest-wrap { position: relative; } .gmd-order-page-shell .gmd-ship-address-suggestions { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 10060; max-height: 240px; overflow-y: auto; border: 1px solid #d9dee3; border-radius: 6px; background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); display: none; } .gmd-order-page-shell .gmd-ship-address-suggestions .list-group-item { cursor: pointer; border-left: 0; border-right: 0; } .gmd-order-page-shell .gmd-ship-address-suggestions .list-group-item:first-child { border-top: 0; } .gmd-order-page-shell .gmd-ship-address-suggestions .list-group-item:last-child { border-bottom: 0; } .gmd-order-page-shell .da-checkout-summary .da-co-summary { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); overflow: hidden; position: sticky; top: 8px; } .gmd-order-page-shell .da-checkout-summary .da-co-summary-hd { background: #00aeef; color: #fff; padding: 14px 20px; font-size: 17px; font-weight: 700; } .gmd-order-page-shell .da-checkout-summary .da-co-summary-bd { padding: 20px 24px 24px; } .gmd-order-page-shell .da-checkout-summary .da-co-sum-patient-block { background: #e5f7fd; border-radius: 8px; padding: 12px 14px; margin-bottom: 16px; } .gmd-order-page-shell .da-checkout-summary .da-co-sum-patient-name { font-size: 16px; font-weight: 700; color: #1a2035; } .gmd-order-page-shell .da-checkout-summary .da-co-sum-patient-phone { font-size: 13px; color: #6b7280; } .gmd-order-page-shell .checkout-grid { display: grid; grid-template-columns: 1fr 420px; gap: 24px; } .gmd-order-page-shell .checkout-left-stack { display: flex; flex-direction: column; gap: 24px; } .gmd-order-page-shell .shipping-option-price { margin-left: auto; } .gmd-order-page-shell .checkout-grid .checkout-back-row { grid-column: 1 / -1; justify-content: flex-start; } @media(max-width:768px) { .gmd-order-page-shell .checkout-grid { grid-template-columns: 1fr; } } .gmd-order-page-shell .summary-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,.08); overflow: hidden; position: sticky; top: 80px; } .gmd-order-page-shell .summary-header { background: #00aeef; color: #fff; padding: 14px 20px; font-size: 15px; font-weight: 700; } .gmd-order-page-shell .summary-body { padding: 16px 20px; } .gmd-order-page-shell .summary-patient { background: #e5f7fd; border-radius: 8px; padding: 12px 14px; margin-bottom: 16px; } .gmd-order-page-shell .summary-patient-name { font-size: 15px; font-weight: 700; color: #1a2035; } .gmd-order-page-shell .summary-patient-dob { font-size: 12px; color: #6b7280; margin-top: 2px; } .gmd-order-page-shell .summary-items { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; } .gmd-order-page-shell .summary-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; gap: 12px; } .gmd-order-page-shell .summary-item-left { display: flex; align-items: center; gap: 10px; min-width: 0; } .gmd-order-page-shell .summary-item-thumb { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; background: #f8fafc; border: 1px solid #e5e7eb; flex: 0 0 42px; } .gmd-order-page-shell .summary-item-name { font-size: 13px; font-weight: 700; color: #1a2035; } .gmd-order-page-shell .summary-item-detail { font-size: 11px; color: #6b7280; margin-top: 2px; line-height: 1.25; } .gmd-order-page-shell .summary-item-price { font-size: 14px; font-weight: 700; color: #00aeef; white-space: nowrap; } .gmd-order-page-shell .summary-divider { border: none; border-top: 1px dashed #d1d5db; margin: 8px 0; } .gmd-order-page-shell .summary-totals { display: flex; flex-direction: column; gap: 6px; } .gmd-order-page-shell .summary-line { display: flex; justify-content: space-between; font-size: 13px; color: #6b7280; } .gmd-order-page-shell .summary-total-line { display: flex; justify-content: space-between; font-size: 15px; font-weight: 700; color: #1a2035; margin-top: 6px; } .gmd-order-page-shell .checkout-submit-btn { width: 100%; padding: 14px; background: #00aeef; color: #fff; border: none; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; margin-top: 16px; } .gmd-order-page-shell .checkout-submit-btn:hover { background: #0088bc; } .bulk-order-cart-modal .summary-items { display: flex; flex-direction: column; gap: 10px; } .bulk-order-cart-modal .summary-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; gap: 12px; } .bulk-order-cart-modal .summary-item-left { display: flex; align-items: center; gap: 10px; min-width: 0; } .bulk-order-cart-modal .summary-item-thumb { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; background: #f8fafc; border: 1px solid #e5e7eb; flex: 0 0 42px; } .bulk-order-cart-modal .summary-item-name { font-size: 13px; font-weight: 700; color: #1a2035; } .bulk-order-cart-modal .summary-item-detail { font-size: 11px; color: #6b7280; margin-top: 2px; line-height: 1.25; } .bulk-order-cart-modal .summary-item-price-group { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 110px; } .bulk-order-cart-modal .summary-item-price { font-size: 18px; font-weight: 700; color: #00aeef; white-space: nowrap; line-height: 1; } .bulk-order-cart-modal .bulk-cart-qty-floating { width: 58px; margin-bottom: 0; } .bulk-order-cart-modal .bulk-cart-qty-input { width: 58px; height: 34px; min-height: 34px; padding: 1rem 6px 0.25rem; text-align: right; font-size: 13px; } .bulk-order-cart-modal .bulk-cart-qty-floating > label { padding: 0.3rem 0.5rem; font-size: 10px; color: #6b7280; } .bulk-order-cart-modal .bulk-cart-remove-btn { width: 30px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; flex: 0 0 30px; } .gmd-order-page-shell .da-checkout-summary .shipping-options .bulk-shipping-option { margin: 0; border: 1.5px solid #d1d5db; border-radius: 10px; padding: 11px 14px; background: #fff; transition: all .18s ease; } .gmd-order-page-shell .shipping-options { display: flex; flex-direction: column; gap: 10px; } .gmd-order-page-shell .shipping-opt { border: 1.5px solid #d1d5db; border-radius: 8px; padding: 12px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all .2s; user-select: none; } .gmd-order-page-shell .da-checkout-summary .shipping-options .bulk-shipping-option .form-check-label { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #1a2035; } .gmd-order-page-shell .da-checkout-summary .shipping-options .bulk-shipping-option .form-check-input { margin-top: 2px; border-color: #9ca3af; } .gmd-order-page-shell .da-checkout-summary .shipping-options .bulk-shipping-option.is-selected { border-color: #00aeef; background: #f0fbff; box-shadow: 0 0 0 2px rgba(0, 174, 239, 0.08) inset; } .gmd-order-page-shell .da-checkout-summary .shipping-options .bulk-shipping-option .form-check-input:checked + .form-check-label { color: #00aeef; } @media (max-width: 768px) { .gmd-order-page-shell .da-checkout-summary .da-checkout-layout { grid-template-columns: 1fr; } .gmd-order-page-shell .da-checkout-summary .da-co-grid { grid-template-columns: 1fr; } } #mdlTermsOfService .modal-dialog { max-width: 980px; } #mdlTermsOfService .modal-body { max-height: 70vh; overflow: auto; } #mdlTermsOfService .modal-footer { justify-content: flex-end; } #mdlTermsOfService .bulk-terms-prose { font-size: 14px; line-height: 1.6; color: #374151; } #mdlTermsOfService .bulk-terms-prose h5 { font-size: 1rem; font-weight: 800; color: #111827; margin-bottom: .75rem; } #mdlTermsOfService .bulk-terms-prose h6 { font-size: 0.875rem; font-weight: 700; color: #111827; margin-top: 1rem; margin-bottom: .35rem; } #mdlTermsOfService .bulk-terms-prose .checkbox-section { margin-top: 1rem; padding: 12px 14px; border-radius: 8px; background: #f6fcfe; border: 1px solid #e5f7fd; } .gmd-order-page-shell .rx-btn-next { padding: 10px 22px; background: var(--rx-color-teal, #00aeef); color: #fff; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; } .gmd-order-page-shell .rx-btn-next:hover { background: var(--rx-color-teal-dark, #0088bc); color: #fff; } .gmd-order-page-shell .rx-btn-back { padding: 10px 20px; border: 1.5px solid var(--rx-color-gray-mid, #c7ccd4); background: #fff; color: var(--rx-color-gray, #6b7280); border-radius: 8px; font-size: 0.875rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; } .gmd-order-page-shell .rx-btn-back:hover { border-color: var(--rx-color-navy, #1a2035); color: var(--rx-color-navy, #1a2035); } .gmd-med-filter-wrap { background: #f8fbfd; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; } .gmd-med-filter-wrap .form-label { font-size: 0.78rem; letter-spacing: 0.05em; text-transform: uppercase; color: #6b7280; font-weight: 700; } .gmd-inline-med-grid .product-card { border-radius: 14px; transition: all 0.2s ease; overflow: hidden; } .gmd-inline-med-grid .product-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } .gmd-inline-med-grid .productQty { width: 76px !important; min-height: 32px; font-weight: 700; } /* Global modal chrome for every themed modal */ .gmd-rx-modal .modal-content { border: none !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important; } .gmd-rx-modal .modal-header { padding: 20px 24px !important; border-bottom: 1px solid #e5e7eb !important; background: linear-gradient(135deg, #f0fbff 0%, #fff 100%) !important; align-items: center !important; } .gmd-rx-modal .modal-title .gmd-modal-title-icon { background: linear-gradient(135deg, var(--gmd-teal) 0%, #52c9f2 100%) !important; color: #fff !important; box-shadow: 0 4px 14px rgba(0, 174, 239, 0.28) !important; } .gmd-rx-modal .modal-body { background: #fafbfd !important; } .gmd-rx-modal .modal-footer { border-top: 1px solid #e5e7eb !important; background: #f6fcfe !important; } /* My Address Book (#mdlAdressBook): force content-height dialog and cap width ~modal-lg */ #mdlAdressBook .modal-dialog { min-height: 0 !important; height: auto !important; max-height: none !important; max-width: 800px !important; /* Bootstrap modal-lg */ width: calc(100% - 2rem) !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; align-items: center !important; } #mdlAdressBook .modal-content { height: auto !important; min-height: 0 !important; max-height: min(90vh, calc(100vh - 2rem)) !important; display: flex !important; flex-direction: column !important; flex: 0 1 auto !important; } #mdlAdressBook .modal-body { flex: 0 1 auto !important; min-height: 0 !important; overflow-x: hidden; overflow-y: auto; max-height: min(60vh, calc(100vh - 12rem)) !important; } /* Shared RX shell base (safe additive alias for reusable modal layouts). */ .gmd-rx-shared-shell.gmd-rx-modal .modal-content { display: flex; flex-direction: column; overflow: hidden; border: none !important; border-radius: 0 !important; box-shadow: none !important; } .gmd-rx-shared-shell.gmd-rx-modal .modal-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 1rem 1.25rem !important; background: #fff !important; border-bottom: 1px solid var(--rx-color-gray-light) !important; } .gmd-rx-shared-shell .rx-header-logo, .gmd-rx-shared-shell .rx-header-logo { display: flex; align-items: center; } .gmd-rx-shared-shell .rx-header-logo img, .gmd-rx-shared-shell .rx-header-logo img { height: 36px; width: auto; } .gmd-rx-shared-shell .header-user, .gmd-rx-shared-shell .header-user { display: flex; align-items: center; gap: 10px; } .gmd-rx-shared-shell .header-user .user-name, .gmd-rx-shared-shell .header-user .user-name { font-size: 14px; font-weight: 600; color: var(--rx-color-navy); } .gmd-rx-shared-shell .header-user .user-role, .gmd-rx-shared-shell .header-user .user-role { font-size: 11px; color: var(--rx-color-gray); } .gmd-rx-shared-shell .header-user .avatar, .gmd-rx-shared-shell .header-user .avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--rx-color-teal), var(--rx-color-teal-dark)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; } .gmd-rx-shared-shell.gmd-rx-modal .modal-body.da-rx-modal-body { padding-top: 0.5rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .gmd-rx-shared-shell .da-rx-modal-body { background-color: #f0f4f8 !important; flex: 1 1 auto; min-height: 0; overflow-y: auto; } .gmd-rx-shared-shell .rx-page-title-row { display: flex; align-items: center; justify-content: space-between; margin-top: 0 !important; margin-bottom: 0.75rem; flex-wrap: wrap; gap: 8px; } .gmd-rx-shared-shell .rx-card, .gmd-rx-shared-shell .rx-card { background: #fff; border-radius: 10px; border: 1px solid var(--rx-color-gray-light); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .gmd-rx-shared-shell .rx-card-header, .gmd-rx-shared-shell .rx-card-header { padding: 14px 18px; border-bottom: 1px solid var(--rx-color-gray-light); display: flex; align-items: center; justify-content: space-between; gap: 10px; } .gmd-rx-shared-shell .rx-card-header-icon, .gmd-rx-shared-shell .rx-card-header-icon { width: 28px; height: 28px; border-radius: 8px; background: #e5f7fd; color: var(--rx-color-teal); display: inline-flex; align-items: center; justify-content: center; } .gmd-rx-shared-shell .rx-card-title, .gmd-rx-shared-shell .rx-card-title { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--rx-color-navy); } .gmd-rx-shared-shell .rx-card-body, .gmd-rx-shared-shell .rx-card-body { padding: 20px 22px 22px; } .gmd-rx-shared-shell .rx-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .gmd-rx-shared-shell .rx-form-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .gmd-rx-shared-shell .rx-form-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } @media (max-width: 768px) { .gmd-rx-shared-shell .rx-form-grid, .gmd-rx-shared-shell .rx-form-grid-3, .gmd-rx-shared-shell .rx-form-grid-4 { grid-template-columns: 1fr; } } /* Lightweight utility classes for repeated typography values. */ .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; }