/* Custom Styles for Job Application System */ body { min-height: 100vh; display: flex; flex-direction: column; } main { flex: 1; } /* RTL Support */ [dir="rtl"] { text-align: right; } [dir="rtl"] .form-label { text-align: right; } [dir="rtl"] .btn-group { flex-direction: row-reverse; } /* Form styling */ .form-control:focus, .form-select:focus { border-color: #0d6efd; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .card { border-radius: 0.5rem; } .card-header { border-radius: 0.5rem 0.5rem 0 0 !important; } /* Education and Work entries */ .education-entry, .work-entry, .language-entry { background-color: #f8f9fa; border: 1px solid #dee2e6; } /* File upload styling */ input[type="file"] { cursor: pointer; } /* OTP Section */ #otpSection { animation: slideDown 0.3s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Alert styling */ .alert { border-radius: 0.375rem; } /* Table responsiveness */ .table-responsive { overflow-x: auto; } /* Badge styling */ .badge { font-size: 0.85em; padding: 0.35em 0.65em; } /* Button hover effects */ .btn { transition: all 0.2s ease; } .btn:hover { transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Loading state */ .btn:disabled { opacity: 0.6; cursor: not-allowed; } /* Statistics cards */ .card.bg-primary, .card.bg-success, .card.bg-warning, .card.bg-info { border: none; } .card.bg-primary .card-body, .card.bg-success .card-body, .card.bg-warning .card-body, .card.bg-info .card-body { padding: 1.5rem; } /* Mobile responsiveness */ @media (max-width: 768px) { .card { margin-bottom: 1rem; } .table { font-size: 0.875rem; } .btn-group { flex-direction: column; width: 100%; } .btn-group .btn { border-radius: 0.375rem !important; margin-bottom: 0.25rem; } } /* Print styles */ @media print { .navbar, footer, .btn, .alert { display: none; } .card { border: 1px solid #000; page-break-inside: avoid; } } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #555; } /* Form validation */ .was-validated .form-control:invalid, .was-validated .form-select:invalid { border-color: #dc3545; } .was-validated .form-control:valid, .was-validated .form-select:valid { border-color: #198754; } /* Loading spinner */ .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.15em; } .in-iframe .site-navbar, .in-iframe .site-footer { display: none !important; } /* English / Default Font */ @font-face { font-family: 'MyriadPro'; src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /* Arabic Font */ @font-face { font-family: 'GESSTwo'; src: url('../fonts/GESSTwoMedium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Default */ body { font-family: 'MyriadPro'; } /* When the HTML tag is */ html[lang="ar"] body { font-family: 'GESSTwo'; }