/* Google Font Import */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap'); /* Frontend Styles */ * { font-family: 'Lato', Helvetica, Arial, sans-serif; } .psp-container { max-width: 900px; margin: 0 auto; padding: 0 15px; } .psp-search-wrapper { background: linear-gradient(169deg, #223b7d 47%, #233c7e 54%); padding: 35px 30px; border-radius: 16px; margin-bottom: 25px; box-shadow: 0 8px 25px rgba(34, 59, 125, 0.25); } .psp-search-wrapper h2 { color: white; margin: 0 0 25px 0; font-size: 26px; text-align: center; font-weight: 500; letter-spacing: -0.5px; font-family: 'Lato', Helvetica, Arial, sans-serif; } .psp-search-box { width: 100%; max-width: 500px; margin: 0 auto; } .psp-search-box label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 10px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; letter-spacing: 1px; font-family: 'Lato', Helvetica, Arial, sans-serif; } .psp-doctor-select { width: 100%; padding: 14px 18px; font-size: 16px; border: none; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); cursor: pointer; background: white; transition: all 0.3s ease; font-family: 'Lato', Helvetica, Arial, sans-serif; } .psp-doctor-select:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); } .psp-doctor-select:focus { outline: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); } .psp-search-hint { margin-top: 12px; font-size: 13px; color: rgba(255, 255, 255, 0.8); text-align: center; font-style: italic; font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Doctor Section Header */ .doctor-section-header { margin: 20px 0 12px 0; } .doctor-section-header h3 { color: rgb(43, 59, 128); font-size: 18px; margin: 0; padding-bottom: 8px; border-bottom: 2px solid #e9ecef; font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Presentation Cards - Clean Design */ .presentation-card { background: white; border-radius: 16px; padding: 18px 20px; margin-bottom: 0; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); transition: all 0.2s ease; border: 1px solid rgba(43, 59, 128, 0.08); position: relative; } .presentation-card:hover { box-shadow: 0 4px 16px rgba(34, 59, 125, 0.08); transform: translateY(-2px); } /* Divider between multiple cards */ .presentation-card + .presentation-card { margin-top: 0; position: relative; } .presentation-card + .presentation-card::before { content: ''; position: absolute; top: 0; left: 20px; right: 20px; height: 2px; background: linear-gradient(90deg, transparent, rgba(43, 59, 128, 0.15), rgba(43, 59, 128, 0.15), transparent); border-radius: 2px; } /* Header Row - Doctor with presenter badge behind */ .presentation-header-row { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 14px; flex-wrap: wrap; gap: 8px; } .doctor-info { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .doctor-name { font-size: 18px; font-weight: 700; color: rgb(43, 59, 128); font-family: 'Lato', Helvetica, Arial, sans-serif; } .doctor-country { font-size: 13px; color: rgb(43, 59, 128); font-weight: 500; opacity: 0.6; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.3px; } /* Presenter badge - behind doctor name, smaller */ .presenter-badge { padding: 3px 10px; border-radius: 20px; color: white; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-family: 'Lato', Helvetica, Arial, sans-serif; margin-left: 6px; order: 2; } /* Session Row - Session name with type badge behind */ .presentation-session-row { display: flex; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 6px 8px; } .session-label { font-size: 13px; font-weight: 600; color: rgb(43, 59, 128); text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; font-family: 'Lato', Helvetica, Arial, sans-serif; } .session-name { font-size: 15px; font-weight: 500; color: rgb(43, 59, 128); font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Session type badge - behind session name, smaller */ .session-type-badge { padding: 3px 10px; border-radius: 20px; color: white; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; font-family: 'Lato', Helvetica, Arial, sans-serif; margin-left: 6px; } /* Talk Row */ .presentation-talk-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; padding: 10px 0; border-top: 1px solid rgba(43, 59, 128, 0.06); border-bottom: 1px solid rgba(43, 59, 128, 0.06); } .talk-label { font-size: 13px; font-weight: 600; color: rgb(43, 59, 128); text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; font-family: 'Lato', Helvetica, Arial, sans-serif; } .talk-name { font-size: 16px; font-weight: 700; color: rgb(43, 59, 128); line-height: 1.4; font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Hall Row */ .presentation-hall-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .hall-label { font-size: 13px; font-weight: 600; color: rgb(43, 59, 128); text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; font-family: 'Lato', Helvetica, Arial, sans-serif; } .hall-badge { padding: 4px 14px; border-radius: 20px; color: white; font-size: 13px; font-weight: 600; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); font-family: 'Lato', Helvetica, Arial, sans-serif; } /* DateTime Row - No borders, clean and simple */ .presentation-datetime-row { margin-top: 6px; padding-top: 0; border-top: none; } .datetime-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; padding: 0; background: transparent; border: none; box-shadow: none; border-radius: 0; } .date-display { font-size: 14px; font-weight: 600; color: rgb(43, 59, 128); display: flex; align-items: center; gap: 5px; font-family: 'Lato', Helvetica, Arial, sans-serif; } .date-display .date-text { color: rgb(43, 59, 128); display: flex; align-items: center; gap: 4px; } .date-display .date-text::before { content: '📅'; font-size: 13px; opacity: 0.7; margin-right: 2px; } .day-name { background: linear-gradient(135deg, rgb(43, 59, 128) 0%, rgb(63, 79, 148) 100%); color: white; padding: 3px 8px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; font-family: 'Lato', Helvetica, Arial, sans-serif; box-shadow: 0 2px 6px rgba(43, 59, 128, 0.15); } .time-display { font-size: 14px; font-weight: 600; color: rgb(43, 59, 128); display: flex; align-items: center; gap: 4px; font-family: 'Lato', Helvetica, Arial, sans-serif; } .time-display::before { content: '🕐'; font-size: 13px; opacity: 0.7; margin-right: 2px; } /* Glow animation for day badge */ @keyframes pulseGlow { 0%, 100% { box-shadow: 0 2px 6px rgba(43, 59, 128, 0.15); } 50% { box-shadow: 0 3px 10px rgba(43, 59, 128, 0.25); } } /* Result Count */ .psp-result-count { background: linear-gradient(169deg, #223b7d 47%, #233c7e 54%); color: white; padding: 12px 20px; margin-bottom: 18px; border-radius: 12px; font-weight: 500; font-size: 15px; box-shadow: 0 4px 12px rgba(34, 59, 125, 0.2); font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Loading State */ .psp-loading { text-align: center; padding: 45px; background: white; border-radius: 12px; } .psp-loading .spinner { display: inline-block; width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #223b7d; border-radius: 50%; animation: psp-spin 1s linear infinite; margin-bottom: 15px; } .psp-loading p { color: rgb(43, 59, 128); font-family: 'Lato', Helvetica, Arial, sans-serif; } @keyframes psp-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Error State */ .psp-error { text-align: center; padding: 30px 20px; background: #fff5f5; border-radius: 12px; color: #dc3545; font-size: 14px; border: 1px solid rgba(220, 53, 69, 0.2); font-family: 'Lato', Helvetica, Arial, sans-serif; } /* Select2-like styling */ .psp-doctor-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23223b7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 45px; } /* Smooth transitions */ .presentation-card, .psp-doctor-select, .presenter-badge, .session-type-badge, .hall-badge { transition: all 0.25s ease; } /* Combined Search Box */ .psp-combined-search { display: flex; gap: 15px; align-items: stretch; } .psp-search-input { flex: 2; padding: 14px 18px; font-size: 16px; border: none; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-family: 'Lato', Helvetica, Arial, sans-serif; } .psp-search-input:focus { outline: none; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } /* jQuery UI Autocomplete */ .ui-autocomplete { max-height: 350px; overflow-y: auto; overflow-x: hidden; background: white; border: none; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); padding: 5px 0; z-index: 1000; } .ui-menu-item { padding: 10px 20px; font-size: 14px; cursor: pointer; transition: all 0.2s; border-bottom: 1px solid #f0f0f0; font-family: 'Lato', Helvetica, Arial, sans-serif; } .ui-menu-item:last-child { border-bottom: none; } .ui-menu-item:hover, .ui-state-focus { background: #667eea; color: white; border: none; margin: 0; } /* ============================================ */ /* BEAUTIFUL MOBILE STYLES */ /* ============================================ */ @media (max-width: 768px) { .psp-container { padding: 0; max-width: 100%; } /* Search Wrapper */ .psp-search-wrapper { padding: 25px 20px; border-radius: 24px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(34, 59, 125, 0.2); } .psp-search-wrapper h2 { font-size: 24px; margin-bottom: 20px; font-weight: 600; } .psp-search-box label { font-size: 13px; text-align: left; margin-bottom: 8px; } .psp-doctor-select { padding: 16px 18px; font-size: 15px; border-radius: 14px; background-position: right 18px center; } .psp-search-hint { font-size: 12px; margin-top: 10px; text-align: left; } /* Doctor Section Header */ .doctor-section-header { margin: 20px 0 12px 0; } .doctor-section-header h3 { font-size: 18px; padding-bottom: 10px; font-weight: 700; } /* Presentation Cards - Each session in its own box */ .presentation-card { padding: 14px; margin-bottom: 0; border-radius: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 1px solid rgba(43, 59, 128, 0.08); background: white; } /* Divider between multiple cards with solid border */ .presentation-card + .presentation-card { margin-top: 0; } .presentation-card + .presentation-card::before { content: ''; position: absolute; top: 0; left: 12px; right: 12px; height: 2px; background: linear-gradient(90deg, transparent, rgba(43, 59, 128, 0.15), rgba(43, 59, 128, 0.15), transparent); border-radius: 2px; border: 1px solid #233c7e !important; } .presentation-card:active { transform: scale(0.995); box-shadow: 0 4px 12px rgba(34, 59, 125, 0.08); } /* Header Row - Doctor with presenter badge behind */ .presentation-header-row { flex-direction: row; align-items: center; gap: 5px; margin-bottom: 10px; } .doctor-info { flex-direction: row; align-items: center; gap: 4px; flex-wrap: wrap; } .doctor-name { font-size: 14px; font-weight: 700; } .doctor-country { font-size: 9px; opacity: 0.6; } .presenter-badge { padding: 2px 5px; font-size: 7px; font-weight: 600; letter-spacing: 0.2px; border-radius: 20px; margin-left: 3px; } /* Session Row - Session name with type badge behind */ .presentation-session-row { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4px 5px; margin-bottom: 8px; } .session-label { font-size: 9px; } .session-name { font-size: 11px; font-weight: 600; } .session-type-badge { padding: 2px 5px; font-size: 7px; border-radius: 20px; margin-left: 3px; } /* Talk Row */ .presentation-talk-row { flex-direction: column; align-items: flex-start; gap: 3px; margin-bottom: 8px; padding: 8px 0; border-top: 1px solid rgba(43, 59, 128, 0.08); border-bottom: 1px solid rgba(43, 59, 128, 0.08); } .talk-label { font-size: 9px; } .talk-name { font-size: 13px; font-weight: 700; line-height: 1.4; width: 100%; } /* Hall Row */ .presentation-hall-row { margin-bottom: 6px; gap: 6px; } .hall-label { font-size: 9px; } .hall-badge { padding: 2px 8px; font-size: 9px; border-radius: 20px; } /* DateTime Row - One compact line */ .presentation-datetime-row { margin-top: 4px; padding-top: 0; border-top: none; } .datetime-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 6px; padding: 0; background: transparent; border: none; box-shadow: none; flex-wrap: wrap; } .datetime-wrapper:active { transform: none; background: transparent; } .date-display { font-size: 10px; font-weight: 600; flex-direction: row; align-items: center; gap: 3px; color: rgb(43, 59, 128); } .date-display .date-text { display: flex; align-items: center; gap: 2px; } .date-display .date-text::before { content: '📅'; font-size: 9px; opacity: 0.6; margin-right: 1px; } .day-name { padding: 1px 5px; font-size: 7px; font-weight: 700; border-radius: 20px; white-space: nowrap; background: linear-gradient(135deg, rgb(43, 59, 128) 0%, rgb(63, 79, 148) 100%); color: white; box-shadow: 0 1px 4px rgba(43, 59, 128, 0.2); animation: pulseGlow 2s ease-in-out infinite; } .time-display { font-size: 10px; font-weight: 600; padding: 0; text-align: left; background: transparent; box-shadow: none; border: none; gap: 2px; white-space: nowrap; color: rgb(43, 59, 128); } .time-display::before { content: '🕐'; font-size: 9px; opacity: 0.6; margin-right: 1px; } .time-display::after { display: none; } /* Result Count */ .psp-result-count { padding: 12px 16px; margin: 0 0 16px 0; border-radius: 14px; font-size: 14px; font-weight: 600; text-align: center; } /* Results Container */ .psp-results { padding: 0; } /* Loading State */ .psp-loading { padding: 40px 20px; border-radius: 20px; margin-top: 20px; } .psp-loading .spinner { width: 45px; height: 45px; } .psp-loading p { font-size: 15px; margin-top: 15px; } /* Error State */ .psp-error { padding: 30px 20px; border-radius: 16px; font-size: 14px; margin: 10px 0; } /* Touch optimizations */ .psp-doctor-select, .presentation-card, .hall-badge, .session-type-badge, .presenter-badge { -webkit-tap-highlight-color: transparent; touch-action: manipulation; } /* Remove hover effects on mobile */ .presentation-card:hover { transform: none; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); } } /* Small mobile devices */ @media (max-width: 480px) { .psp-search-wrapper { padding: 18px 14px; border-radius: 18px; } .psp-search-wrapper h2 { font-size: 20px; } .presentation-card { padding: 12px; border-radius: 14px; } .doctor-name { font-size: 13px; } .talk-name { font-size: 12px; } .datetime-wrapper { gap: 5px; } .date-display { font-size: 9px; gap: 2px; } .time-display { font-size: 9px; } .day-name { font-size: 6px; padding: 1px 4px; } .hall-badge { font-size: 8px; padding: 2px 6px; } .psp-result-count { padding: 10px 14px; font-size: 13px; } .presentation-card + .presentation-card::before { left: 10px; right: 10px; border: 1px solid #233c7e !important; } .presenter-badge { font-size: 6px; padding: 1px 4px; } .session-type-badge { font-size: 6px; padding: 1px 4px; } } /* Landscape mode optimization */ @media (max-width: 768px) and (orientation: landscape) { .psp-container { padding: 0 15px; } .presentation-card { padding: 12px; } .presentation-talk-row { padding: 6px 0; } .datetime-wrapper { gap: 8px; } } /* Responsive for combined search */ @media (max-width: 768px) { .psp-combined-search { flex-direction: column; gap: 10px; } .psp-search-input, .psp-doctor-select { width: 100%; } } Neuro-Ophthalmology – eos-egypt.org https://eos-egypt.org Wed, 18 Oct 2023 11:45:22 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 Clinical Trends Survey 2022 Results https://eos-egypt.org/clinical-trends-survey-2022-results/ Wed, 18 Oct 2023 11:45:22 +0000 https://eos-egypt.org/?p=1240 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

]]>
Workshop Hones Medical Writing Skills https://eos-egypt.org/workshop-hones-medical-writing-skills/ Wed, 18 Oct 2023 11:45:13 +0000 https://eos-egypt.org/?p=1239 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

]]>
Endogenous endophthalmitis https://eos-egypt.org/endogenous-endophthalmitis/ Wed, 18 Oct 2023 10:22:05 +0000 https://eos-egypt.org/?p=1231 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

]]>
Clinical Trends Survey 2022 Results https://eos-egypt.org/article-3/ Wed, 18 Oct 2023 08:58:03 +0000 https://eos-egypt.org/?p=1209 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

]]>