.stat-list-modal .modal-content[data-v-6c203e09] { border: none; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } .stat-list-modal .modal-header[data-v-6c203e09] { background: #f7fafc; border-bottom: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; padding: 1rem 1.25rem; } .stat-list-modal .modal-title[data-v-6c203e09] { display: flex; align-items: center; font-size: 1rem; font-weight: 600; color: #2d3748; } .stat-modal-icon[data-v-6c203e09] { color: #1e3a8a; } .stat-list-modal .modal-body[data-v-6c203e09] { padding: 0.5rem 1.25rem 1rem; max-height: 65vh; } .stat-modal-filter[data-v-6c203e09] { padding: 0.5rem 0.25rem 0.75rem; border-bottom: 1px solid #e5e7eb; margin-bottom: 0.25rem; } .stat-modal-filter-label[data-v-6c203e09] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.875rem; font-weight: 500; color: #374151; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .stat-modal-filter-locked[data-v-6c203e09] { cursor: not-allowed; color: #6b7280; } .stat-modal-filter-hint[data-v-6c203e09] { margin-left: 0.5rem; font-weight: 400; color: #9ca3af; } .stat-modal-list[data-v-6c203e09] { list-style: none; padding: 0; margin: 0; } .stat-modal-item[data-v-6c203e09] { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.25rem; border-bottom: 1px solid #e5e7eb; } .stat-modal-item[data-v-6c203e09]:last-child { border-bottom: none; } .stat-modal-item-clickable[data-v-6c203e09] { cursor: pointer; } .stat-modal-item-clickable[data-v-6c203e09]:hover { background-color: #f9fafb; } .stat-modal-avatar[data-v-6c203e09] { width: 34px; height: 34px; min-width: 34px; border-radius: 50%; background: #eef2ff; color: #4338ca; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; } .stat-modal-main[data-v-6c203e09] { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; } .stat-modal-item-title[data-v-6c203e09] { font-size: 0.875rem; font-weight: 500; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stat-modal-subtitle[data-v-6c203e09] { font-size: 0.75rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stat-modal-side[data-v-6c203e09] { display: flex; align-items: center; gap: 0.625rem; flex-shrink: 0; } .stat-modal-meta[data-v-6c203e09] { font-size: 0.75rem; color: #6b7280; white-space: nowrap; } .stat-modal-badge[data-v-6c203e09] { padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; white-space: nowrap; background: #e5e7eb; color: #4b5563; } .stat-modal-badge.stat-badge-gray[data-v-6c203e09] { background: #e2e8f0; color: #475569; } .stat-modal-badge.stat-badge-blue[data-v-6c203e09] { background: #dbeafe; color: #1d4ed8; } .stat-modal-badge.stat-badge-green[data-v-6c203e09] { background: #d1fae5; color: #047857; } .stat-modal-badge.stat-badge-amber[data-v-6c203e09] { background: #fef3c7; color: #b45309; } .stat-modal-badge.stat-badge-red[data-v-6c203e09] { background: #fee2e2; color: #b91c1c; } .stat-modal-badge.stat-badge-purple[data-v-6c203e09] { background: #ede9fe; color: #6d28d9; } .stat-modal-state[data-v-6c203e09] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 160px; padding: 1.5rem; text-align: center; } .stat-modal-empty-icon[data-v-6c203e09] { font-size: 2rem; color: #d1d5db; margin-bottom: 0.75rem; } .stat-modal-state-text[data-v-6c203e09] { margin: 0.75rem 0 0; font-size: 0.875rem; color: #6b7280; } @media (max-width: 576px) { .stat-modal-item[data-v-6c203e09] { flex-wrap: wrap; } .stat-modal-side[data-v-6c203e09] { width: 100%; justify-content: flex-start; } } .chart-distribution-modal .modal-content[data-v-4d6e3b35] { border: none; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } .chart-distribution-modal .modal-header[data-v-4d6e3b35] { background: #f7fafc; border-bottom: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; padding: 1rem 1.25rem; } .chart-distribution-modal .modal-title[data-v-4d6e3b35] { display: flex; align-items: center; font-size: 1rem; font-weight: 600; color: #2d3748; } .chart-dist-swatch[data-v-4d6e3b35] { display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; flex-shrink: 0; } .chart-distribution-modal .modal-body[data-v-4d6e3b35] { padding: 1rem 1.25rem 1.25rem; } .chart-dist-subtitle[data-v-4d6e3b35] { margin: 0 0 12px; color: #64748b; font-size: 13px; } .chart-dist-empty[data-v-4d6e3b35] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 120px; color: #94a3b8; gap: 10px; } .chart-dist-empty i[data-v-4d6e3b35] { font-size: 28px; } .chart-dist-legend[data-v-4d6e3b35] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .chart-dist-legend li[data-v-4d6e3b35] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #f8fafc; border: 1px solid #eef2f7; border-radius: 8px; } .chart-dist-legend-dot[data-v-4d6e3b35] { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; } .chart-dist-legend-label[data-v-4d6e3b35] { flex: 1; min-width: 0; color: #334155; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chart-dist-legend-count[data-v-4d6e3b35] { color: #0f172a; font-size: 13px; font-weight: 700; } /* Component-specific styles for chat page */ .empty-chat-container[data-v-1bc8f182] { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 400px; background: #fff; } .empty-chat-content[data-v-1bc8f182] { text-align: center; color: #6c757d; } .empty-chat-content .chat-icon[data-v-1bc8f182] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.35; color: #007bff; } .empty-chat-content .empty-text[data-v-1bc8f182] { font-size: 1.2rem; margin: 0; } .chat-delivery-status[data-v-1eeaa5cb] { display: inline-flex; align-items: center; margin-left: 0.35rem; vertical-align: middle; font-size: 0.625rem; } .chat-delivery-status--pending[data-v-1eeaa5cb] { color: #9ca3af; } .chat-delivery-status--sent[data-v-1eeaa5cb] { color: #22c55e; } .chat-delivery-status--failed[data-v-1eeaa5cb] { color: #ef4444; } .delivery-failed[data-v-1eeaa5cb] { display: inline-flex; align-items: center; gap: 0.25rem; } .delivery-retry-btn[data-v-1eeaa5cb] { border: none; background: none; color: #ef4444; font-size: 0.625rem; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline; } .delivery-retry-btn[data-v-1eeaa5cb]:hover { color: #dc2626; } .file-preview-modal[data-v-27bc4094] { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgba(15, 23, 42, 0.55); } .file-preview-dialog[data-v-27bc4094] { width: min(920px, 100%); max-height: calc(100vh - 3rem); background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25); display: flex; flex-direction: column; overflow: hidden; } .file-preview-header[data-v-27bc4094] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 1rem; border-bottom: 1px solid #e2e8f0; } .file-preview-title[data-v-27bc4094] { font-size: 0.9375rem; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-preview-close[data-v-27bc4094] { border: 0; background: transparent; color: #64748b; width: 2rem; height: 2rem; border-radius: 8px; } .file-preview-close[data-v-27bc4094]:hover { background: #f1f5f9; color: #0f172a; } .file-preview-body[data-v-27bc4094] { flex: 1; min-height: 320px; max-height: calc(100vh - 10rem); background: #f8fafc; display: flex; align-items: center; justify-content: center; overflow: auto; } .file-preview-loading[data-v-27bc4094], .file-preview-unsupported[data-v-27bc4094] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; color: #475569; } .file-preview-image[data-v-27bc4094] { max-width: 100%; max-height: calc(100vh - 10rem); -o-object-fit: contain; object-fit: contain; } .file-preview-frame[data-v-27bc4094] { width: 100%; height: calc(100vh - 10rem); min-height: 420px; border: 0; background: #fff; } .file-preview-footer[data-v-27bc4094] { padding: 0.75rem 1rem; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; } .file-preview-word[data-v-27bc4094] { width: 100%; align-self: flex-start; padding: 1.25rem; background: #fff; text-align: left; } .file-preview-excel[data-v-27bc4094] { width: 100%; align-self: flex-start; padding: 1rem; background: #fff; } .chat-message-attachments[data-v-4b39d810] { display: flex; flex-direction: column; gap: 0.35rem; margin-top: 0.35rem; } .chat-attachment-item[data-v-4b39d810] { display: flex; align-items: center; gap: 0.25rem; max-width: 100%; } .chat-attachment-chip[data-v-4b39d810] { display: inline-flex; align-items: center; min-width: 0; flex: 1; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.12); color: inherit; border-radius: 8px; padding: 0.3rem 0.55rem; font-size: 0.75rem; line-height: 1.3; text-align: left; } .chat-left .chat-attachment-chip[data-v-4b39d810] { border-color: #dbe3ef; background: #f8fafc; color: #334155; } .chat-attachment-chip__name[data-v-4b39d810] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-attachment-actions[data-v-4b39d810] { display: inline-flex; align-items: center; gap: 0.15rem; flex-shrink: 0; } .chat-attachment-action[data-v-4b39d810] { display: inline-flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.12); color: inherit; border-radius: 6px; font-size: 0.75rem; padding: 0; } .chat-left .chat-attachment-action[data-v-4b39d810] { border-color: #dbe3ef; background: #fff; color: #475569; } .chat-attachment-action[data-v-4b39d810]:hover:not(:disabled) { background: rgba(255, 255, 255, 0.22); } .chat-left .chat-attachment-action[data-v-4b39d810]:hover:not(:disabled) { background: #f1f5f9; color: #0f172a; } .chat-attachment-action[data-v-4b39d810]:disabled { opacity: 0.55; cursor: not-allowed; } .chat-rich-input[data-v-5695c5c0] { width: 100%; min-width: 0; } .chat-rich-input__body[data-v-5695c5c0] { position: relative; width: 100%; min-width: 0; } .chat-rich-input__body--drag-active[data-v-5695c5c0] { outline: 2px dashed rgba(30, 58, 138, 0.45); outline-offset: -2px; background: rgba(30, 58, 138, 0.04); border-radius: 8px; } .chat-rich-input__row[data-v-5695c5c0] { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; width: 100%; gap: 2px; } .attach-button[data-v-5695c5c0], .emoji-button[data-v-5695c5c0] { border: none; background: transparent; font-size: 18px; color: #1e3a8a; padding: 8px 10px; cursor: pointer; } .attach-button[data-v-5695c5c0]:disabled, .emoji-button[data-v-5695c5c0]:disabled { opacity: 0.5; cursor: not-allowed; } .chat-pending-attachments[data-v-5695c5c0] { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.35rem 0.5rem 0; } .chat-attachment-hint[data-v-5695c5c0] { padding: 0 0.5rem 0.25rem; font-size: 0.7rem; line-height: 1.3; } .chat-pending-attachment[data-v-5695c5c0] { display: inline-flex; align-items: center; gap: 0.35rem; max-width: 100%; padding: 0.2rem 0.45rem; border-radius: 999px; background: #f1f5f9; border: 1px solid #dbe3ef; font-size: 0.75rem; color: #334155; } .chat-pending-attachment__name[data-v-5695c5c0] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-pending-attachment__size[data-v-5695c5c0] { font-size: 0.68rem; color: #64748b; white-space: nowrap; } .chat-pending-attachment__remove[data-v-5695c5c0] { border: none; background: transparent; color: #64748b; padding: 0; line-height: 1; cursor: pointer; } .chat-rich-input__field[data-v-5695c5c0] { width: 100%; min-width: 0; padding: 10px 8px; border: none; outline: none; font-size: 14px; } .chat-rich-input__actions[data-v-5695c5c0] { flex-shrink: 0; width: 35px; height: 35px; } .action-button[data-v-5695c5c0] { width: 100%; height: 100%; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #1e3a8a; } .action-button[data-v-5695c5c0]:hover { background: rgba(30, 58, 138, 0.1); } .emoji-picker-container[data-v-5695c5c0] { position: absolute; bottom: calc(100% + 8px); left: 0; width: 280px; max-height: 220px; overflow: auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); z-index: 20; } .emoji-picker-header[data-v-5695c5c0] { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f3f4f6; font-size: 13px; font-weight: 600; } .emoji-close-btn[data-v-5695c5c0] { border: none; background: none; cursor: pointer; } .emoji-grid[data-v-5695c5c0] { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; padding: 8px; } .emoji-item[data-v-5695c5c0] { border: none; background: none; font-size: 18px; cursor: pointer; padding: 4px; border-radius: 4px; } .emoji-item[data-v-5695c5c0]:hover { background: #f3f4f6; } .recording-indicator[data-v-5695c5c0] { display: flex; align-items: center; justify-content: space-between; background-color: #e7efff; border-radius: 8px; padding: 10px 16px; } .recording-content[data-v-5695c5c0] { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; } .recording-dot[data-v-5695c5c0] { width: 12px; height: 12px; background-color: #ff4444; border-radius: 50%; animation: pulse-5695c5c0 1.5s infinite; } .recording-dot.paused[data-v-5695c5c0] { background-color: #ffa500; animation: none; } .recording-actions[data-v-5695c5c0] { display: flex; gap: 8px; } .btn-custom[data-v-5695c5c0] { border: none; background: #fff; border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; } @keyframes pulse-5695c5c0 { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.7; } } .chat-attachment-drop-zone[data-v-5518d014] { position: relative; flex: 1; min-height: 0; width: 100%; height: 100%; display: flex; flex-direction: column; } /* Slot content must stretch; parent scoped classes do not apply to this root. */ .chat-attachment-drop-zone > [data-v-5518d014-s] { flex: 1; min-height: 0; min-width: 0; width: 100%; display: flex; flex-direction: column; } .chat-attachment-drop-zone__overlay[data-v-5518d014] { position: absolute; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgba(15, 23, 42, 0.42); backdrop-filter: blur(2px); pointer-events: none; } .chat-attachment-drop-zone__panel[data-v-5518d014] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35rem; width: min(100%, 320px); padding: 1.75rem 1.25rem; border: 2px dashed rgba(255, 255, 255, 0.85); border-radius: 16px; background: rgba(255, 255, 255, 0.96); color: #1e3a8a; text-align: center; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18); } .chat-attachment-drop-zone__panel i[data-v-5518d014] { font-size: 2rem; margin-bottom: 0.25rem; } .chat-attachment-drop-zone__title[data-v-5518d014] { margin: 0; font-size: 1rem; font-weight: 600; color: #0f172a; } .chat-attachment-drop-zone__hint[data-v-5518d014] { color: #64748b; font-size: 0.8rem; } .message-item[data-v-9da0dae8] { padding: 6px 12px; margin-bottom: 6px; background-color: #f8f9fa; position: relative; max-width: 250px; border-radius: 18px; align-self: flex-start; /* Default alignment for AI messages */ } .typing-indicator[data-v-9da0dae8] { padding: 8px 12px; margin-bottom: 6px; background-color: #f8f9fa; border-radius: 18px; width: -moz-fit-content; width: fit-content; } .typing-dots[data-v-9da0dae8] { display: flex; align-items: center; gap: 4px; } .typing-dots span[data-v-9da0dae8] { width: 6px; height: 6px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); border-radius: 50%; display: inline-block; animation: typing-9da0dae8 1.4s infinite ease-in-out; } .typing-dots span[data-v-9da0dae8]:nth-child(1) { animation-delay: 0s; } .typing-dots span[data-v-9da0dae8]:nth-child(2) { animation-delay: 0.2s; } .typing-dots span[data-v-9da0dae8]:nth-child(3) { animation-delay: 0.4s; } @keyframes typing-9da0dae8 { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } } .shared-chat-page-wrapper[data-v-9da0dae8] { left: 0; position: relative; transition: all 0.2s ease-in-out; /* padding: 60px 0 0; */ } .shared-chat-container[data-v-9da0dae8] { height: 100vh; display: flex; flex-direction: column; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); /* WhatsApp-like gradient background */ } .loading-container[data-v-9da0dae8], .error-container[data-v-9da0dae8] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; } .error-container[data-v-9da0dae8] { color: #dc3545; } .error-icon[data-v-9da0dae8] { font-size: 48px; margin-bottom: 20px; } .chat-drop-zone-fill[data-v-9da0dae8] { display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%; } .chat-interface[data-v-9da0dae8] { display: flex; flex-direction: column; height: 100vh; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); /* WhatsApp-like gradient background */ position: relative; overflow: hidden; } .chat-messages[data-v-9da0dae8] { flex: 1; overflow-y: auto; padding: 5rem; scroll-behavior: smooth; max-height: calc(100vh - 2rem); scrollbar-width: thin; scrollbar-color: #6b7ba0 transparent; /* Light navy blue scrollbar */ } /* Webkit scrollbar styling */ .chat-messages[data-v-9da0dae8]::-webkit-scrollbar { width: 6px; } .chat-messages[data-v-9da0dae8]::-webkit-scrollbar-track { background: transparent; } .chat-messages[data-v-9da0dae8]::-webkit-scrollbar-thumb { background-color: #6b7ba0; /* Light navy blue scrollbar */ border-radius: 3px; } .chat-messages[data-v-9da0dae8]::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; } /* Loading State */ .loading-state[data-v-9da0dae8] { display: flex; justify-content: center; align-items: center; height: 100%; } .spinner[data-v-9da0dae8] { width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; animation: spin-9da0dae8 1s linear infinite; } @keyframes spin-9da0dae8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Empty State */ .empty-state[data-v-9da0dae8] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #6b7280; text-align: center; padding: 2rem; } .empty-state-icon[data-v-9da0dae8] { margin-bottom: 1rem; color: #9ca3af; } .empty-state h3[data-v-9da0dae8] { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .empty-state p[data-v-9da0dae8] { font-size: 0.875rem; color: #6b7280; } /* Messages */ .message-group[data-v-9da0dae8] { margin-bottom: 1.5rem; } .date-separator[data-v-9da0dae8] { text-align: center; margin: 0.75rem 0; position: relative; } .date-separator span[data-v-9da0dae8] { background: #f3f4f6; padding: 0.25rem 0.75rem; border-radius: 0.75rem; font-size: 0.75rem; color: #6b7280; } .message[data-v-9da0dae8] { margin-bottom: 0.5rem; max-width: 65%; width: -moz-fit-content; width: fit-content; } .message.chat-right[data-v-9da0dae8] { margin-left: auto; margin-right: 0; } .message-bar[data-v-9da0dae8] { width: 100%; } .message-inner[data-v-9da0dae8] { width: 100%; } .message-area[data-v-9da0dae8] { position: relative; width: 100%; } .input-wrap[data-v-9da0dae8] { position: relative; display: flex; align-items: center; } .message-input[data-v-9da0dae8] { width: 100%; padding: 10px 45px 10px 15px; border: none; outline: none; font-size: 14px; resize: none; } .message-input[data-v-9da0dae8]:focus { border-color: #1e3a8a; } .msg-inner[data-v-9da0dae8] { display: flex; align-items: flex-start; gap: 0.375rem; } .avatar[data-v-9da0dae8] { width: 1.75rem; height: 1.75rem; border-radius: 50%; flex-shrink: 0; } .avatar img[data-v-9da0dae8] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .message-content[data-v-9da0dae8] { flex: 0 1 auto; min-width: 0; } .username[data-v-9da0dae8] { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; } .message-bubble[data-v-9da0dae8] { position: relative; padding: 0.375rem 0.625rem; border-radius: 0.75rem; background: #ffffff; border: 1px solid #e0e4e8; /* Light navy blue border */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Subtle shadow for depth */ font-size: 0.875rem; line-height: 1.4; display: inline-block; max-width: 100%; } .chat-right .message-bubble[data-v-9da0dae8] { background: #e7efff; /* Light blue background for sent messages */ border-color: #c1d7f0; /* Slightly darker border for sent messages */ } .chat-left .message-bubble[data-v-9da0dae8] { border-top-left-radius: 0.25rem; } .chat-right .message-bubble[data-v-9da0dae8] { border-top-right-radius: 0.25rem; } .message-text[data-v-9da0dae8] { word-wrap: break-word; margin: 0; } .message-time[data-v-9da0dae8] { font-size: 0.625rem; color: #9ca3af; margin-top: 0.125rem; text-align: right; padding-top: 0.25rem; } .external-badge[data-v-9da0dae8] { background: rgba(0,0,0,0.1); padding: 2px 6px; border-radius: 4px; font-size: 0.75rem; margin-left: 6px; } .user-info-form[data-v-9da0dae8] { background: white; border-top: 1px solid #e9ecef; padding: 24px; } .form-header[data-v-9da0dae8] { text-align: center; margin-bottom: 24px; } .form-header h4[data-v-9da0dae8] { margin: 0 0 8px 0; color: #2c3e50; } .form-header p[data-v-9da0dae8] { margin: 0; color: #6c757d; font-size: 0.875rem; } .form-fields[data-v-9da0dae8] { max-width: 400px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; } .form-input[data-v-9da0dae8] { padding: 12px 16px; border: 1px solid #dee2e6; border-radius: 8px; font-size: 1rem; outline: none; transition: border-color 0.2s; } .form-input[data-v-9da0dae8]:focus { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0,123,255,0.1); } .save-info-btn[data-v-9da0dae8] { background: #007bff; color: white; border: none; padding: 12px 24px; border-radius: 8px; font-size: 1rem; cursor: pointer; transition: background-color 0.2s; } .save-info-btn[data-v-9da0dae8]:hover:not(:disabled) { background: #0056b3; } .save-info-btn[data-v-9da0dae8]:disabled { background: #6c757d; cursor: not-allowed; } .message-input-container[data-v-9da0dae8] { background: white; border-top: 1px solid #e9ecef; padding: 16px; } .user-badge[data-v-9da0dae8] { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 8px 12px; background: #f8f9fa; border-radius: 8px; font-size: 0.875rem; } .user-name[data-v-9da0dae8] { font-weight: 600; color: #2c3e50; } .user-email[data-v-9da0dae8] { color: #6c757d; } .edit-user-btn[data-v-9da0dae8] { background: none; border: none; color: #007bff; cursor: pointer; padding: 4px; margin-left: auto; } .input-area[data-v-9da0dae8] { display: flex; gap: 12px; align-items: flex-end; } .message-textarea[data-v-9da0dae8] { flex: 1; padding: 12px 16px; border: 1px solid #dee2e6; border-radius: 8px; font-size: 1rem; outline: none; resize: none; min-height: 44px; max-height: 120px; font-family: inherit; transition: border-color 0.2s; } .message-textarea[data-v-9da0dae8]:focus { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0,123,255,0.1); } .chat-footer[data-v-9da0dae8] { position: absolute; z-index: 10; padding: 3px; bottom: 0px !important; width: 100%; } /* Deactivated Footer Styles */ .deactivated-footer[data-v-9da0dae8] { display: flex; align-items: center; justify-content: center; padding: 20px; background-color: #f8d7da; border-top: 2px solid #dc3545; } .deactivated-message[data-v-9da0dae8] { display: flex; align-items: center; color: #721c24; font-size: 1rem; font-weight: 500; } .deactivated-message i[data-v-9da0dae8] { font-size: 1.5rem; color: #dc3545; } .action-button-container[data-v-9da0dae8] { position: absolute; right: 10px; width: 35px; /* Fixed width for button container */ height: 35px; /* Fixed height for button container */ } .action-button[data-v-9da0dae8] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; padding: 8px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .action-button[data-v-9da0dae8]:hover { background: rgba(30, 58, 138, 0.1); } .action-button i[data-v-9da0dae8] { font-size: 18px; color: #1e3a8a; } /* Markdown Styles */ .message-text p[data-v-9da0dae8] { margin: 0; } .message-text p + p[data-v-9da0dae8] { margin-top: 0.5rem; } .message-text pre[data-v-9da0dae8] { margin: 0.375rem 0; padding: 0.5rem; font-size: 0.8125rem; background: rgba(0,0,0,0.1); border-radius: 4px; overflow-x: auto; } .message-text code[data-v-9da0dae8] { font-size: 0.8125rem; padding: 0.125rem 0.25rem; background: rgba(0,0,0,0.1); border-radius: 3px; } .message-text ul[data-v-9da0dae8], .message-text ol[data-v-9da0dae8] { margin: 0.375rem 0; padding-left: 1.25rem; } .message-text li[data-v-9da0dae8] { margin: 0.125rem 0; } .message-text a[data-v-9da0dae8] { color: #2563eb; text-decoration: underline; } .chat-right .message-text a[data-v-9da0dae8] { color: #2563eb; } /* Authentication Required State */ .auth-required-container[data-v-9da0dae8] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; color: #6b7280; padding: 2rem; } .auth-icon[data-v-9da0dae8] { font-size: 4rem; margin-bottom: 1rem; } .auth-required-container h3[data-v-9da0dae8] { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: #374151; } .auth-required-container p[data-v-9da0dae8] { font-size: 1rem; margin-bottom: 0.5rem; color: #6b7280; } .auth-buttons[data-v-9da0dae8] { margin-top: 2rem; } .auth-buttons .btn[data-v-9da0dae8] { font-size: 1.1rem; padding: 0.75rem 2rem; border-radius: 0.5rem; font-weight: 500; } .auth-buttons .text-sm[data-v-9da0dae8] { font-size: 0.875rem; } /* Responsive */ @media (max-width: 768px) { .chat-messages[data-v-9da0dae8] { padding: 12px; } .message[data-v-9da0dae8] { max-width: 85%; } .user-info-form[data-v-9da0dae8] { padding: 16px; } .auth-required-container[data-v-9da0dae8] { padding: 1rem; } .auth-icon[data-v-9da0dae8] { font-size: 3rem; } .auth-required-container h3[data-v-9da0dae8] { font-size: 1.25rem; } .auth-buttons .btn[data-v-9da0dae8] { font-size: 1rem; padding: 0.625rem 1.5rem; } } /* OTP Authentication Styles */ .otp-request-section[data-v-9da0dae8], .otp-verify-section[data-v-9da0dae8] { width: 100%; max-width: 400px; margin: 0 auto; } .auth-email-info[data-v-9da0dae8] { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; margin-bottom: 20px; text-align: center; font-size: 14px; } .otp-sent-info[data-v-9da0dae8] { background: #d4edda; border: 1px solid #c3e6cb; border-radius: 8px; padding: 12px; margin-bottom: 20px; text-align: center; font-size: 14px; } .otp-form[data-v-9da0dae8] { margin-bottom: 20px; } .otp-input-group[data-v-9da0dae8] { margin-bottom: 20px; } .otp-input[data-v-9da0dae8] { font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 4px; padding: 15px; border: 2px solid #007bff; border-radius: 8px; background: #fff; } .otp-input[data-v-9da0dae8]:focus { outline: none; border-color: #0056b3; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .otp-input.is-invalid[data-v-9da0dae8] { border-color: #dc3545; } .otp-buttons[data-v-9da0dae8] { display: flex; flex-direction: column; gap: 12px; } .otp-buttons .btn[data-v-9da0dae8] { padding: 12px 24px; font-weight: 600; } .otp-timer[data-v-9da0dae8] { text-align: center; margin-top: 15px; } .otp-timer small[data-v-9da0dae8] { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 8px 12px; display: inline-block; } /* Responsive OTP Styles */ @media (max-width: 768px) { .otp-request-section[data-v-9da0dae8], .otp-verify-section[data-v-9da0dae8] { max-width: 100%; padding: 0 1rem; } .otp-input[data-v-9da0dae8] { font-size: 20px; letter-spacing: 3px; padding: 12px; } .otp-buttons[data-v-9da0dae8] { gap: 10px; } .otp-buttons .btn[data-v-9da0dae8] { padding: 10px 20px; font-size: 14px; } .auth-email-info[data-v-9da0dae8], .otp-sent-info[data-v-9da0dae8] { padding: 12px; font-size: 13px; } } /* Audio Message Styles */ .audio-message[data-v-9da0dae8] { padding: 8px 12px; background: rgba(59, 130, 246, 0.1); border-radius: 12px; border: 1px solid rgba(59, 130, 246, 0.2); max-width: 250px; position: relative; } .audio-player[data-v-9da0dae8] { display: flex; align-items: center; gap: 8px; min-width: 200px; } .audio-play-btn[data-v-9da0dae8] { width: 32px; height: 32px; border-radius: 50%; border: none; background: #3b82f6; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; font-size: 12px; flex-shrink: 0; } .audio-play-btn[data-v-9da0dae8]:hover { background: #2563eb; transform: scale(1.05); } .audio-play-btn.playing[data-v-9da0dae8] { background: #ef4444; } .audio-play-btn.playing[data-v-9da0dae8]:hover { background: #dc2626; } .audio-waveform[data-v-9da0dae8] { flex: 1; height: 20px; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%23bfdbfe%27 opacity=%270.6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2710%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2718%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2726%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2734%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2742%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2750%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2758%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2766%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2774%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2782%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2790%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; } .audio-waveform[data-v-9da0dae8]::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%233b82f6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2710%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2718%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2726%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2734%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2742%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2750%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2758%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2766%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2774%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2782%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2790%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; width: var(--progress, 0%); transition: width 0.1s ease; } .audio-progress[data-v-9da0dae8] { display: none; } .audio-duration[data-v-9da0dae8] { font-size: 11px; color: #6b7280; white-space: nowrap; min-width: 35px; text-align: right; flex-shrink: 0; } /* Responsive audio player */ @media (max-width: 768px) { .audio-player[data-v-9da0dae8] { min-width: 180px; gap: 8px; } .audio-play-btn[data-v-9da0dae8] { width: 36px; height: 36px; font-size: 12px; } .audio-duration[data-v-9da0dae8] { font-size: 11px; min-width: 60px; } } /* Voice Recording Styles */ .voice-input-button.recording[data-v-9da0dae8] { color: #dc3545; background: rgba(220, 53, 69, 0.1); } @keyframes recording-pulse-9da0dae8 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } .recording-waves[data-v-9da0dae8] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .recording-waves span[data-v-9da0dae8] { position: absolute; width: 100%; height: 100%; border: 2px solid currentColor; border-radius: 50%; animation: recording-wave-9da0dae8 1.5s infinite; opacity: 0; } .recording-waves span[data-v-9da0dae8]:nth-child(1) { animation-delay: 0s; } .recording-waves span[data-v-9da0dae8]:nth-child(2) { animation-delay: 0.5s; } .recording-waves span[data-v-9da0dae8]:nth-child(3) { animation-delay: 1s; } @keyframes recording-wave-9da0dae8 { 0% { transform: scale(0.5); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 0; } } .recording-indicator[data-v-9da0dae8] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #e7efff; border-radius: 4px; padding: 0 16px; z-index: 10; } .recording-content[data-v-9da0dae8] { display: flex; align-items: center; gap: 8px; } .recording-content span[data-v-9da0dae8] { font-weight: 500; color: #333; font-size: 14px; } .recording-dot[data-v-9da0dae8] { width: 12px; height: 12px; background-color: #ff4444; border-radius: 50%; animation: pulse-9da0dae8 1.5s infinite; } .recording-dot.paused[data-v-9da0dae8] { background-color: #ffa500; animation: none; } .recording-actions[data-v-9da0dae8] { display: flex; gap: 8px; align-items: center; } .pause-recording[data-v-9da0dae8], .delete-recording[data-v-9da0dae8], .stop-recording[data-v-9da0dae8] { color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; display: flex; align-items: center; justify-content: center; min-width: 40px; } .pause-recording[data-v-9da0dae8] { background-color: #ffa500; } .pause-recording[data-v-9da0dae8]:hover { background-color: #ff8c00; } .delete-recording[data-v-9da0dae8] { background-color: #dc3545; } .delete-recording[data-v-9da0dae8]:hover { background-color: #c82333; } .stop-recording[data-v-9da0dae8] { background-color: #007bff; } .stop-recording[data-v-9da0dae8]:hover { background-color: #0056b3; } @keyframes pulse-9da0dae8 { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .btn-custom.recording[data-v-9da0dae8] { background-color: #ff4444; color: white; animation: pulse-9da0dae8 1.5s infinite; } /* Emoji Button Styles */ .emoji-button[data-v-9da0dae8] { position: absolute; left: -45px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; background: #f8f9fa; color: #1e3a8a; border: 0px solid #e0e0e0; border-radius: 50%; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; z-index: 5; } .emoji-button[data-v-9da0dae8]:hover { background: rgba(30, 58, 138, 0.1); transform: translateY(-50%) scale(1.05); } .emoji-button[data-v-9da0dae8]:active { transform: translateY(-50%) scale(0.95); } /* Emoji Picker Container */ .emoji-picker-container[data-v-9da0dae8] { position: absolute; bottom: 60px; left: -45px; width: 320px; height: 280px; background: white; border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); z-index: 1000; overflow: hidden; } .emoji-picker-header[data-v-9da0dae8] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #495057; } .emoji-close-btn[data-v-9da0dae8] { background: none; border: none; font-size: 14px; cursor: pointer; color: #6c757d; padding: 4px; border-radius: 4px; transition: background 0.2s ease; } .emoji-close-btn[data-v-9da0dae8]:hover { background: rgba(0, 0, 0, 0.05); } .emoji-grid[data-v-9da0dae8] { padding: 8px; display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; height: calc(100% - 60px); overflow-y: auto; } .emoji-grid[data-v-9da0dae8]::-webkit-scrollbar { width: 6px; } .emoji-grid[data-v-9da0dae8]::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .emoji-grid[data-v-9da0dae8]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .emoji-grid[data-v-9da0dae8]::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); } .emoji-item[data-v-9da0dae8] { width: 32px; height: 32px; border: none; background: none; font-size: 20px; cursor: pointer; border-radius: 6px; transition: all 0.15s ease; display: flex; align-items: center; justify-content: center; } .emoji-item[data-v-9da0dae8]:hover { background: #f0f0f0; transform: scale(1.1); } .emoji-item[data-v-9da0dae8]:active { transform: scale(0.95); } /* Adjust input padding to accommodate emoji button */ .input-wrap[data-v-9da0dae8] { position: relative; margin-left: 50px; /* Make room for emoji button */ } /* Responsive adjustments for emoji picker */ @media (max-width: 768px) { .emoji-picker-container[data-v-9da0dae8] { width: 280px; height: 240px; left: -20px; } .emoji-grid[data-v-9da0dae8] { grid-template-columns: repeat(7, 1fr); } .emoji-item[data-v-9da0dae8] { width: 28px; height: 28px; font-size: 18px; } .input-wrap[data-v-9da0dae8] { margin-left: 45px; } .emoji-button[data-v-9da0dae8] { left: -40px; width: 32px; height: 32px; font-size: 16px; } } .vuecal__weekdays-headings{border-bottom:1px solid #ddd;margin-bottom:-1px}.vuecal--week-numbers .vuecal__weekdays-headings,.vuecal--view-with-time .vuecal__weekdays-headings{padding-left:3em}.vuecal--view-with-time.vuecal--twelve-hour .vuecal__weekdays-headings{font-size:.9em;padding-left:4em}.vuecal--overflow-x.vuecal--view-with-time .vuecal__weekdays-headings{padding-left:0}.vuecal__heading{width:100%;height:2.8em;font-weight:400;justify-content:center;text-align:center;align-items:center;position:relative;overflow:hidden}.vuecal__heading>.vuecal__flex{width:100%;height:100%;align-items:initial!important}.vuecal--sticky-split-labels .vuecal__heading{height:3.4em}.vuecal--month-view .vuecal__heading,.vuecal--week-view .vuecal__heading,.vuecal--day-view .vuecal__heading{width:14.2857%}.vuecal--hide-weekends.vuecal--month-view .vuecal__heading,.vuecal--hide-weekends.vuecal--week-view .vuecal__heading,.vuecal--hide-weekends.vuecal--day-view .vuecal__heading,.vuecal--years-view .vuecal__heading{width:20%}.vuecal--year-view .vuecal__heading{width:33.33%}.vuecal__heading .weekday-label{flex-shrink:0;display:flex;justify-content:center;align-items:center}.vuecal--small .vuecal__heading .small,.vuecal--xsmall .vuecal__heading .xsmall{display:block}.vuecal__heading .small,.vuecal__heading .xsmall,.vuecal--small .vuecal__heading .full,.vuecal--small .vuecal__heading .xsmall,.vuecal--xsmall .vuecal__heading .full,.vuecal--xsmall .vuecal__heading .small{display:none}.vuecal .vuecal__split-days-headers{align-items:center}@media screen and (max-width: 550px){.vuecal__heading{line-height:1.2}.vuecal__heading .small,.vuecal--small .vuecal__heading .small,.vuecal--xsmall .vuecal__heading .xsmall{display:block}.vuecal__heading .full,.vuecal__heading .xsmall,.vuecal--small .vuecal__heading .full,.vuecal--small .vuecal__heading .xsmall,.vuecal--xsmall .vuecal__heading .full,.vuecal--xsmall .vuecal__heading .small{display:none}.vuecal--overflow-x .vuecal__heading .full,.vuecal--small.vuecal--overflow-x .vuecal__heading .small,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall{display:block}.vuecal--overflow-x .vuecal__heading .small,.vuecal--overflow-x .vuecal__heading .xsmall,.vuecal--small.vuecal--overflow-x .vuecal__heading .full,.vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small{display:none}}@media screen and (max-width: 450px){.vuecal__heading .xsmall,.vuecal--small .vuecal__heading .xsmall,.vuecal--xsmall .vuecal__heading .xsmall{display:block}.vuecal__heading .full,.vuecal__heading .small,.vuecal--small .vuecal__heading .full,.vuecal--small .vuecal__heading .small,.vuecal--xsmall .vuecal__heading .full,.vuecal--xsmall .vuecal__heading .small{display:none}.vuecal--small.vuecal--overflow-x .vuecal__heading .small,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall{display:block}.vuecal--small.vuecal--overflow-x .vuecal__heading .full,.vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full,.vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small{display:none}}.vuecal__header button{outline:none;font-family:inherit}.vuecal__menu{padding:0;margin:0;list-style-type:none;justify-content:center;background-color:#00000005}.vuecal__view-btn{background:none;border:none;padding:.3em 1em;height:2.2em;font-size:1.3em;border-bottom:0 solid currentColor;cursor:pointer;color:inherit;box-sizing:border-box;transition:.2s}.vuecal__view-btn--active{border-bottom-width:2px;background:#ffffff26}.vuecal__title-bar{background-color:#0000001a;display:flex;align-items:center;text-align:center;justify-content:space-between;font-size:1.4em;line-height:1.3;min-height:2em}.vuecal--xsmall .vuecal__title-bar{font-size:1.3em}.vuecal__title{position:relative;justify-content:center}.vuecal__title button{cursor:pointer;background:none;border:none}.vuecal__title button.slide-fade--left-leave-active,.vuecal__title button.slide-fade--right-leave-active{width:100%}.vuecal__today-btn{position:relative;align-items:center;display:flex;font-size:.8em;background:none;border:none}.vuecal__today-btn span.default{font-size:.8em;padding:3px 6px;text-transform:uppercase;cursor:pointer}.vuecal__arrow{cursor:pointer;position:relative;z-index:1;background:none;border:none;white-space:nowrap}.vuecal__arrow--prev{margin-left:.6em}.vuecal__arrow--next{margin-right:.6em}.vuecal__arrow i.angle{display:inline-block;border:solid currentColor;border-width:0 2px 2px 0;padding:.25em;transform:rotate(-45deg)}.vuecal__arrow--prev i.angle{border-width:2px 0 0 2px}.vuecal__arrow--highlighted,.vuecal__today-btn--highlighted,.vuecal__view-btn--highlighted{position:relative;background-color:#0000000a}.vuecal__arrow--highlighted *,.vuecal__today-btn--highlighted *,.vuecal__view-btn--highlighted *{pointer-events:none}.vuecal__arrow--highlighted:before,.vuecal__arrow--highlighted:after,.vuecal__today-btn--highlighted:before,.vuecal__today-btn--highlighted:after,.vuecal__view-btn--highlighted:before,.vuecal__view-btn--highlighted:after{content:"";background-color:inherit;animation:sonar .8s infinite ease-out;position:absolute;top:50%;left:50%;pointer-events:none}.vuecal__arrow--highlighted:before,.vuecal__today-btn--highlighted:before,.vuecal__view-btn--highlighted:before{width:3em;height:3em;border-radius:3em;margin-top:-1.5em;margin-left:-1.5em}.vuecal__arrow--highlighted:after,.vuecal__today-btn--highlighted:after,.vuecal__view-btn--highlighted:after{animation-duration:1.5s;animation-delay:.1s;width:2.6em;height:2.6em;border-radius:2.6em;margin-top:-1.3em;margin-left:-1.3em}@keyframes sonar{0%,20%{opacity:1}to{transform:scale(2.5);opacity:0}}@media screen and (max-width: 450px){.vuecal__title{font-size:.9em}.vuecal__view-btn{padding-left:.6em;padding-right:.6em}}@media screen and (max-width: 350px){.vuecal__view-btn{font-size:1.1em}}.vuecal__event{color:#666;background-color:#f8f8f8cc;position:relative;box-sizing:border-box;left:0;width:100%;z-index:1;transition:box-shadow .3s,left .3s,width .3s;overflow:hidden}.vuecal--no-time .vuecal__event{min-height:8px}.vuecal:not(.vuecal--dragging-event) .vuecal__event:hover{z-index:2}.vuecal__cell .vuecal__event *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.vuecal--view-with-time .vuecal__event:not(.vuecal__event--all-day){position:absolute}.vuecal--view-with-time .vuecal__bg .vuecal__event--all-day{position:absolute;top:0;bottom:0;z-index:0;opacity:.6;width:auto;right:0}.vuecal--view-with-time .vuecal__all-day .vuecal__event--all-day{position:relative;left:0}.vuecal__event--background{z-index:0}.vuecal__event--focus,.vuecal__event:focus{box-shadow:1px 1px 6px #0003;z-index:3;outline:none}.vuecal__event.vuecal__event--dragging{opacity:.7}.vuecal__event.vuecal__event--static{opacity:0;transition:opacity .1s}@-moz-document url-prefix(){.vuecal__event.vuecal__event--dragging{opacity:1}}.vuecal__event-resize-handle{position:absolute;bottom:0;left:0;right:0;height:1em;background-color:#ffffff4d;opacity:0;transform:translateY(110%);transition:.3s;cursor:ns-resize}.vuecal__event:hover .vuecal__event-resize-handle,.vuecal__event:focus .vuecal__event-resize-handle,.vuecal__event--focus .vuecal__event-resize-handle,.vuecal__event--resizing .vuecal__event-resize-handle{opacity:1;transform:translateY(0)}.vuecal__event--dragging .vuecal__event-resize-handle{display:none}.vuecal__event-delete{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:1.4em;line-height:1.4em;background-color:#dd3333d9;color:#fff;z-index:0;cursor:pointer;transform:translateY(-110%);transition:.3s}.vuecal__event .vuecal__event-delete{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuecal--full-height-delete .vuecal__event-delete{height:auto;bottom:0}.vuecal--full-height-delete .vuecal__event-delete:before{content:"";width:1.7em;height:1.8em;display:block;background-image:url("data:image/svg+xml;utf8,")}.vuecal__event--deletable .vuecal__event-delete{transform:translateY(0);z-index:1}.vuecal__event--deletable.vuecal__event--dragging .vuecal__event-delete{opacity:0;transition:none}.vuecal--month-view .vuecal__event-title{font-size:.85em}.vuecal--short-events .vuecal__event-title{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 3px}.vuecal__event-title,.vuecal__event-content{hyphens:auto}.vuecal__event-title--edit{border-bottom:1px solid transparent;text-align:center;transition:.3s;color:inherit;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:120% .15em;background-size:.4em;outline:none;width:100%}.vuecal__event-title--edit:hover,.vuecal__event-title--edit:focus{border-color:#0006;background-position:99% .15em;background-size:1.2em}.vuecal__cell{position:relative;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;transition:.15s ease-in-out background-color}.vuecal__cells.month-view .vuecal__cell,.vuecal__cells.week-view .vuecal__cell{width:14.2857%}.vuecal--hide-weekends .vuecal__cells.month-view .vuecal__cell,.vuecal--hide-weekends .vuecal__cells.week-view .vuecal__cell,.vuecal__cells.years-view .vuecal__cell{width:20%}.vuecal__cells.year-view .vuecal__cell{width:33.33%}.vuecal__cells.day-view .vuecal__cell{flex:1}.vuecal--overflow-x.vuecal--day-view .vuecal__cell{width:auto}.vuecal--click-to-navigate .vuecal__cell:not(.vuecal__cell--disabled){cursor:pointer}.vuecal--view-with-time .vuecal__cell,.vuecal--week-view.vuecal--no-time .vuecal__cell:not(.vuecal__cell--has-splits),.vuecal--day-view.vuecal--no-time .vuecal__cell:not(.vuecal__cell--has-splits){display:block}.vuecal__cell.vuecal__cell--has-splits{flex-direction:row;display:flex}.vuecal__cell:before{content:"";position:absolute;z-index:0;top:0;left:0;right:-1px;bottom:-1px;border:1px solid rgba(196,196,196,.25)}.vuecal--overflow-x.vuecal--day-view .vuecal__cell:before{bottom:0}.vuecal__cell--today,.vuecal__cell--current{background-color:#f0f0ff66;z-index:1}.vuecal__cell--selected{background-color:#ebfff566;z-index:2}.vuecal--day-view .vuecal__cell--selected{background:none}.vuecal__cell--out-of-scope{color:#00000040}.vuecal__cell--disabled{color:#00000040;cursor:not-allowed}.vuecal__cell--highlighted:not(.vuecal__cell--has-splits),.vuecal__cell-split.vuecal__cell-split--highlighted{background-color:#0000000a;transition-duration:5ms}.vuecal__cell-content{position:relative;width:100%;height:100%;outline:none}.vuecal--years-view .vuecal__cell-content,.vuecal--year-view .vuecal__cell-content,.vuecal--month-view .vuecal__cell-content{justify-content:center}.vuecal__cell .cell-time-labels{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.vuecal__cell .cell-time-label{flex-grow:1;font-size:.8em;opacity:.3;line-height:1.7}.vuecal__cell-split{display:flex;flex-grow:1;flex-direction:column;height:100%;position:relative;transition:.15s ease-in-out background-color}.vuecal__cell-events{width:100%}.vuecal__cell-events-count{position:absolute;left:50%;top:65%;transform:translate(-50%);min-width:12px;height:12px;line-height:12px;padding:0 3px;background:#999;color:#fff;border-radius:12px;font-size:10px;box-sizing:border-box}.vuecal__cell .vuecal__special-hours{position:absolute;left:0;right:0;box-sizing:border-box}.vuecal--overflow-x.vuecal--week-view .vuecal__cell,.vuecal__cell-split{overflow:hidden}.vuecal__no-event{padding-top:1em;color:#aaa;justify-self:flex-start;margin-bottom:auto}.vuecal__all-day .vuecal__no-event{display:none}.vuecal__now-line{position:absolute;left:0;width:100%;height:0;color:red;border-top:1px solid currentColor;opacity:.6;z-index:1}.vuecal__now-line:before{content:"";position:absolute;top:-6px;left:0;border:5px solid transparent;border-left-color:currentColor}.vuecal{height:100%;box-shadow:0 0 0 1px inset #00000014}.vuecal *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuecal--has-touch *:not(.vuecal__event-title--edit){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuecal .clickable{cursor:pointer}.vuecal--resizing-event,.vuecal--drag-creating-event{cursor:ns-resize}.vuecal--dragging-event{cursor:move;cursor:grabbing}.vuecal .dragging-helper{position:absolute;width:60px;height:40px;background:#8abee6cc;border:1px solid #61a9e0;z-index:10}.vuecal--xsmall{font-size:.9em}.vuecal__flex{display:flex;flex-direction:row}.vuecal__flex[column]{flex-direction:column;flex:1 1 auto}.vuecal__flex[grow]{flex:1 1 auto;width:100%}.vuecal__flex[wrap]{flex-wrap:wrap}.vuecal__split-days-headers.slide-fade--right-leave-active{display:none}.vuecal--week-numbers.vuecal--month-view .vuecal__split-days-headers{margin-left:3em}.vuecal--day-view:not(.vuecal--overflow-x) .vuecal__split-days-headers{margin-left:3em;height:2.2em}.vuecal--day-view.vuecal--twelve-hour:not(.vuecal--overflow-x) .vuecal__split-days-headers{margin-left:4em}.vuecal__split-days-headers .day-split-header{display:flex;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;height:100%}.vuecal__split-days-headers .vuecal--day-view.vuecal--overflow-x.vuecal--sticky-split-labels .day-split-header{height:1.5em}.vuecal__body{position:relative;overflow:hidden}.vuecal__all-day{min-height:1.7em;margin-bottom:-1px;flex-shrink:0}.vuecal__all-day-text{width:3em;box-sizing:border-box;color:#999;padding-right:2px;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;border-bottom:1px solid #ddd;hyphens:auto}.vuecal__all-day-text span{font-size:.85em;text-align:right;line-height:1.1}.vuecal--twelve-hour .vuecal__all-day>span{width:4em}.vuecal__bg{overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:60px;position:relative;width:100%}.vuecal--no-time .vuecal__bg{display:flex;flex:1 1 auto;overflow:auto}.vuecal__week-numbers{width:3em;flex-shrink:0!important}.vuecal__week-numbers .vuecal__week-number-cell{opacity:.4;font-size:.9em;align-items:center;justify-items:center;justify-content:center}.vuecal__scrollbar-check{position:absolute;top:0;left:0;right:0;bottom:0;overflow:scroll;visibility:hidden;z-index:-1}.vuecal__scrollbar-check div{height:120%}.vuecal__time-column{width:3em;height:100%;flex-shrink:0}.vuecal--twelve-hour .vuecal__time-column{width:4em;font-size:.9em}.vuecal--overflow-x.vuecal--week-view .vuecal__time-column{margin-top:2.8em;box-shadow:0 1px 1px #0000004d}.vuecal--overflow-x.vuecal--week-view.vuecal--sticky-split-labels .vuecal__time-column{margin-top:3.4em}.vuecal--overflow-x.vuecal--day-view.vuecal--sticky-split-labels .vuecal__time-column{margin-top:1.5em}.vuecal__time-column .vuecal__time-cell{color:#999;text-align:right;padding-right:2px;font-size:.9em}.vuecal__time-column .vuecal__time-cell-line:before{content:"";position:absolute;left:0;right:0;border-top:1px solid rgba(196,196,196,.3)}.vuecal__cells{margin:0 1px 1px 0}.vuecal--overflow-x.vuecal--day-view .vuecal__cells{margin:0}.vuecal--events-on-month-view.vuecal--short-events .vuecal__cells{width:99.9%}.vuecal--overflow-x.vuecal--day-view .vuecal__cells,.vuecal--overflow-x.vuecal--week-view .vuecal__cells{flex-wrap:nowrap;overflow:auto}.slide-fade--left-enter-active,.slide-fade--left-leave-active,.slide-fade--right-enter-active,.slide-fade--right-leave-active{transition:.25s ease-out}.slide-fade--left-enter-from,.slide-fade--right-leave-to{transform:translate(-15px);opacity:0}.slide-fade--left-leave-to,.slide-fade--right-enter-from{transform:translate(15px);opacity:0}.slide-fade--left-leave-active,.slide-fade--right-leave-active{position:absolute!important;height:100%}.vuecal__title-bar .slide-fade--left-leave-active,.vuecal__title-bar .slide-fade--right-leave-active{left:0;right:0;height:auto}.vuecal__heading .slide-fade--left-leave-active,.vuecal__heading .slide-fade--right-leave-active{display:flex;align-items:center}.vuecal--green-theme .vuecal__menu,.vuecal--green-theme .vuecal__cell-events-count{background-color:#42b983;color:#fff}.vuecal--green-theme .vuecal__title-bar{background-color:#e4f5ef}.vuecal--green-theme .vuecal__cell--today,.vuecal--green-theme .vuecal__cell--current{background-color:#f0f0ff66}.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected{background-color:#ebfff566}.vuecal--green-theme .vuecal__cell--selected:before{border-color:#42b98380}.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),.vuecal--green-theme .vuecal__cell-split--highlighted{background-color:#c3ffe180}.vuecal--green-theme .vuecal__arrow--highlighted,.vuecal--green-theme .vuecal__today-btn--highlighted,.vuecal--green-theme .vuecal__view-btn--highlighted{background-color:#88ecbf40}.vuecal--blue-theme .vuecal__menu,.vuecal--blue-theme .vuecal__cell-events-count{background-color:#42a3b9cc;color:#fff}.vuecal--blue-theme .vuecal__title-bar{background-color:#00a5bc4d}.vuecal--blue-theme .vuecal__cell--today,.vuecal--blue-theme .vuecal__cell--current{background-color:#f0f0ff66}.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected{background-color:#ebfdff66}.vuecal--blue-theme .vuecal__cell--selected:before{border-color:#73bfcc80}.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),.vuecal--blue-theme .vuecal__cell-split--highlighted{background-color:#00a5bc0f}.vuecal--blue-theme .vuecal__arrow--highlighted,.vuecal--blue-theme .vuecal__today-btn--highlighted,.vuecal--blue-theme .vuecal__view-btn--highlighted{background-color:#42a3b933}.vuecal--rounded-theme .vuecal__weekdays-headings{border:none}.vuecal--rounded-theme .vuecal__cell,.vuecal--rounded-theme .vuecal__cell:before{background:none;border:none}.vuecal--rounded-theme .vuecal__cell--out-of-scope{opacity:.4}.vuecal--rounded-theme .vuecal__cell-content{width:30px;height:30px;flex-grow:0;border:1px solid transparent;border-radius:30px;color:#333}.vuecal--rounded-theme.vuecal--day-view .vuecal__cell-content{width:auto;background:none}.vuecal--rounded-theme.vuecal--year-view .vuecal__cell{width:33.33%}.vuecal--rounded-theme.vuecal--year-view .vuecal__cell-content{width:85px}.vuecal--rounded-theme.vuecal--years-view .vuecal__cell-content{width:52px}.vuecal--rounded-theme .vuecal__cell{background-color:transparent!important}.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell-content{background-color:#f1faf7}.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content{background-color:#42b983;color:#fff}.vuecal--rounded-theme.vuecal--green-theme .vuecal--day-view .vuecal__cell--today:before{background-color:#42b9830d}.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content{border-color:#42b983}.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell-split--highlighted{background-color:#c3ffe180}.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell-content{background-color:#64b6ff33}.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content{background-color:#8fb7e4;color:#fff}.vuecal--rounded-theme.vuecal--blue-theme .vuecal--day-view .vuecal__cell--today:before{background-color:#8fb7e41a}.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content{border-color:#61a9e0}.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell-split--highlighted{background-color:#00a5bc0f}.vuecal--date-picker .vuecal__title-bar{font-size:1.2em}.vuecal--date-picker .vuecal__heading{height:2.2em;font-weight:500;opacity:.4}.vuecal--date-picker .vuecal__weekdays-headings{border:none}.vuecal--date-picker .vuecal__body{margin-left:1px}.vuecal--date-picker .vuecal__cell,.vuecal--date-picker .vuecal__cell:before{background:none;border:none}.vuecal--date-picker .vuecal__cell-content{height:26px;flex-grow:0;border:1px solid transparent;border-radius:25px;transition:background-color .2s cubic-bezier(.39,.58,.57,1)}.vuecal--date-picker.vuecal--years-view .vuecal__cell-content{flex:0;padding:0 4px;height:24px}.vuecal--date-picker.vuecal--year-view .vuecal__cell-content{flex:0;padding:0 15px}.vuecal--date-picker.vuecal--month-view .vuecal__cell-content{width:26px}.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell-content:hover{background-color:#0000001a}.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content{background-color:#42b982;color:#fff}.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--current .vuecal__cell-content,.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content{border-color:#42b982} .clear-btn[data-v-2cfa5c80] { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ line-height: 1; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .dimmed-modal[data-v-2cfa5c80] { opacity: 0.5 !important; filter: brightness(0.8); } .position-relative[data-v-2cfa5c80] { position: relative; /* Parent container should be relative */ } .dropdown-menu[data-v-2cfa5c80] { max-height: 200px; overflow-y: auto; position: absolute; top: 100%; /* Position below the input field */ left: 0; width: 100%; z-index: 1050; /* Higher than other modal elements */ background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .disabled-time[data-v-2cfa5c80] { opacity: 0.5; cursor: not-allowed !important; pointer-events: none; color: #999; } /* Overlay for the success notification */ .date-time-box[data-v-2cfa5c80], .time-box[data-v-2cfa5c80] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .time-box .time[data-v-2cfa5c80], .date-time-box .date-box[data-v-2cfa5c80] { font-size: 1rem; color: #333; } .edit-event-container[data-v-2cfa5c80] { position: relative; /* Make the container relative so we can position the cross icon inside it */ display: flex; justify-content: flex-start; /* Align text to the left */ align-items: center; /* Vertically center the text */ width: 100%; /* Ensure full width for the container */ } .edit-event-text[data-v-2cfa5c80] { font-size: 16px; } .close-icon[data-v-2cfa5c80] { position: absolute; /* Position relative to the container */ top: -10px; /* Move it slightly above */ right: 0; /* Align it to the top-right corner */ font-size: 24px; /* Increase the size */ cursor: pointer; } .time-box[data-v-2cfa5c80] { border: 1px solid #ddd; border-radius: 4px; padding: 8px 12px; background-color: #f9f9f9; } .btn-outline-primary[data-v-2cfa5c80] { margin-top: 8px; color: #007bff; border: 1px solid #007bff; } .btn-outline-primary[data-v-2cfa5c80]:hover { background-color: #007bff; color: #fff; } .action-btn[data-v-2cfa5c80] { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; font-size: 1rem; } .action-btn[data-v-2cfa5c80]:hover { background-color: #0056b3; } .date-dropdown-container[data-v-2cfa5c80] { flex: 1; margin-right: 8px; } .separator[data-v-2cfa5c80] { margin: 0 5px; font-size: 1.25rem; color: #000; } .description-input[data-v-2cfa5c80] { border: none; border-bottom: 1px solid #ddd; font-size: 1rem; padding: 8px 0; margin-top: 4px; outline: none; } .description-input[data-v-2cfa5c80]:focus { border-bottom: 1px solid #007bff; } .modal-overlay[data-v-2cfa5c80] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); /* Dimmed background */ display: flex; justify-content: center; align-items: center; z-index: 10000; /* Ensure it appears above other content */ } .modal-overlay[data-v-2cfa5c80] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; } .datetime-row[data-v-2cfa5c80] { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; /* Add some space below each datetime row */ } .time-input[data-v-2cfa5c80] { width: 100%; padding: 8px; font-size: 1rem; background-color: white; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .time-dropdown-container[data-v-2cfa5c80] { flex: 1; } .separator[data-v-2cfa5c80] { margin: 0 5px; font-size: 1.25rem; color: #000; } .title-input[data-v-2cfa5c80] { font-size: 1.25rem; border: none; border-bottom: 1px solid #ddd; margin-bottom: 8px; } .title-input[data-v-2cfa5c80]:focus { outline: none; border-bottom: 1px solid #007bff; } .modal-overlay[data-v-2cfa5c80] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; } /* .submit-section { display: flex; justify-content: center; margin-top: 1rem; } */ .action-btn[data-v-2cfa5c80] { background-color: #007bff; color: white; border: none; padding: 0.75rem 1.5rem; cursor: pointer; border-radius: 5px; } .action-btn[data-v-2cfa5c80]:hover { background-color: #0056b3; } .toast-notification[data-v-2cfa5c80] { position: fixed; bottom: 20px; right: 20px; background-color: #333; color: white; padding: 10px 20px; border-radius: 5px; z-index: 1000; transition: opacity 0.5s ease; } .toast-content[data-v-2cfa5c80] { display: flex; justify-content: space-between; align-items: center; } /* Override background for form control */ /* Override background for the datepickers specifically */ .datepicker__input[data-v-2cfa5c80] { background-color: white !important; /* Ensure datepicker input has a white background */ border-color: #ccc; /* Optional: change border color */ } .close-toast[data-v-2cfa5c80] { background: none; border: none; color: white; font-weight: bold; cursor: pointer; } .delete-type-confirm-input[data-v-57c15f32] { padding: 12px 20px 4px; background: #fff; } .delete-type-confirm-label[data-v-57c15f32] { display: block; margin-bottom: 8px; font-size: 14px; color: #495057; } .delete-type-confirm-input .form-control[data-v-57c15f32] { border-radius: 8px; } /* The app's global .form-control:disabled/[readonly] rule fills fields with #e9ecef, which reads as an unrelated grey "different field" next to the plain white fields in this form (password is readonly because it's auto-generated, designation is disabled until a department is picked) — keep them white here so every field in the form matches, still relying on cursor/opacity for the non-interactive cue. */ .form-builder .form-control[data-v-32c6f376]:disabled, .form-builder .form-control[readonly][data-v-32c6f376] { background-color: #fff; opacity: 0.85; } .fb-type-badge[data-v-32c6f376] { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: #8a8f98; background: #f4f6f3; border: 1px solid #dcdfd8; border-radius: 999px; padding: 1px 8px; white-space: nowrap; } .fb-help[data-v-32c6f376] { font-size: 12px; margin-top: 5px; } .fb-error[data-v-32c6f376] { font-size: 12px; margin-top: 5px; } .fb-actions[data-v-32c6f376] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; padding-top: 20px; border-top: 1px solid #e3e3e3; } .fb-option-group[data-v-32c6f376] { display: flex; flex-direction: column; gap: 8px; padding-top: 2px; } .fb-check-label[data-v-32c6f376] { font-size: 14px; cursor: pointer; } .fb-switch-row[data-v-32c6f376] { display: flex; align-items: center; gap: 10px; padding-top: 4px; } .fb-switch[data-v-32c6f376] { position: relative; width: 40px; height: 22px; border-radius: 999px; border: none; background: #dcdfd8; cursor: pointer; transition: background 0.15s ease; flex-shrink: 0; } .fb-switch[data-v-32c6f376]:disabled { cursor: not-allowed; opacity: 0.6; } .fb-switch-on[data-v-32c6f376] { background: var(--bs-primary, #405189); } .fb-switch-thumb[data-v-32c6f376] { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.15s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .fb-switch-on .fb-switch-thumb[data-v-32c6f376] { transform: translateX(18px); } .fb-switch-text[data-v-32c6f376] { font-size: 13px; color: #6b7168; } .fb-range-row[data-v-32c6f376] { display: flex; align-items: center; gap: 12px; padding-top: 6px; } .fb-range-value[data-v-32c6f376] { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 13px; min-width: 34px; text-align: right; } .fb-file-row[data-v-32c6f376] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .fb-file-input[data-v-32c6f376] { display: none; } .fb-file-btn[data-v-32c6f376] { font-size: 13px; font-weight: 600; color: #405189; background: #f4f6f3; border: 1px solid #dcdfd8; border-radius: 4px; padding: 8px 14px; cursor: pointer; margin: 0; } .fb-file-name[data-v-32c6f376] { font-size: 13px; color: #6b7168; } /* combobox / multiselect / phone dropdown */ .fb-combobox[data-v-32c6f376] { position: relative; } .fb-combobox-input[data-v-32c6f376] { padding-right: 30px; cursor: text; } .fb-combo-clear[data-v-32c6f376] { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: none; background: transparent; color: #6b7168; font-size: 16px; line-height: 1; border-radius: 50%; cursor: pointer; } .fb-combo-clear[data-v-32c6f376]:hover { background: #f4f6f3; } .fb-combobox-panel[data-v-32c6f376] { position: absolute; top: calc(100% + 4px); left: 0; right: 0; margin: 0; padding: 4px; list-style: none; background: #fff; border: 1px solid #dcdfd8; border-radius: 6px; box-shadow: 0 10px 28px rgba(16, 24, 20, 0.12); max-height: 220px; overflow-y: auto; z-index: 1060; } .fb-combobox-option[data-v-32c6f376] { padding: 8px 10px; border-radius: 4px; font-size: 14px; cursor: pointer; } .fb-combobox-option[data-v-32c6f376]:hover, .fb-option-selected[data-v-32c6f376] { background: #f4f6f3; } .fb-combobox-empty[data-v-32c6f376] { padding: 8px 10px; font-size: 13px; color: #6b7168; } /* .fb-tags-box is combined with `.form-control` in the template so it picks up the app's shared input height/border/radius/background — only the flex layout for chips is added here. */ .form-control.fb-tags-box[data-v-32c6f376] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 8px; cursor: text; position: relative; } .fb-chip[data-v-32c6f376] { display: inline-flex; align-items: center; gap: 6px; background: #f4f6f3; border: 1px solid #dcdfd8; border-radius: 999px; padding: 4px 6px 4px 10px; font-size: 13px; white-space: nowrap; } .fb-chip-remove[data-v-32c6f376] { border: none; background: none; cursor: pointer; font-size: 14px; line-height: 1; color: #6b7168; padding: 2px; border-radius: 50%; } .fb-chip-remove[data-v-32c6f376]:hover { color: #dc3545; } .fb-chip-spinner[data-v-32c6f376] { width: 12px; height: 12px; border-width: 2px; } .fb-tag-input[data-v-32c6f376] { flex: 1; min-width: 90px; border: none; outline: none; font-size: 15px; padding: 0 2px; background: transparent; } /* .fb-phone-group is combined with `.form-control` in the template so it picks up the app's shared input height/border/radius/background — only the flex layout for the country button + number input is added here, and the wrapper's own padding is zeroed since the button and input each carry their own. */ .form-control.fb-phone-group[data-v-32c6f376] { display: flex; align-items: stretch; position: relative; height: 38px; padding: 0; background: #fff; } /* The app renders disabled/readonly .form-control fields with a #e9ecef fill (see .form-control:disabled in style.css) — using that same color here made the country-code segment read as disabled even though it's clickable, so it stays on the input's own white background and relies on the divider + caret to read as a distinct, interactive segment. */ .fb-phone-country-btn[data-v-32c6f376] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; align-self: stretch; min-height: 0; box-sizing: border-box; border: none; border-right: 1px solid #e3e3e3; border-radius: 4px 0 0 4px; background: #fff; padding: 0 10px; cursor: pointer; font-size: 13px; transition: background 0.15s ease; } .fb-phone-country-btn[data-v-32c6f376]:hover:not(:disabled) { background: #f4f5f3; } .fb-phone-country-btn[data-v-32c6f376]:disabled { cursor: not-allowed; opacity: 0.6; background: #fff; } .fb-phone-flag[data-v-32c6f376] { font-size: 16px; line-height: 1; } .fb-phone-dial[data-v-32c6f376] { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 13px; } .fb-phone-caret[data-v-32c6f376] { font-size: 9px; color: #495057; } .fb-phone-number-input[data-v-32c6f376] { flex: 1; min-width: 0; min-height: 0; box-sizing: border-box; border: none; outline: none; background: transparent; font-size: 15px; line-height: normal; padding: 0 12px; border-radius: 0 4px 4px 0; } .fb-phone-panel[data-v-32c6f376] { width: 280px; padding: 0; } .fb-phone-search-row[data-v-32c6f376] { padding: 6px; border-bottom: 1px solid #dcdfd8; } .fb-phone-search-input[data-v-32c6f376] { width: 100%; border: 1px solid #dcdfd8; border-radius: 4px; padding: 7px 9px; font-size: 13px; outline: none; } .fb-phone-option[data-v-32c6f376] { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .fb-phone-option-left[data-v-32c6f376] { display: flex; align-items: center; gap: 8px; } .fb-phone-option-dial[data-v-32c6f376] { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 12px; color: #6b7168; } /* The generated markup used three separate .btn.btn-outline-secondary buttons next to the input — each carrying its own border/radius — which reads as a row of boxes bolted onto the field. Styled as one pill (like .fb-phone-group) so it matches the rest of the form. */ .form-control.fb-password-group[data-v-32c6f376] { display: flex; align-items: stretch; height: 38px; padding: 0; background: #fff; } .fb-password-input[data-v-32c6f376] { flex: 1; min-width: 0; box-sizing: border-box; border: none; outline: none; background: transparent; font-size: 15px; line-height: normal; padding: 0 12px; } .fb-password-btn[data-v-32c6f376] { display: flex; align-items: center; justify-content: center; flex-shrink: 0; align-self: stretch; width: 38px; box-sizing: border-box; border: none; border-left: 1px solid #e3e3e3; border-radius: 0; background: #fff; color: #6b7168; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .fb-password-btn[data-v-32c6f376]:hover { background: #f4f5f3; color: #333; } .clear-btn[data-v-32c6f376] { position: absolute; right: 34px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #6b7168; font-size: 16px; line-height: 1; } .availability-name-form[data-v-20d585aa] .fb-actions { display: none; } .availability-form-panel[data-v-20d585aa] { display: flex; flex-direction: column; height: 100%; } .availability-panel-header[data-v-20d585aa] { display: flex; align-items: center; gap: 10px; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; } /* Matches the global `.modal .modal-header` treatment (see dashboard-box-customizations.css) used by the other Add/Edit dialogs (e.g. Add Shift) — this panel isn't a bootstrap `.modal`, so it doesn't inherit that rule and needs it mirrored explicitly. */ .availability-panel-header.is-modal-style[data-v-20d585aa] { background-color: #2E3192; padding: 1rem 1.5rem; border-bottom: none; } .availability-panel-header.is-modal-style .availability-panel-title[data-v-20d585aa] { color: white; font-size: 1.25rem; font-weight: 500; } .availability-panel-header.is-modal-style .availability-panel-close[data-v-20d585aa] { color: white; opacity: 1; } .availability-panel-header.is-modal-style .availability-panel-close[data-v-20d585aa]:hover { background: transparent; color: white; opacity: 0.75; } .availability-panel-back[data-v-20d585aa], .availability-panel-close[data-v-20d585aa] { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .availability-panel-back[data-v-20d585aa]:hover, .availability-panel-close[data-v-20d585aa]:hover { background: #f3f4f6; color: #1a1a1a; } .availability-panel-title[data-v-20d585aa] { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0; flex: 1; } .availability-panel-loading[data-v-20d585aa] { display: flex; justify-content: center; padding: 48px 0; } .availability-form-body[data-v-20d585aa] { display: flex; flex-direction: column; flex: 1; min-height: 0; } .availability-form-scroll[data-v-20d585aa] { flex: 1; overflow-y: auto; padding: 20px 24px; } .availability-form-panel.is-inline[data-v-20d585aa] { height: auto; } .availability-form-panel.is-inline .availability-form-scroll[data-v-20d585aa] { overflow-y: visible; padding: 0; } .availability-form-panel.is-inline .availability-form-footer[data-v-20d585aa] { padding: 14px 0 0; border-top: none; } .availability-form-footer[data-v-20d585aa] { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid #e5e7eb; background: #fff; } .availability-columns[data-v-20d585aa] { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; } @media (max-width: 767px) { .availability-columns[data-v-20d585aa] { grid-template-columns: 1fr; } } .availability-columns.is-stacked[data-v-20d585aa] { grid-template-columns: 1fr; gap: 20px; } .availability-custom-dates-toggle[data-v-20d585aa] { display: flex; align-items: center; justify-content: space-between; width: 100%; border: none; background: transparent; padding: 0 0 8px; cursor: pointer; color: #1a1a1a; } .availability-custom-dates-toggle i[data-v-20d585aa] { font-size: 12px; color: #6b7280; } .availability-tz-row[data-v-20d585aa] { margin-top: 14px; padding-top: 12px; border-top: 1px solid #f1f2f4; } .availability-tz-readonly[data-v-20d585aa] { font-size: 14px; font-weight: 600; color: #374151; } .availability-tz-select[data-v-20d585aa] { max-width: 280px; } .availability-tz-select[data-v-20d585aa] .vue-select { width: 100%; font-size: 14px; } .availability-tz-select[data-v-20d585aa] .control { border: none; background: transparent; min-height: unset; padding: 0; box-shadow: none; cursor: pointer; } .availability-tz-select[data-v-20d585aa] .value-container { padding: 0; } .availability-tz-select[data-v-20d585aa] .single-value { color: #2563eb; font-weight: 600; } .availability-tz-select[data-v-20d585aa] .dropdown-icon { color: #2563eb; } .availability-tz-select[data-v-20d585aa] .vue-select.open .control { border: 1px solid #2563eb; border-radius: 6px; padding: 6px 10px; background: #fff; } .availability-tz-select[data-v-20d585aa] .vue-select.open .single-value { color: #1a1a1a; } .availability-compact-row[data-v-20d585aa] { display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f1f2f4; } .availability-day-badge[data-v-20d585aa] { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #1a1a1a; color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 2px; } .availability-day-badge.is-override[data-v-20d585aa] { background: #4338ca; } .availability-compact-body[data-v-20d585aa] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; } .availability-compact-body-col[data-v-20d585aa] { flex-direction: column; align-items: stretch; gap: 4px; } .availability-override-date-label[data-v-20d585aa] { font-size: 13px; font-weight: 600; } .availability-compact-interval[data-v-20d585aa] { display: flex; align-items: center; gap: 4px; position: relative; } .schedule-vue-select-sm[data-v-20d585aa] { width: 108px; min-width: 0; } .schedule-vue-select-sm[data-v-20d585aa] .vue-select { width: 100%; font-size: 0.8rem; } .availability-icon-btn[data-v-20d585aa] { flex-shrink: 0; border: none; background: transparent; color: #6b7280; width: 26px; height: 26px; border-radius: 6px; cursor: pointer; font-size: 12px; } .availability-icon-btn[data-v-20d585aa]:hover { background: #f3f4f6; color: #1a1a1a; } .availability-copy-wrap[data-v-20d585aa] { position: relative; } .availability-copy-menu[data-v-20d585aa] { position: absolute; top: 30px; right: 0; z-index: 20; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 180px; padding: 10px 12px; } .availability-copy-menu-title[data-v-20d585aa] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 6px; } .availability-copy-menu-item[data-v-20d585aa] { display: flex; align-items: center; gap: 6px; font-size: 13px; padding: 3px 0; font-weight: 400; cursor: pointer; } .custom-date-calendar[data-v-20d585aa] { border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px; background: #fff; max-width: 320px; margin-top: 12px; } .custom-date-calendar-header[data-v-20d585aa] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .custom-date-calendar-dow[data-v-20d585aa] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 0.7rem; color: #6b7280; margin-bottom: 4px; } .custom-date-calendar-grid[data-v-20d585aa] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; } .custom-date-calendar-cell[data-v-20d585aa] { position: relative; border: none; background: transparent; border-radius: 6px; padding: 6px 0; font-size: 0.8rem; cursor: pointer; color: #1a1a1a; } .custom-date-calendar-cell[data-v-20d585aa]:hover:not(:disabled) { background: #eef2ff; } .custom-date-calendar-cell.is-outside[data-v-20d585aa] { color: #c7cbd1; } .custom-date-calendar-cell[data-v-20d585aa]:disabled { color: #d1d5db; cursor: not-allowed; } .custom-date-calendar-cell.is-override[data-v-20d585aa] { background: #eef2ff; font-weight: 600; color: #4338ca; } .custom-date-dot[data-v-20d585aa] { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: #4338ca; } .availability-interval-row[data-v-0796e09e] { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; } .schedule-vue-select[data-v-0796e09e] { width: 150px; min-width: 0; } .schedule-vue-select[data-v-0796e09e] .vue-select { width: 100%; font-size: 0.875rem; } .availability-calendar-header[data-v-2ddee630] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .availability-calendar-nav[data-v-2ddee630] { display: flex; align-items: center; gap: 10px; } .availability-calendar-month-label[data-v-2ddee630] { font-weight: 600; min-width: 140px; text-align: center; } .availability-calendar-dow-row[data-v-2ddee630] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 0.75rem; font-weight: 600; color: #6b7280; padding: 4px 0; border-bottom: 1px solid #e5e7eb; } .availability-calendar-grid[data-v-2ddee630] { display: grid; grid-template-columns: repeat(7, 1fr); border-left: 1px solid #e5e7eb; border-top: 1px solid #e5e7eb; } .availability-calendar-cell[data-v-2ddee630] { position: relative; min-height: 168px; border-right: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 6px 6px 8px; background: #fff; } .availability-calendar-cell.is-outside[data-v-2ddee630] { background: #fafbfc; color: #c7cbd1; } .availability-calendar-cell.is-outside .availability-calendar-cell-date[data-v-2ddee630] { color: #c7cbd1; } .availability-calendar-cell.is-today .availability-calendar-cell-date[data-v-2ddee630] { background: #1d4ed8; color: #fff; } .availability-calendar-cell-header[data-v-2ddee630] { display: flex; align-items: center; justify-content: space-between; } .availability-calendar-cell-date[data-v-2ddee630] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 0.8rem; font-weight: 600; } .availability-calendar-cell-menu-btn[data-v-2ddee630] { border: none; background: transparent; color: #9ca3af; width: 22px; height: 22px; border-radius: 4px; cursor: pointer; font-size: 0.75rem; } .availability-calendar-cell-menu-btn[data-v-2ddee630]:hover { background: #f3f4f6; color: #1a1a1a; } .availability-calendar-cell-body[data-v-2ddee630] { margin-top: 4px; display: flex; flex-direction: column; align-items: center; } .availability-calendar-slot[data-v-2ddee630] { width: 100%; border: 1px solid #bfdbfe; background-color: rgba(37, 99, 235, 0.08); color: #1d4ed8; border-radius: 5px; padding: 2px 4px; font-size: 11px; margin-bottom: 3px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .availability-calendar-slot.is-override[data-v-2ddee630] { border-color: #fed7aa; background-color: rgba(253, 126, 20, 0.1); color: #c2410c; } .availability-calendar-more[data-v-2ddee630] { width: 100%; text-align: center; font-size: 11px; color: #6b7280; } .availability-calendar-cell-menu[data-v-2ddee630] { position: absolute; top: 30px; right: 6px; z-index: 20; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 210px; padding: 6px; display: flex; flex-direction: column; } .availability-calendar-cell-menu button[data-v-2ddee630] { display: block; width: 100%; text-align: left; border: none; background: transparent; padding: 8px 10px; font-size: 13px; border-radius: 6px; color: #1a1a1a; cursor: pointer; } .availability-calendar-cell-menu button[data-v-2ddee630]:hover { background: #f3f4f6; } .availability-calendar-cell-menu button.is-danger[data-v-2ddee630] { color: #dc2626; } .availability-editor-overlay[data-v-2ddee630] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); z-index: 1060; display: flex; align-items: center; justify-content: center; } .availability-editor-card[data-v-2ddee630] { width: 420px; max-width: 92vw; max-height: 88vh; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; } .availability-editor-header[data-v-2ddee630] { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #e5e7eb; border-radius: 12px 12px 0 0; background: #fff; } .availability-editor-close[data-v-2ddee630] { border: none; background: transparent; color: #6b7280; width: 28px; height: 28px; border-radius: 6px; cursor: pointer; } .availability-editor-close[data-v-2ddee630]:hover { background: #f3f4f6; color: #1a1a1a; } .availability-editor-body[data-v-2ddee630] { padding: 16px 20px; background: #fff; } .availability-editor-footer[data-v-2ddee630] { display: flex; gap: 8px; padding: 12px 20px; border-top: 1px solid #e5e7eb; border-radius: 0 0 12px 12px; background: #fff; } .availability-editor-fade-enter-active[data-v-2ddee630], .availability-editor-fade-leave-active[data-v-2ddee630] { transition: opacity 0.15s ease; } .availability-editor-fade-enter-from[data-v-2ddee630], .availability-editor-fade-leave-to[data-v-2ddee630] { opacity: 0; } .schedule-usage-badge[data-v-5120bca8] { position: relative; display: inline-block; } .schedule-usage-toggle[data-v-5120bca8] { display: inline-flex; align-items: center; background: #eef2ff; border: 1px solid #c7d2fe; color: #4338ca; border-radius: 20px; padding: 4px 12px; font-size: 12.5px; font-weight: 500; cursor: pointer; } .schedule-usage-toggle[data-v-5120bca8]:hover { background: #e0e7ff; } .schedule-usage-chevron[data-v-5120bca8] { font-size: 10px; } .schedule-usage-dropdown[data-v-5120bca8] { position: absolute; top: 32px; left: 0; z-index: 30; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 260px; max-width: 320px; padding: 12px; } .schedule-usage-loading[data-v-5120bca8] { display: flex; justify-content: center; padding: 12px 0; } .schedule-usage-title[data-v-5120bca8] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 8px; } .schedule-usage-list[data-v-5120bca8] { max-height: 220px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; } .schedule-usage-item[data-v-5120bca8] { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 400; cursor: pointer; } .schedule-usage-item-label[data-v-5120bca8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .schedule-usage-actions[data-v-5120bca8] { display: flex; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #f1f2f4; } .availability-view-overlay[data-v-60c3c97a] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.35); z-index: 1070; display: flex; justify-content: flex-end; } .availability-view-panel[data-v-60c3c97a] { width: clamp(560px, 58vw, 1040px); max-width: 92vw; height: 100%; background: #ffffff; box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; } .availability-view-panel-header[data-v-60c3c97a] { display: flex; align-items: center; gap: 10px; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; flex-shrink: 0; } .availability-view-panel-header .availability-panel-title[data-v-60c3c97a] { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .availability-panel-back[data-v-60c3c97a], .availability-panel-close[data-v-60c3c97a] { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .availability-panel-back[data-v-60c3c97a]:hover, .availability-panel-close[data-v-60c3c97a]:hover { background: #f3f4f6; color: #1a1a1a; } .availability-view-mode-toggle[data-v-60c3c97a] { flex-shrink: 0; } .availability-view-panel-body[data-v-60c3c97a] { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 24px; } /*! * Quill Editor v2.0.2 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc} .simple-rich-text-editor[data-v-be315e3c] { min-height: 200px; /* If a parent renders this as a flex/grid item, its default `min-width: auto` lets it grow to fit content instead of shrinking to the space the parent actually has. Setting these directly on the component's own root keeps it bounded regardless of which layout wraps it. */ min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; } .editor-container[data-v-be315e3c] { min-height: 150px; } /* Keep the toolbar always visible: once content grows past this height, only the text body below the toolbar scrolls, not the whole editor/form. */ [data-v-be315e3c] .ql-editor { min-height: 120px; max-height: 260px; overflow-y: auto; } [data-v-be315e3c] .ql-toolbar { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 4px 4px 0 0; max-width: 100%; box-sizing: border-box; } [data-v-be315e3c] .ql-container { position: relative; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0 0 4px 4px; } /* The Link/Video "enter URL" popup (`.ql-tooltip`) is positioned by Quill via an inline `left` computed from the text selection's on-screen bounds. In narrow/embedded editors (sidebars, comment boxes, …) that can compute to a negative or too-large value, pushing the box outside the editor entirely (as seen with both the Link and Video popups). Force it to stay pinned inside the editor's own box, and lay its contents out with flex (instead of Quill's default fixed-170px-input + nowrap) so the input shrinks to fit alongside the label/Save link rather than pushing them out past the edge. Quill toggles visibility via a `.ql-hidden` class (`display: none`); our own `.ql-tooltip` rule below has higher specificity than that plain class selector and was winning even while hidden, which is why the popup stayed visible and unclosable. Scope our layout rule to `:not(.ql-hidden)`, and also pin `display: none` on the hidden state explicitly so it always wins. */ [data-v-be315e3c] .ql-tooltip.ql-hidden { display: none !important; } [data-v-be315e3c] .ql-tooltip:not(.ql-hidden) { left: 8px !important; right: 8px; max-width: calc(100% - 16px); box-sizing: border-box; display: flex; align-items: center; white-space: normal; } [data-v-be315e3c] .ql-tooltip input[type="text"] { flex: 1 1 auto; min-width: 0; width: auto; } /* Quill's header picker also defaults its unset label to "Normal" (same as the size picker), which reads as a duplicated control. Disambiguate it. */ [data-v-be315e3c] .ql-header .ql-picker-label:not([data-value])::before,[data-v-be315e3c] .ql-header .ql-picker-item:not([data-value])::before { content: 'Paragraph'; } /* Quill's own snow.css sets `.ql-picker.ql-expanded .ql-picker-options { z-index: 1 }` (three-class specificity) when a dropdown is open. A plain `.ql-picker-options` override loses to that rule regardless of source order, so the panel still painted underneath the (later-in-DOM) editor body. Match/exceed that selector's specificity so this wins reliably. */ [data-v-be315e3c] .ql-picker.ql-expanded .ql-picker-options { z-index: 9999; } .srte-toolbar-toggle[data-v-be315e3c] { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; padding: 4px 10px; font-size: 12px; font-weight: 600; color: #475569; background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 6px; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .srte-toolbar-toggle[data-v-be315e3c]:hover { background: #e2e8f0; color: #1e293b; } .srte-toolbar-toggle i[data-v-be315e3c] { font-size: 10px; } /* When collapsible, hide Quill's toolbar until toggled open. */ .toolbar-collapsed[data-v-be315e3c] .ql-toolbar { display: none; } /* Without the toolbar the editor needs its own top border. */ .toolbar-collapsed[data-v-be315e3c] .ql-container { border-top: 1px solid #ccc; border-radius: 4px; } .srte-toolbar[data-v-be315e3c] { position: relative; min-width: 0; max-width: 100%; } .srte-toolbar-row[data-v-be315e3c] { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; min-width: 0; max-width: 100%; } .srte-toolbar-row[data-v-be315e3c] .ql-formats { display: inline-flex; align-items: center; float: none; flex: 0 0 auto; } .srte-toolbar-row[data-v-be315e3c] .ql-formats::after { content: none; } .srte-toolbar-row[data-v-be315e3c] button { float: none; } .srte-more-toggle-wrap[data-v-be315e3c] { flex: 0 0 auto; display: inline-flex; margin-left: auto; } .srte-more-toggle[data-v-be315e3c] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 24px; background: none; border: none; border-radius: 4px; cursor: pointer; color: #444; font-size: 13px; } .srte-more-toggle[data-v-be315e3c]:hover { color: #06c; background: #f0f4f8; } .srte-more-dropdown[data-v-be315e3c] { position: absolute; top: 100%; right: 0; z-index: 50; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; padding: 8px; min-width: 260px; max-width: min(360px, 90vw); background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .srte-more-dropdown[data-v-be315e3c] .ql-formats { display: inline-flex; align-items: center; float: none; margin-right: 10px; } .booking-form-panel[data-v-27f501ce] { display: flex; flex-direction: column; height: 100%; } .bookings-panel-header[data-v-27f501ce] { display: flex; align-items: center; gap: 10px; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; position: relative; } /* Edit header is two stacked rows (toolbar row, then title row) instead of one -- see .booking-edit-toolbar-row / .booking-edit-header-main below. */ .booking-edit-header[data-v-27f501ce] { flex-direction: column; align-items: stretch; gap: 10px; } .booking-edit-toolbar-row[data-v-27f501ce] { display: flex; align-items: center; justify-content: space-between; } .bookings-panel-back[data-v-27f501ce] { background: transparent; border: none; padding: 4px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; line-height: 1; } /* Cancel the button's own left padding so its icon glyph starts flush at x=24, matching the booking name row below it (that row has no such padding to cancel). */ .booking-edit-toolbar-row .bookings-panel-back[data-v-27f501ce] { margin-left: -4px; } .bookings-panel-back[data-v-27f501ce]:hover { color: #1a1a1a; } .bookings-panel-title[data-v-27f501ce] { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0; flex: 1; } .bookings-panel-title-input[data-v-27f501ce] { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0; flex: 1; min-width: 0; border: 1px solid transparent; border-radius: 4px; padding: 2px 6px; margin-left: -6px; background: transparent; } .bookings-panel-title-input[data-v-27f501ce]::-moz-placeholder { color: #1a1a1a; opacity: 1; font-weight: 700; } .bookings-panel-title-input[data-v-27f501ce]::placeholder { color: #1a1a1a; opacity: 1; font-weight: 700; } .bookings-panel-title-input[data-v-27f501ce]:hover { background: #f3f4f6; } .bookings-panel-title-input[data-v-27f501ce]:focus { outline: none; background: #fff; border-color: #c7d2fe; } .bookings-panel-close[data-v-27f501ce] { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .bookings-panel-close[data-v-27f501ce]:hover { background: #f3f4f6; color: #1a1a1a; } .booking-edit-header-main[data-v-27f501ce] { min-width: 0; } .booking-edit-name-row[data-v-27f501ce] { display: flex; align-items: center; gap: 8px; min-width: 0; } .booking-edit-dot[data-v-27f501ce] { width: 10px; height: 10px; border-radius: 50%; background-color: #7c3aed; flex-shrink: 0; } .booking-edit-title[data-v-27f501ce] { font-size: 18px; font-weight: 700; color: #1a1a1a; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; padding: 2px 4px; margin: -2px -4px; } .booking-edit-title[data-v-27f501ce]:hover { background: #f3f4f6; } .booking-edit-title-input[data-v-27f501ce] { font-size: 18px; font-weight: 700; color: #1a1a1a; border: 1px solid #c7d2fe; border-radius: 4px; padding: 2px 6px; min-width: 0; flex: 1; } .booking-edit-header-actions[data-v-27f501ce] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .booking-edit-menu[data-v-27f501ce] { flex-shrink: 0; } .booking-icon-btn[data-v-27f501ce] { background: transparent; border: none; width: 30px; height: 30px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; } .booking-icon-btn[data-v-27f501ce]:hover { background: #f3f4f6; color: #1d4ed8; } .bookings-panel-loading[data-v-27f501ce] { display: flex; justify-content: center; padding: 48px 0; } .booking-form-body[data-v-27f501ce] { display: flex; flex-direction: column; flex: 1; min-height: 0; } .booking-form-scroll[data-v-27f501ce] { flex: 1; overflow-y: auto; padding: 20px 24px; } .booking-form-footer[data-v-27f501ce] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 24px; border-top: 1px solid #e5e7eb; background: #fff; } .booking-form-footer-right[data-v-27f501ce] { display: flex; align-items: center; gap: 8px; } .booking-more-options-btn[data-v-27f501ce] { color: #4338ca; font-weight: 600; text-decoration: none; padding: 6px 4px; } .booking-more-options-btn[data-v-27f501ce]:hover { text-decoration: underline; } .more-options-accordion[data-v-27f501ce] { margin: 0 -24px; } /* Same reasoning as the main accordion: when there's no "Event name" field above it (edit mode), pull it flush against the header's border-bottom so that stays the single dividing line instead of stacking a second gap+border. */ .booking-form-scroll > .more-options-accordion[data-v-27f501ce]:first-child { margin-top: -20px; } .accordion-item[data-v-27f501ce] { border-bottom: 1px solid #e5e7eb; } .accordion-header[data-v-27f501ce] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 24px; background: transparent; border: none; text-align: left; cursor: pointer; } .accordion-header-text[data-v-27f501ce] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .accordion-header-title[data-v-27f501ce] { font-size: 14px; font-weight: 700; color: #1a1a1a; } .accordion-header-summary[data-v-27f501ce] { font-size: 12px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .accordion-header-summary.accordion-header-summary-multiline[data-v-27f501ce] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; white-space: normal; } .accordion-summary-line[data-v-27f501ce] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .accordion-summary-line-secondary[data-v-27f501ce] { color: #9ca3af; } .accordion-chevron[data-v-27f501ce] { flex-shrink: 0; color: #6b7280; font-size: 12px; } /* Smooth expand/collapse via the grid 0fr->1fr trick: the wrapper's single row animates its size, and the inner div's overflow:hidden clips the content while collapsed (min-height:0 lets the row actually shrink below content height). */ .accordion-collapse[data-v-27f501ce] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.25s ease; } .accordion-collapse.is-open[data-v-27f501ce] { grid-template-rows: 1fr; } .accordion-collapse-inner[data-v-27f501ce] { overflow: hidden; min-height: 0; } .accordion-body[data-v-27f501ce] { padding: 0 24px 18px 24px; } .limit-subsection[data-v-27f501ce] { margin-bottom: 20px; } .limit-subsection[data-v-27f501ce]:last-child { margin-bottom: 0; } .limit-subsection-title[data-v-27f501ce] { font-size: 13px; font-weight: 600; color: #1a1a1a; margin-bottom: 2px; } .limit-subsection-desc[data-v-27f501ce] { font-size: 12px; color: #6b7280; margin-bottom: 8px; } .limit-set-btn[data-v-27f501ce] { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: none; padding: 0; color: #4338ca; font-size: 13px; font-weight: 600; cursor: pointer; } .limit-set-btn[data-v-27f501ce]:hover { text-decoration: underline; } .limit-fields[data-v-27f501ce] { margin-top: 4px; } .main-options-accordion[data-v-27f501ce] { margin: 4px -24px 0; } /* When there's no "Event name" field above it (edit mode), the accordion is the scroll area's first child -- pull it flush against the header's own border-bottom so that stays the single dividing line, instead of stacking a second gap+border. */ .booking-form-scroll > .main-options-accordion[data-v-27f501ce]:first-child { margin-top: -20px; } .main-accordion-header[data-v-27f501ce] { padding: 14px 24px; } .main-accordion-header .accordion-header-title[data-v-27f501ce] { margin-bottom: 4px; } .accordion-header-summary[data-v-27f501ce] { display: flex; align-items: center; } .accordion-summary-icon[data-v-27f501ce] { margin-right: 6px; font-size: 12px; color: #9ca3af; } .accordion-summary-icon-img[data-v-27f501ce] { width: 14px; height: 14px; margin-right: 6px; -o-object-fit: contain; object-fit: contain; } .main-accordion-body[data-v-27f501ce] { padding: 0 24px 18px 24px; } .meeting-platform-option[data-v-27f501ce] { display: inline-flex; align-items: center; gap: 8px; } .meeting-platform-icon[data-v-27f501ce] { width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; } .meeting-platform-icon-fa[data-v-27f501ce] { width: 18px; color: #4b5563; text-align: center; } .host-avatar[data-v-27f501ce] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #ede9fe; color: #6d28d9; font-size: 10px; font-weight: 700; margin-right: 6px; flex-shrink: 0; } .host-row[data-v-27f501ce] { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #1a1a1a; } .host-avatar-lg[data-v-27f501ce] { width: 32px; height: 32px; font-size: 14px; margin-right: 0; } .minimum-notice-input[data-v-27f501ce] { width: 90px; flex-shrink: 0; } .minimum-notice-unit[data-v-27f501ce] { width: auto; flex: 1; } .max-bookings-input[data-v-27f501ce] { width: 110px; } .schedule-active-switch[data-v-27f501ce] { display: flex; align-items: center; gap: 0.5rem; } .schedule-active-switch .form-check-input[data-v-27f501ce] { width: 3rem; height: 1.55rem; margin-top: 0; cursor: pointer; } .schedule-active-switch .form-check-input[data-v-27f501ce]:checked { background-color: #22c55e; border-color: #16a34a; } .schedule-active-switch .form-check-input[data-v-27f501ce]:not(:checked) { background-color: #ef4444; border-color: #dc2626; } .schedule-active-switch .form-check-label[data-v-27f501ce] { font-size: 0.8rem; font-weight: 600; color: #374151; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .schedule-vue-select[data-v-27f501ce] { width: 100%; min-width: 0; } .schedule-vue-select[data-v-27f501ce] .vue-select { width: 100%; font-size: 0.875rem; } .date-range-section .form-check[data-v-27f501ce] { padding-left: 1.6rem; } .date-range-option-label[data-v-27f501ce] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; } .date-range-days-input[data-v-27f501ce] { width: 70px; display: inline-block; } .date-range-daytype-select[data-v-27f501ce] { width: auto; display: inline-block; } .date-range-inputs[data-v-27f501ce] { margin-top: 0.25rem; } .schedule-detail-box[data-v-27f501ce] { border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; background: #fafafa; } .schedule-detail-edit-btn[data-v-27f501ce] { flex-shrink: 0; border: none; background: transparent; color: #6b7280; width: 28px; height: 28px; border-radius: 6px; cursor: pointer; font-size: 13px; } .schedule-detail-edit-btn[data-v-27f501ce]:hover { background: #eef2ff; color: #4338ca; } .schedule-detail-timezone[data-v-27f501ce] { border-top: 1px solid #f1f2f4; padding-top: 8px; } .reschedule-back[data-v-2e36d430] { border: none; background: transparent; color: #4b5563; font-size: 13.5px; font-weight: 600; padding: 0; margin-bottom: 18px; cursor: pointer; } .reschedule-back[data-v-2e36d430]:hover { color: #1d4ed8; } .reschedule-title[data-v-2e36d430] { font-size: 18px; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; } .reschedule-current[data-v-2e36d430] { font-size: 13.5px; color: #6b7280; margin-bottom: 20px; } .reschedule-loading[data-v-2e36d430] { display: flex; justify-content: center; padding: 32px 0; } .reschedule-tz-locked[data-v-2e36d430] { display: flex; align-items: center; gap: 9px; background: #f8f9fa; border: 1px solid #eef0f3; border-radius: 8px; padding: 10px 14px; font-size: 13.5px; color: #4b5563; margin-bottom: 22px; } .reschedule-tz-locked > i.fa-globe[data-v-2e36d430] { color: #1d4ed8; } .reschedule-tz-locked strong[data-v-2e36d430] { color: #1a1a1a; } .reschedule-tz-locked-hint[data-v-2e36d430] { margin-left: auto; color: #9ca3af; font-size: 12px; cursor: help; } .reschedule-dates[data-v-2e36d430] { margin-bottom: 20px; } .reschedule-dates-scroll[data-v-2e36d430] { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; } .reschedule-dates-scroll.is-refreshing[data-v-2e36d430] { opacity: 0.5; pointer-events: none; } .reschedule-date-btn[data-v-2e36d430] { flex-shrink: 0; width: 64px; border: 1px solid #d0d7e2; background: #fff; border-radius: 8px; padding: 8px 0; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .reschedule-date-btn.is-selected[data-v-2e36d430] { border-color: #1d4ed8; background: #eff6ff; } .reschedule-date-dow[data-v-2e36d430] { font-size: 11px; text-transform: uppercase; color: #9ca3af; font-weight: 600; } .reschedule-date-day[data-v-2e36d430] { font-size: 16px; font-weight: 700; color: #1a1a1a; } .reschedule-date-month[data-v-2e36d430] { font-size: 11px; color: #6b7280; } .reschedule-slots[data-v-2e36d430] { margin-bottom: 16px; } .reschedule-slots-grid[data-v-2e36d430] { display: flex; flex-wrap: wrap; gap: 8px; } .reschedule-slot-btn[data-v-2e36d430] { border: 1px solid #1d4ed8; color: #1d4ed8; background: #fff; border-radius: 6px; padding: 8px 14px; font-size: 13.5px; font-weight: 600; cursor: pointer; } .reschedule-slot-btn[data-v-2e36d430]:hover { background: #eff6ff; } .reschedule-slot-btn.is-selected[data-v-2e36d430] { background: #1d4ed8; color: #fff; } .reschedule-submit-btn[data-v-2e36d430] { margin-top: 10px; } .meetings-loading[data-v-dc23e5fc] { display: flex; justify-content: center; padding: 48px 0; } .meetings-empty[data-v-dc23e5fc] { text-align: center; padding: 56px 16px; color: #6b7280; } .meetings-empty-inline[data-v-dc23e5fc] { padding: 36px 16px; } .meetings-empty-icon[data-v-dc23e5fc] { width: 52px; height: 52px; border-radius: 50%; background: #eff6ff; color: #93c5fd; font-size: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; } .meetings-empty-title[data-v-dc23e5fc] { font-size: 15px; font-weight: 600; color: #374151; margin: 0 0 4px; } .meetings-empty-sub[data-v-dc23e5fc] { font-size: 13px; color: #9ca3af; margin: 0; } .meetings-filter-row[data-v-dc23e5fc] { display: flex; gap: 4px; margin-bottom: 18px; background: #f1f3f6; padding: 4px; border-radius: 9px; width: -moz-fit-content; width: fit-content; } .meetings-filter-btn[data-v-dc23e5fc] { display: inline-flex; align-items: center; gap: 7px; border: none; background: transparent; color: #6b7280; border-radius: 6px; padding: 7px 14px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .meetings-filter-btn[data-v-dc23e5fc]:hover { color: #1a1a1a; } .meetings-filter-btn.is-active[data-v-dc23e5fc] { background: #ffffff; color: #1e3a8a; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12); } .meetings-filter-count[data-v-dc23e5fc] { font-size: 11px; font-weight: 700; color: #9ca3af; background: #eef1f5; border-radius: 10px; padding: 1px 7px; min-width: 18px; text-align: center; } .meetings-filter-btn.is-active .meetings-filter-count[data-v-dc23e5fc] { color: #1e3a8a; background: #e0e9fc; } .meetings-group[data-v-dc23e5fc] { margin-bottom: 12px; } .meetings-list[data-v-dc23e5fc] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .meeting-item[data-v-dc23e5fc] { display: flex; align-items: center; gap: 16px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; cursor: pointer; background: #fff; transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.1s ease; } .meeting-item[data-v-dc23e5fc]:hover { box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08); border-color: #c7d2e3; transform: translateY(-1px); } .meeting-item.is-cancelled[data-v-dc23e5fc] { opacity: 0.6; } .meeting-item-date[data-v-dc23e5fc] { width: 52px; flex-shrink: 0; text-align: center; border-radius: 10px; padding: 8px 0 9px; background: #eff6ff; border: 1px solid #dbeafe; } .meeting-item-date.is-past[data-v-dc23e5fc] { background: #f3f4f6; border-color: #e5e7eb; } .meeting-item-date.is-cancelled[data-v-dc23e5fc] { background: #fef2f2; border-color: #fee2e2; } .meeting-item-date-month[data-v-dc23e5fc] { display: block; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #60a5fa; } .meeting-item-date.is-past .meeting-item-date-month[data-v-dc23e5fc] { color: #9ca3af; } .meeting-item-date.is-cancelled .meeting-item-date-month[data-v-dc23e5fc] { color: #f87171; } .meeting-item-date-day[data-v-dc23e5fc] { display: block; font-size: 18px; font-weight: 700; color: #1d4ed8; line-height: 1.3; } .meeting-item-date.is-past .meeting-item-date-day[data-v-dc23e5fc] { color: #6b7280; } .meeting-item-date.is-cancelled .meeting-item-date-day[data-v-dc23e5fc] { color: #dc2626; } .meeting-item-main[data-v-dc23e5fc] { flex: 1; min-width: 0; } .meeting-item-title-row[data-v-dc23e5fc] { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; } .meeting-item-title[data-v-dc23e5fc] { font-weight: 600; font-size: 14.5px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .meeting-item-meta-row[data-v-dc23e5fc] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .meeting-item-meta[data-v-dc23e5fc] { font-size: 12.5px; color: #6b7280; display: flex; align-items: center; gap: 6px; white-space: nowrap; } .meeting-item-meta i[data-v-dc23e5fc] { color: #9ca3af; font-size: 11px; width: 12px; text-align: center; } .meeting-item-chevron[data-v-dc23e5fc] { color: #d1d5db; flex-shrink: 0; font-size: 13px; } .meeting-badge[data-v-dc23e5fc] { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; padding: 3px 9px; border-radius: 10px; flex-shrink: 0; } .meeting-badge-cancelled[data-v-dc23e5fc] { background: #fee2e2; color: #b91c1c; } .meeting-badge-guest[data-v-dc23e5fc] { background: #ede9fe; color: #6d28d9; } .meeting-badge-active[data-v-dc23e5fc] { background: #dcfce7; color: #15803d; } .meeting-badge-past[data-v-dc23e5fc] { background: #f1f3f6; color: #6b7280; } /* Detail view */ .meeting-detail-back[data-v-dc23e5fc] { border: none; background: transparent; color: #4b5563; font-size: 13.5px; font-weight: 600; padding: 0; margin-bottom: 20px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; } .meeting-detail-back[data-v-dc23e5fc]:hover { color: #1d4ed8; } .meeting-detail-hero[data-v-dc23e5fc] { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #eef0f3; } .meeting-detail-hero-top[data-v-dc23e5fc] { display: flex; gap: 8px; margin-bottom: 10px; } .meeting-detail-title[data-v-dc23e5fc] { font-size: 21px; font-weight: 700; color: #1a1a1a; margin: 0 0 10px; } .meeting-detail-datetime[data-v-dc23e5fc] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14.5px; font-weight: 600; color: #374151; } .meeting-detail-datetime i[data-v-dc23e5fc] { color: #1d4ed8; } .meeting-detail-datetime-sep[data-v-dc23e5fc] { color: #cbd5e1; } .meeting-detail-tz[data-v-dc23e5fc] { font-size: 12px; font-weight: 600; color: #6b7280; background: #f1f3f6; border-radius: 6px; padding: 2px 8px; } .meeting-detail-card[data-v-dc23e5fc] { background: #f8f9fa; border: 1px solid #eef0f3; border-radius: 10px; padding: 16px 18px; margin-bottom: 18px; display: flex; flex-direction: column; gap: 12px; } .meeting-detail-row[data-v-dc23e5fc] { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #1f2937; } .meeting-detail-row-text[data-v-dc23e5fc] { align-items: flex-start; } .meeting-detail-row-muted[data-v-dc23e5fc] { color: #9ca3af; } .meeting-detail-row i[data-v-dc23e5fc] { width: 16px; text-align: center; color: #1d4ed8; flex-shrink: 0; } .meeting-detail-row-muted i[data-v-dc23e5fc] { color: #d1d5db; } .meeting-detail-people[data-v-dc23e5fc] { display: flex; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; } .meeting-person[data-v-dc23e5fc] { display: flex; align-items: center; gap: 12px; flex: 1 1 220px; border: 1px solid #eef0f3; border-radius: 10px; padding: 12px 14px; } .meeting-person-avatar[data-v-dc23e5fc] { width: 38px; height: 38px; border-radius: 50%; background: #1e3a8a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0; } .meeting-person-avatar-guest[data-v-dc23e5fc] { background: #6d28d9; } .meeting-person-info[data-v-dc23e5fc] { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .meeting-person-label[data-v-dc23e5fc] { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #9ca3af; } .meeting-person-name[data-v-dc23e5fc] { font-size: 14px; font-weight: 600; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .meeting-person-email[data-v-dc23e5fc] { font-size: 12px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .meeting-cancel-reason[data-v-dc23e5fc] { display: flex; align-items: flex-start; gap: 10px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; border-radius: 8px; padding: 12px 14px; font-size: 13.5px; margin-bottom: 18px; } .meeting-cancel-reason i[data-v-dc23e5fc] { margin-top: 1px; } .meeting-detail-actions[data-v-dc23e5fc] { display: flex; gap: 10px; } .meeting-action-btn[data-v-dc23e5fc] { display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; padding: 9px 18px; font-size: 13.5px; font-weight: 600; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .meeting-action-btn-primary[data-v-dc23e5fc] { border: 1px solid #1d4ed8; background: #fff; color: #1d4ed8; } .meeting-action-btn-primary[data-v-dc23e5fc]:hover { background: #eff6ff; } .meeting-action-btn-danger[data-v-dc23e5fc] { border: 1px solid #e5e7eb; background: #fff; color: #b91c1c; } .meeting-action-btn-danger[data-v-dc23e5fc]:hover { background: #fef2f2; border-color: #fecaca; } .meeting-cancel-box[data-v-dc23e5fc] { margin-top: 14px; padding: 14px; border: 1px solid #fecaca; background: #fff5f5; border-radius: 8px; } .meeting-cancel-box-actions[data-v-dc23e5fc] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; } .book-meeting-overlay[data-v-32d878ee] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 1070; display: flex; align-items: center; justify-content: center; padding: 20px; } .book-meeting-modal[data-v-32d878ee] { width: 100%; max-width: 460px; max-height: 88vh; background: #fff; border-radius: 12px; box-shadow: 0 12px 36px rgba(15, 23, 42, 0.22); display: flex; flex-direction: column; overflow: hidden; } .book-meeting-header[data-v-32d878ee] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid #e5e7eb; } .book-meeting-title[data-v-32d878ee] { font-size: 16px; font-weight: 700; color: #1a1a1a; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-meeting-close[data-v-32d878ee] { background: transparent; border: none; width: 30px; height: 30px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .book-meeting-close[data-v-32d878ee]:hover { background: #f3f4f6; color: #1a1a1a; } .book-meeting-body[data-v-32d878ee] { padding: 20px; overflow-y: auto; } .book-meeting-loading[data-v-32d878ee] { display: flex; justify-content: center; padding: 48px 0; } .bm-tz-row[data-v-32d878ee] { margin-bottom: 18px; } .bm-dates[data-v-32d878ee] { margin-bottom: 18px; } .bm-dates-scroll[data-v-32d878ee] { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; } .bm-dates-scroll.is-refreshing[data-v-32d878ee] { opacity: 0.5; pointer-events: none; } .bm-date-btn[data-v-32d878ee] { flex-shrink: 0; width: 60px; border: 1px solid #d0d7e2; background: #fff; border-radius: 8px; padding: 8px 0; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .bm-date-btn.is-selected[data-v-32d878ee] { border-color: #1d4ed8; background: #eff6ff; } .bm-date-dow[data-v-32d878ee] { font-size: 10.5px; text-transform: uppercase; color: #9ca3af; font-weight: 600; } .bm-date-day[data-v-32d878ee] { font-size: 15px; font-weight: 700; color: #1a1a1a; } .bm-date-month[data-v-32d878ee] { font-size: 10.5px; color: #6b7280; } .bm-slots[data-v-32d878ee] { margin-bottom: 18px; } .bm-slots-grid[data-v-32d878ee] { display: flex; flex-wrap: wrap; gap: 8px; } .bm-slot-btn[data-v-32d878ee] { border: 1px solid #1d4ed8; color: #1d4ed8; background: #fff; border-radius: 6px; padding: 7px 12px; font-size: 13px; font-weight: 600; cursor: pointer; } .bm-slot-btn[data-v-32d878ee]:hover { background: #eff6ff; } .bm-slot-btn.is-selected[data-v-32d878ee] { background: #1d4ed8; color: #fff; } .bm-guest-fields[data-v-32d878ee] { margin-bottom: 6px; } .bm-guest-row[data-v-32d878ee] { display: flex; flex-direction: column; gap: 10px; } .bm-submit-btn[data-v-32d878ee] { width: 100%; margin-top: 14px; } /* Confirmation */ .book-meeting-confirmed[data-v-32d878ee] { text-align: center; padding: 32px 24px; } .bm-confirm-icon[data-v-32d878ee] { width: 46px; height: 46px; border-radius: 50%; background: #dcfce7; color: #15803d; display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0 auto 16px; } .bm-confirm-lead[data-v-32d878ee] { font-size: 14.5px; color: #374151; margin-bottom: 18px; } .bm-confirm-summary[data-v-32d878ee] { background: #f8f9fa; border: 1px solid #eef0f3; border-radius: 10px; padding: 14px 16px; text-align: left; margin-bottom: 20px; } .bm-summary-row[data-v-32d878ee] { display: flex; align-items: center; gap: 9px; font-size: 13.5px; color: #1f2937; font-weight: 600; } .bm-summary-row + .bm-summary-row[data-v-32d878ee] { margin-top: 8px; } .bm-summary-row i[data-v-32d878ee] { width: 14px; text-align: center; color: #1d4ed8; } .bm-done-btn[data-v-32d878ee] { min-width: 140px; } /* Transition */ .book-meeting-fade-enter-active[data-v-32d878ee], .book-meeting-fade-leave-active[data-v-32d878ee] { transition: opacity 0.2s ease; } .book-meeting-fade-enter-from[data-v-32d878ee], .book-meeting-fade-leave-to[data-v-32d878ee] { opacity: 0; } .bookings-panel-overlay[data-v-3acb6d60] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.35); z-index: 1050; display: flex; justify-content: flex-end; } .bookings-panel[data-v-3acb6d60] { width: clamp(600px, 50vw, 900px); max-width: 92vw; height: 100%; background: #ffffff; box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; } .bookings-panel-header[data-v-3acb6d60] { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; } .bookings-panel-title[data-v-3acb6d60] { font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0; } .bookings-panel-close[data-v-3acb6d60] { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; } .bookings-panel-close[data-v-3acb6d60]:hover { background: #f3f4f6; color: #1a1a1a; } .bookings-panel-tabs[data-v-3acb6d60] { display: flex; align-items: center; gap: 4px; padding: 14px 24px; border-bottom: 1px solid #e5e7eb; flex-shrink: 0; background: #fafbfc; } .bookings-panel-tab[data-v-3acb6d60] { display: inline-flex; align-items: center; gap: 8px; border: none; border-radius: 8px; color: #6b7280; font-weight: 600; font-size: 13.5px; padding: 9px 16px; background: transparent; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .bookings-panel-tab i[data-v-3acb6d60] { font-size: 12.5px; color: #9ca3af; transition: color 0.15s ease; } .bookings-panel-tab[data-v-3acb6d60]:hover { color: #1a1a1a; background: #eef1f5; } .bookings-panel-tab:hover i[data-v-3acb6d60] { color: #6b7280; } .bookings-panel-tab.is-active[data-v-3acb6d60] { color: #1e3a8a; background: #ffffff; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12), inset 0 0 0 1px #e0e5ec; } .bookings-panel-tab.is-active i[data-v-3acb6d60] { color: #1e3a8a; } .bookings-panel-subheader[data-v-3acb6d60] { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px 12px; } .bookings-panel-subtitle[data-v-3acb6d60] { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; } .bookings-panel-new-btn[data-v-3acb6d60] { display: inline-flex; align-items: center; gap: 6px; background-color: #1e3a8a; color: #ffffff; border: none; border-radius: 6px; font-weight: 600; font-size: 13px; padding: 7px 14px; cursor: pointer; text-decoration: none; } .bookings-panel-new-btn[data-v-3acb6d60]:hover { background-color: #1d4ed8; color: #ffffff; } .bookings-panel-body[data-v-3acb6d60] { flex: 1; overflow-y: auto; padding: 0 24px 24px; } .bookings-panel-body-meetings[data-v-3acb6d60] { padding: 20px 24px 24px; } .bookings-panel-loading[data-v-3acb6d60] { display: flex; justify-content: center; padding: 48px 0; } .bookings-panel-empty[data-v-3acb6d60] { text-align: center; padding: 48px 16px; color: #6b7280; } .bookings-panel-empty-icon[data-v-3acb6d60] { font-size: 32px; color: #cbd5e1; margin-bottom: 12px; display: block; } .bookings-panel-empty p[data-v-3acb6d60] { margin-bottom: 16px; } .bookings-list[data-v-3acb6d60] { list-style: none; margin: 0; padding: 14px 0 0; display: flex; flex-direction: column; gap: 12px; } .booking-item[data-v-3acb6d60] { display: flex; align-items: stretch; border: 1px solid #e5e7eb; border-radius: 10px; transition: box-shadow 0.15s ease, border-color 0.15s ease; background: #fff; position: relative; } .booking-item[data-v-3acb6d60]:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); border-color: #c5cdd8; } .booking-book-btn[data-v-3acb6d60] { position: absolute; top: -14px; right: 16px; z-index: 6; display: inline-flex; align-items: center; gap: 6px; background: #0f172a; color: #ffffff; border: none; border-radius: 20px; padding: 7px 16px; font-size: 12.5px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.25); opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity 0.15s ease, transform 0.15s ease; } .booking-item:hover .booking-book-btn[data-v-3acb6d60] { opacity: 1; transform: translateY(0); pointer-events: auto; } .booking-book-btn[data-v-3acb6d60]:hover { background: #1e293b; } .booking-item-main[data-v-3acb6d60] { display: flex; flex: 1; min-width: 0; cursor: pointer; } .booking-item-color-bar[data-v-3acb6d60] { width: 4px; flex-shrink: 0; background-color: #1d4ed8; border-radius: 9px 0 0 9px; } .booking-item-color-bar.is-off[data-v-3acb6d60] { background-color: #cbd5e1; } .booking-item-info[data-v-3acb6d60] { padding: 14px 16px; min-width: 0; flex: 1; } .booking-item-title-row[data-v-3acb6d60] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; } .booking-item-title[data-v-3acb6d60] { font-weight: 600; font-size: 14px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .booking-item.is-disabled[data-v-3acb6d60] { background: #f8fafc; } .booking-item.is-disabled .booking-item-title[data-v-3acb6d60] { color: #94a3b8; } .booking-item.is-disabled .booking-item-meta[data-v-3acb6d60] { color: #b7c0cc; } .booking-item-meta[data-v-3acb6d60] { font-size: 12.5px; color: #6b7280; display: flex; align-items: center; margin-top: 2px; } .booking-item-meta.booking-item-meta-multiline[data-v-3acb6d60] { align-items: flex-start; } .booking-item-meta-lines[data-v-3acb6d60] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .booking-item-meta-line[data-v-3acb6d60] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .booking-item-meta-line-secondary[data-v-3acb6d60] { color: #9ca3af; } .booking-item-actions[data-v-3acb6d60] { display: flex; align-items: center; gap: 4px; padding: 0 10px; border-left: 1px solid #f1f5f9; flex-shrink: 0; position: relative; } .booking-item-menu[data-v-3acb6d60] { position: relative; } .booking-item-menu .dropdown-menu[data-v-3acb6d60] { z-index: 1060; } .booking-icon-btn[data-v-3acb6d60] { background: transparent; border: none; width: 30px; height: 30px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; } .booking-icon-btn[data-v-3acb6d60]:hover { background: #f3f4f6; color: #1d4ed8; } .booking-copy-btn[data-v-3acb6d60] { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border: 1px solid #d0d7e2; border-radius: 20px; background: #ffffff; color: #1f2937; font-size: 13px; font-weight: 500; cursor: pointer; white-space: nowrap; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .booking-copy-btn[data-v-3acb6d60]:hover { background: #f8fafc; border-color: #b9c2d0; } .booking-copy-btn.is-copied[data-v-3acb6d60] { background: #16a34a; border-color: #16a34a; color: #ffffff; } .booking-copy-btn.is-copied[data-v-3acb6d60]:hover { background: #16a34a; border-color: #16a34a; } .booking-turnon-btn[data-v-3acb6d60] { background: #1e3a8a; border-color: #1e3a8a; color: #ffffff; } .booking-turnon-btn[data-v-3acb6d60]:hover { background: #1d4ed8; border-color: #1d4ed8; color: #ffffff; } .booking-turnon-btn[data-v-3acb6d60]:disabled { opacity: 0.6; cursor: default; } .booking-menu-toggle-item[data-v-3acb6d60] { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: default; } .booking-toggle[data-v-3acb6d60] { position: relative; display: inline-block; width: 34px; height: 20px; flex-shrink: 0; } .booking-toggle input[data-v-3acb6d60] { opacity: 0; width: 0; height: 0; } .booking-toggle-slider[data-v-3acb6d60] { position: absolute; cursor: pointer; inset: 0; background-color: #cbd5e1; border-radius: 20px; transition: background-color 0.15s ease; } .booking-toggle-slider[data-v-3acb6d60]::before { content: ''; position: absolute; height: 16px; width: 16px; left: 2px; top: 2px; background-color: #ffffff; border-radius: 50%; transition: transform 0.15s ease; } .booking-toggle input:checked + .booking-toggle-slider[data-v-3acb6d60] { background-color: #22c55e; } .booking-toggle input:checked + .booking-toggle-slider[data-v-3acb6d60]::before { transform: translateX(14px); } .booking-toggle input:disabled + .booking-toggle-slider[data-v-3acb6d60] { opacity: 0.6; cursor: default; } /* Transitions */ .bookings-panel-fade-enter-active[data-v-3acb6d60], .bookings-panel-fade-leave-active[data-v-3acb6d60] { transition: opacity 0.2s ease; } .bookings-panel-fade-enter-from[data-v-3acb6d60], .bookings-panel-fade-leave-to[data-v-3acb6d60] { opacity: 0; } .bookings-panel-slide-enter-active[data-v-3acb6d60], .bookings-panel-slide-leave-active[data-v-3acb6d60] { transition: transform 0.25s ease; } .bookings-panel-slide-enter-from[data-v-3acb6d60], .bookings-panel-slide-leave-to[data-v-3acb6d60] { transform: translateX(100%); } .vuecal__cell { background-color: white; /* #c1d7f0 */ border-bottom: 1px !important; border-right: 1px !important; border-top: none !important; border-left: 1px !important; cursor: pointer; } .vuecal__cell:hover { background-color: #e7efff; } .vuecal--month-view .vuecal__cell-content { justify-content: flex-start; padding-top: 5px; } .vuecal__weekdays-headings { background-color: white; border: none !important; } .vuecal__heading { height: 20px !important; } .dimmed-modal[data-v-f52b603c] { opacity: 0.5 !important; filter: brightness(0.8); } .fc-daygrid-day-frame[data-v-f52b603c] { height: auto !important; /* Dynamically adjusts height */ display: flex; align-items: center; justify-content: center; } /* Fix row heights */ .fc-daygrid-body[data-v-f52b603c] { display: grid !important; grid-template-columns: repeat(7, 1fr); /* 7 equal columns */ grid-auto-rows: 1fr; /* Ensures equal row height */ } /* Prevent extra large events from stretching cells */ .fc-daygrid-event[data-v-f52b603c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 30px; } .pg-full-height[data-v-f52b603c] { height: 100vh; } .ct-full-height[data-v-f52b603c] { height: 100%; } /* Custom event styling */ .custom-event[data-v-f52b603c] { background-color:deepskyblue !important; /* Google Calendar blue */ color: white; /* Text color */ border-radius: 4px; /* Rounded corners */ padding: 5px; /* Inner padding */ display: flex; flex-direction: column; justify-content: left; align-items: flex-start; height: 100%; /* Occupy the entire slot height */ overflow: hidden; /* Hide overflowing content */ text-overflow: ellipsis; /* Add ellipsis if text overflows */ white-space: nowrap; /* Prevent text wrapping */ } .custom-event .event-time[data-v-f52b603c] { font-size: 12px; /* Smaller font for time */ margin-bottom: 2px; /* Space below time */ } .custom-event .event-title[data-v-f52b603c] { font-size: 14px; /* Slightly larger font for title */ font-weight: bold; /* Emphasize the title */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Sidebar styling */ .layout-sidebar[data-v-f52b603c] { width: 250px; /* Set the sidebar width */ transition: width 0.3s ease-in-out; /* Smooth transition for sidebar toggle */ position: fixed; /* Sidebar stays fixed on the left */ top: 0; bottom: 0; left: 0; z-index: 1000; /* Ensure it stays above other elements */ } /* Adjust when sidebar is hidden */ .sidebar-collapsed .layout-sidebar[data-v-f52b603c] { width: 80px; /* Set the width of the collapsed sidebar */ } .current-time-line[data-v-f52b603c] { position: absolute; width: 100%; height: 2px; background-color: red; z-index: 10; } /* Overlay for modals */ .event-popup-overlay[data-v-f52b603c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; /* No background fade */ z-index: 9998; /* Below popup content */ } .event-popup-content[data-v-f52b603c] { background: white; padding: 12px 25px; border-radius: 12px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important; /* Larger shadow for depth */ width: 550px; max-width: 90%; /* Mobile-friendly */ transition: left 0.3s ease-out, opacity 0.3s ease-out; position: fixed; overflow-y: auto; /* Adds scroll if content overflows */ z-index: 9999; /* Ensures it appears on top */ } .event-popup-content[data-v-f52b603c]:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important; /* Maintain shadow on hover */ } /* Animation */ .animated-popup[data-v-f52b603c] { transform: translateY(-50px); opacity: 0; animation: popup-animation-f52b603c 0.4s forwards; } @keyframes popup-animation-f52b603c { to { transform: translateY(0); opacity: 1; } } .current-time-line[data-v-f52b603c] { position: absolute; width: 100%; height: 2px; background-color: red; z-index: 10; } .event-box[data-v-f52b603c] { display: flex; justify-content: space-between; align-items: center; background: #e3f2fd; border: 1px solid #90caf9; border-radius: 8px; padding: 10px; margin: 5px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds depth */ } .event-title-text[data-v-f52b603c] { font-size: 14px; font-weight: bold; color: #333; overflow-wrap: anywhere; } element.style[data-v-f52b603c] { width: 2200; height: 1500px; } /* Popup Header */ .event-popup-header[data-v-f52b603c] { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 15px; position: relative; gap: 25px; } /* Event Title */ .event-title[data-v-f52b603c] { font-size: 22px; font-weight: 600; color: #2c3e50; } /* Event Actions */ .event-actions[data-v-f52b603c] { position: relative; right: 15px; display: flex; gap: 12px; /* Add some space between the icons */ } .btn-edit[data-v-f52b603c], .btn-delete[data-v-f52b603c] { font-size: 18px; padding: 8px; border-radius: 50%; background-color: #f0f0f0; transition: background-color 0.3s, transform 0.2s; } .btn-edit[data-v-f52b603c]:hover, .btn-delete[data-v-f52b603c]:hover { background-color: #d0e6ff; /* Light blue on hover */ transform: scale(1.1); /* Slight scaling effect */ } .btn-edit[data-v-f52b603c] { color: #007bff; } .btn-delete[data-v-f52b603c] { color: #dc3545; } .btn-delete[data-v-f52b603c]:hover { background-color: #ffd6d6; /* Light red on hover */ } /* Event Popup Body */ .event-popup-body[data-v-f52b603c] { display: flex; flex-direction: column; gap: 15px; } /* Event Detail Row */ .event-detail-row[data-v-f52b603c] { display: flex; gap: 12px; margin-bottom: 8px; } .detail-icon[data-v-f52b603c] { position: relative; top: 3px; font-size: 20px; color: #3498db; /* Blue color for icons */ width: 20px; } .event-detail-text[data-v-f52b603c] { font-size: 16px; color: #2c3e50; } /* Guest List */ .guest-list[data-v-f52b603c] { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .guest-item[data-v-f52b603c] { background: #ecf0f1; padding: 5px 10px; border-radius: 8px; display: flex; align-items: center; font-size: 14px; } .guest-remove-icon[data-v-f52b603c] { cursor: pointer; color: gray; margin-left: 8px; } /* Meet Link Styling */ .event-detail-text a[data-v-f52b603c] { color: #3498db; text-decoration: none; font-weight: 600; } .event-detail-text a[data-v-f52b603c]:hover { text-decoration: underline; } /* Responsive Adjustments */ @media (max-width: 768px) { .event-popup-content[data-v-f52b603c] { width: 90%; /* Adjust for smaller screens */ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important; /* Maintain shadow on mobile */ } .event-popup-content[data-v-f52b603c]:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important; /* Maintain shadow on hover on mobile */ } } /* Icons Styling */ .card[data-v-f52b603c] { border-radius: 5px; padding: 15px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .event-title[data-v-f52b603c] { font-size: 14px; font-weight: 600; color: #333; } .event-description[data-v-f52b603c] { font-size: 12px; color: #555; margin: 4px 0; } .event-actions[data-v-f52b603c] { display: flex; gap: 15px; } /* Dialog Overlay */ .dialog-overlay[data-v-f52b603c] { z-index: 10001; /* Ensure the modal appears on top */ } .dialog-box[data-v-f52b603c] { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(121, 113, 113, 0.3); text-align: center; } .dialog-box h3[data-v-f52b603c] { margin-bottom: 15px; } .dialog-box button[data-v-f52b603c] { margin-top: 10px; } /* Delete Confirmation Overlay */ .delete-confirmation-overlay[data-v-f52b603c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Dark background for focus */ display: flex; justify-content: center; align-items: center; z-index: 10001; /* Ensure the modal appears on top */ } .delete-confirmation-box[data-v-f52b603c] { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; } .delete-confirmation-box h3[data-v-f52b603c] { margin-bottom: 15px; } .delete-confirmation-box .button-group[data-v-f52b603c] { display: flex; justify-content: space-between; } .delete-confirmation-box button[data-v-f52b603c] { margin: 0 10px; padding: 10px 20px; cursor: pointer; } /* Vue Cal Mobile Theme Styling - Matching nexcubator-mobile calendar */ .calendar-container[data-v-f52b603c] { height: 100%; position: relative; } /* Custom Calendar Header */ .custom-calendar-header[data-v-f52b603c] { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; } .header-left-date[data-v-f52b603c] { display: flex; align-items: center; gap: 8px; } .nav-arrow-btn[data-v-f52b603c] { background: transparent; border: none; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; color: #2d3748; padding: 0; } .nav-arrow-btn[data-v-f52b603c]:hover { background-color: #f7fafc; color: #1d4ed8; } .nav-arrow-btn i[data-v-f52b603c] { font-size: 16px; } .date-display-btn[data-v-f52b603c] { background: transparent; border: none; padding: 8px 12px; cursor: pointer; border-radius: 6px; min-width: 150px; } .date-display-btn[data-v-f52b603c]:hover { background-color: #f7fafc; } .date-text[data-v-f52b603c] { font-size: 16px; font-weight: 700; color: #2d3748; } .today-btn[data-v-f52b603c] { color: #1e3a8a; border: none; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; margin-left: 8px; } .today-btn[data-v-f52b603c]:hover { background-color: whitesmoke; } .header-right[data-v-f52b603c] { position: relative; padding: 0 16px 0 16px; } .bookings-nav-btn[data-v-f52b603c] { display: flex; align-items: center; gap: 8px; background-color: #1e3a8a; color: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; font-weight: 600; font-size: 14px; padding: 0 14px; height: 24px; cursor: pointer; } .bookings-nav-btn i[data-v-f52b603c] { font-size: 13px; color: #ffffff; } .bookings-nav-btn[data-v-f52b603c]:hover { background-color: #1d4ed8; } .view-switcher-container[data-v-f52b603c] { position: relative; z-index: 1002; } .view-switcher-btn[data-v-f52b603c] { display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; color: #ffffff; border: none; border-radius: 6px; font-weight: 600; font-size: 14px; cursor: pointer; min-width: 100px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .view-switcher-btn[data-v-f52b603c]:hover { background-color: #1d4ed8; } .view-switcher-dropdown[data-v-f52b603c] { position: absolute; top: calc(100% + 8px); right: 0; background-color: #ffffff; border-radius: 6px; min-width: 150px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1004; overflow: hidden; pointer-events: auto; isolation: isolate; } .view-option[data-v-f52b603c] { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; border: none; background: transparent; cursor: pointer; font-size: 14px; color: #2d3748; text-align: left; position: relative; z-index: 1005; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .view-option[data-v-f52b603c]:hover { background-color: #f7fafc; } .view-option[data-v-f52b603c]:active { background-color: #e2e8f0; } .view-option.active[data-v-f52b603c] { background-color: #f7fafc; font-weight: 600; color: #1d4ed8; } .view-option i[data-v-f52b603c] { font-size: 14px; } .dropdown-overlay[data-v-f52b603c] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1002; background: transparent; cursor: default; pointer-events: auto; } /* Make sure dropdown and its children are clickable */ .view-switcher-dropdown[data-v-f52b603c], .view-switcher-dropdown[data-v-f52b603c] * { pointer-events: auto !important; z-index: 1005; } /* Ensure dropdown is above overlay */ .view-switcher-container[data-v-f52b603c] { position: relative; z-index: 1004; isolation: isolate; } /* Hide Vue Cal default header completely */ .vuecal--no-header .vuecal__header[data-v-f52b603c], .vuecal--no-header .vuecal__title-bar[data-v-f52b603c], .vuecal--no-header .vuecal__view-switcher[data-v-f52b603c], .vuecal--no-header .vuecal__menu[data-v-f52b603c], .vuecal--no-header .vuecal__arrow[data-v-f52b603c], .vuecal--no-header .vuecal__title[data-v-f52b603c], .vuecal--no-header .vuecal__view-btn[data-v-f52b603c], .vuecal--no-header .vuecal__nav[data-v-f52b603c], .vuecal--no-header .vuecal__header-content[data-v-f52b603c] { display: none !important; visibility: hidden !important; } /* Ensure calendar body starts immediately */ .vuecal--no-header .vuecal__body[data-v-f52b603c] { margin-top: 0 !important; padding-top: 0 !important; } /* Vue Cal Container */ .vuecal[data-v-f52b603c] { background-color: #f7fafc; border-radius: 10px; /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; */ } .vuecal--mobile-theme[data-v-f52b603c] { background-color: #f7fafc; } /* Header */ .vuecal__header[data-v-f52b603c] { background-color: #ffffff; padding: 16px; } .vuecal__title-bar[data-v-f52b603c] { background-color: transparent; padding: 0; } .vuecal__title[data-v-f52b603c] { font-size: 20px; font-weight: 700; color: #2d3748; } .vuecal__arrow[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; border-radius: 6px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .vuecal__arrow[data-v-f52b603c]:hover { background-color: #1e3a8a; } .vuecal__view-btn[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; border: none; border-radius: 6px; padding: 8px 16px; font-weight: 600; margin: 0 4px; } .vuecal__view-btn[data-v-f52b603c]:hover { background-color: #1e3a8a; } .vuecal__view-btn--active[data-v-f52b603c] { background-color: #1e3a8a; } /* Month View */ .vuecal__month-view[data-v-f52b603c] { background-color: #f7fafc; } .vuecal__weekdays-headings[data-v-f52b603c] { background-color: #ffffff; } .vuecal__weekday-heading[data-v-f52b603c] { font-size: 14px; font-weight: 700; color: #2d3748; text-transform: uppercase; padding: 12px 4px; } .vuecal__cell[data-v-f52b603c] { background-color: #87ceeb; border-color: transparent; border-radius: 4px; margin: 1px; min-height: 100px; } .vuecal__cell-content[data-v-f52b603c] { padding: 4px; } .vuecal__cell-content-wrapper[data-v-f52b603c] { width: 100%; /* height: 100%; */ cursor: pointer; position: relative; } .vuecal__cell-date[data-v-f52b603c] { font-size: 12px; color: #2d3748; padding: 4px 8px; border-radius: 18px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 4px; } /* Today Highlighting */ .vuecal__cell--today[data-v-f52b603c] { background-color: #c1d7f0 !important; } .vuecal__cell--today .vuecal__cell-date[data-v-f52b603c] { background-color: #1d4ed8; width: 25px; height: 25px; color: #ffffff; font-weight: 700; } /* Week/Day View */ .vuecal__time-column[data-v-f52b603c] { background-color: #ffffff; border-right: 1px solid #e2e8f0; } .vuecal__time-cell[data-v-f52b603c] { font-size: 12px; font-weight: 700; color: #4a5568; border-bottom: 1px solid #e2e8f0; height: 48px; cursor: pointer; } /* Make week and day view cells clickable */ .vuecal--week-view .vuecal__cell[data-v-f52b603c], .vuecal--day-view .vuecal__cell[data-v-f52b603c] { cursor: pointer; } .vuecal__column[data-v-f52b603c] { border-right: 1px solid #e2e8f0; } .vuecal__column-header[data-v-f52b603c] { background-color: #ffffff; padding: 12px 8px; } .vuecal__column-header-label[data-v-f52b603c] { font-size: 12px; font-weight: 700; color: #4a5568; text-transform: uppercase; } .vuecal__column-header-date[data-v-f52b603c] { font-size: 12px; font-weight: 700; color: #4a5568; margin-left: 4px; text-transform: uppercase; } .today .vuecal__column-header-label[data-v-f52b603c], .today .vuecal__column-header-date[data-v-f52b603c] { color: #ffffff; } .vuecal__weekday-heading-container[data-v-f52b603c] { display: inline-flex; justify-content: center; } .today .vuecal__weekday-heading-container[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; height: 15px; padding-left: 5px; padding-right: 5px; border-radius: 5px; display: inline-flex; justify-content: center; font-weight: 700; } /* Events */ .vuecal-event[data-v-f52b603c] { display: flex; border-radius: 6px; font-size: 11px; overflow: hidden; align-items: flex-start; font-weight: 500; height: 100%; } .vuecal-event .event-content-wrapper[data-v-f52b603c] { width: 100%; overflow: hidden; line-height: 1.3; text-align: left; height: 100%; } .min-15[data-v-f52b603c] { padding: 0 0 0 5px; } .min-30[data-v-f52b603c] { padding: 5px 0 5px 5px; } .min-45[data-v-f52b603c] { display: flex; flex-direction: column; padding: 5px 0 5px 5px; } .vuecal-event .event-title[data-v-f52b603c] { font-weight: 500; font-size: 11px; overflow: hidden; min-width: 0; } .title-min-45[data-v-f52b603c] { word-break: break-word; max-height: 70%; flex: 0 0 auto; display: block; } .vuecal-event .event-time[data-v-f52b603c] { font-size: 11px; white-space: nowrap; flex-shrink: 0; } .vuecal-event-month[data-v-f52b603c] { display: flex; border-radius: 6px; font-size: 11px; overflow: hidden; justify-content: center; } .vuecal-event-month .event-content-wrapper[data-v-f52b603c] { width: 100%; overflow: hidden; line-height: 1.3; text-align: left; padding: 0 0 0 5px; } .vuecal-event-month .event-title[data-v-f52b603c] { font-weight: 500; font-size: 11px; overflow: hidden; min-width: 0; } .vuecal-event-month .event-time[data-v-f52b603c] { font-size: 11px; white-space: nowrap; flex-shrink: 0; } /* Add comma before time when on same line */ .vuecal-event-month .event-content-wrapper .event-time[data-v-f52b603c]::before { content: ', '; } /* Month view events */ .vuecal__event[data-v-f52b603c] { border-radius: 6px; padding: 2px 4px; margin: 2px 0; font-size: 11px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* All-day events */ .vuecal__event--all-day[data-v-f52b603c] { border-radius: 6px; padding: 4px 6px; } /* Current time indicator */ .vuecal__now-line[data-v-f52b603c] { border-color: #e53e3e; border-width: 2px; } /* Scrollbar */ .vuecal__body[data-v-f52b603c]::-webkit-scrollbar { width: 8px; height: 8px; } .vuecal__body[data-v-f52b603c]::-webkit-scrollbar-track { background: #f7fafc; border-radius: 4px; } .vuecal__body[data-v-f52b603c]::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 4px; } .vuecal__body[data-v-f52b603c]::-webkit-scrollbar-thumb:hover { background: #a0aec0; } /* Responsive */ @media (max-width: 768px) { .vuecal__header[data-v-f52b603c] { flex-direction: column; gap: 12px; } .vuecal__title[data-v-f52b603c] { font-size: 18px; } .vuecal__view-btn[data-v-f52b603c] { padding: 6px 12px; font-size: 14px; } } /* Date Picker Modal */ .date-picker-overlay[data-v-f52b603c] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 10000; } .date-picker-modal[data-v-f52b603c] { background-color: #ffffff; border-radius: 12px; padding: 20px; min-width: 320px; max-width: 400px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); } .date-picker-header[data-v-f52b603c] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #e2e8f0; } .date-picker-nav-btn[data-v-f52b603c] { background: transparent; border: none; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; color: #2d3748; } .date-picker-nav-btn[data-v-f52b603c]:hover { background-color: #f7fafc; color: #1d4ed8; } .date-picker-month-year[data-v-f52b603c] { font-size: 18px; font-weight: 700; color: #2d3748; margin: 0; } .date-picker-weekdays[data-v-f52b603c] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 8px; } .date-picker-weekday[data-v-f52b603c] { text-align: center; font-size: 12px; font-weight: 700; color: #4a5568; padding: 8px 4px; text-transform: uppercase; } .date-picker-grid[data-v-f52b603c] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .date-picker-day[data-v-f52b603c] { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #2d3748; cursor: pointer; border-radius: 6px; position: relative; } .date-picker-day[data-v-f52b603c]:hover { background-color: #f7fafc; } .date-picker-day.other-month[data-v-f52b603c] { color: #cbd5e0; } .date-picker-day.today[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; font-weight: 700; } .date-picker-day.selected[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; font-weight: 700; } .date-picker-day.selected.today[data-v-f52b603c] { background-color: #1d4ed8; color: #ffffff; } .external-schedule-page[data-v-1ed439b9] { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem 1rem; background: #f4f6f9; } .external-schedule-card[data-v-1ed439b9] { width: 100%; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08); overflow: hidden; } .external-schedule-card--center[data-v-1ed439b9] { max-width: 480px; padding: 2.5rem 1.75rem; text-align: center; } .es-error-icon[data-v-1ed439b9] { font-size: 2rem; color: #ef4444; margin-bottom: 0.75rem; } .external-schedule-card--booking[data-v-1ed439b9] { width: min(94vw, 722px); display: flex; height: min(82vh, 620px); transition: width 0.4s ease; } .external-schedule-card--booking.is-wide[data-v-1ed439b9] { width: min(94vw, 1160px); } /* Info panel (left) */ .es-panel--info[data-v-1ed439b9] { width: 330px; flex-shrink: 0; padding: 28px 28px; border-right: 1px solid #eef0f3; display: flex; flex-direction: column; } .es-host-row[data-v-1ed439b9] { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; } .es-avatar[data-v-1ed439b9] { width: 36px; height: 36px; border-radius: 50%; background: #1e3a8a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0; } .es-host-name[data-v-1ed439b9] { font-size: 13px; color: #6b7280; font-weight: 600; } .es-event-title[data-v-1ed439b9] { font-size: 22px; font-weight: 700; color: #1a1a1a; margin-bottom: 18px; line-height: 1.3; } .es-meta-list[data-v-1ed439b9] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .es-meta-item[data-v-1ed439b9] { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #374151; } .es-meta-item i[data-v-1ed439b9] { width: 16px; margin-top: 2px; color: #6b7280; text-align: center; flex-shrink: 0; } .es-meta-item--text[data-v-1ed439b9] { color: #4b5563; line-height: 1.5; } .es-tz-section[data-v-1ed439b9] { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef0f3; } .es-tz-vselect[data-v-1ed439b9] { font-size: 14px; } .es-tz-vselect[data-v-1ed439b9] .vue-select { width: 100%; } .es-tz-vselect[data-v-1ed439b9] .control { border: none; background: transparent; min-height: unset; padding: 0; box-shadow: none; cursor: pointer; } .es-tz-vselect[data-v-1ed439b9] .value-container { padding: 0; } .es-tz-vselect[data-v-1ed439b9] .single-value { overflow: visible; } .es-tz-vselect[data-v-1ed439b9] .dropdown-icon { color: #6b7280; } .es-tz-vselect[data-v-1ed439b9] .vue-select.open .control { border: 1px solid #1d4ed8; border-radius: 6px; padding: 6px 10px; background: #fff; } .es-tz-value[data-v-1ed439b9] { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #1a1a1a; } .es-tz-value i[data-v-1ed439b9] { color: #4b5563; font-size: 13px; } .es-selected-slot-card[data-v-1ed439b9] { margin-top: 24px; padding: 14px; border-radius: 8px; background: #eff6ff; border: 1px solid #dbeafe; position: relative; } .es-back-arrow-btn[data-v-1ed439b9] { background: transparent; border: 1px solid #e5e7eb; border-radius: 50%; width: 30px; height: 30px; padding: 0; font-size: 13px; color: #374151; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; } .es-back-arrow-btn[data-v-1ed439b9]:hover { background: #f3f4f6; color: #1d4ed8; } .es-summary-row[data-v-1ed439b9] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #1f2937; font-weight: 600; margin-bottom: 6px; } .es-summary-row[data-v-1ed439b9]:last-child { margin-bottom: 0; } .es-summary-row i[data-v-1ed439b9] { width: 14px; text-align: center; color: #1d4ed8; } /* Combined calendar + time-slots section (middle) */ .es-panel--picker[data-v-1ed439b9] { flex: 0 1 auto; min-width: 0; display: flex; transition: flex-grow 0.4s ease; } .external-schedule-card--booking.is-wide .es-panel--picker[data-v-1ed439b9] { flex: 1 1 auto; } .es-picker-calendar[data-v-1ed439b9] { width: 390px; flex-shrink: 0; padding: 28px; } .es-panel-title[data-v-1ed439b9] { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 18px; } .es-calendar-header[data-v-1ed439b9] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .es-cal-month-label[data-v-1ed439b9] { font-size: 14px; font-weight: 600; color: #1a1a1a; } .es-cal-nav-btn[data-v-1ed439b9] { width: 30px; height: 30px; border-radius: 6px; border: none; background: transparent; color: #374151; cursor: pointer; display: flex; align-items: center; justify-content: center; } .es-cal-nav-btn[data-v-1ed439b9]:hover:not(:disabled) { background: #f3f4f6; } .es-cal-nav-btn[data-v-1ed439b9]:disabled { color: #d1d5db; cursor: default; } .es-calendar-weekdays[data-v-1ed439b9] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; margin-bottom: 6px; } .es-calendar-grid.is-refreshing[data-v-1ed439b9], .es-picker-slots.is-refreshing[data-v-1ed439b9] { opacity: 0.5; pointer-events: none; transition: opacity 0.12s ease; } .es-calendar-grid[data-v-1ed439b9] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .es-calendar-day[data-v-1ed439b9] { aspect-ratio: 1 / 1; border: none; background: transparent; border-radius: 50%; font-size: 13px; color: #d1d5db; cursor: default; display: flex; align-items: center; justify-content: center; } .es-calendar-day.is-other-month[data-v-1ed439b9] { visibility: hidden; } .es-calendar-day.is-available[data-v-1ed439b9] { color: #1d4ed8; font-weight: 600; cursor: pointer; } .es-calendar-day.is-available[data-v-1ed439b9]:hover { background: #dbeafe; } .es-calendar-day.is-full[data-v-1ed439b9] { color: #d1d5db; text-decoration: line-through; } .es-calendar-day.is-today[data-v-1ed439b9]:not(.is-selected) { box-shadow: inset 0 0 0 1px #9ca3af; } .es-calendar-day.is-selected[data-v-1ed439b9] { background: #1d4ed8; color: #fff; font-weight: 700; } /* Slots panel (right) */ .es-panel--details[data-v-1ed439b9] { flex: 1; min-width: 0; padding: 28px 28px; display: flex; flex-direction: column; } .es-picker-slots[data-v-1ed439b9] { flex: 0 0 0; width: 0; min-width: 0; padding: 0; overflow: hidden; opacity: 0; display: flex; flex-direction: column; transition: flex-basis 0.4s ease, opacity 0.3s ease; } .es-picker-slots.is-active[data-v-1ed439b9] { flex: 1 1 auto; width: auto; padding: 28px 0 28px 28px; opacity: 1; } .es-slots-inner[data-v-1ed439b9] { width: 100%; flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; transform: translateX(24px); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; } .es-picker-slots.is-active .es-slots-inner[data-v-1ed439b9] { transform: translateX(0); opacity: 1; transition-delay: 0.1s; } .es-slots-inner .es-panel-title[data-v-1ed439b9], .es-slots-empty[data-v-1ed439b9] { padding-right: 28px; } .es-slots-empty[data-v-1ed439b9] { color: #6b7280; font-size: 13.5px; margin-top: 8px; } .es-slots-scroll[data-v-1ed439b9] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; } .es-slots-scroll .es-slot-btn[data-v-1ed439b9] { margin-right: 16px; } .es-slot-btn[data-v-1ed439b9] { border: 1px solid #1d4ed8; color: #1d4ed8; background: #fff; border-radius: 6px; padding: 10px 14px; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.12s ease, color 0.12s ease; } .es-slot-btn[data-v-1ed439b9]:hover { background: #eff6ff; } .es-slot-btn.is-selected[data-v-1ed439b9] { background: #1d4ed8; color: #fff; } .es-next-btn[data-v-1ed439b9] { margin-top: 16px; margin-right: 28px; align-self: flex-start; padding: 10px 22px; } /* Confirmation panel */ .es-panel--confirm[data-v-1ed439b9] { flex: 1; padding: 28px 24px; display: flex; flex-direction: column; align-items: flex-start; } .es-confirm-icon[data-v-1ed439b9] { width: 40px; height: 40px; border-radius: 50%; background: #dcfce7; color: #15803d; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-bottom: 16px; } .es-confirm-title[data-v-1ed439b9] { font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 8px; } .es-confirm-sub[data-v-1ed439b9] { font-size: 14px; color: #4b5563; margin-bottom: 20px; } .es-confirm-summary[data-v-1ed439b9] { border-top: 1px solid #eef0f3; padding-top: 16px; width: 100%; } @media (max-width: 860px) { .external-schedule-card--booking[data-v-1ed439b9] { width: 100%; flex-direction: column; } .es-panel--info[data-v-1ed439b9], .es-panel--details[data-v-1ed439b9] { width: 100%; border-right: none; border-bottom: 1px solid #eef0f3; } .es-panel--picker[data-v-1ed439b9] { width: 100%; flex-direction: column; border-bottom: 1px solid #eef0f3; } .es-picker-calendar[data-v-1ed439b9] { width: 100%; } .es-picker-slots[data-v-1ed439b9] { width: 100%; height: 0; flex: 0 0 auto; padding: 0 28px; } .es-picker-slots.is-active[data-v-1ed439b9] { height: auto; max-height: 420px; padding: 28px; border-top: 1px solid #eef0f3; } .es-slots-inner[data-v-1ed439b9] { width: 100%; } .es-slots-scroll .es-slot-btn[data-v-1ed439b9] { margin-right: 0; } .es-next-btn[data-v-1ed439b9] { margin-right: 0; } } .ef-card[data-v-7d1e4584], .ef-card[data-v-7d1e4584] *, .ef-card[data-v-7d1e4584] *::before, .ef-card[data-v-7d1e4584] *::after { box-sizing: border-box; } .ef-card[data-v-7d1e4584] { font-family: inherit; font-size: 13px; line-height: 1.4; background: #fff; border: 1px solid #e3e3e3; border-radius: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); padding: 10px 12px; margin-bottom: 14px; overflow: visible; } .ef-row[data-v-7d1e4584] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ef-field[data-v-7d1e4584] { display: flex; min-width: 0; } .ef-search-wrap[data-v-7d1e4584] { position: relative; width: 100%; } .ef-search-icon[data-v-7d1e4584] { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #9ca3af; } .ef-search-input[data-v-7d1e4584] { width: 100%; height: 34px; padding: 0 10px 0 32px; border-radius: 6px; border: 1px solid #e3e3e3; background: #f8f9fa; font-family: inherit; font-size: 13px; font-weight: 400; color: #333; outline: none; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; } .ef-search-input[data-v-7d1e4584]::-moz-placeholder { color: #9ca3af; } .ef-search-input[data-v-7d1e4584]::placeholder { color: #9ca3af; } .ef-search-input[data-v-7d1e4584]:focus { border-color: #1e40af; background: #fff; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.18); } .ef-pill[data-v-7d1e4584] { display: flex; align-items: center; gap: 5px; height: 34px; padding: 0 12px; border-radius: 6px; border: 1px solid #e3e3e3; background: #f8f9fa; font-family: inherit; font-size: 13px; font-weight: 500; color: #333; cursor: pointer; white-space: nowrap; transition: border-color .15s ease, background .15s ease, color .15s ease; } .ef-pill[data-v-7d1e4584]:hover { border-color: #d1d5db; background: #fff; } .ef-pill-active[data-v-7d1e4584] { background: rgba(30, 58, 138, 0.1); border-color: rgba(30, 58, 138, 0.28); color: #1e3a8a; } .ef-chev[data-v-7d1e4584] { font-size: 9px; opacity: .6; transition: transform .15s ease; } .ef-pill-open .ef-chev[data-v-7d1e4584] { transform: rotate(180deg); } .ef-pill-count[data-v-7d1e4584] { background: #1e3a8a; color: #fff; font-size: 10px; font-weight: 600; border-radius: 999px; min-width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; padding: 0 4px; } .ef-trailing[data-v-7d1e4584] { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: 0 0 auto; } .ef-append[data-v-7d1e4584] { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; min-width: 0; } .ef-after-search[data-v-7d1e4584] { display: flex; align-items: center; gap: 8px; flex: 0 1 auto; min-width: 0; flex-wrap: wrap; } .ef-clear-link[data-v-7d1e4584] { font-family: inherit; font-size: 12.5px; font-weight: 500; color: #6b7280; background: none; border: none; cursor: pointer; padding: 6px 4px; display: flex; align-items: center; gap: 4px; transition: color .15s ease; } .ef-clear-link[data-v-7d1e4584]:hover { color: #dc2626; } .ef-popover-anchor[data-v-7d1e4584] { position: relative; } .ef-popover[data-v-7d1e4584] { position: absolute; top: calc(100% + 6px); left: 0; background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); padding: 12px; width: 220px; z-index: 20; } .ef-popover-wide[data-v-7d1e4584] { width: 280px; } .ef-popover-right[data-v-7d1e4584] { left: auto; right: 0; } .ef-popover-title[data-v-7d1e4584] { font-family: inherit; font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 8px; } .ef-popover-options[data-v-7d1e4584] { max-height: min(280px, 50vh); overflow-y: auto; margin: 0 -4px; padding: 0 4px; } .ef-popover-footer-options[data-v-7d1e4584] { margin-top: 6px; padding-top: 6px; border-top: 1px solid #eee; } .ef-option-row[data-v-7d1e4584] { display: flex; align-items: center; gap: 8px; padding: 5px 4px; border-radius: 6px; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 400; color: #333; min-width: 0; } .ef-option-row[data-v-7d1e4584]:hover { background: #f8f9fa; } .ef-option-row input[data-v-7d1e4584] { accent-color: #1e3a8a; width: 14px; height: 14px; flex: none; } .ef-option-label[data-v-7d1e4584] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ef-range-inputs[data-v-7d1e4584] { display: flex; align-items: center; gap: 6px; margin-top: 2px; } .ef-range-inputs input[data-v-7d1e4584] { width: 100%; min-width: 0; height: 32px; padding: 0 8px; border-radius: 6px; border: 1px solid #e3e3e3; font-family: inherit; font-size: 12px; color: #333; } .ef-range-inputs span[data-v-7d1e4584] { color: #9ca3af; font-size: 11px; flex: none; } .ef-range-inputs input[type="date"][data-v-7d1e4584] { padding: 0 6px; font-size: 12px; } .ef-range-inputs input[data-v-7d1e4584]:focus { outline: none; border-color: #1e40af; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.18); } .ef-popover-apply[data-v-7d1e4584] { margin-top: 10px; width: 100%; background: #1e3a8a; color: #fff; border: none; padding: 7px; border-radius: 6px; font-family: inherit; font-weight: 500; font-size: 12.5px; cursor: pointer; } .ef-popover-apply[data-v-7d1e4584]:hover { background: #1e293b; } .ef-chip-row[data-v-7d1e4584] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eef0f3; } .ef-chip[data-v-7d1e4584] { display: flex; align-items: center; gap: 5px; background: rgba(30, 58, 138, 0.1); color: #1e3a8a; font-family: inherit; font-size: 12px; font-weight: 500; padding: 3px 5px 3px 8px; border-radius: 999px; } .ef-chip button[data-v-7d1e4584] { background: rgba(30, 58, 138, .12); border: none; color: #1e3a8a; width: 15px; height: 15px; border-radius: 999px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 11px; line-height: 1; } .ef-chip button[data-v-7d1e4584]:hover { background: rgba(30, 58, 138, .22); } .ef-prepend[data-v-7d1e4584] { display: flex; flex: 0 1 auto; min-width: 0; } /* Slotted content (e.g. shift-scheduling-filter) may bring its own Bootstrap .row/.col-12 markup, which defaults to width:100%. Constrain it to content width so it shares the row instead of forcing a wrap. */ .ef-prepend[data-v-7d1e4584] .row { margin: 0; width: auto; } .ef-prepend[data-v-7d1e4584] .col-12 { flex: 0 0 auto; width: auto; padding: 0; } .ef-prepend[data-v-7d1e4584] .week-selector-container { margin-bottom: 0; } .ef-after-search[data-v-7d1e4584] .row { margin: 0; width: auto; } .ef-after-search[data-v-7d1e4584] .col-12 { flex: 0 0 auto; width: auto; padding: 0; } .employees-grid-region[data-v-15c9f338] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .employees-page-loading-block[data-v-15c9f338] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .employees-page-loading-spinner[data-v-15c9f338] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .employees-page-loading-label[data-v-15c9f338] { font-size: 0.95rem; } .dtp-footer[data-v-b4c4c068] { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-top: 1px solid #dee2e6; font-size: 13px; color: #44506a; gap: 16px; flex-wrap: wrap; } .dtp-per-page[data-v-b4c4c068] { display: flex; align-items: center; gap: 10px; } .dtp-select-wrap[data-v-b4c4c068] { position: relative; display: inline-flex; align-items: center; } .dtp-select[data-v-b4c4c068] { -moz-appearance: none; appearance: none; -webkit-appearance: none; border: 1px solid #dee2e6; border-radius: 6px; padding: 6px 28px 6px 10px; font-size: 13px; font-weight: 600; color: #44506a; background: #fff; cursor: pointer; } .dtp-select-caret[data-v-b4c4c068] { position: absolute; right: 10px; font-size: 10px; color: #9199b1; pointer-events: none; } .dtp-label[data-v-b4c4c068] { color: #74788d; } .dtp-right[data-v-b4c4c068] { display: flex; align-items: center; gap: 18px; } .dtp-range strong[data-v-b4c4c068] { color: #272b41; } .dtp-pagination[data-v-b4c4c068] { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; } .dtp-pagination a[data-v-b4c4c068] { display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 6px; border-radius: 6px; border: 1px solid #dee2e6; color: #44506a; font-size: 12.5px; font-weight: 600; text-decoration: none; } .dtp-pagination a i[data-v-b4c4c068] { font-size: 11px; } .dtp-pagination a[data-v-b4c4c068]:hover:not(.disabled) { background: rgba(0, 82, 204, 0.08); border-color: #0052cc; color: #0052cc; } .dtp-pagination a.disabled[data-v-b4c4c068] { color: #c6cbdb; cursor: default; pointer-events: none; } .dtp-page-of span[data-v-b4c4c068] { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 32px; font-weight: 700; color: #272b41; font-size: 12.5px; } .dt-wrapper[data-v-3df9197f] { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; overflow: hidden; } .dt-toolbar[data-v-3df9197f] { border-bottom: 1px solid #dee2e6; } .dt-scroll[data-v-3df9197f] { overflow-x: auto; } .dt-table[data-v-3df9197f] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; } .dt-table thead th[data-v-3df9197f] { background: #f8f9fa !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #44506a; height: 36px; padding: 0 12px; border-bottom: 1px solid #dee2e6; text-align: left; white-space: nowrap; } .dt-th.dt-sortable[data-v-3df9197f] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .dt-th-inner[data-v-3df9197f] { display: inline-flex; align-items: center; gap: 6px; } .dt-th-inner i[data-v-3df9197f] { font-size: 11px; } .dt-sort-muted[data-v-3df9197f] { color: #b6bcc9; } .dt-sort-active[data-v-3df9197f] { color: #0052cc; } .dt-align-right[data-v-3df9197f] { text-align: right; } .dt-align-center[data-v-3df9197f] { text-align: center; } .dt-table tbody td[data-v-3df9197f] { height: 40px; padding: 6px 12px; border-bottom: 1px solid #eef0f3; color: #44506a; vertical-align: middle; } .dt-row-clickable[data-v-3df9197f] { cursor: pointer; } /* * `!important` below is required: a legacy global stylesheet * (assets/css/table-white-border.css) pins `table th`, `table td`, and * `tr` backgrounds to white/gray with `!important`, which otherwise beats * any selector specificity these rules could have. It sets the background * on each `td` individually (not just `tr`), so the row-hover tint has to * be applied per-cell too — a `tr` background alone would be painted over. */ .dt-row[data-v-3df9197f]:hover { background: #eef0f2 !important; } .dt-row:hover .dt-td[data-v-3df9197f] { background: #eef0f2 !important; } .dt-th[data-v-3df9197f]:hover { background: #e4e7eb !important; } .dt-col-checkbox[data-v-3df9197f] { width: 36px; text-align: center; border-right: 1px solid #dee2e6; } .dt-col-fixed[data-v-3df9197f] { position: sticky; z-index: 1; background: #fff !important; } thead .dt-col-fixed[data-v-3df9197f], thead .dt-col-checkbox[data-v-3df9197f] { background: #f8f9fa !important; z-index: 2; } .dt-row:hover .dt-col-fixed[data-v-3df9197f], .dt-row:hover .dt-col-checkbox[data-v-3df9197f] { background: #eef0f2 !important; } .dt-col-fixed-edge.dt-col-fixed-left[data-v-3df9197f] { box-shadow: 4px 0 6px -4px rgba(0, 0, 0, 0.2); } .dt-col-fixed-edge.dt-col-fixed-right[data-v-3df9197f] { box-shadow: -4px 0 6px -4px rgba(0, 0, 0, 0.2); } .dt-checkbox[data-v-3df9197f] { width: 14px; height: 14px; accent-color: #0052cc; } .dt-state-cell[data-v-3df9197f] { height: 120px; text-align: center; color: #9199b1; font-size: 13.5px; } .dt-loading[data-v-3df9197f] { display: inline-flex; align-items: center; gap: 8px; color: #74788d; } .status-chip-wrap[data-v-b2a89a58] { display: inline-flex; } .status-chip[data-v-b2a89a58] { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 10px; border: none; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; color: #fff; cursor: pointer; } .status-chip[data-v-b2a89a58]:disabled { cursor: default; opacity: 0.85; } .status-chip i[data-v-b2a89a58] { font-size: 9px; opacity: 0.85; } .status-chip-menu[data-v-b2a89a58] { font-size: 13px; } .status-chip-dot[data-v-b2a89a58] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; } .employees-list-table-region[data-v-27e0482e] { width: 100%; box-sizing: border-box; } .employee-table[data-v-27e0482e] .dt-row { cursor: pointer; } /* Styling for designation column to prevent overflow */ .employee-table[data-v-27e0482e] .designation-cell { max-width: 150px; /* Adjust width as needed */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Styling for name column to allow text wrapping */ .employee-table[data-v-27e0482e] .name-cell { max-width: 150px; /* Adjust width as needed */ word-wrap: break-word; white-space: normal; line-height: 1.3; padding: 8px 0; } .employee-table[data-v-27e0482e] .name-cell.table-avatar { display: flex; align-items: center; } .employee-table[data-v-27e0482e] .name-cell.table-avatar a { white-space: normal; word-break: break-word; } /* Name is not a real link (row click already opens the employee) — render it as plain text, not default anchor blue that shifts color on hover. */ .employee-table[data-v-27e0482e] .name-cell.table-avatar a:not(.avatar), .employee-table[data-v-27e0482e] .name-cell.table-avatar a:not(.avatar):hover { color: #272b41; /* font-weight: 600; */ text-decoration: none; } .employee-table[data-v-27e0482e] .dropdown-action-cell { width: 80px; /* Fixed width for action column */ text-align: right; } /* Cursor styles */ .employee-table[data-v-27e0482e] .dropdown-item { cursor: pointer; } .badge-success[data-v-27e0482e] { background-color: #28a745; color: white; padding: 5px 12px; border-radius: 4px; font-size: 13px; font-weight: 500; } .badge-success i[data-v-27e0482e] { margin-right: 5px; } .workspace-breadcrumb[data-v-f2384b66] { display: flex; align-items: center; margin: 0 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; min-width: 0; flex: 1 1 auto; overflow: hidden; white-space: nowrap; } .workspace-breadcrumb .page-title-link[data-v-f2384b66] { color: #6b7280; font-weight: 500; text-decoration: none; } .workspace-breadcrumb .page-title-link[data-v-f2384b66]:hover { color: #374151; text-decoration: underline; } .workspace-breadcrumb .page-title-separator[data-v-f2384b66] { color: #9ca3af; margin: 0 6px; font-weight: 400; } .workspace-breadcrumb .page-title-current[data-v-f2384b66] { color: #1e3a8a; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .project-view-topbar[data-v-c7509750] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--workspace-chrome-rail-height, 46px); height: var(--workspace-chrome-rail-height, 46px); padding: 0 14px; box-sizing: border-box; border-bottom: 1px solid #e5e7eb; background: #fff; } .project-view-topbar[data-v-c7509750] .project-view-topbar__title { margin: 0 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; color: inherit; min-width: 0; flex: 1 1 auto; } .project-view-topbar[data-v-c7509750] .page-title-link { color: #6b7280; font-weight: 500; text-decoration: none; } .project-view-topbar[data-v-c7509750] .page-title-link:hover { color: #374151; text-decoration: underline; } .project-view-topbar[data-v-c7509750] .page-title-separator { color: #9ca3af; margin: 0 6px; font-weight: 400; } .project-view-topbar[data-v-c7509750] .page-title-current { color: #1e3a8a; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .project-view-topbar__center[data-v-c7509750] { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; overflow: hidden; } .project-view-topbar__actions[data-v-c7509750] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } /* Public class for slotted icon actions — same 30×30 navy buttons as project view. */ .project-view-topbar__btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 1px solid #1e3a8a; border-radius: 6px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: #ffffff; font-size: 12px; line-height: 1; text-decoration: none; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .project-view-topbar__btn:hover:not(.disabled):not(:disabled) { background: linear-gradient(to right, #1e293b 0%, #1e3a8a 100%); border-color: #1e293b; color: #ffffff; } .project-view-topbar__btn.disabled, .project-view-topbar__btn[aria-disabled="true"], .project-view-topbar__btn:disabled { opacity: 0.45; pointer-events: none; cursor: not-allowed; } .project-view-topbar__btn--toggle { background: #fff; border-color: #e5e7eb; color: #9ca3af; } .project-view-topbar__btn--toggle:hover:not(.disabled):not(:disabled):not(.active) { background: #f9fafb; border-color: #d1d5db; color: #374151; } .project-view-topbar__btn--toggle.active { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); border-color: #1e3a8a; color: #ffffff; } .holidays-table-region[data-v-5ed7a09f] { width: 100%; box-sizing: border-box; } .leaves-admin-table-region[data-v-7341c71e] { width: 100%; box-sizing: border-box; } /* .table-avatar's real styling lives under the `.ant-table` ancestor selector in the global stylesheet — it no longer applies now that this table isn't an , so restate the essentials locally. */ .leaves-table[data-v-7341c71e] .table-avatar { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } .leaves-table[data-v-7341c71e] .table-avatar span { color: #888888; display: block; font-size: 13px; margin-top: 2px; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .leaves-admin-page-loading-block[data-v-7341c71e] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .leaves-admin-page-loading-spinner[data-v-7341c71e] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .leaves-admin-page-loading-label[data-v-7341c71e] { font-size: 0.95rem; } .reason-cell[data-v-7341c71e] { display: flex; justify-content: space-between; align-items: center; width: 100%; } .reason-text[data-v-7341c71e] { flex: 1; margin-right: 10px; } .view-btn[data-v-7341c71e] { display: flex; align-items: center; color: #6391c3; font-size: 14px; text-decoration: none; margin-left: auto; /* This pushes the button to the right */ } .view-btn i[data-v-7341c71e] { margin: 0; } .view-btn[data-v-7341c71e]:hover { color: #6a98c9; } .showentries label[data-v-7341c71e] { color: #6c757d; font-size: 14px; font-weight: 500; } .table-footer-controls[data-v-7341c71e] { width: 100%; min-height: 64px; padding: 12px !important; background-color: #f8f9fa; border-top: 1px solid #e9ecef; gap: 16px; overflow: visible !important; } .table-footer-page-size[data-v-7341c71e], .table-footer-pagination[data-v-7341c71e] { flex: 0 0 auto; } .table-footer-page-size label[data-v-7341c71e] { margin-bottom: 0; color: #6c757d; font-size: 14px; font-weight: 600; line-height: 1; } .table-footer-per-page-select[data-v-7341c71e] { width: 72px; min-width: 72px; } .table-footer-per-page-select[data-v-7341c71e] .vs__dropdown-toggle { min-height: 38px; padding: 0 8px; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; } .table-footer-per-page-select[data-v-7341c71e] .vs__selected-options { flex-wrap: nowrap; padding: 0; } .table-footer-per-page-select[data-v-7341c71e] .vs__selected { margin: 0; padding: 0; color: #000000; font-size: 13px; font-weight: 600; line-height: 36px; } .table-footer-per-page-select[data-v-7341c71e] .vs__actions { padding: 0; } .custom-select[data-v-7341c71e] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-7341c71e]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-7341c71e] { font-weight: 500; font-size: 14px; white-space: nowrap; } .pagination-sm .page-link[data-v-7341c71e] { min-width: 32px; height: 32px; padding: 0.375rem 0.55rem; color: #000000; font-size: 0.875rem; line-height: 1.25; text-align: center; background-color: #ffffff; border-color: #dee2e6; } .pagination-sm .page-item.active .page-link[data-v-7341c71e] { color: #ffffff; background-color: #1f3f95; border-color: #1f3f95; } .pagination-sm .page-item.disabled .page-link[data-v-7341c71e] { color: #6c757d; background-color: #ffffff; } @media (max-width: 767.98px) { .table-footer-controls[data-v-7341c71e] { flex-direction: column; align-items: stretch !important; } .table-footer-pagination[data-v-7341c71e] { justify-content: space-between; width: 100%; } } .approaved[data-v-70c0ab5e]{ cursor: no-drop; pointer-events: none; } .leaves-employee-table-region[data-v-70c0ab5e] { width: 100%; box-sizing: border-box; } /* .table-avatar's real styling lives under the `.ant-table` ancestor selector in the global stylesheet — it no longer applies now that this table isn't an , so restate the essentials locally. */ .leaves-table[data-v-70c0ab5e] .table-avatar { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } .leaves-table[data-v-70c0ab5e] .table-avatar span { color: #888888; display: block; font-size: 13px; margin-top: 2px; } .leave-settings-region[data-v-4a801d0a] { width: 100%; box-sizing: border-box; } .dt-onoffswitch[data-v-4a801d0a] { margin-left: 0; } .attendance-admin-table-region[data-v-10ad6802] { width: 100%; box-sizing: border-box; } .avatar img[data-v-10ad6802] { width: 30px; /* Adjust size as needed */ height: 30px; /* Adjust size as needed */ border-radius: 50%; display: block; /* Remove extra space below the image */ } .tooltip-wrapper[data-v-10ad6802] { position: relative; display: inline-block; } .tooltip-wrapper .tooltip-text[data-v-10ad6802] { visibility: hidden; background-color: black; color: #fff; text-align: center; padding: 10px; border-radius: 10%; position: absolute; z-index: 1; bottom: 125%; /* Position above the icon */ left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; bottom: 125%; /* Position above the icon */ left: 10%; margin-left: -10px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } .tooltip-wrapper:hover .tooltip-text[data-v-10ad6802] { visibility: visible; opacity: 1; } .table-avatar[data-v-10ad6802] { display: flex; align-items: center; /* Vertically center the items */ gap: 4px; /* Space between the avatar and the name */ } .avatar[data-v-10ad6802] { display: flex; /* Ensure the image is centered within the avatar container */ } .avatar img[data-v-10ad6802] { display: block; /* Remove extra space below the image */ } .icon-combo[data-v-10ad6802] { position: relative; } .icon-combo .fa-check-circle[data-v-10ad6802] { font-size: 24px; position: absolute; top: 0; left: 0; } .icon-combo .fa-clock[data-v-10ad6802] { font-size: 12px; position: absolute; bottom: 0; right: -5px; color: #5A5A5A; } .attendance-cell[data-v-10ad6802] { width: 10px; /* Adjust this value as needed */ text-align: center; /* Center align text/icons */ vertical-align: middle; /* Center content vertically */ } .clear-btn[data-v-103b433f] { position: absolute; top: 50%; right: 40px; /* Move clear button to the left to avoid overlap */ transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ } .custom-table tbody tr td[data-v-103b433f]:last-child, .custom-table tbody tr td[data-v-103b433f]:nth-last-child(2), .custom-table tbody tr td[data-v-103b433f]:nth-last-child(3) { text-align: right; } .custom-table[data-v-103b433f] { width: 100%; table-layout: fixed; border-collapse: collapse; } .icon-only-datepicker[data-v-103b433f] { display: none !important; /* Hides only the input for this specific datepicker */ } .week-submit-indicator[data-v-103b433f] { margin-top: 10px; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; } .indicator-red[data-v-103b433f] { color: red; } .indicator-green[data-v-103b433f] { color: green; } /* Style the calendar icon */ .datepicker-icon[data-v-103b433f] { font-size: 24px; cursor: pointer; color: #333; } /* Navigation Bar Styling */ .modal-footer-1[data-v-103b433f] { display: flex; justify-content: flex-end; /* Align buttons to the right */ gap: 15px; /* Add spacing between buttons */ margin-top: 20px; } .no-task-message[data-v-103b433f] { display: flex; justify-content: center; /* Centers horizontally */ align-items: center; /* Centers vertically */ margin: 0; /* Removes default margin */ padding: 0; /* Removes default padding */ text-align: center; /* Centers the text */ font-size: 1.2em; /* Optional: Adjust font size */ color: #888; /* Optional: Adjust text color */ } .task-buttons[data-v-103b433f] { white-space: nowrap; } .btn-danger-modified[data-v-103b433f] { background-color: #dc3545; border: none; padding: 10px 15px; border-radius: 5px; font-size: 14px; color: white; cursor: pointer; } .btn-danger-modified[data-v-103b433f]:hover { background-color: #bd2130; /* Darker red on hover */ } .btn-primary-modified[data-v-103b433f] { background-color: #667eea; border: none; padding: 10px 15px; border-radius: 5px; font-size: 14px; color: white; cursor: pointer; } .navigation-bar[data-v-103b433f] { display: flex; align-items: center; margin-bottom: 20px; } /* Button container to manage spacing */ /* Edit Button Styling */ /* Modern Timesheet Table Styles */ .task-row[data-v-103b433f] { border-bottom: 1px solid #e9ecef; } .task-info-cell[data-v-103b433f] { width: 40%; padding: 12px 16px; } .time-range-cell[data-v-103b433f] { width: 20%; padding: 12px 16px; } .duration-cell[data-v-103b433f] { width: 20%; padding: 12px 16px; } .actions-cell[data-v-103b433f] { width: 20%; } .task-info[data-v-103b433f] { display: flex; flex-direction: column; gap: 4px; } .project-name[data-v-103b433f] { font-weight: 600; color: #2c3e50; font-size: 14px; } .task-name[data-v-103b433f] { color: #6c757d; font-size: 13px; } .time-range[data-v-103b433f] { font-size: 13px; color: #495057; font-family: 'Courier New', monospace; } .clock-container[data-v-103b433f] { display: flex; align-items: center; gap: 8px; } .running-indicator[data-v-103b433f] { color: #28a745; animation: pulse-103b433f 2s infinite; } .duration-text[data-v-103b433f] { font-size: 13px; color: #495057; font-family: 'Courier New', monospace; font-weight: 500; } .task-actions[data-v-103b433f] { display: flex; gap: 6px; justify-content: flex-start; } /* Compact Button Styles */ .btn-start-compact[data-v-103b433f], .btn-stop-compact[data-v-103b433f], .btn-edit-compact[data-v-103b433f], .btn-delete-compact[data-v-103b433f] { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; font-size: 12px; font-weight: 500; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; text-decoration: none; min-width: 60px; justify-content: center; } .btn-start-compact[data-v-103b433f] { background-color: #28a745; color: white; } .btn-start-compact[data-v-103b433f]:hover { background-color: #218838; transform: translateY(-1px); } .btn-stop-compact[data-v-103b433f] { background-color: #dc3545; color: white; } .btn-stop-compact[data-v-103b433f]:hover { background-color: #c82333; transform: translateY(-1px); } .btn-edit-compact[data-v-103b433f] { background-color: #6c757d; color: white; } .btn-edit-compact[data-v-103b433f]:hover { background-color: #5a6268; transform: translateY(-1px); } .btn-delete-compact[data-v-103b433f] { background-color: #dc3545; color: white; } .btn-delete-compact[data-v-103b433f]:hover { background-color: #c82333; transform: translateY(-1px); } /* Total Row Styling */ .total-row[data-v-103b433f] { background-color: #f8f9fa; border-top: 2px solid #dee2e6; } .total-label[data-v-103b433f] { font-weight: 600; color: #495057; font-size: 14px; } .total-value[data-v-103b433f] { font-weight: 600; color: #28a745; font-size: 14px; } /* No Task Message Styling */ .no-task-message[data-v-103b433f] { text-align: center; padding: 40px 20px; background-color: #f8f9fa; border-radius: 8px; border: 2px dashed #dee2e6; } .no-task-content[data-v-103b433f] { display: flex; flex-direction: column; align-items: center; gap: 16px; } .no-task-icon[data-v-103b433f] { font-size: 48px; color: #6c757d; } .no-task-text[data-v-103b433f] { color: #6c757d; font-size: 16px; margin: 0; } /* Submit Week Button Styling */ .submit-week-container[data-v-103b433f] { margin-top: 24px; text-align: center; } .btn-submit-week[data-v-103b433f] { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; border-radius: 6px; border: none; background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: white; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3); } .btn-submit-week[data-v-103b433f]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4); background: linear-gradient(135deg, #218838 0%, #1ea085 100%); } .btn-submit-week[data-v-103b433f]:disabled { background: #6c757d; cursor: not-allowed; transform: none; box-shadow: none; } /* Top Controls Section Styling */ .stats-row[data-v-103b433f] { margin-top: 20px; } /* Top Navigation and Date Picker Improvements */ .top-navigation-bar[data-v-103b433f] { display: flex; align-items: center; margin-bottom: 16px; padding: 12px 0; } .navigation-bar[data-v-103b433f] { display: flex; align-items: center; margin-bottom: 16px; padding: 12px 0; } .arrow-btn[data-v-103b433f]:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .compact-datepicker[data-v-103b433f] { height: 40px; font-size: 14px; } /* Weekly Tabs Improvements */ .weekly-tabs-wrapper[data-v-103b433f] { margin-bottom: 16px; } .weekly-tabs[data-v-103b433f] { display: flex; justify-content: space-between; padding: 0; border-bottom: 1px solid #e9ecef; background-color: #ffffff; border-radius: 6px 6px 0 0; overflow: visible; } .nav-tabs .nav-item[data-v-103b433f] { flex: 1; text-align: center; } .nav-tabs .nav-link[data-v-103b433f] { border: none; border-radius: 0; padding: 12px 8px; font-size: 13px; font-weight: 500; color: #6c757d; background-color: transparent; transition: all 0.2s ease; position: relative; margin-bottom: -1px; z-index: 1; box-shadow: none; } .nav-tabs .nav-link[data-v-103b433f]:hover { background-color: #f8f9fa; color: #495057; } .nav-tabs .nav-link.active[data-v-103b433f] { background-color: transparent; color: #667eea; border: none; box-shadow: inset 0 -2px 0 #667eea; z-index: 2; } .nav-tabs .nav-link.active[data-v-103b433f]::after { content: none; } .nav-tabs .nav-link.disabled[data-v-103b433f] { opacity: 0.5; cursor: not-allowed; } /* Animations */ @keyframes pulse-103b433f { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } /* Responsive Design */ @media (max-width: 768px) { .task-actions[data-v-103b433f] { flex-direction: column; gap: 4px; } .btn-start-compact[data-v-103b433f], .btn-stop-compact[data-v-103b433f], .btn-edit-compact[data-v-103b433f] { width: 100%; justify-content: center; } .navigation-bar[data-v-103b433f] { flex-direction: column; gap: 12px; } .weekly-tabs .nav-link[data-v-103b433f] { font-size: 12px; padding: 8px 4px; } } .arrow-btn[data-v-103b433f] { border-color: #ddd; border-radius: 6px; border-style: solid; background-color: #f5f5f5; color: #333; font-size: 18px; cursor: pointer; padding: 5px 10px; height: 44px; width: 44px; text-align: center; } .arrow-btn[data-v-103b433f]:hover { background-color: #ddd; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .attendance-employee-page-loading-block[data-v-103b433f] { min-height: 200px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; margin-top: 12px; } .attendance-employee-page-loading-spinner[data-v-103b433f] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .attendance-employee-page-loading-label[data-v-103b433f] { font-size: 0.95rem; } .select-loading-wrapper[data-v-103b433f] { position: relative; } .select-loading-overlay[data-v-103b433f] { position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; color: #495057; border-radius: 6px; pointer-events: none; } .selected-date[data-v-103b433f] { font-size: 16px; font-weight: 500; margin-left: 10px; /* Add spacing between buttons and date */ } /* Weekly Tabs Styling */ .weekly-tabs-wrapper[data-v-103b433f] { margin-bottom: 20px; } .weekly-tabs[data-v-103b433f] { display: flex; justify-content: space-between; padding: 0; border-bottom: 1px solid #ddd; } .nav-tabs .nav-item[data-v-103b433f] { flex: 1; text-align: center; } .nav-tabs .nav-link[data-v-103b433f] { border: none; border-radius: 0; margin-bottom: -1px; position: relative; z-index: 1; box-shadow: none; } .nav-tabs .nav-link.active[data-v-103b433f] { border-radius: 0px; border: none; background-color: transparent; color: #667eea; box-shadow: inset 0 -2px 0 #667eea; z-index: 2; } .daily-task-view[data-v-103b433f] { margin-top: 20px; } .table[data-v-103b433f] { width: 100%; border-collapse: collapse; } .submit-week-container[data-v-103b433f] { margin-top: 20px; /* Adds space above the button */ text-align: center; /* Centers the button */ } .submit-week-container .btn[data-v-103b433f] { width: auto; /* Adjust button width to match page content */ padding: 10px 20px; /* Ensure padding matches other buttons on the page */ } .submit-week-for-approval[data-v-103b433f] { margin-top: 20px; text-align: center; } .submit-week-for-approval .btn[data-v-103b433f] { width: 100%; font-size: 16px; padding: 10px; } .table th[data-v-103b433f], .table td[data-v-103b433f] { /* padding: 5px; */ text-align: left; border-bottom: 1px solid #ddd; } .edit-task-content[data-v-103b433f] { display: flex; flex-direction: column; gap: 16px; } .form-group[data-v-103b433f] { display: flex; flex-direction: column; gap: 6px; } .form-label[data-v-103b433f] { font-weight: 600; font-size: 13px; color: #495057; margin-bottom: 0; } .form-input[data-v-103b433f] { padding: 8px 12px; border: 1px solid #ced4da; border-radius: 6px; font-size: 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .form-input[data-v-103b433f]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } .time-picker[data-v-103b433f] { width: 100%; } .time-picker .ant-picker[data-v-103b433f] { width: 100%; height: 40px; } /* Modal Footer Improvements */ .modal-footer-1[data-v-103b433f] { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding-top: 16px; border-top: 1px solid #e9ecef; } .btn-danger-modified[data-v-103b433f] { background-color: #dc3545; color: white; border: none; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .btn-danger-modified[data-v-103b433f]:hover { background-color: #c82333; transform: translateY(-1px); } .btn-primary-modified[data-v-103b433f] { background-color: #667eea; color: white; border: none; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .btn-primary-modified[data-v-103b433f]:hover { background-color: #5a67d8; transform: translateY(-1px); } .btn-primary-modified[data-v-103b433f]:disabled { background-color: #6c757d; cursor: not-allowed; transform: none; } .delete-section[data-v-103b433f] { text-align: right; } .delete-button[data-v-103b433f] { background-color: #dc3545; /* Red background for delete button */ color: white; padding: 8px 15px; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; } .delete-button[data-v-103b433f]:hover { background-color: #bd2130; /* Darker red on hover */ } .table th[data-v-103b433f] { background-color: #f5f5f5; font-weight: bold; } .table .text-end[data-v-103b433f] { text-align: right; } .btn-sm[data-v-103b433f] { padding: 5px 10px; font-size: 12px; } .clock-container[data-v-103b433f] { display: flex; align-items: center; gap: 10px; /* Space between clock and text */ } .red-clock[data-v-103b433f] { width: 20px; height: 20px; background-color: white; /* Light red clock face */ border: 2px solid black; /* Clock border */ border-radius: 50%; /* Circular shape */ position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; /* Ensures no overflow outside the clock's bounds */ } .hour-hand[data-v-103b433f], .minute-hand[data-v-103b433f] { position: absolute; background-color: black; transform-origin: center bottom; /* Anchor at the bottom center */ border-radius: 1px; } .hour-hand[data-v-103b433f] { width: 2px; height: 8px; /* Adjust for hour hand size to fit within 20px */ } .minute-hand[data-v-103b433f] { width: 1px; height: 10px; /* Adjust for minute hand size to fit within 20px */ } @keyframes rotate-hour-103b433f { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-minute-103b433f { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .departments-table-region[data-v-76a6c39c] { width: 100%; box-sizing: border-box; } .designations-table-region[data-v-428caa67] { width: 100%; box-sizing: border-box; } /* Fade the background modal when discard modal is open */ .modal.faded[data-v-383e2a1d] { opacity: 0.3; pointer-events: none; } .modal.faded .modal-dialog[data-v-383e2a1d] { transform: scale(0.98); transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .shift-list-table-region[data-v-8f9fc77e] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .shift-list-page-loading-block[data-v-8f9fc77e] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .shift-list-page-loading-spinner[data-v-8f9fc77e] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .shift-list-page-loading-label[data-v-8f9fc77e] { font-size: 0.95rem; } /* Table cell size and word wrap */ .custom-table-shifts th[data-v-8f9fc77e], .custom-table-shifts td[data-v-8f9fc77e] { width: 180px; /* Set fixed width for all columns */ max-width: 200px; word-wrap: break-word; /* Ensures long words break into the next line */ white-space: normal !important; /* Allows multi-line text */ overflow-wrap: break-word; /* Ensures words do not overflow */ text-align: center; /* Centers text in cells */ } /* Center column headers */ .custom-table-shifts thead th[data-v-8f9fc77e] { text-align: center !important; vertical-align: middle; } /* Ensure table layout remains fixed */ .custom-table-shifts[data-v-8f9fc77e] { table-layout: fixed; } .showentries label[data-v-8f9fc77e] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-8f9fc77e] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-8f9fc77e]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-8f9fc77e] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-8f9fc77e] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .shift-scheduling-table-region { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .shift-scheduling-page-loading-block { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .shift-scheduling-page-loading-spinner { display: flex; flex-direction: column; align-items: center; justify-content: center; } .shift-scheduling-page-loading-label { font-size: 0.95rem; } .ant-table .ant-table-tbody tr td h2 { white-space: normal; } .space-right { margin-right: 10px; /* Adjust as needed */ } .userrole-info p { display: inline; margin: 0; } /* Ensure each cell is properly aligned */ .user-add-shedule-list { display: flex; justify-content: center; /* Horizontally center */ align-items: center; /* Vertically center */ height: 100%; } /* Style the plus button container */ .plus-button-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } /* Properly center the plus button */ .plus-button { display: flex; justify-content: center; align-items: center; width: 20px; /* Adjust button size */ height: 20px; /* border-radius: 50%; */ color: white; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.3s ease-in-out; } /* Ensure icon inside button is properly aligned */ .plus-button i { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .showentries label { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info { font-weight: 500; font-size: 14px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .week-selector-container[data-v-1169a5f4] { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 8px 16px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 12px; border: 1px solid #dee2e6; margin-bottom: 16px; } .week-navigation[data-v-1169a5f4] { display: flex; align-items: center; gap: 8px; } .nav-btn[data-v-1169a5f4] { display: flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid #ced4da; background: white; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; font-weight: 500; color: #495057; min-width: 40px; height: 40px; } .nav-btn[data-v-1169a5f4]:hover { background: #007bff; color: white; border-color: #007bff; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3); } .nav-btn[data-v-1169a5f4]:active { transform: translateY(0); } .prev-btn[data-v-1169a5f4], .next-btn[data-v-1169a5f4] { min-width: 40px; padding: 8px; } .today-btn[data-v-1169a5f4] { display: flex; align-items: center; gap: 6px; padding: 8px 16px; min-width: auto; white-space: nowrap; } .week-display[data-v-1169a5f4] { display: flex; align-items: center; gap: 16px; flex: 1; justify-content: center; } .week-range[data-v-1169a5f4] { display: flex; flex-direction: row; align-items: center; gap: 8px; } .week-label[data-v-1169a5f4] { font-size: 12px; color: #6c757d; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .week-dates[data-v-1169a5f4] { font-size: 20px; font-weight: 700; color: #212529; text-align: center; } .week-picker-container[data-v-1169a5f4] { position: relative; } .week-picker-btn[data-v-1169a5f4] { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: white; border: 2px solid #007bff; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; font-weight: 500; color: #007bff; min-width: 140px; justify-content: center; } .week-picker-btn[data-v-1169a5f4]:hover { background: #007bff; color: white; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } .week-picker-btn.active[data-v-1169a5f4] { background: #007bff; color: white; box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } .week-picker-btn[data-v-1169a5f4]:active { transform: translateY(0); } .week-picker-btn i[data-v-1169a5f4] { font-size: 16px; } .date-picker-dropdown[data-v-1169a5f4] { position: absolute; top: 100%; left: 0; right: 0; z-index: 9999; background: white; border: 1px solid #dee2e6; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); margin-top: 4px; min-width: 280px; } .date-picker-header[data-v-1169a5f4] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #dee2e6; background: #f8f9fa; border-radius: 8px 8px 0 0; } .date-picker-header h6[data-v-1169a5f4] { margin: 0; font-weight: 600; color: #495057; } .close-btn[data-v-1169a5f4] { background: none; border: none; color: #6c757d; cursor: pointer; padding: 4px; border-radius: 4px; transition: all 0.2s ease; } .close-btn[data-v-1169a5f4]:hover { background: #e9ecef; color: #495057; } /* Responsive design */ @media (max-width: 768px) { .week-selector-container[data-v-1169a5f4] { flex-direction: column; gap: 16px; padding: 12px 16px; } .week-display[data-v-1169a5f4] { flex-direction: column; gap: 12px; } .week-navigation[data-v-1169a5f4] { order: 2; } .week-display[data-v-1169a5f4] { order: 1; } .week-dates[data-v-1169a5f4] { font-size: 18px; } .nav-btn[data-v-1169a5f4] { padding: 6px 10px; font-size: 12px; } .today-btn[data-v-1169a5f4] { padding: 6px 12px; } } /* Animation for dropdown */ .date-picker-dropdown[data-v-1169a5f4] { animation: slideDown-1169a5f4 0.2s ease-out; } @keyframes slideDown-1169a5f4 { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Custom styling for VueDatePicker */ .date-picker-dropdown[data-v-1169a5f4] .dp__main { border: none; box-shadow: none; } .date-picker-dropdown[data-v-1169a5f4] .dp__input { display: none !important; } .date-picker-dropdown[data-v-1169a5f4] .dp__calendar { border: none; box-shadow: none; min-width: 280px; min-height: 300px; } .date-picker-dropdown[data-v-1169a5f4] .dp__calendar_header { padding: 8px; } .date-picker-dropdown[data-v-1169a5f4] .dp__calendar_grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: 8px; } .date-picker-dropdown[data-v-1169a5f4] .dp__cell_inner { padding: 8px; text-align: center; border-radius: 4px; cursor: pointer; } .date-picker-dropdown[data-v-1169a5f4] .dp__cell_inner:hover { background-color: #e3f2fd; } .date-picker-dropdown[data-v-1169a5f4] .dp__active_date { background-color: #007bff !important; color: white !important; } /* Custom Calendar Styles */ .custom-week-picker[data-v-1169a5f4] { padding: 16px; } .calendar-header[data-v-1169a5f4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .month-year[data-v-1169a5f4] { font-weight: 600; font-size: 16px; color: #495057; } .calendar-grid[data-v-1169a5f4] { display: flex; flex-direction: column; gap: 8px; } .weekdays[data-v-1169a5f4] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .weekday[data-v-1169a5f4] { text-align: center; font-weight: 600; font-size: 12px; color: #6c757d; padding: 8px 4px; } .days[data-v-1169a5f4] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .day[data-v-1169a5f4] { display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s ease; border: 1px solid transparent; } .day[data-v-1169a5f4]:hover { background-color: #e3f2fd; border-color: #007bff; } .day.other-month[data-v-1169a5f4] { color: #adb5bd; cursor: not-allowed; } .day.today[data-v-1169a5f4] { background-color: #fff3cd; border-color: #ffc107; color: #856404; } .day.selected[data-v-1169a5f4] { background-color: #007bff; color: white; border-color: #007bff; } .day.selected[data-v-1169a5f4]:hover { background-color: #0056b3; } .date-picker-dropdown[data-v-1169a5f4] .dp__input_wrap { display: none !important; } .date-picker-dropdown[data-v-1169a5f4] .dp__input_icon { display: none !important; } /* FilterBar renders the #prepend slot before its fields in the DOM; reorder visually here (via flex `order`) so Department shows first without touching FilterBar's own markup order. */ .schedule-filter-bar .ef-prepend { order: 2; } /* Clear-all is the last item in the DOM (order 0 by default), which puts it before the reordered week nav. Push it past the week nav so it sits at the very end of the row. */ .schedule-filter-bar .ef-clear-link { order: 3; } /* shift-scheduling-filter brings its own boxed look (gradient background, border, padding), which makes it taller than the Department pill and reads as a separate card. Strip the chrome so it sits flush in the row at the same height. Selector uses two classes on FilterBar's own root (.ef-card.schedule-filter-bar) to out-specificity the component's scoped .week-selector-container rule without !important. */ .ef-card.schedule-filter-bar .week-selector-container { margin-bottom: 0; padding: 0; gap: 10px; background: none; border: none; border-radius: 0; } /* FilterBar's .ef-chip styling is scoped to FilterBar.vue and won't reach content passed through the #extra-chips slot, so this mirrors it for the week chip. */ .schedule-filter-bar .week-chip { display: flex; align-items: center; gap: 5px; background: rgba(30, 58, 138, 0.1); color: #1e3a8a; font-size: 12px; font-weight: 500; padding: 3px 5px 3px 8px; border-radius: 999px; } .schedule-filter-bar .week-chip button { background: rgba(30, 58, 138, .12); border: none; color: #1e3a8a; width: 15px; height: 15px; border-radius: 999px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 11px; line-height: 1; } .schedule-filter-bar .week-chip button:hover { background: rgba(30, 58, 138, .22); } .schedule-tab-table-region { width: 100%; box-sizing: border-box; } .ant-table .ant-table-tbody tr td h2 { white-space: normal; } .userrole-info p { display: inline; margin: 0; } .ant-table-wrapper { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } .user-add-shedule-list { display: flex; justify-content: center; align-items: center; height: 100%; } .shift-content { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 8px; } .shift-info { flex: 1; display: flex; flex-direction: column; } .shift-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .action-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 3px; transition: all 0.2s ease; font-size: 12px; text-decoration: none; } .delete-btn { color: #dc3545; background-color: rgba(220, 53, 69, 0.1); } .delete-btn:hover { background-color: rgba(220, 53, 69, 0.2); transform: scale(1.1); } .warning-btn { color: #ffc107; background-color: rgba(255, 193, 7, 0.1); } .warning-btn:hover { background-color: rgba(255, 193, 7, 0.2); transform: scale(1.1); } .plus-button-container { display: flex; justify-content: center; align-items: center; } .plus-button { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; color: white; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.3s ease-in-out; } .plus-button i { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .showentries label { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info { font-weight: 500; font-size: 14px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .shift-list-content-table-region[data-v-006a558f] { width: 100%; box-sizing: border-box; } .m-r-5[data-v-006a558f] { margin-right: 5px; } .availability-rename-form[data-v-b28bcdba] .fb-actions { display: none; } .availability-form-panel[data-v-b28bcdba] { display: flex; flex-direction: column; height: auto; } .availability-panel-header[data-v-b28bcdba] { display: flex; align-items: center; gap: 10px; padding: 1rem 1.5rem; background-color: #2E3192; } .availability-panel-close[data-v-b28bcdba] { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: white; opacity: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .availability-panel-close[data-v-b28bcdba]:hover { background: transparent; color: white; opacity: 0.75; } .availability-panel-title[data-v-b28bcdba] { font-size: 1.25rem; font-weight: 500; color: white; margin: 0; flex: 1; } .availability-form-body[data-v-b28bcdba] { display: flex; flex-direction: column; } .availability-form-scroll[data-v-b28bcdba] { padding: 20px 24px; } .availability-form-footer[data-v-b28bcdba] { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid #e5e7eb; background: #fff; } .modal.show[data-v-6362b46e] { background-color: rgba(0, 0, 0, 0.5); } .availability-tab-table-region { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .availability-tab-page-loading-block { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .availability-tab-page-loading-spinner { display: flex; flex-direction: column; align-items: center; justify-content: center; } .availability-tab-page-loading-label { font-size: 0.95rem; } .availability-cell-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .availability-chip-list { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; } .availability-chip { border: 1px dashed #007bff; background: rgba(0, 123, 255, 0.08); color: #0d6efd; border-radius: 20px; padding: 4px 12px; font-size: 12.5px; cursor: pointer; } .availability-chip:hover { background: rgba(0, 123, 255, 0.16); } .availability-chip.is-default { border-style: solid; font-weight: 600; } .pagination-info { font-weight: 500; font-size: 14px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .availability-view-overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.35); z-index: 1050; display: flex; justify-content: flex-end; } .availability-view-panel { width: clamp(560px, 58vw, 1040px); max-width: 92vw; height: 100%; background: #ffffff; box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; } .availability-view-panel-header { display: flex; align-items: center; gap: 10px; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; flex-shrink: 0; } .availability-view-panel-header .availability-panel-title { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .availability-view-panel-header .availability-panel-back, .availability-view-panel-header .availability-panel-close { background: transparent; border: none; width: 32px; height: 32px; border-radius: 6px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .availability-view-panel-header .availability-panel-back:hover, .availability-view-panel-header .availability-panel-close:hover { background: #f3f4f6; color: #1a1a1a; } .availability-view-mode-toggle { flex-shrink: 0; } .availability-view-actions-dropdown { position: relative; flex-shrink: 0; } .availability-view-actions-menu { position: absolute; top: 36px; right: 0; z-index: 20; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 160px; padding: 6px; display: flex; flex-direction: column; } .availability-view-actions-menu button { display: block; width: 100%; text-align: left; border: none; background: transparent; padding: 8px 10px; font-size: 13px; border-radius: 6px; color: #1a1a1a; cursor: pointer; } .availability-view-actions-menu button:hover { background: #f3f4f6; } .availability-view-actions-menu button.is-danger { color: #dc2626; } .availability-view-panel-body { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 24px; } .availability-view-fade-enter-active, .availability-view-fade-leave-active { transition: opacity 0.2s ease; } .availability-view-fade-enter-from, .availability-view-fade-leave-to { opacity: 0; } .availability-create-overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); z-index: 1060; display: flex; align-items: center; justify-content: center; } .availability-create-modal { width: 600px; max-width: 92vw; max-height: 88vh; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2); overflow: hidden; display: flex; } .availability-create-modal .availability-form-panel { height: auto; max-height: 88vh; width: 100%; } .availability-create-fade-enter-active, .availability-create-fade-leave-active { transition: opacity 0.2s ease; } .availability-create-fade-enter-from, .availability-create-fade-leave-to { opacity: 0; } .my-availability-embedded[data-v-52b39314], .my-availability-embedded-wrapper[data-v-52b39314], .my-availability-embedded-content[data-v-52b39314] { width: 100%; } .my-availability-embedded .page-header[data-v-52b39314] { margin-bottom: 1rem; } .my-availability-loading[data-v-52b39314] { display: flex; justify-content: center; padding: 48px 0; } .my-availability-empty[data-v-52b39314] { text-align: center; padding: 48px 16px; color: #6b7280; } .my-availability-empty-icon[data-v-52b39314] { font-size: 32px; color: #cbd5e1; margin-bottom: 12px; display: block; } .my-availability-toolbar[data-v-52b39314] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; } .my-availability-schedule-tabs[data-v-52b39314] { display: flex; flex-wrap: wrap; gap: 8px; } .my-availability-schedule-tab[data-v-52b39314] { border: 1px solid #e5e7eb; background: #fff; border-radius: 20px; padding: 6px 14px; font-size: 13px; font-weight: 500; color: #374151; cursor: pointer; } .my-availability-schedule-tab[data-v-52b39314]:hover { border-color: #93c5fd; } .my-availability-schedule-tab.active[data-v-52b39314] { border-color: #1d4ed8; background: #eff6ff; color: #1d4ed8; font-weight: 600; } .my-availability-add-tab[data-v-52b39314] { width: 34px; height: 34px; border: 1px solid #d1d5db; background: #fff; border-radius: 50%; color: #1d4ed8; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; } .my-availability-add-tab[data-v-52b39314]:hover { border-color: #1d4ed8; background: #eff6ff; } .my-availability-toolbar-actions[data-v-52b39314] { display: flex; align-items: center; gap: 8px; } .my-availability-actions-dropdown[data-v-52b39314] { position: relative; } .my-availability-actions-menu[data-v-52b39314] { position: absolute; top: 34px; right: 0; z-index: 20; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 160px; padding: 6px; display: flex; flex-direction: column; } .my-availability-actions-menu button[data-v-52b39314] { display: block; width: 100%; text-align: left; border: none; background: transparent; padding: 8px 10px; font-size: 13px; border-radius: 6px; color: #1a1a1a; cursor: pointer; } .my-availability-actions-menu button[data-v-52b39314]:hover { background: #f3f4f6; } .my-availability-actions-menu button.is-danger[data-v-52b39314] { color: #dc2626; } .my-availability-panel-shell[data-v-52b39314] { border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; padding: 20px 24px; min-height: 300px; } .availability-create-overlay[data-v-52b39314] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); z-index: 1060; display: flex; align-items: center; justify-content: center; } .availability-create-modal[data-v-52b39314] { width: 600px; max-width: 92vw; max-height: 88vh; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2); overflow: hidden; display: flex; } .availability-create-modal[data-v-52b39314] .availability-form-panel { height: auto; max-height: 88vh; width: 100%; } .availability-create-fade-enter-active[data-v-52b39314], .availability-create-fade-leave-active[data-v-52b39314] { transition: opacity 0.2s ease; } .availability-create-fade-enter-from[data-v-52b39314], .availability-create-fade-leave-to[data-v-52b39314] { opacity: 0; } .clear-btn { position: absolute; top: 50%; right: 40px; /* Move clear button to the left to avoid overlap */ transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ } .m-r-5[data-v-6ef49bb0] { margin-right: 5px; } /* Tab styling */ .nav-tabs-bottom[data-v-504c1366] { border-bottom: 1px solid #e9ecef; } .nav-tabs-bottom .nav-link[data-v-504c1366] { border: none; color: #6c757d; font-weight: 500; margin-bottom: -1px; transition: all 0.3s ease; position: relative; z-index: 1; box-shadow: none; } .nav-tabs-bottom .nav-link[data-v-504c1366]:hover { color: #495057; } .nav-tabs-bottom .nav-link.active[data-v-504c1366] { color: #495057; background-color: transparent; border: none; box-shadow: inset 0 -2px 0 #007bff; z-index: 2; } .tab-content[data-v-504c1366] { min-height: 400px; } .tab-pane[data-v-504c1366] { animation: fadeIn-504c1366 0.3s ease-in-out; } @keyframes fadeIn-504c1366 { from { opacity: 0; } to { opacity: 1; } } .logo-wrapper { position: relative; display: inline-block; } .beta-label { position: absolute; top: 0; right: 0; transform: translate(0%, 50%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .beta-label-header { position: absolute; top: -5px; right: -15px; transform: translate(0%, 0%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); color: white; padding: 2px 8px; border-radius: 4px; font-size: 10px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000; } .google-icon { position: relative; width: 10%; /* Adjust size */ height: 10%; margin-right: 10px; transition: transform 0.3s ease-in-out; } .google-btn:hover .google-icon{ transform: rotate(360deg); background-color: white; } .contact-info { margin-top: 10px; font-size: 14px; color: #6c757d; } .contact-info a { color: #3182ce; text-decoration: none; } .contact-info a:hover { text-decoration: underline; } .create-account-link { color: #3182ce; text-decoration: none; margin-left: 5px; } .create-account-link:hover { text-decoration: underline; } .google-icon { position: relative; width: 10%; /* Adjust size */ height: 10%; margin-right: 10px; transition: transform 0.3s ease-in-out; } .google-btn:hover .google-icon{ transform: rotate(360deg); background-color: white; } .contact-info { margin-top: 10px; font-size: 14px; color: #6c757d; } .contact-info a { color: #3182ce; text-decoration: none; } .contact-info a:hover { text-decoration: underline; } .success-container[data-v-726c952e] { max-width: 600px; margin: 0 auto; text-align: center; padding-top: 100px; } /* Match app delete-confirm modal visuals (see assets/css/delete-confirm-modal.css) */ .confirmation-modal-root.modal.custom-modal.show[data-v-0976e04b] { background-color: rgba(0, 0, 0, 0.5); } .confirmation-modal-root[data-v-0976e04b] .modal-content { overflow: hidden; border: 0; border-radius: 10px; } .confirmation-modal-root[data-v-0976e04b] .modal-dialog { max-width: min(480px, calc(100vw - 2rem)); } /* Kill global `.custom-modal .modal-content .modal-body { padding: 30px }` (popup.scss) — it out-specifies scoped `.confirmation-modal-body` */ .confirmation-modal-root.custom-modal[data-v-0976e04b] .modal-content .modal-body { padding: 0 !important; } .confirmation-modal-header[data-v-0976e04b] { text-align: left; margin: 0; padding: 16px 20px; background: #2f2d8f; color: #fff; } .confirmation-modal-header h3[data-v-0976e04b] { color: #fff; font-size: 22px; font-weight: 700; margin: 0; } .confirmation-modal-header p[data-v-0976e04b] { color: rgba(255, 255, 255, 0.9); margin: 8px 0 0; } .confirmation-modal-extra[data-v-0976e04b] { padding: 10px 20px; } .confirmation-modal-actions-wrap[data-v-0976e04b] { padding: 16px 20px 18px; background: #fff; } .confirmation-modal-actions[data-v-0976e04b] { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 12px; } /* Outlined cancel — matches reference screenshot */ .confirmation-modal-btn-cancel[data-v-0976e04b] { display: inline-block; border-radius: 8px; font-weight: 600; font-size: 16px; padding: 10px 18px; min-width: 110px; text-align: center; background: #fff !important; border: 1px solid #ced4da !important; color: #6c757d !important; box-shadow: none; } .confirmation-modal-btn-cancel[data-v-0976e04b]:hover { background: #f8f9fa !important; color: #495057 !important; } /* Primary confirm (non-destructive) */ .confirmation-modal-btn-confirm-primary[data-v-0976e04b] { border-radius: 8px; font-weight: 600; font-size: 16px; padding: 10px 18px; min-width: 110px; text-align: center; background: #2f2d8f !important; border: 1px solid #2f2d8f !important; color: #fff !important; } .confirmation-modal-btn-confirm-primary[data-v-0976e04b]:hover { filter: brightness(1.06); color: #fff !important; } /* Danger confirm — red CTA like delete dialogs */ .confirmation-modal-btn-confirm-danger[data-v-0976e04b] { border-radius: 8px; font-weight: 600; font-size: 16px; padding: 10px 18px; min-width: 110px; text-align: center; background: linear-gradient(to left, #dc3545 0%, #bd2130 100%) !important; border: 1px solid transparent !important; color: #fff !important; } .confirmation-modal-btn-confirm-danger[data-v-0976e04b]:hover { background: linear-gradient(to left, #dc3545 0%, #c82333 100%) !important; color: #fff !important; } .confirmation-modal-btn-confirm[data-v-0976e04b] { text-decoration: none; } .confirmation-modal-delete-typing[data-v-0976e04b] { padding-left: 20px; padding-right: 20px; } .confirmation-modal-btn-disabled[data-v-0976e04b] { opacity: 0.55; pointer-events: none; cursor: not-allowed; } .integrations-categories[data-v-8f0b4a30] { flex: 0 0 180px; display: flex; flex-direction: column; gap: 2px; overflow-x: hidden; overflow-y: auto; max-height: 100%; padding-right: 4px; overscroll-behavior: contain; scrollbar-width: thin; } .integrations-categories[data-v-8f0b4a30]::-webkit-scrollbar { width: 6px; } .integrations-categories[data-v-8f0b4a30]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } .integrations-categories[data-v-8f0b4a30]::-webkit-scrollbar-track { background: transparent; } .integrations-category-btn[data-v-8f0b4a30] { text-align: left; border: none; background: transparent; padding: 0.5rem 0.75rem; border-radius: 6px; color: #495057; font-size: 0.9rem; cursor: pointer; flex-shrink: 0; } .integrations-category-btn[data-v-8f0b4a30]:hover { background: #f1f5f9; } .integrations-category-btn.active[data-v-8f0b4a30] { background: #e8f0fe; color: #1a73e8; font-weight: 500; } @media (max-width: 767.98px) { .integrations-categories[data-v-8f0b4a30] { flex: none; width: 100%; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; max-height: none; gap: 4px; padding-bottom: 0.5rem; } .integrations-category-btn[data-v-8f0b4a30] { font-size: 0.8rem; padding: 0.35rem 0.6rem; white-space: nowrap; } } .integrations-scroll-lock[data-v-400a4cf0] { overflow: hidden; height: 100vh; } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-400a4cf0] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-400a4cf0] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-400a4cf0] { font-size: 0.95rem; } .integrations-page[data-v-400a4cf0] { display: flex; flex-direction: column; height: calc(100vh - 60px); overflow: hidden; box-sizing: border-box; } .integrations-page-header[data-v-400a4cf0] { flex-shrink: 0; margin-bottom: 0.75rem; padding-bottom: 0.75rem; background: inherit; z-index: 5; border-bottom: 1px solid #e9ecef; } .integrations-search[data-v-400a4cf0] { position: relative; min-width: 220px; } .integrations-search i[data-v-400a4cf0] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 13px; } .integrations-search .form-control[data-v-400a4cf0] { padding-left: 34px; border-radius: 6px; border-color: #dee2e6; height: 38px; } .integrations-layout[data-v-400a4cf0] { display: flex; gap: 1.25rem; align-items: stretch; flex: 1; min-height: 0; overflow: hidden; } .integrations-main[data-v-400a4cf0] { flex: 1; min-width: 0; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-width: thin; } .integrations-main[data-v-400a4cf0]::-webkit-scrollbar { width: 6px; } .integrations-main[data-v-400a4cf0]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } .integrations-main[data-v-400a4cf0]::-webkit-scrollbar-track { background: transparent; } .integrations-section[data-v-400a4cf0] { margin-bottom: 1.5rem; padding-top: 0.25rem; border-top: 1px solid #e9ecef; scroll-margin-top: 8px; } .integrations-section[data-v-400a4cf0]:first-child { border-top: none; padding-top: 0; } .integrations-section-title[data-v-400a4cf0] { font-weight: 600; margin: 0.35rem 0 1rem; color: #1a1a2e; font-size: 1rem; display: inline-block; padding-bottom: 6px; border-bottom: 2px solid #d1d5db; } .integrations-grid[data-v-400a4cf0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .integration-card[data-v-400a4cf0] { cursor: pointer; border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); overflow: visible; position: relative; transition: box-shadow 0.15s ease, border-color 0.15s ease; background: transparent; } .integration-card[data-v-400a4cf0]:hover, .integration-card[data-v-400a4cf0]:has(.wa-error-tip:hover), .integration-card[data-v-400a4cf0]:has(.integration-menu-wrap:hover) { box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08); border-color: #d8d8e5; z-index: 6; } .integration-card[data-v-400a4cf0]:focus { outline: 2px solid #c4b5fd; outline-offset: 1px; } .integration-card-inner[data-v-400a4cf0] { background: linear-gradient(180.97deg, #fff 50.31%, #faf9ff 99.17%); padding: 15px; min-height: 156px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; border-radius: 10px; overflow: visible; } .integration-card-top[data-v-400a4cf0] { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .integration-card-actions[data-v-400a4cf0] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .integration-icon[data-v-400a4cf0] { width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .integration-icon img[data-v-400a4cf0] { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .integration-card-title[data-v-400a4cf0] { margin: 15px 0 0; font-size: 0.95rem; font-weight: 600; color: #1a1a2e; line-height: 1.3; display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; } .wa-error-tip[data-v-400a4cf0] { position: relative; display: inline-flex; align-items: center; z-index: 2; } .wa-error-icon[data-v-400a4cf0] { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #ef4444; font-size: 0.85rem; line-height: 1; } .wa-error-popover[data-v-400a4cf0] { position: absolute; top: calc(100% + 10px); left: 0; z-index: 40; width: 280px; max-width: min(280px, 70vw); padding: 0.8rem 0.95rem; background: #ffffff; color: #1f2937; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; border-radius: 8px; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18); border: 1px solid #e5e7eb; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.12s ease, visibility 0.12s ease; white-space: normal; } .wa-error-popover[data-v-400a4cf0]::before { content: ''; position: absolute; top: -6px; left: 12px; transform: rotate(45deg); width: 10px; height: 10px; background: #fff; border-left: 1px solid #e5e7eb; border-top: 1px solid #e5e7eb; } .wa-error-tip:hover .wa-error-popover[data-v-400a4cf0], .wa-error-tip:focus-within .wa-error-popover[data-v-400a4cf0] { opacity: 1; visibility: visible; } .integration-card-desc[data-v-400a4cf0] { margin: 10px 0 0; font-size: 0.8rem; color: #6b7280; line-height: 19px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .integration-badge[data-v-400a4cf0] { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; padding: 0.3em 0.65em; border-radius: 999px; font-size: 0.7rem; line-height: 1.2; } .integration-badge--connected[data-v-400a4cf0] { background-color: #d4f5dd; color: #0a8a3f; } .integration-badge--connected i[data-v-400a4cf0] { font-size: 0.65rem; } .integration-connect-btn[data-v-400a4cf0] { border: 1px solid #7c6cf0; background: #fff; color: #5b4cdb; border-radius: 4px; font-size: 0.75rem; font-weight: 500; padding: 0.25rem 0.7rem; line-height: 1.3; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .integration-connect-btn[data-v-400a4cf0]:hover { background: #f3f0ff; color: #4a3bc7; } .integration-connect-btn--soon[data-v-400a4cf0] { display: inline-flex; align-items: center; border-color: #d8d8e5; background: #f3f4f6; color: #6b7280; cursor: not-allowed; } .integration-connect-btn--soon[data-v-400a4cf0]:hover { background: #f3f4f6; color: #6b7280; } .integration-menu-btn[data-v-400a4cf0] { border: none; background: transparent; color: #9ca3af; padding: 0.15rem 0.35rem; line-height: 1; cursor: pointer; border-radius: 4px; } .integration-menu-btn[data-v-400a4cf0]:hover { color: #6b7280; background: #f3f4f6; } .integration-menu-wrap[data-v-400a4cf0] { position: relative; } .integration-menu-dropdown[data-v-400a4cf0] { position: absolute; top: calc(100% + 6px); right: 0; min-width: 140px; background: #fff; border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12); padding: 0.35rem; z-index: 30; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.12s ease, visibility 0.12s ease; } .integration-menu-dropdown[data-v-400a4cf0]::after { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; } .integration-menu-wrap:hover .integration-menu-dropdown[data-v-400a4cf0], .integration-menu-wrap:focus-within .integration-menu-dropdown[data-v-400a4cf0] { opacity: 1; visibility: visible; pointer-events: auto; } .integration-menu-item[data-v-400a4cf0] { width: 100%; border: none; background: transparent; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.65rem; border-radius: 8px; font-size: 0.8125rem; color: #374151; cursor: pointer; text-align: left; } .integration-menu-item[data-v-400a4cf0]:hover { background: #f3f4f6; } .integration-menu-item--danger[data-v-400a4cf0] { color: #dc2626; } .integration-menu-item--danger[data-v-400a4cf0]:hover { background: #fef2f2; } @media (max-width: 767.98px) { .integrations-page[data-v-400a4cf0] { height: auto; min-height: calc(100vh - 60px); overflow: visible; } .integrations-layout[data-v-400a4cf0] { flex-direction: column; overflow: visible; min-height: auto; } .integrations-main[data-v-400a4cf0] { overflow: visible; } .integrations-grid[data-v-400a4cf0] { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; } .integrations-search[data-v-400a4cf0] { min-width: 160px; margin-top: 0.5rem; } } .integrations-scroll-lock[data-v-45250a80] { overflow: hidden; height: 100vh; } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-45250a80] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-45250a80] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-45250a80] { font-size: 0.95rem; } .integrations-page[data-v-45250a80] { display: flex; flex-direction: column; height: calc(100vh - 60px); overflow: hidden; box-sizing: border-box; padding-top: 0.75rem; } .integrations-layout[data-v-45250a80] { display: flex; gap: 1.25rem; align-items: stretch; flex: 1; min-height: 0; overflow: hidden; } .integrations-main[data-v-45250a80] { flex: 1; min-width: 0; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0 4px 1.5rem 0; scrollbar-width: thin; } .integrations-main[data-v-45250a80]::-webkit-scrollbar { width: 6px; } .integrations-main[data-v-45250a80]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } .integrations-main[data-v-45250a80]::-webkit-scrollbar-track { background: transparent; } .detail-toolbar[data-v-45250a80] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .detail-toolbar-left[data-v-45250a80] { display: flex; align-items: center; gap: 12px; } .detail-back-btn[data-v-45250a80] { width: 36px; height: 36px; border-radius: 8px; border: 1px solid #c7d2fe; background: #eef2ff; color: #4f46e5; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.15s ease; } .detail-back-btn[data-v-45250a80]:hover { background: #e0e7ff; } .detail-toolbar-title[data-v-45250a80] { margin: 0; font-size: 1.25rem; font-weight: 600; color: #1a1a2e; } .detail-card[data-v-45250a80] { background: #fff; border: 1px solid #e8e8ef; border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 1rem; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); } .detail-card--section[data-v-45250a80] { border-left: 3px solid #f59e0b; } .detail-overview[data-v-45250a80] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .detail-overview-main[data-v-45250a80] { display: flex; align-items: center; gap: 1rem; min-width: 0; flex: 1; } .detail-logo[data-v-45250a80] { width: 48px; height: 48px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .detail-logo img[data-v-45250a80] { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .detail-overview-copy[data-v-45250a80] { min-width: 0; } .detail-name[data-v-45250a80] { margin: 0; font-size: 1.15rem; font-weight: 600; color: #1a1a2e; } .detail-tagline[data-v-45250a80] { margin: 0.4rem 0 0; font-size: 0.9rem; color: #6b7280; line-height: 1.45; max-width: 560px; } .detail-account[data-v-45250a80] { margin: 0.5rem 0 0; font-size: 0.8rem; color: #868e96; } .detail-overview-actions[data-v-45250a80] { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .detail-connect-btn[data-v-45250a80] { border: 1px solid #7c6cf0; background: #fff; color: #5b4cdb; border-radius: 6px; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 1rem; line-height: 1.3; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .detail-connect-btn[data-v-45250a80]:hover { background: #f3f0ff; color: #4a3bc7; } .detail-connect-btn--soon[data-v-45250a80] { display: inline-flex; align-items: center; border-color: #d8d8e5; background: #f3f4f6; color: #6b7280; cursor: not-allowed; } .detail-connect-btn--soon[data-v-45250a80]:hover { background: #f3f4f6; color: #6b7280; } .detail-menu-wrap[data-v-45250a80] { position: relative; } .detail-menu-btn[data-v-45250a80] { width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e5e7eb; background: #fff; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .detail-menu-btn[data-v-45250a80]:hover { background: #f9fafb; color: #374151; } .detail-menu-dropdown[data-v-45250a80] { position: absolute; top: calc(100% + 6px); right: 0; min-width: 160px; background: #fff; border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12); padding: 0.35rem; z-index: 20; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.12s ease, visibility 0.12s ease; } .detail-menu-dropdown[data-v-45250a80]::after { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; } .detail-menu-wrap:hover .detail-menu-dropdown[data-v-45250a80], .detail-menu-wrap:focus-within .detail-menu-dropdown[data-v-45250a80] { opacity: 1; visibility: visible; pointer-events: auto; } .detail-menu-item[data-v-45250a80] { width: 100%; border: none; background: transparent; display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.7rem; border-radius: 8px; font-size: 0.875rem; cursor: pointer; text-align: left; } .detail-menu-item--danger[data-v-45250a80] { color: #dc2626; } .detail-menu-item--danger[data-v-45250a80]:hover { background: #fef2f2; } .detail-section-title[data-v-45250a80] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; font-size: 1rem; font-weight: 600; color: #1a1a2e; } .detail-section-title i[data-v-45250a80] { color: #f59e0b; font-size: 0.9rem; } .detail-checklist[data-v-45250a80] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.85rem; } .detail-checklist li[data-v-45250a80] { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.9rem; color: #374151; line-height: 1.45; } .detail-check[data-v-45250a80] { width: 22px; height: 22px; border-radius: 50%; background: #ede9fe; color: #6d28d9; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; font-size: 0.65rem; } .detail-managed-hidden[data-v-45250a80] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .integration-badge[data-v-45250a80] { font-weight: 500; padding: 0.35em 0.7em; border-radius: 999px; font-size: 0.75rem; } .integration-badge--connected[data-v-45250a80] { background-color: #d4f5dd; color: #0a8a3f; } .detail-tabs[data-v-45250a80] { display: flex; gap: 0.5rem; margin: 0 0 1rem; } .detail-tab[data-v-45250a80] { border: 1px solid transparent; background: transparent; color: #6b7280; border-radius: 8px; padding: 0.4rem 0.9rem; font-size: 0.9rem; font-weight: 500; cursor: pointer; } .detail-tab--active[data-v-45250a80] { border-color: #6366f1; color: #4338ca; background: #eef2ff; } .send-from-header[data-v-45250a80] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .send-from-title[data-v-45250a80] { margin: 0; font-size: 1rem; font-weight: 600; color: #1a1a2e; } .send-from-name[data-v-45250a80] { font-weight: 600; color: #1a1a2e; font-size: 0.95rem; } .send-from-phone[data-v-45250a80] { margin-top: 0.15rem; color: #6b7280; font-size: 0.875rem; } .google-account-row[data-v-45250a80] { display: flex; align-items: center; gap: 0.85rem; } .google-account-avatar[data-v-45250a80] { width: 44px; height: 44px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .google-account-avatar--fallback[data-v-45250a80] { display: inline-flex; align-items: center; justify-content: center; background: #0a8a3f; color: #fff; font-size: 1rem; font-weight: 600; } .google-account-copy[data-v-45250a80] { min-width: 0; } @media (max-width: 767.98px) { .integrations-page[data-v-45250a80] { height: auto; min-height: calc(100vh - 60px); overflow: visible; } .integrations-layout[data-v-45250a80] { flex-direction: column; overflow: visible; min-height: auto; } .integrations-main[data-v-45250a80] { overflow: visible; } .detail-overview[data-v-45250a80] { flex-direction: column; align-items: flex-start; } .detail-overview-actions[data-v-45250a80] { align-self: flex-start; } } .integrations-scroll-lock[data-v-01bc9d74] { overflow: hidden; height: 100vh; } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-01bc9d74] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-01bc9d74] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-01bc9d74] { font-size: 0.95rem; } .integrations-page[data-v-01bc9d74] { display: flex; flex-direction: column; height: calc(100vh - 60px); overflow: hidden; box-sizing: border-box; padding-top: 0.75rem; } .integrations-layout[data-v-01bc9d74] { display: flex; gap: 1.25rem; align-items: stretch; flex: 1; min-height: 0; overflow: hidden; } .integrations-main[data-v-01bc9d74] { flex: 1; min-width: 0; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0 4px 1.5rem 0; scrollbar-width: thin; } .integrations-main[data-v-01bc9d74]::-webkit-scrollbar { width: 6px; } .integrations-main[data-v-01bc9d74]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; } .integrations-main[data-v-01bc9d74]::-webkit-scrollbar-track { background: transparent; } .detail-toolbar[data-v-01bc9d74] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .detail-toolbar-left[data-v-01bc9d74] { display: flex; align-items: center; gap: 12px; } .detail-back-btn[data-v-01bc9d74] { width: 36px; height: 36px; border-radius: 8px; border: 1px solid #c7d2fe; background: #eef2ff; color: #4f46e5; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.15s ease; } .detail-back-btn[data-v-01bc9d74]:hover { background: #e0e7ff; } .detail-toolbar-title[data-v-01bc9d74] { margin: 0; font-size: 1.25rem; font-weight: 600; color: #1a1a2e; } .detail-card[data-v-01bc9d74] { background: #fff; border: 1px solid #e8e8ef; border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 1rem; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); } .detail-card--section[data-v-01bc9d74] { border-left: 3px solid #f59e0b; } .detail-overview[data-v-01bc9d74] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .detail-overview-main[data-v-01bc9d74] { display: flex; align-items: center; gap: 1rem; min-width: 0; flex: 1; } .detail-logo[data-v-01bc9d74] { width: 48px; height: 48px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .detail-logo img[data-v-01bc9d74] { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .detail-overview-copy[data-v-01bc9d74] { min-width: 0; } .detail-name[data-v-01bc9d74] { margin: 0; font-size: 1.15rem; font-weight: 600; color: #1a1a2e; } .detail-tagline[data-v-01bc9d74] { margin: 0.4rem 0 0; font-size: 0.9rem; color: #6b7280; line-height: 1.45; max-width: 560px; } .detail-account[data-v-01bc9d74] { margin: 0.5rem 0 0; font-size: 0.8rem; color: #868e96; } .detail-overview-actions[data-v-01bc9d74] { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .detail-connect-btn[data-v-01bc9d74] { border: 1px solid #7c6cf0; background: #fff; color: #5b4cdb; border-radius: 6px; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 1rem; line-height: 1.3; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .detail-connect-btn[data-v-01bc9d74]:hover { background: #f3f0ff; color: #4a3bc7; } .detail-connect-btn--soon[data-v-01bc9d74] { display: inline-flex; align-items: center; border-color: #d8d8e5; background: #f3f4f6; color: #6b7280; cursor: not-allowed; } .detail-connect-btn--soon[data-v-01bc9d74]:hover { background: #f3f4f6; color: #6b7280; } .detail-menu-wrap[data-v-01bc9d74] { position: relative; } .detail-menu-btn[data-v-01bc9d74] { width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e5e7eb; background: #fff; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .detail-menu-btn[data-v-01bc9d74]:hover { background: #f9fafb; color: #374151; } .detail-menu-dropdown[data-v-01bc9d74] { position: absolute; top: calc(100% + 6px); right: 0; min-width: 160px; background: #fff; border: 1px solid #e8e8ef; border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12); padding: 0.35rem; z-index: 20; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.12s ease, visibility 0.12s ease; } .detail-menu-dropdown[data-v-01bc9d74]::after { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; } .detail-menu-wrap:hover .detail-menu-dropdown[data-v-01bc9d74], .detail-menu-wrap:focus-within .detail-menu-dropdown[data-v-01bc9d74] { opacity: 1; visibility: visible; pointer-events: auto; } .detail-menu-item[data-v-01bc9d74] { width: 100%; border: none; background: transparent; display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.7rem; border-radius: 8px; font-size: 0.875rem; cursor: pointer; text-align: left; } .detail-menu-item--danger[data-v-01bc9d74] { color: #dc2626; } .detail-menu-item--danger[data-v-01bc9d74]:hover { background: #fef2f2; } .detail-section-title[data-v-01bc9d74] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; font-size: 1rem; font-weight: 600; color: #1a1a2e; } .detail-section-title i[data-v-01bc9d74] { color: #f59e0b; font-size: 0.9rem; } .detail-checklist[data-v-01bc9d74] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.85rem; } .detail-checklist li[data-v-01bc9d74] { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.9rem; color: #374151; line-height: 1.45; } .detail-check[data-v-01bc9d74] { width: 22px; height: 22px; border-radius: 50%; background: #ede9fe; color: #6d28d9; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; font-size: 0.65rem; } .detail-managed-hidden[data-v-01bc9d74] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .integration-badge[data-v-01bc9d74] { font-weight: 500; padding: 0.35em 0.7em; border-radius: 999px; font-size: 0.75rem; } .integration-badge--connected[data-v-01bc9d74] { background-color: #d4f5dd; color: #0a8a3f; } .detail-tabs[data-v-01bc9d74] { display: flex; gap: 0.5rem; margin: 0 0 1rem; } .detail-tab[data-v-01bc9d74] { border: 1px solid transparent; background: transparent; color: #6b7280; border-radius: 8px; padding: 0.4rem 0.9rem; font-size: 0.9rem; font-weight: 500; cursor: pointer; } .detail-tab--active[data-v-01bc9d74] { border-color: #6366f1; color: #4338ca; background: #eef2ff; } .send-from-header[data-v-01bc9d74] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .send-from-title[data-v-01bc9d74] { margin: 0; font-size: 1rem; font-weight: 600; color: #1a1a2e; } .send-from-name[data-v-01bc9d74] { font-weight: 600; color: #1a1a2e; font-size: 0.95rem; } .send-from-phone[data-v-01bc9d74] { margin-top: 0.15rem; color: #6b7280; font-size: 0.875rem; } .google-account-row[data-v-01bc9d74] { display: flex; align-items: center; gap: 0.85rem; } .google-account-avatar[data-v-01bc9d74] { width: 44px; height: 44px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .google-account-avatar--fallback[data-v-01bc9d74] { display: inline-flex; align-items: center; justify-content: center; background: #0a8a3f; color: #fff; font-size: 1rem; font-weight: 600; } .google-account-copy[data-v-01bc9d74] { min-width: 0; } @media (max-width: 767.98px) { .integrations-page[data-v-01bc9d74] { height: auto; min-height: calc(100vh - 60px); overflow: visible; } .integrations-layout[data-v-01bc9d74] { flex-direction: column; overflow: visible; min-height: auto; } .integrations-main[data-v-01bc9d74] { overflow: visible; } .detail-overview[data-v-01bc9d74] { flex-direction: column; align-items: flex-start; } .detail-overview-actions[data-v-01bc9d74] { align-self: flex-start; } } .detail-tabs[data-v-01bc9d74] { display: flex; gap: 0.5rem; margin: 0 0 1rem; } .detail-tab[data-v-01bc9d74] { border: 1px solid transparent; background: transparent; color: #6b7280; border-radius: 8px; padding: 0.4rem 0.9rem; font-size: 0.9rem; font-weight: 500; cursor: pointer; } .detail-tab--active[data-v-01bc9d74] { border-color: #6366f1; color: #4338ca; background: #eef2ff; } .send-from-header[data-v-01bc9d74] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .send-from-title[data-v-01bc9d74] { margin: 0; font-size: 1rem; font-weight: 600; color: #1a1a2e; } .send-from-edit[data-v-01bc9d74] { display: inline-flex; align-items: center; gap: 0.4rem; border: 1px solid #e5e7eb; background: #fff; color: #4b5563; border-radius: 8px; padding: 0.35rem 0.75rem; font-size: 0.85rem; cursor: pointer; } .send-from-edit[data-v-01bc9d74]:hover:not(:disabled) { background: #f9fafb; } .send-from-edit[data-v-01bc9d74]:disabled { opacity: 0.55; cursor: not-allowed; } .send-from-row[data-v-01bc9d74] { display: flex; align-items: center; gap: 0.75rem; } .send-from-icon[data-v-01bc9d74] { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; } .send-from-name[data-v-01bc9d74] { font-weight: 600; color: #1a1a2e; font-size: 0.95rem; } .send-from-phone[data-v-01bc9d74] { margin-top: 0.15rem; color: #6b7280; font-size: 0.875rem; } .send-from-row--error[data-v-01bc9d74] { align-items: flex-start; } .send-from-error-text[data-v-01bc9d74] { color: #4b5563; font-size: 0.9rem; line-height: 1.5; max-width: 42rem; } .detail-name[data-v-01bc9d74] { display: inline-flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; } .wa-error-tip[data-v-01bc9d74] { position: relative; display: inline-flex; align-items: center; } .wa-error-icon-btn[data-v-01bc9d74] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #ef4444; font-size: 0.95rem; line-height: 1; cursor: default; border-radius: 4px; pointer-events: none; } .wa-error-popover[data-v-01bc9d74] { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 20; width: min(320px, 70vw); padding: 0.75rem 0.9rem; background: #fff; color: #374151; font-size: 0.8125rem; font-weight: 400; line-height: 1.45; border-radius: 8px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14); border: 1px solid #e5e7eb; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.12s ease, visibility 0.12s ease; } .wa-error-popover[data-v-01bc9d74]::before { content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: #fff; border-left: 1px solid #e5e7eb; border-top: 1px solid #e5e7eb; } .wa-error-tip:hover .wa-error-popover[data-v-01bc9d74] { opacity: 1; visibility: visible; } .wa-modal-backdrop[data-v-01bc9d74] { position: fixed; inset: 0; z-index: 1050; background: rgba(15, 23, 42, 0.45); display: flex; align-items: center; justify-content: center; padding: 1rem; } .wa-modal[data-v-01bc9d74] { width: 100%; max-width: 560px; max-height: min(90vh, 720px); overflow: auto; background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18); } .wa-modal-header[data-v-01bc9d74] { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #e8e8ef; } .wa-modal-header h5[data-v-01bc9d74] { margin: 0; font-size: 1.05rem; font-weight: 600; } .wa-modal-close[data-v-01bc9d74] { border: none; background: transparent; font-size: 1.5rem; line-height: 1; color: #6b7280; cursor: pointer; } .wa-modal-body[data-v-01bc9d74] { padding: 1.25rem; } .wa-modal-footer[data-v-01bc9d74] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid #e8e8ef; } .wa-modal .form-control.is-invalid[data-v-01bc9d74], .wa-modal .form-select.is-invalid[data-v-01bc9d74] { border-color: #dc3545; box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.15); } .ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.ps{position:relative} .enable-verification[data-v-ef08902e] { display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px; } .mfa-setup[data-v-ef08902e] { font-size: 22px !important; } .qr-code img[data-v-ef08902e] { width: 200px; height: 200px; margin: 20px 0; } .manual-setup[data-v-ef08902e] { margin: 20px 0; } .buttons[data-v-ef08902e] { display: flex; justify-content: space-between; margin-top: 20px; } .buttons .btn[data-v-ef08902e] { width: 45%; } p[data-v-ef08902e], div[data-v-ef08902e], span[data-v-ef08902e] { -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Ensures text cannot be selected or edited */ } .form-control[data-v-ef08902e]{ width: unset !important; margin: 20px 0; } .mt-2[data-v-ef08902e]{ margin-top: 0.5rem !important; } .copy-container[data-v-ef08902e] { display: flex; align-items: center; margin: 20px 0; } .secret-input[data-v-ef08902e] { width: 50% !important; text-align: center; font-size: 1.2rem; } .copy-button[data-v-ef08902e] { margin-left: 10px; padding: 10px; } .modal[data-v-ef08902e] { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 1000; /* Ensure the modal is on top */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); /* Modal background */ /* padding-top: 60px; */ } .modal-content[data-v-ef08902e] { background-color: #fefefe; margin: 5% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 400px; text-align: center; } .close[data-v-ef08902e] { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close[data-v-ef08902e]:hover, .close[data-v-ef08902e]:focus { color: black; text-decoration: none; cursor: pointer; } .alert[data-v-ef08902e] { margin-top: 10px; } .w-100[data-v-ef08902e]{ width: 100% !important } /* Card Styling */ .card[data-v-d1b9ac0c] { border: 1px solid #e9ecef; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background: white; margin-bottom: 24px; } .card-header[data-v-d1b9ac0c] { background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; padding: 16px 20px; border-radius: 8px 8px 0 0; } .card-title[data-v-d1b9ac0c] { font-weight: 600; color: #333; margin: 0; font-size: 16px; } .card-body[data-v-d1b9ac0c] { padding: 20px; } /* Module Access List Styling */ .list-group.notification-list[data-v-d1b9ac0c] { background: transparent; border: none; box-shadow: none; margin-bottom: 0; } .list-group-item[data-v-d1b9ac0c] { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border: none; border-bottom: 1px solid #f0f0f0; background: transparent; transition: background-color 0.2s ease; } .list-group-item[data-v-d1b9ac0c]:last-child { border-bottom: none; } .list-group-item[data-v-d1b9ac0c]:hover { background-color: #f8f9fa; border-radius: 4px; padding-left: 8px; padding-right: 8px; } .list-group-item .status-toggle[data-v-d1b9ac0c] { margin-left: auto; } /* Toggle Switch Styling */ .check[data-v-d1b9ac0c] { display: none; } .checktoggle[data-v-d1b9ac0c] { position: relative; display: inline-block; width: 50px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer; transition: background-color 0.3s; } .checktoggle[data-v-d1b9ac0c]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: white; border-radius: 50%; transition: transform 0.3s; } .check:checked + .checktoggle[data-v-d1b9ac0c] { background-color: #28a745; } .check:checked + .checktoggle[data-v-d1b9ac0c]::after { transform: translateX(26px); } /* Custom Pagination Styling */ .custom-pagination[data-v-d1b9ac0c] { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; margin-top: 16px; background-color: #f8f9fa; border-radius: 8px; padding: 12px 16px; border-top: 1px solid #e9ecef; } .pagination-left[data-v-d1b9ac0c] { display: flex; align-items: center; } .pagination-left label[data-v-d1b9ac0c] { color: #666; font-size: 14px; margin: 0; display: flex; align-items: center; gap: 8px; } .entries-select[data-v-d1b9ac0c] { width: 60px; height: 32px; border: 1px solid #d9d9d9; border-radius: 4px; padding: 4px 8px; background-color: white; font-size: 14px; } .pagination-center[data-v-d1b9ac0c] { flex: 1; text-align: center; color: #666; font-size: 14px; } .pagination-right[data-v-d1b9ac0c] { display: flex; align-items: center; gap: 8px; } .pagination-btn[data-v-d1b9ac0c] { padding: 6px 12px; border: 1px solid #d9d9d9; background-color: white; color: #666; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s; } .pagination-btn[data-v-d1b9ac0c]:hover:not(:disabled) { border-color: #1890ff; color: #1890ff; } .pagination-btn[data-v-d1b9ac0c]:disabled { opacity: 0.5; cursor: not-allowed; } .pagination-btn.active[data-v-d1b9ac0c] { background-color: #1890ff; border-color: #1890ff; color: white; } /* Responsive adjustments */ @media (max-width: 768px) { .card-body[data-v-d1b9ac0c] { padding: 16px; } .custom-pagination[data-v-d1b9ac0c] { flex-direction: column; gap: 12px; text-align: center; } .pagination-left[data-v-d1b9ac0c], .pagination-center[data-v-d1b9ac0c], .pagination-right[data-v-d1b9ac0c] { width: 100%; justify-content: center; } } /* Style for the info icon */ .fas.fa-info-circle[data-v-757761b0] { font-size: 18px; color: #c4cfdb; transition: color 0.3s ease; } .fas.fa-info-circle[data-v-757761b0]:hover { color: #484d53; } /* Spacing adjustments for consistent alignment */ .check[data-v-757761b0] { margin: 0; } .checktoggle[data-v-757761b0] { margin: 0; } /* Add padding to improve spacing in modules */ .list-group-item[data-v-757761b0] { padding: 15px 20px; } /* Ensures checkbox and label are aligned properly */ .status-toggle[data-v-757761b0] { gap: 10px; /* Adjust spacing between items if needed */ } .notif-card[data-v-49aed561] { border: 1px solid #e6e9ef; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-49aed561] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-49aed561] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-49aed561] { font-size: 0.95rem; } .notif-row[data-v-49aed561] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; border-color: #e6e9ef; } .row-left[data-v-49aed561] { display: flex; align-items: center; gap: 13px; min-width: 0; } .row-icon[data-v-49aed561] { width: 34px; height: 34px; border-radius: 9px; background: #f1f3f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; } .row-title[data-v-49aed561] { font-size: 14px; font-weight: 600; color: #1b2333; } .row-sub[data-v-49aed561] { font-size: 12.5px; color: #98a1b3; margin-top: 2px; } .row-right[data-v-49aed561] { display: flex; align-items: center; gap: 14px; flex-shrink: 0; } .tooltip-icon[data-v-49aed561] { font-size: 16px; color: #c4cfdb; cursor: pointer; } .tooltip-icon[data-v-49aed561]:hover { color: #484d53; } .lock-note[data-v-49aed561] { font-size: 11.5px; font-weight: 700; color: #98a1b3; } .status-toggle[data-v-49aed561] { display: flex; align-items: center; } .notif-footnote[data-v-49aed561] { margin-top: 16px; font-size: 12.5px; color: #98a1b3; } .notif-card[data-v-e4f2e9cc] { border: 1px solid #e6e9ef; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-e4f2e9cc] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-e4f2e9cc] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-e4f2e9cc] { font-size: 0.95rem; } .notif-row[data-v-e4f2e9cc] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; border-color: #e6e9ef; } .row-left[data-v-e4f2e9cc] { display: flex; align-items: center; gap: 13px; min-width: 0; } .row-icon[data-v-e4f2e9cc] { width: 34px; height: 34px; border-radius: 9px; background: #f1f3f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; } .row-title[data-v-e4f2e9cc] { font-size: 14px; font-weight: 600; color: #1b2333; } .row-sub[data-v-e4f2e9cc] { font-size: 12.5px; color: #98a1b3; margin-top: 2px; } .row-right[data-v-e4f2e9cc] { display: flex; align-items: center; gap: 14px; flex-shrink: 0; } .tooltip-icon[data-v-e4f2e9cc] { font-size: 16px; color: #c4cfdb; cursor: pointer; } .tooltip-icon[data-v-e4f2e9cc]:hover { color: #484d53; } .status-toggle[data-v-e4f2e9cc] { display: flex; align-items: center; } .notif-footnote[data-v-e4f2e9cc] { margin-top: 16px; font-size: 12.5px; color: #98a1b3; } .notif-card[data-v-e6ab6356] { border: 1px solid #e6e9ef; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-e6ab6356] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .channel-loading-spinner[data-v-e6ab6356] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-e6ab6356] { font-size: 0.95rem; } .notif-row[data-v-e6ab6356] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; border-color: #e6e9ef; flex-wrap: wrap; } .row-left[data-v-e6ab6356] { display: flex; align-items: center; gap: 13px; min-width: 0; } .row-icon[data-v-e6ab6356] { width: 34px; height: 34px; border-radius: 9px; background: #f1f3f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; } .row-title[data-v-e6ab6356] { font-size: 14px; font-weight: 600; color: #1b2333; } .row-sub[data-v-e6ab6356] { font-size: 12.5px; color: #98a1b3; margin-top: 2px; } .row-right[data-v-e6ab6356] { display: flex; align-items: center; gap: 12px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; } .lock-note[data-v-e6ab6356] { font-size: 11.5px; font-weight: 700; color: #98a1b3; } .configure-link[data-v-e6ab6356] { font-size: 12.5px; font-weight: 700; color: #128c4c; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; padding: 6px 10px; border-radius: 7px; border: 1px solid #d3f0de; background: #f2fbf6; white-space: nowrap; } .configure-link[data-v-e6ab6356]:hover { background: #e7f8ee; } .configure-link.muted[data-v-e6ab6356] { color: #98a1b3; border-color: #e6e9ef; background: #f8f9fb; cursor: not-allowed; } .configured-tag[data-v-e6ab6356] { display: inline-flex; align-items: center; gap: 5px; color: #1fa971; } .chip-dot[data-v-e6ab6356] { width: 6px; height: 6px; border-radius: 50%; background: #1fa971; } .cfg-sep[data-v-e6ab6356] { color: #98a1b3; margin: 0 2px; } .status-toggle[data-v-e6ab6356] { display: flex; align-items: center; } .notif-footnote[data-v-e6ab6356] { margin-top: 16px; font-size: 12.5px; color: #98a1b3; } .notif-lede[data-v-5254c393] { color: #6b7385; font-size: 14px; line-height: 1.55; margin: 8px 0 22px; max-width: 640px; } .channel-tabs[data-v-5254c393] { display: flex; flex-wrap: wrap; gap: 6px; background: #eceff4; padding: 5px; border-radius: 11px; width: -moz-fit-content; width: fit-content; margin-bottom: 22px; } .channel-tab[data-v-5254c393] { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 8px; border: none; background: transparent; font-size: 13.5px; font-weight: 600; color: #6b7385; cursor: pointer; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .channel-tab i[data-v-5254c393] { font-size: 16px; } .channel-tab[data-v-5254c393]:hover { color: #1b2333; } .channel-tab.active[data-v-5254c393] { background: #fff; color: #1b2333; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } .channel-tab.active .lab.la-whatsapp[data-v-5254c393] { color: #128c4c; } .channel-badge[data-v-5254c393] { font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 20px; background: #e7f8f0; color: #1fa971; } .channel-tab-disabled[data-v-5254c393] { cursor: not-allowed; opacity: 0.55; } .channel-tab-disabled[data-v-5254c393]:hover { color: #6b7385; } .channel-badge-soon[data-v-5254c393] { background: #eceff4; color: #6b7385; } .value-binding[data-v-12c201b1] { width: 100%; } .mode-row[data-v-12c201b1] { display: flex; gap: 14px; margin-bottom: 8px; } .mode-option[data-v-12c201b1] { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #1b2333; cursor: pointer; } .param-drop[data-v-12c201b1] { border: 1.5px dashed #d5dbe6; border-radius: 8px; padding: 10px 11px; background: #fbfcfe; min-height: 44px; cursor: pointer; } .param-drop.active[data-v-12c201b1] { border-color: #25d366; background: #f3fbf6; } .param-drop.filled[data-v-12c201b1] { border-style: solid; border-color: #c9ecd8; background: #f6fdf9; } .param-mapped[data-v-12c201b1] { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12.5px; font-weight: 600; color: #1b2333; } .param-placeholder[data-v-12c201b1] { font-size: 12px; color: #98a1b3; } .clear-map[data-v-12c201b1] { border: none; background: transparent; color: #98a1b3; cursor: pointer; font-size: 12px; } .text-input[data-v-12c201b1] { width: 100%; padding: 10px 12px; border: 1px solid #e6e9ef; border-radius: 8px; font-size: 13.5px; color: #1b2333; background: #fbfcfe; } .wa-overlay[data-v-48502555] { position: fixed; inset: 0; background: rgba(15, 20, 35, 0.42); display: none; align-items: stretch; justify-content: flex-end; z-index: 1050; } .wa-overlay.show[data-v-48502555] { display: flex; } .wa-panel[data-v-48502555] { width: 600px; max-width: 96vw; background: #fff; height: 100%; box-shadow: -12px 0 40px rgba(10, 15, 30, 0.18); display: flex; flex-direction: column; } .panel-head[data-v-48502555] { padding: 22px 24px; border-bottom: 1px solid #e6e9ef; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .ph-icon[data-v-48502555] { width: 38px; height: 38px; border-radius: 10px; background: #e9fbf1; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 10px; } .panel-head h2[data-v-48502555] { font-size: 16.5px; margin: 0 0 4px; } .panel-head p[data-v-48502555] { margin: 0; font-size: 12.5px; color: #6b7385; line-height: 1.5; } .panel-close[data-v-48502555] { width: 28px; height: 28px; border-radius: 7px; border: 1px solid #e6e9ef; background: #fff; color: #6b7385; cursor: pointer; font-size: 14px; flex-shrink: 0; } .panel-body[data-v-48502555] { padding: 22px 24px; overflow-y: auto; flex: 1; } .field[data-v-48502555] { margin-bottom: 20px; } .field label[data-v-48502555] { display: block; font-size: 12.5px; font-weight: 700; color: #1b2333; margin-bottom: 7px; } .req[data-v-48502555] { color: #e13a4b; } .wa-select[data-v-48502555] { width: 100%; padding: 11px 12px; border: 1px solid #e6e9ef; border-radius: 8px; font-size: 13.5px; color: #1b2333; background: #fbfcfe; } .number-detail[data-v-48502555] { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e6e9ef; border-radius: 9px; padding: 11px 13px; background: #fbfcfe; } .num-meta .n[data-v-48502555] { font-size: 13.5px; font-weight: 600; color: #1b2333; } .num-meta .l[data-v-48502555] { font-size: 11.5px; color: #98a1b3; margin-top: 1px; } .num-badge[data-v-48502555] { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 20px; background: #eaf2ff; color: #2b6fe0; flex-shrink: 0; } .num-badge.verified[data-v-48502555] { background: #e7f8f0; color: #1fa971; } .preview-box[data-v-48502555] { margin-top: 10px; border: 1px solid #e6e9ef; border-radius: 9px; background: #f6fdf9; padding: 14px 15px; font-size: 13px; line-height: 1.55; color: #2b3547; position: relative; } .preview-box[data-v-48502555]::before { content: 'Preview'; position: absolute; top: -9px; left: 12px; background: #fff; padding: 0 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.4px; color: #98a1b3; text-transform: uppercase; } .preview-box[data-v-48502555] .var { color: #128c4c; font-weight: 700; } .preview-box[data-v-48502555] .footer { color: #98a1b3; font-size: 12px; } .preview-empty[data-v-48502555] { margin-top: 10px; border: 1px dashed #e6e9ef; border-radius: 9px; padding: 14px 15px; font-size: 12.5px; color: #98a1b3; } .field-palette[data-v-48502555] { margin: 8px 0 4px; } .chip-row[data-v-48502555] { display: flex; flex-wrap: wrap; gap: 8px; } .col-label[data-v-48502555] { font-size: 11px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; color: #98a1b3; margin-bottom: 8px; } .field-chip[data-v-48502555] { border: 1px solid #dfe4eb; background: #fff; border-radius: 8px; padding: 8px 10px; text-align: left; cursor: grab; max-width: 100%; } .field-chip.selected[data-v-48502555], .field-chip[data-v-48502555]:hover { border-color: #25d366; background: #f2fbf6; } .field-chip span[data-v-48502555] { display: block; font-size: 12px; font-weight: 600; color: #1b2333; } .field-chip code[data-v-48502555] { display: block; color: #128c4c; font-size: 10px; margin-top: 2px; } .mapping-section[data-v-48502555] { margin-top: 22px; border-top: 1px solid #e6e9ef; padding-top: 16px; } .mapping-head h3[data-v-48502555] { font-size: 14px; margin: 0 0 4px; } .mapping-head p[data-v-48502555] { margin: 0 0 12px; font-size: 12px; color: #6b7385; line-height: 1.45; } .param-block[data-v-48502555] { margin-bottom: 14px; } .param-title[data-v-48502555] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-bottom: 6px; } .param-title code[data-v-48502555] { font-size: 12px; font-weight: 700; color: #128c4c; } .param-example[data-v-48502555] { font-size: 11px; color: #98a1b3; } .info-box[data-v-48502555] { margin-top: 18px; border: 1px solid #e6e9ef; border-radius: 9px; padding: 12px 14px; background: #f8f9fb; display: flex; flex-direction: column; gap: 4px; } .info-box strong[data-v-48502555] { font-size: 12.5px; color: #1b2333; } .info-box span[data-v-48502555] { font-size: 13px; color: #2b3547; } .info-box .hint[data-v-48502555] { font-size: 11.5px; color: #98a1b3; font-style: normal; } .panel-foot[data-v-48502555] { padding: 16px 24px; border-top: 1px solid #e6e9ef; display: flex; align-items: center; justify-content: flex-end; gap: 10px; } .btn[data-v-48502555] { padding: 10px 18px; border-radius: 8px; font-size: 13.5px; font-weight: 700; cursor: pointer; border: 1px solid transparent; } .btn[data-v-48502555]:disabled { opacity: 0.6; cursor: not-allowed; } .btn-ghost[data-v-48502555] { background: #fff; border-color: #e6e9ef; color: #6b7385; } .btn-ghost[data-v-48502555]:hover { background: #f5f6f9; } .btn-primary[data-v-48502555] { background: #25d366; color: #fff; } .btn-primary[data-v-48502555]:hover { background: #128c4c; } .page-lede[data-v-05b8c7ef] { color: #6b7385; font-size: 14px; line-height: 1.55; margin: 8px 0 22px; max-width: 640px; } .channel-tabs[data-v-05b8c7ef] { display: flex; flex-wrap: wrap; gap: 6px; background: #eceff4; padding: 5px; border-radius: 11px; width: -moz-fit-content; width: fit-content; margin-bottom: 22px; } .channel-tab[data-v-05b8c7ef] { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 8px; border: none; background: transparent; font-size: 13.5px; font-weight: 600; color: #6b7385; cursor: pointer; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .channel-tab i[data-v-05b8c7ef] { font-size: 16px; } .channel-tab[data-v-05b8c7ef]:hover { color: #1b2333; } .channel-tab.active[data-v-05b8c7ef] { background: #fff; color: #1b2333; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } .channel-tab.active .lab.la-whatsapp[data-v-05b8c7ef] { color: #128c4c; } .channel-badge[data-v-05b8c7ef] { font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 20px; background: #e7f8f0; color: #1fa971; } .channel-tab-disabled[data-v-05b8c7ef] { cursor: not-allowed; opacity: 0.55; } .channel-tab-disabled[data-v-05b8c7ef]:hover { color: #6b7385; } .channel-badge-soon[data-v-05b8c7ef] { background: #eceff4; color: #6b7385; } .notif-card[data-v-05b8c7ef] { border: 1px solid #e6e9ef; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(20, 25, 40, 0.04), 0 8px 24px rgba(20, 25, 40, 0.04); } /* Matches the loading block used on /users — do not use class name `loading-indicator` / `loading-indicator-dialog`, global CSS is full-screen */ .channel-loading-block[data-v-05b8c7ef] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; margin-bottom: 18px; } .channel-loading-spinner[data-v-05b8c7ef] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .channel-loading-label[data-v-05b8c7ef] { font-size: 0.95rem; } .list-locked[data-v-05b8c7ef] { opacity: 0.55; filter: grayscale(0.3); pointer-events: none; } .notif-row[data-v-05b8c7ef] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; border-color: #e6e9ef; flex-wrap: wrap; } .row-left[data-v-05b8c7ef] { display: flex; align-items: center; gap: 13px; min-width: 0; } .row-icon[data-v-05b8c7ef] { width: 34px; height: 34px; border-radius: 9px; background: #f1f3f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; } .row-title[data-v-05b8c7ef] { font-size: 14px; font-weight: 600; color: #1b2333; } .row-sub[data-v-05b8c7ef] { font-size: 12.5px; color: #98a1b3; margin-top: 2px; } .row-right[data-v-05b8c7ef] { display: flex; align-items: center; gap: 12px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; } .info-dot[data-v-05b8c7ef] { width: 18px; height: 18px; border-radius: 50%; background: #eef0f5; color: #8a93a8; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; cursor: default; } .lock-note[data-v-05b8c7ef] { font-size: 11.5px; font-weight: 700; color: #98a1b3; } .configure-link[data-v-05b8c7ef] { font-size: 12.5px; font-weight: 700; color: #128c4c; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; padding: 6px 10px; border-radius: 7px; border: 1px solid #d3f0de; background: #f2fbf6; white-space: nowrap; } .configure-link[data-v-05b8c7ef]:hover { background: #e7f8ee; } .configure-link.muted[data-v-05b8c7ef] { color: #98a1b3; border-color: #e6e9ef; background: #f8f9fb; cursor: not-allowed; } .configured-tag[data-v-05b8c7ef] { display: inline-flex; align-items: center; gap: 5px; color: #1fa971; } .chip-dot[data-v-05b8c7ef] { width: 6px; height: 6px; border-radius: 50%; background: #1fa971; } .cfg-sep[data-v-05b8c7ef] { color: #98a1b3; margin: 0 2px; } .status-toggle[data-v-05b8c7ef] { display: flex; align-items: center; } .wa-banner[data-v-05b8c7ef] { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fbf0e4; border: 1px solid #f3ddbb; border-radius: 10px; padding: 14px 18px; margin-bottom: 18px; } .wb-left[data-v-05b8c7ef] { display: flex; align-items: center; gap: 12px; min-width: 0; } .wb-icon[data-v-05b8c7ef] { width: 24px; height: 24px; border-radius: 50%; background: #e0932e; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; flex-shrink: 0; } .wb-text[data-v-05b8c7ef] { font-size: 14px; font-weight: 600; color: #2c2417; } .wb-btn[data-v-05b8c7ef] { padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 700; border: 1.4px solid #e0932e; color: #c97a1a; background: #fff; cursor: pointer; flex-shrink: 0; } .wb-btn[data-v-05b8c7ef]:hover { background: #fff7ec; } .wa-banner.connected[data-v-05b8c7ef] { background: #eefaf3; border-color: #c9ecd8; } .wa-banner.connected .wb-icon[data-v-05b8c7ef] { background: #1fa971; } .wa-banner.connected .wb-text[data-v-05b8c7ef] { color: #1a3a2c; } .wa-banner.connected .wb-btn[data-v-05b8c7ef] { border-color: #c9ecd8; color: #4a6a58; } .notif-footnote[data-v-05b8c7ef] { margin-top: 16px; font-size: 12.5px; color: #98a1b3; } /* WhatsApp toggle green (matches prototype) */ .wa-toggle[data-v-05b8c7ef] .check:checked + .checktoggle { background-color: #25d366; } .activity-feed-root[data-v-0655b0c6] { --act-border: #dfe1e6; --act-muted: #6b778c; --act-text: #172b4d; --act-link: #0052cc; --act-bg: #fff; --act-hover: #f4f5f7; } .empty-state[data-v-0655b0c6] { min-height: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .empty-icon[data-v-0655b0c6] { margin-bottom: 1rem; } .act-feed[data-v-0655b0c6] { border: 1px solid var(--act-border); border-radius: 8px; overflow: hidden; background: var(--act-bg); } .act-day-header[data-v-0655b0c6] { padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--act-muted); background: #f4f5f7; border-bottom: 1px solid var(--act-border); } .act-day-group + .act-day-group .act-day-header[data-v-0655b0c6] { border-top: 1px solid var(--act-border); } .act-day-list[data-v-0655b0c6] { display: flex; flex-direction: column; } .act-row[data-v-0655b0c6] { display: flex; align-items: flex-start; gap: 12px; padding: 10px 16px; cursor: pointer; transition: background 0.12s ease; border-bottom: 1px solid #ebecf0; min-height: 52px; } .act-row[data-v-0655b0c6]:last-child { border-bottom: none; } .act-row[data-v-0655b0c6]:hover { background: var(--act-hover); } .act-avatar[data-v-0655b0c6] { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; overflow: hidden; margin-top: 2px; } .act-avatar-img[data-v-0655b0c6] { width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; display: block; } .act-body[data-v-0655b0c6] { flex: 1; min-width: 0; } .act-line[data-v-0655b0c6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .act-main[data-v-0655b0c6] { font-size: 13px; line-height: 1.45; color: var(--act-text); min-width: 0; flex: 1; /* One visual line preferred; wrap to 2 max, then ellipsis */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } .act-user[data-v-0655b0c6] { font-weight: 600; color: var(--act-text); margin-right: 0.25rem; } .act-action[data-v-0655b0c6] { color: var(--act-muted); font-weight: 400; } .act-inline-value[data-v-0655b0c6] { font-weight: 700; color: var(--act-text); } .act-target[data-v-0655b0c6] { border: none; background: none; padding: 0; margin: 0; color: var(--act-link); font-size: inherit; font-weight: 500; cursor: pointer; text-align: left; display: inline; vertical-align: baseline; } .act-target[data-v-0655b0c6]:hover { text-decoration: underline; } .act-time[data-v-0655b0c6] { flex-shrink: 0; font-size: 12px; color: var(--act-muted); padding-top: 2px; line-height: 1.45; } .act-load-more-wrap[data-v-0655b0c6] { padding: 12px 16px; border-top: 1px solid var(--act-border); text-align: center; } .act-load-more[data-v-0655b0c6] { border: 1px solid var(--act-border); background: #fff; color: var(--act-text); font-size: 13px; font-weight: 500; padding: 6px 14px; border-radius: 6px; cursor: pointer; } .act-load-more[data-v-0655b0c6]:hover:not(:disabled) { background: var(--act-hover); } .act-load-more[data-v-0655b0c6]:disabled { opacity: 0.6; cursor: default; } .activities-list-region[data-v-b9b30e4e] { width: 100%; box-sizing: border-box; } .activities-page-loading-block[data-v-b9b30e4e] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .activities-page-loading-spinner[data-v-b9b30e4e] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .activities-page-loading-label[data-v-b9b30e4e] { font-size: 0.95rem; } .clear-btn[data-v-b9b30e4e] { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; } .date-clear[data-v-b9b30e4e] { position: relative; padding-right: 60px; } .cal-icon[data-v-b9b30e4e] { position: absolute; font-size: 18px; color: #ccc; z-index: 5; } .date-clear input[data-v-b9b30e4e] { position: relative; z-index: 10; } .drive-browser[data-v-4914d9dc] { background: #fff; border: 1px solid #e8eaed; border-radius: 12px; overflow: hidden; min-height: 420px; } .drive-toolbar[data-v-4914d9dc] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e8eaed; background: #f8f9fa; flex-wrap: wrap; } .drive-breadcrumb[data-v-4914d9dc] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0; } .breadcrumb-item[data-v-4914d9dc] { border: none; background: transparent; color: #5f6368; font-size: 14px; font-weight: 500; padding: 4px 8px; border-radius: 6px; cursor: pointer; } .breadcrumb-item[data-v-4914d9dc]:hover { background: #e8eaed; color: #2f2d8f; } .breadcrumb-item.active[data-v-4914d9dc] { color: #202124; font-weight: 600; cursor: default; } .breadcrumb-item.active[data-v-4914d9dc]:hover { background: transparent; color: #202124; } .breadcrumb-crumb[data-v-4914d9dc] { display: inline-flex; align-items: center; gap: 4px; } .breadcrumb-separator[data-v-4914d9dc] { color: #9aa0a6; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .drive-list-panel[data-v-4914d9dc] { padding: 8px 0; } .drive-list[data-v-4914d9dc] { list-style: none; margin: 0; padding: 0; } .drive-row[data-v-4914d9dc] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #f1f3f4; min-height: 48px; } .drive-row[data-v-4914d9dc]:last-child { border-bottom: none; } .drive-row-folder[data-v-4914d9dc] { cursor: pointer; } .drive-row-folder[data-v-4914d9dc]:hover { background: #f1f3f4; } .drive-row-file[data-v-4914d9dc]:hover { background: #f8f9fa; } .drive-row-main[data-v-4914d9dc] { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; } .drive-row-icon[data-v-4914d9dc] { font-size: 20px; width: 24px; text-align: center; flex-shrink: 0; } .folder-icon[data-v-4914d9dc] { color: #f4b400; } .drive-row-text[data-v-4914d9dc] { min-width: 0; display: flex; flex-direction: column; gap: 2px; } .drive-row-name[data-v-4914d9dc] { color: #202124; font-size: 14px; font-weight: 500; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drive-row-name[data-v-4914d9dc]:hover { color: #2f2d8f; } .drive-row-meta[data-v-4914d9dc] { font-size: 12px; color: #5f6368; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drive-row-chevron[data-v-4914d9dc] { color: #9aa0a6; font-size: 12px; flex-shrink: 0; } .drive-row-action[data-v-4914d9dc] { color: #5f6368; flex-shrink: 0; } .drive-row-action[data-v-4914d9dc]:hover { color: #2f2d8f; } .drive-empty[data-v-4914d9dc] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; color: #5f6368; text-align: center; } .drive-empty i[data-v-4914d9dc] { font-size: 48px; margin-bottom: 12px; color: #dadce0; } .drive-empty p[data-v-4914d9dc] { margin: 0; font-size: 15px; } .main-warpper[data-v-845f531e] { display: flex; } .page-wrapper[data-v-845f531e] { width: 100%; } .search-container[data-v-845f531e] { margin-bottom: 16px; } .search-input[data-v-845f531e] { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; } .drive-browser-wrap[data-v-845f531e] { min-height: 420px; } .drive-loading-overlay[data-v-845f531e] { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0.85); min-height: 420px; } .content-loading[data-v-845f531e] { display: flex; justify-content: center; align-items: center; min-height: 200px; } .loading-content[data-v-845f531e] { text-align: center; } .loading-message[data-v-845f531e] { margin-top: 10px; color: #666; } .question-cell { white-space: pre-line; } .usertime-cell { white-space: pre-line; } .disable[data-v-14ac3edd]{ opacity: 0.5; pointer-events: none; } .users-table-region[data-v-4dae29f2] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .users-page-loading-block[data-v-4dae29f2] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .users-page-loading-spinner[data-v-4dae29f2] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .users-page-loading-label[data-v-4dae29f2] { font-size: 0.95rem; } .showentries label[data-v-4dae29f2] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-4dae29f2] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-4dae29f2]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-4dae29f2] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-4dae29f2] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .salary-table-region[data-v-7e1b5c8f] { width: 100%; box-sizing: border-box; } /* .table-avatar's real styling lives under the `.ant-table` ancestor selector in the global stylesheet — it no longer applies now that this table isn't an , so restate the essentials locally. */ .salary-table[data-v-7e1b5c8f] .table-avatar { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .salary-page-loading-block[data-v-7e1b5c8f] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .salary-page-loading-spinner[data-v-7e1b5c8f] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .salary-page-loading-label[data-v-7e1b5c8f] { font-size: 0.95rem; } .showentries label[data-v-7e1b5c8f] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-7e1b5c8f] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-7e1b5c8f]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-7e1b5c8f] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-7e1b5c8f] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .salary-view-payslip-region[data-v-4e1144ae] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .salary-view-page-loading-block[data-v-4e1144ae] { min-height: 320px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .salary-view-page-loading-spinner[data-v-4e1144ae] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .salary-view-page-loading-label[data-v-4e1144ae] { font-size: 0.95rem; } .invoice-details[data-v-4e1144ae]{ margin: auto; color: rgb(130, 122, 122); } .salary-slips-table-region[data-v-ebf5ef4e] { width: 100%; box-sizing: border-box; } /* .table-avatar's real styling lives under the `.ant-table` ancestor selector in the global stylesheet — it no longer applies now that this table isn't an , so restate the essentials locally. */ .salary-slips-table[data-v-ebf5ef4e] .table-avatar { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .salary-slips-page-loading-block[data-v-ebf5ef4e] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .salary-slips-page-loading-spinner[data-v-ebf5ef4e] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .salary-slips-page-loading-label[data-v-ebf5ef4e] { font-size: 0.95rem; } .showentries label[data-v-ebf5ef4e] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-ebf5ef4e] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-ebf5ef4e]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-ebf5ef4e] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-ebf5ef4e] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .clear-btn[data-v-ebf5ef4e] { position: absolute; top: 50%; right: 40px; /* Move clear button to the left to avoid overlap */ transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ } .view-btn[data-v-ebf5ef4e] { display: flex; /* Allows for flexible layout */ align-items: center; /* Centers icon vertically */ color: #6391c3; /* Default color for the icon, adjust as needed */ font-size: 14px; /* Adjust icon size if needed */ text-decoration: none; /* Remove underline from link */ } .view-btn i[data-v-ebf5ef4e] { margin-left: 1px; /* Space between text and icon */ } .view-btn[data-v-ebf5ef4e]:hover { color: #6a98c9; /* Change color on hover */ } .payroll-items-tab-region[data-v-389be9c8] { width: 100%; box-sizing: border-box; } .showentries label[data-v-57212d3e] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-57212d3e] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-57212d3e]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-57212d3e] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-57212d3e] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .workspace-page-shell-wrapper[data-v-586859b0] { height: 100vh; max-height: 100vh; overflow: hidden; display: flex; flex-direction: column; } .workspace-page-shell.content.container-fluid[data-v-586859b0] { padding: 0 !important; max-width: none; flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } .workspace-page-shell__inner[data-v-586859b0] { flex: 1 1 auto; min-height: 0; margin: 0; border: none; border-radius: 0; background: #fff; overflow: hidden; display: flex; flex-direction: column; } .workspace-page-shell__inner[data-v-586859b0] > .project-view-topbar { flex: 0 0 auto; } .workspace-page-shell__body[data-v-586859b0] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 16px 14px 24px; background: #fff; } .pipeline-field-edit-modal[data-v-e976c116] { position: fixed; inset: 0; z-index: 1100; } .pipeline-field-edit-backdrop[data-v-e976c116] { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.35); } .pipeline-field-edit-dialog[data-v-e976c116] { position: relative; width: min(560px, calc(100% - 32px)); max-height: calc(100vh - 48px); margin: 24px auto; background: #fff; border-radius: 10px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18); overflow: hidden; display: flex; flex-direction: column; } .pipeline-field-edit-header[data-v-e976c116] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid #edf1f5; flex-shrink: 0; } .pipeline-field-edit-badge[data-v-e976c116] { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 999px; background: #e8f2ff; color: #2563eb; font-size: 0.75rem; font-weight: 600; vertical-align: middle; } .pipeline-field-edit-body[data-v-e976c116] { padding: 20px; overflow-y: auto; } .pipeline-field-edit-readonly-type[data-v-e976c116] { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 12px; border: 1px solid #ced4da; border-radius: 6px; background: #f8fafc; color: #374151; } .pipeline-field-edit-picklist[data-v-e976c116] { margin-bottom: 16px; } .pipeline-field-edit-picklist-header[data-v-e976c116] { margin-bottom: 10px; } .pipeline-field-edit-picklist-list[data-v-e976c116] { display: flex; flex-direction: column; gap: 8px; } .pipeline-field-edit-picklist-row[data-v-e976c116] { display: flex; align-items: center; gap: 8px; } .pipeline-field-edit-picklist-handle[data-v-e976c116] { color: #9ca3af; width: 16px; text-align: center; flex-shrink: 0; } .pipeline-field-edit-picklist-remove[data-v-e976c116] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: 6px; background: transparent; color: #9ca3af; cursor: pointer; flex-shrink: 0; } .pipeline-field-edit-picklist-remove[data-v-e976c116]:hover:not(:disabled) { background: #fef2f2; color: #dc2626; } .pipeline-field-edit-picklist-remove[data-v-e976c116]:disabled { opacity: 0.4; cursor: not-allowed; } .pipeline-field-edit-add-option[data-v-e976c116] { display: block; width: 100%; margin-top: 10px; padding: 10px 12px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #fff; color: #2563eb; font-size: 0.875rem; font-weight: 500; cursor: pointer; } .pipeline-field-edit-add-option[data-v-e976c116]:hover:not(:disabled) { background: #f8fafc; } .pipeline-field-edit-footer[data-v-e976c116] { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px 20px; border-top: 1px solid #edf1f5; flex-shrink: 0; } .pipeline-fields-layout-editor[data-v-79166a80] { display: grid; grid-template-columns: minmax(0, 1fr) auto 300px; gap: 0; min-height: 320px; border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; } .pipeline-fields-layout-editor--embedded[data-v-79166a80] { min-height: 360px; } .pipeline-fields-layout-editor-main[data-v-79166a80], .pipeline-fields-layout-editor-side[data-v-79166a80] { display: flex; flex-direction: column; padding: 14px 16px; min-height: 0; overflow-y: auto; } .pipeline-fields-layout-editor-side[data-v-79166a80] { background: #f8fafc; border-left: 1px solid #edf1f5; } .pipeline-fields-layout-editor-title-row[data-v-79166a80] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; } .pipeline-fields-layout-editor-title[data-v-79166a80] { font-size: 0.8125rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0; } .pipeline-fields-layout-selection-count[data-v-79166a80] { font-size: 0.75rem; color: #2563eb; font-weight: 600; white-space: nowrap; } .pipeline-fields-layout-transfer[data-v-79166a80] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 0 10px; border-left: 1px solid #edf1f5; border-right: 1px solid #edf1f5; background: #fff; } .pipeline-fields-layout-transfer-btn[data-v-79166a80] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; color: #374151; cursor: pointer; padding: 0; } .pipeline-fields-layout-transfer-btn[data-v-79166a80]:hover:not(:disabled) { background: #f3f4f6; border-color: #9ca3af; } .pipeline-fields-layout-transfer-btn[data-v-79166a80]:disabled { opacity: 0.4; cursor: not-allowed; } .pipeline-fields-layout-list[data-v-79166a80] { display: flex; flex-direction: column; flex: 1 1 auto; gap: 8px; min-height: 220px; padding-bottom: 64px; } .pipeline-fields-layout-row[data-v-79166a80] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; cursor: pointer; } .pipeline-fields-layout-row--required[data-v-79166a80] { border-left: 4px solid #ef4444; } .pipeline-fields-layout-row--locked[data-v-79166a80] { margin-bottom: 8px; background: #fcfcfd; cursor: default; } .pipeline-fields-layout-row--unused[data-v-79166a80] { background: #fff; } .pipeline-fields-layout-row--selected[data-v-79166a80] { border-color: #93c5fd; background: #eff6ff; box-shadow: inset 0 0 0 1px #bfdbfe; } .pipeline-fields-layout-row--ghost[data-v-79166a80] { opacity: 0.55; } .pipeline-fields-layout-select-all[data-v-79166a80] { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 0.8125rem; color: #4b5563; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pipeline-fields-layout-select-all .form-check-input[data-v-79166a80] { margin: 0; cursor: pointer; } .pipeline-fields-layout-select[data-v-79166a80] { display: inline-flex; align-items: center; margin: 0; flex-shrink: 0; cursor: pointer; } .pipeline-fields-layout-select .form-check-input[data-v-79166a80] { margin: 0; cursor: pointer; } .pipeline-fields-layout-handle[data-v-79166a80] { color: #9ca3af; cursor: grab; flex-shrink: 0; } .pipeline-fields-layout-handle--disabled[data-v-79166a80] { opacity: 0.35; cursor: default; } .pipeline-fields-layout-copy[data-v-79166a80] { flex: 1; min-width: 0; } .pipeline-fields-layout-name[data-v-79166a80] { font-weight: 600; color: #1f2937; font-size: 0.875rem; } .pipeline-fields-layout-type[data-v-79166a80] { font-size: 0.75rem; color: #9ca3af; } .pipeline-fields-layout-picklist-summary[data-v-79166a80] { font-size: 0.7rem; color: #94a3b8; margin-top: 2px; } .pipeline-fields-layout-actions[data-v-79166a80] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .pipeline-fields-layout-action[data-v-79166a80] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 6px; cursor: pointer; padding: 0; } .pipeline-fields-layout-action--edit[data-v-79166a80] { background: #f3f4f6; color: #4b5563; } .pipeline-fields-layout-action--edit[data-v-79166a80]:hover:not(:disabled) { background: #e5e7eb; } .pipeline-fields-layout-action--remove[data-v-79166a80] { background: #ef4444; color: #fff; border-radius: 50%; } .pipeline-fields-layout-action[data-v-79166a80]:disabled { opacity: 0.45; cursor: not-allowed; } .pipeline-fields-layout-icon[data-v-79166a80] { color: #6b7280; width: 18px; text-align: center; flex-shrink: 0; } .pipeline-fields-layout-search-wrap[data-v-79166a80] { position: relative; margin-bottom: 12px; } .pipeline-fields-layout-search-icon[data-v-79166a80] { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 0.8rem; pointer-events: none; } .pipeline-fields-layout-search[data-v-79166a80] { padding-left: 32px; font-size: 0.875rem; } .pipeline-fields-layout-empty[data-v-79166a80] { padding-top: 8px; } .project-fields-editor[data-v-6bc49336] { position: fixed; inset: 0; z-index: 1080; } .project-fields-backdrop[data-v-6bc49336] { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.35); } .project-fields-panel[data-v-6bc49336] { position: absolute; top: 0; right: 0; width: min(980px, 100%); height: 100%; background: #fff; box-shadow: -12px 0 32px rgba(15, 23, 42, 0.12); display: flex; flex-direction: column; } .project-fields-header[data-v-6bc49336] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 24px 28px 16px; border-bottom: 1px solid #edf1f5; } .project-fields-title[data-v-6bc49336] { font-size: 1.35rem; font-weight: 600; color: #1f2937; } .project-fields-badge[data-v-6bc49336] { display: inline-block; margin-left: 10px; padding: 4px 10px; font-size: 0.75rem; font-weight: 500; color: #475569; background: #f1f5f9; border-radius: 999px; vertical-align: middle; } .project-fields-subtitle[data-v-6bc49336] { font-size: 0.875rem; color: #64748b; } .project-fields-body[data-v-6bc49336] { flex: 1; overflow: auto; padding: 20px 28px; } .project-fields-footer[data-v-6bc49336] { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 28px; border-top: 1px solid #edf1f5; } .project-fields-loading[data-v-6bc49336] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .project-info-form[data-v-0d236d94] textarea.form-control { min-height: 200px; } /* FormBuilder always renders its own submit row; hide it when the parent modal/wizard already owns Cancel / Next / Create / Update. */ .project-info-form--fields-only[data-v-0d236d94] .fb-actions { display: none; } .selected-items-container[data-v-ea0b470c] { min-height: 50px; border: 1px solid #ddd; border-radius: 4px; padding: 8px; background-color: #f9f9f9; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .project-category-section[data-v-ea0b470c] { border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px; background: #fff; } .project-category-row[data-v-ea0b470c] { display: grid; grid-template-columns: 24px minmax(0, 1fr) 38px; gap: 8px; align-items: start; margin-bottom: 8px; } .project-category-row-handle[data-v-ea0b470c] { color: #98a2b3; cursor: grab; padding-top: 8px; } .project-category-picker[data-v-ea0b470c] { position: relative; } .project-category-summary[data-v-ea0b470c] { width: 100%; min-height: 38px; border: 1px solid #d0d5dd; background: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; text-align: left; } .project-category-summary--error[data-v-ea0b470c] { border-color: #dc3545; } .project-category-type[data-v-ea0b470c] { flex: 0 0 auto; border-radius: 999px; padding: 2px 8px; font-size: 12px; font-weight: 600; } .project-category-type--open[data-v-ea0b470c] { color: #0b5cab; background: #e7f3ff; } .project-category-type--won[data-v-ea0b470c] { color: #1f7a3a; background: #e8f7ed; } .project-category-type--lost[data-v-ea0b470c] { color: #b42318; background: #feeceb; } .project-category-popover[data-v-ea0b470c] { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); border: 1px solid #d0d5dd; border-radius: 6px; background: #fff; padding: 10px; box-shadow: 0 10px 25px rgba(16, 24, 40, 0.12); } .project-category-catalog[data-v-ea0b470c] { max-height: 180px; overflow: auto; margin-top: 8px; } .project-category-catalog-item[data-v-ea0b470c] { width: 100%; border: 0; background: transparent; padding: 7px 4px; display: flex; justify-content: space-between; align-items: center; gap: 8px; text-align: left; } .project-category-catalog-item[data-v-ea0b470c]:hover { background: #f8fafc; } .project-category-type-picker[data-v-ea0b470c] { display: flex; gap: 8px; margin-top: 8px; } .project-category-type-picker button[data-v-ea0b470c] { border: 1px solid #d0d5dd; background: #fff; border-radius: 6px; padding: 6px 10px; } .project-category-type-picker button.active[data-v-ea0b470c] { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; } .item-bubble[data-v-ea0b470c] { display: inline-flex; align-items: center; background-color: #007bff; color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .item-bubble[data-v-ea0b470c]:hover { background-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .leader-bubble[data-v-ea0b470c] { background-color: #28a745; } .leader-bubble[data-v-ea0b470c]:hover { background-color: #1e7e34; } .member-bubble[data-v-ea0b470c] { background-color: #17a2b8; } .member-bubble[data-v-ea0b470c]:hover { background-color: #138496; } .bubble-remove-btn[data-v-ea0b470c] { background: none; border: none; color: white; margin-left: 8px; padding: 0; cursor: pointer; font-size: 0.75rem; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; } .bubble-remove-btn[data-v-ea0b470c]:hover { background-color: rgba(255, 255, 255, 0.2); } .no-items-text[data-v-ea0b470c] { color: #6c757d; font-style: italic; font-size: 0.875rem; } .cal-icon[data-v-ea0b470c] .datetimepicker { width: 100%; } .project-create-steps[data-v-ea0b470c] { display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 1.5rem; padding: 0 1rem; } .project-create-step[data-v-ea0b470c] { display: flex; align-items: center; flex: 1; max-width: 220px; position: relative; } .project-create-step-dot[data-v-ea0b470c] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #cbd5e1; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; color: #fff; background: #fff; flex-shrink: 0; } .project-create-step.active .project-create-step-dot[data-v-ea0b470c] { border-color: #2563eb; background: #2563eb; } .project-create-step.completed .project-create-step-dot[data-v-ea0b470c] { border-color: #2563eb; background: #2563eb; } .project-create-step-label[data-v-ea0b470c] { margin-left: 8px; font-size: 0.875rem; color: #64748b; white-space: nowrap; } .project-create-step.active .project-create-step-label[data-v-ea0b470c] { color: #1e293b; font-weight: 600; } .project-create-step-line[data-v-ea0b470c] { flex: 1; height: 2px; background: #e2e8f0; margin: 0 12px; } .project-create-step.completed .project-create-step-line[data-v-ea0b470c] { background: #2563eb; } .project-create-section-title[data-v-ea0b470c] { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .nx-cards-view[data-v-19a0cfd6] { width: 100%; box-sizing: border-box; } .nx-cards-view__loading[data-v-19a0cfd6] { min-height: 320px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .nx-cards-view__spinner[data-v-19a0cfd6] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .nx-cards-view__loading-label[data-v-19a0cfd6] { color: #6c757d; font-size: 0.95rem; } .nx-cards-empty[data-v-19a0cfd6] { background: #fff; border: 1px solid #e9ecef; border-radius: 12px; padding: 4rem 2rem; margin: 0 0 2rem; color: #6c757d; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .nx-cards-empty h4[data-v-19a0cfd6], .nx-cards-empty h5[data-v-19a0cfd6] { color: #343a40; margin-bottom: 0.75rem; font-weight: 600; } .nx-cards-empty__icon i[data-v-19a0cfd6] { font-size: 3.5rem; opacity: 0.35; margin-bottom: 1.25rem; } .nx-new-item-tile[data-v-19a0cfd6] { width: 100%; min-height: 188px; height: 100%; border-radius: 14px; border: 1.5px dashed #cbd5e1; background: transparent; color: #6b7280; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; } .nx-new-item-tile[data-v-19a0cfd6]:hover { border-color: #3b82f6; color: #2563eb; background: rgba(37, 99, 235, 0.04); } .nx-new-item-tile__label[data-v-19a0cfd6] { font-size: 0.875rem; font-weight: 530; } .nx-entity-card[data-v-f0f4a0ea] { background: var(--nx-card-bg, #ffffff); border: 1px solid var(--nx-card-border, #e5e7eb); border-radius: 14px; padding: 18px 18px 16px; height: 100%; display: flex; flex-direction: column; transition: background-color 0.15s ease; } .nx-entity-card[data-v-f0f4a0ea]:hover { background: var(--nx-card-hover-bg, #f9fafb); } .nx-entity-card__top[data-v-f0f4a0ea] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .nx-entity-card__identity[data-v-f0f4a0ea] { text-decoration: none !important; min-width: 0; flex: 1; color: inherit; } .nx-entity-card__title[data-v-f0f4a0ea] { margin: 0 0 4px; font-size: 1.05rem; font-weight: 650; color: var(--nx-card-title, #111827); line-height: 1.3; letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nx-entity-card__subtitle[data-v-f0f4a0ea] { margin: 0; font-size: 0.8125rem; color: var(--nx-card-muted, #6b7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nx-entity-card__menu-btn[data-v-f0f4a0ea] { width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--nx-card-muted, #6b7280); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .nx-entity-card__menu-btn[data-v-f0f4a0ea]::after { display: none; } .nx-entity-card__menu-btn[data-v-f0f4a0ea]:hover { background: var(--nx-card-menu-hover, #f3f4f6); color: var(--nx-card-title, #111827); border-color: var(--nx-card-border, #e5e7eb); } .nx-entity-card__body[data-v-f0f4a0ea] { text-decoration: none !important; color: inherit; display: flex; flex-direction: column; gap: 16px; flex: 1; } .nx-entity-card__tags[data-v-f0f4a0ea] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .nx-entity-card__footer[data-v-f0f4a0ea] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 2px; } .nx-entity-card__meta[data-v-f0f4a0ea] { display: flex; align-items: center; gap: 14px; min-width: 0; flex-wrap: wrap; } .nx-entity-card__people[data-v-f0f4a0ea] { flex-shrink: 0; } .nx-avatar-stack[data-v-163dda60] { display: flex; align-items: center; } .nx-avatar[data-v-163dda60] { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.625rem; font-weight: 700; color: #fff; border: 2px solid var(--nx-card-avatar-border, #ffffff); margin-left: -8px; } .nx-avatar[data-v-163dda60]:first-child { margin-left: 0; } .nx-avatar--image[data-v-163dda60] { -o-object-fit: cover; object-fit: cover; background: #e5e7eb; } .nx-avatar--more[data-v-163dda60] { background: var(--nx-card-more-bg, #e5e7eb) !important; color: var(--nx-card-more-fg, #374151); } .nx-unstaffed[data-v-163dda60] { font-size: 0.75rem; color: var(--nx-card-muted, #6b7280); } .view-icons[data-v-43eec160] { display: flex; align-items: center; gap: 6px; float: none; margin: 0; } .nx-status-pill[data-v-61a81431] { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 560; line-height: 1.2; } .nx-status-pill--progress[data-v-61a81431] { background: var(--nx-status-progress-bg, #eff6ff); color: var(--nx-status-progress-fg, #1d4ed8); } .nx-status-pill--active[data-v-61a81431] { background: var(--nx-status-active-bg, #eff6ff); color: var(--nx-status-active-fg, #1d4ed8); } .nx-status-pill--completed[data-v-61a81431] { background: var(--nx-status-completed-bg, #ecfdf5); color: var(--nx-status-completed-fg, #047857); } .nx-priority[data-v-61a81431] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 560; } .nx-priority__dot[data-v-61a81431] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .nx-priority--high[data-v-61a81431] { color: #ef4444; } .nx-priority--medium[data-v-61a81431] { color: #f59e0b; } .nx-priority--low[data-v-61a81431] { color: #22c55e; } .nx-project-card__progress-meta[data-v-61a81431] { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: 0.75rem; color: var(--nx-card-muted, #6b7280); } .nx-progress-track[data-v-61a81431] { height: 4px; border-radius: 999px; background: var(--nx-card-track, #e5e7eb); overflow: hidden; } .nx-progress-fill[data-v-61a81431] { height: 100%; border-radius: 999px; background: #22c55e; transition: width 0.25s ease; } .nx-project-card__deadline[data-v-61a81431], .nx-project-card__budget[data-v-61a81431] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: var(--nx-card-muted, #6b7280); white-space: nowrap; } .nx-project-card__deadline.is-overdue[data-v-61a81431], .nx-project-card__budget.is-negative[data-v-61a81431] { color: #ef4444; } .projects-cards-region[data-v-18068258] { width: 100%; box-sizing: border-box; } .empty-state[data-v-18068258] { background: #fff; border: 1px solid #e9ecef; border-radius: 12px; padding: 4rem 2rem; margin: 0 0 2rem; color: #6c757d; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .empty-state h4[data-v-18068258], .empty-state h5[data-v-18068258] { color: #343a40; margin-bottom: 0.75rem; font-weight: 600; } .empty-icon i[data-v-18068258] { font-size: 3.5rem; opacity: 0.35; margin-bottom: 1.25rem; } .projects-list-table[data-v-18068258] .dt-table tbody td { height: auto; white-space: normal; } .projects-list-table[data-v-18068258] .dt-state-cell { height: auto; padding: 0; } .projects-list-table .empty-state[data-v-18068258] { box-shadow: none; border: none; margin: 0; background: transparent; } .nx-table-progress[data-v-18068258] { display: flex; align-items: center; gap: 10px; } .nx-progress-track[data-v-18068258] { flex: 1 1 auto; min-width: 64px; max-width: 110px; height: 4px; border-radius: 999px; background: #e5e7eb; overflow: hidden; } .nx-progress-fill[data-v-18068258] { height: 100%; border-radius: 999px; background: #22c55e; } .nx-table-progress__meta[data-v-18068258] { flex: 0 0 auto; font-size: 0.75rem; color: #6b7280; white-space: nowrap; } .nx-project-cell[data-v-18068258] { display: flex; align-items: flex-start; gap: 10px; min-width: 0; } .nx-project-cell__text[data-v-18068258] { min-width: 0; } .nx-project-cell__title-row[data-v-18068258] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .nx-project-cell__name[data-v-18068258] { color: #111827; font-weight: 600; font-size: 0.9rem; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .nx-project-cell__name[data-v-18068258]:hover { color: #2563eb; } .nx-project-cell__sub[data-v-18068258] { margin-top: 3px; font-size: 0.75rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nx-status-pill[data-v-18068258] { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 560; white-space: nowrap; } .nx-status-pill--progress[data-v-18068258] { background: #eff6ff; color: #1d4ed8; } .nx-status-pill--active[data-v-18068258] { background: #eff6ff; color: #1d4ed8; } .nx-status-pill--completed[data-v-18068258] { background: #ecfdf5; color: #047857; } .nx-not-started[data-v-18068258], .nx-empty-dash[data-v-18068258] { color: #9ca3af; font-size: 0.8125rem; } .nx-deadline[data-v-18068258], .nx-budget[data-v-18068258] { font-size: 0.8125rem; color: #374151; } .nx-deadline.is-overdue[data-v-18068258], .nx-budget.is-negative[data-v-18068258] { color: #ef4444; } .nx-row-menu-btn[data-v-18068258] { width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .nx-row-menu-btn[data-v-18068258]::after { display: none; } .nx-row-menu-btn[data-v-18068258]:hover { background: #f3f4f6; color: #111827; border-color: #e5e7eb; } .selected-items-container[data-v-662fbbea] { min-height: 50px; border: 1px solid #ddd; border-radius: 4px; padding: 8px; background-color: #f9f9f9; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .item-bubble[data-v-662fbbea] { display: inline-flex; align-items: center; background-color: #007bff; color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .item-bubble[data-v-662fbbea]:hover { background-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .leader-bubble[data-v-662fbbea] { background-color: #28a745; } .leader-bubble[data-v-662fbbea]:hover { background-color: #1e7e34; } .member-bubble[data-v-662fbbea] { background-color: #17a2b8; } .member-bubble[data-v-662fbbea]:hover { background-color: #138496; } .bubble-remove-btn[data-v-662fbbea] { background: none; border: none; color: white; margin-left: 8px; padding: 0; cursor: pointer; font-size: 0.75rem; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; } .bubble-remove-btn[data-v-662fbbea]:hover { background-color: rgba(255, 255, 255, 0.2); } .no-items-text[data-v-662fbbea] { color: #6c757d; font-style: italic; font-size: 0.875rem; } /* Compact single-row filter bar — thin strip between tabs and content */ .advanced-task-filter-wrapper[data-v-4924e37a] { --atf-h: 34px; --atf-fs: 13px; --atf-pad-x: 10px; --atf-radius: 6px; --atf-gap: 8px; } .jira-filter-container[data-v-4924e37a] { margin-bottom: 8px; } .jira-filter-bar[data-v-4924e37a] { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: var(--atf-h); height: auto; } /* Shared equal-height control surface */ .atf-control[data-v-4924e37a] { height: var(--atf-h) !important; min-height: var(--atf-h) !important; max-height: var(--atf-h) !important; box-sizing: border-box; font-size: var(--atf-fs) !important; line-height: 1.2 !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; } /* Left Section: Search + Quick Filters */ .filter-left-section[data-v-4924e37a] { display: flex; align-items: center; gap: var(--atf-gap); flex: 1; min-width: 0; } .atf-leading-filters[data-v-4924e37a] { display: flex; align-items: center; gap: var(--atf-gap); flex-shrink: 0; } .work-view-switcher[data-v-4924e37a], .timeline-scale-switcher[data-v-4924e37a] { display: inline-flex; align-items: center; gap: 1px; height: var(--atf-h); padding: 2px; border: 1px solid #e3e3e3; border-radius: var(--atf-radius); background: #fff; flex-shrink: 0; box-sizing: border-box; } .work-view-btn[data-v-4924e37a], .timeline-scale-btn[data-v-4924e37a] { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: calc(var(--atf-h) - 4px); padding: 0 var(--atf-pad-x); border: none; border-radius: calc(var(--atf-radius) - 1px); background: #fff; color: #5e6c84; font-size: var(--atf-fs); font-weight: 500; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; white-space: nowrap; box-sizing: border-box; } .work-view-btn[data-v-4924e37a]:hover, .timeline-scale-btn[data-v-4924e37a]:hover { background: #f8f9fa; color: #1e3a8a; } .work-view-btn.active[data-v-4924e37a], .timeline-scale-btn.active[data-v-4924e37a] { background: #1e3a8a; color: #fff; } .work-view-btn i[data-v-4924e37a] { font-size: 11px; } .timeline-toolbar-actions[data-v-4924e37a] { display: inline-flex; align-items: center; gap: var(--atf-gap); flex-shrink: 0; } .timeline-fit-btn[data-v-4924e37a] { padding-left: var(--atf-pad-x) !important; padding-right: var(--atf-pad-x) !important; white-space: nowrap; background: #fff !important; } .timeline-today-btn[data-v-4924e37a] { background: #1e3a8a; border: 1px solid #1e3a8a; color: #fff; font-weight: 600; padding-left: 10px !important; padding-right: 10px !important; white-space: nowrap; } .timeline-today-btn[data-v-4924e37a]:hover { background: #1e293b; border-color: #1e293b; color: #fff; } .filter-search-input[data-v-4924e37a] { position: relative; flex: 1 1 auto; min-width: 220px; width: auto; height: var(--atf-h); } .filter-search-input input[data-v-4924e37a] { width: 100%; height: var(--atf-h) !important; min-height: var(--atf-h) !important; max-height: var(--atf-h) !important; padding: 0 28px 0 10px !important; border: 1px solid #e3e3e3; border-radius: var(--atf-radius); font-size: var(--atf-fs); line-height: var(--atf-h); box-sizing: border-box; background: #fff; } .filter-search-input input[data-v-4924e37a]:focus { border-color: #1e3a8a; box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.2); outline: none; } .search-icon[data-v-4924e37a] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #5e6c84; pointer-events: none; font-size: 11px; line-height: 1; } .quick-filters[data-v-4924e37a] { display: flex; gap: 4px; flex: 0 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .quick-filters[data-v-4924e37a]::-webkit-scrollbar { display: none; } .filter-btn[data-v-4924e37a] { display: inline-flex; align-items: center; gap: 4px; padding-left: var(--atf-pad-x) !important; padding-right: var(--atf-pad-x) !important; border: 1px solid #e3e3e3; border-radius: var(--atf-radius); background: #f8f9fa; color: #333; font-weight: 500; cursor: pointer; transition: all 0.15s ease; text-decoration: none; white-space: nowrap; flex-shrink: 0; } .filter-btn[data-v-4924e37a]:hover { background: #fff; border-color: #d1d5db; color: #172b4d; } .filter-btn.active[data-v-4924e37a] { background: rgba(30, 58, 138, 0.1); border-color: rgba(30, 58, 138, 0.28); color: #1e3a8a; } /* Right Section: Actions */ .filter-right-section[data-v-4924e37a] { display: flex; align-items: center; gap: var(--atf-gap); flex-shrink: 0; } .filter-controls[data-v-4924e37a] { display: flex; align-items: center; gap: 4px; } .active-filters-summary[data-v-4924e37a] { display: flex; align-items: center; } .filter-count-badge[data-v-4924e37a] { background: #1e3a8a; color: white; border-radius: 10px; padding: 1px 5px; font-size: 10px; font-weight: 600; min-width: 16px; text-align: center; line-height: 1.3; } .filter-toggle-btn[data-v-4924e37a] { border-color: #e3e3e3; color: #333; font-weight: 500; padding-left: var(--atf-pad-x) !important; padding-right: var(--atf-pad-x) !important; gap: 4px; background: #f8f9fa; } .filter-toggle-btn[data-v-4924e37a]:hover { border-color: #d1d5db; background: #fff; color: #172b4d; } .btn-outline-danger.atf-control[data-v-4924e37a] { padding-left: 6px !important; padding-right: 6px !important; } /* Add Task Button */ .add-task-btn[data-v-4924e37a] { background: #1e3a8a; border-color: #1e3a8a; color: white; font-weight: 500; padding-left: var(--atf-pad-x) !important; padding-right: var(--atf-pad-x) !important; gap: 4px; } .add-task-btn[data-v-4924e37a]:hover { background: #1e293b; border-color: #1e293b; } /* Group Controls */ .group-controls[data-v-4924e37a] { display: flex; align-items: center; gap: var(--atf-gap); } /* Column / outline secondary buttons */ .btn-outline-secondary.atf-control[data-v-4924e37a] { border-color: #e3e3e3; color: #333; font-weight: 500; padding-left: var(--atf-pad-x) !important; padding-right: var(--atf-pad-x) !important; gap: 4px; background: #f8f9fa; } .btn-outline-secondary.atf-control[data-v-4924e37a]:hover { border-color: #d1d5db; background: #fff; color: #172b4d; } .btn-outline-secondary.atf-control[data-v-4924e37a]:active, .btn-outline-secondary.atf-control.active[data-v-4924e37a], .btn-outline-secondary.atf-control.show[data-v-4924e37a], .dropdown.show > .btn-outline-secondary.atf-control[data-v-4924e37a], .btn-check:checked + .btn-outline-secondary.atf-control[data-v-4924e37a] { background: #fff !important; color: #333 !important; border-color: #e3e3e3 !important; box-shadow: none !important; } /* Active Filter Pills Row */ .active-filters-pills[data-v-4924e37a] { margin-top: 6px; padding: 0; } .filter-pills-container[data-v-4924e37a] { display: flex; flex-wrap: wrap; gap: 6px; } .filter-pill[data-v-4924e37a] { display: inline-flex; align-items: center; padding: 2px 6px; background: #e4fcff; border: 1px solid #b3f5ff; border-radius: 12px; font-size: 11px; font-weight: 500; color: #0747a6; gap: 4px; height: 22px; box-sizing: border-box; } .filter-pill.status-pill[data-v-4924e37a] { background: #e3fcef; border-color: #abf5d1; color: #006644; } .filter-pill.priority-pill[data-v-4924e37a] { background: #fff4e6; border-color: #ffd6a5; color: #974f0c; } .filter-pill.assignee-pill[data-v-4924e37a] { background: #eae6ff; border-color: #c0b6f2; color: #5243aa; } .filter-pill.category-pill[data-v-4924e37a] { background: #f0f9ff; border-color: #bae6fd; color: #0c4a6e; } .filter-pill.epic-pill[data-v-4924e37a] { background: #f3e8ff; border-color: #ddd6fe; color: #6b46c1; } .filter-pill.sprint-pill[data-v-4924e37a] { background: #ecfdf5; border-color: #bbf7d0; color: #065f46; } .filter-pill.date-pill[data-v-4924e37a] { background: #fef3c7; border-color: #fde68a; color: #92400e; } .status-dot[data-v-4924e37a] { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .pill-remove[data-v-4924e37a] { background: none; border: none; color: inherit; cursor: pointer; padding: 0; margin-left: 4px; opacity: 0.7; transition: opacity 0.2s; } .pill-remove[data-v-4924e37a]:hover { opacity: 1; } /* Dropdown Menu Styling */ .dropdown-menu[data-v-4924e37a] { border: 1px solid #e3e3e3; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 4px 0; min-width: 180px; } .dropdown-item[data-v-4924e37a] { padding: 8px 16px; font-size: 13px; transition: background-color 0.2s; display: flex; align-items: center; } .dropdown-item[data-v-4924e37a]:hover { background-color: #f8f9fa; } .dropdown-item i[data-v-4924e37a] { width: 16px; text-align: center; } .text-purple[data-v-4924e37a] { color: #8B5CF6 !important; } /* Modal Styles - Keep existing modal styles */ .modal-header[data-v-4924e37a] { border-bottom: 1px solid #dfe1e6; background: #f4f5f7; padding: 8px 24px !important; } .modal-title[data-v-4924e37a] { color: #172b4d; font-weight: 600; } .modal-body[data-v-4924e37a] { padding: 16px; } .filter-search-section .input-group-text[data-v-4924e37a] { background: #f4f5f7; border-color: #dfe1e6; color: #5e6c84; } .filter-sections[data-v-4924e37a] { display: flex; flex-direction: column; gap: 16px; } .filter-section[data-v-4924e37a]:last-child { border-bottom: none; padding-bottom: 0; } .filter-section-title[data-v-4924e37a] { color: #172b4d; font-weight: 600; font-size: 14px; margin-bottom: 8px; display: flex; align-items: center; } .filter-options-grid[data-v-4924e37a] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; } .filter-option-card[data-v-4924e37a] { display: flex; align-items: center; padding: 12px; border: 2px solid #dfe1e6; border-radius: 8px; cursor: pointer; transition: none; background: #fff; } .filter-option-card[data-v-4924e37a]:hover { border-color: #b3bac5; background: #fff; } .filter-option-card input[type="radio"][data-v-4924e37a] { display: none; } .filter-option-card input[type="radio"]:checked + .option-content[data-v-4924e37a] { color: #0052cc; } .filter-option-card[data-v-4924e37a]:has(input[type="radio"]:checked) { border-color: #0052cc; background: #fff; } .filter-options-list[data-v-4924e37a] { display: flex; flex-direction: column; gap: 8px; max-height: 200px; overflow-y: auto; } .filter-tags-container[data-v-4924e37a] { display: flex; flex-wrap: wrap; gap: 8px; max-height: 200px; overflow-y: auto; } .filter-tag[data-v-4924e37a] { display: inline-flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #e9ecef; border-radius: 20px; cursor: pointer; transition: none; font-size: 12px; font-weight: 500; color: #495057; gap: 8px; } .filter-tag[data-v-4924e37a]:hover { background: #fff; border-color: #dee2e6; } .filter-tag input[type="checkbox"][data-v-4924e37a] { margin: 0; accent-color: #007bff; } .filter-tag input[type="checkbox"]:checked + .tag-text[data-v-4924e37a] { color: #007bff; font-weight: 600; } .filter-tag[data-v-4924e37a]:has(input[type="checkbox"]:checked) { background: #fff; border-color: #007bff; } .tag-text[data-v-4924e37a] { font-size: 11px; font-weight: 500; letter-spacing: 0.5px; } .filter-option-item[data-v-4924e37a] { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; transition: background-color 0.2s ease; } .filter-option-item[data-v-4924e37a]:hover { background: #f4f5f7; } .filter-option-item input[type="radio"][data-v-4924e37a] { margin-right: 12px; accent-color: #0052cc; } .option-content[data-v-4924e37a] { display: flex; align-items: center; gap: 8px; flex: 1; } .option-label[data-v-4924e37a] { flex: 1; font-size: 14px; color: #172b4d; } .option-count[data-v-4924e37a] { font-size: 12px; color: #5e6c84; font-weight: 500; } .user-avatar[data-v-4924e37a] { width: 20px; height: 20px; border-radius: 50%; background: #0052cc; color: white; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; } .status-indicator[data-v-4924e37a] { width: 12px; height: 12px; border-radius: 50%; display: inline-block; } .filter-search input[data-v-4924e37a] { border: 1px solid #e3e3e3; border-radius: 6px; padding: 8px 12px; font-size: 13px; } .filter-search input[data-v-4924e37a]:focus { border-color: #0052cc; box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2); outline: none; } .modal-footer[data-v-4924e37a] { border-top: 1px solid #dfe1e6; background: #f4f5f7; padding: 8px; } /* Scrollbar styling */ .filter-options-list[data-v-4924e37a]::-webkit-scrollbar { width: 6px; } .filter-options-list[data-v-4924e37a]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; } .filter-options-list[data-v-4924e37a]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; } .filter-options-list[data-v-4924e37a]::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } /* Responsive Design */ @media (max-width: 992px) { .filter-btn span[data-v-4924e37a], .filter-toggle-btn span[data-v-4924e37a], .add-task-btn span[data-v-4924e37a], .btn-outline-secondary span[data-v-4924e37a], .work-view-btn span[data-v-4924e37a] { display: none; } .timeline-fit-btn[data-v-4924e37a] { font-size: 0; } .timeline-fit-btn[data-v-4924e37a]::after { content: 'Fit'; font-size: var(--atf-fs); } } @media (max-width: 768px) { .jira-filter-bar[data-v-4924e37a] { flex-direction: column; align-items: stretch; gap: 6px; padding: 0; } .filter-left-section[data-v-4924e37a] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--atf-gap); } .filter-search-input[data-v-4924e37a] { width: 100%; max-width: 100%; } .quick-filters[data-v-4924e37a] { justify-content: flex-start; } .filter-right-section[data-v-4924e37a] { justify-content: flex-start; flex-wrap: wrap; } .filter-options-grid[data-v-4924e37a] { grid-template-columns: 1fr; } } @media (max-width: 480px) { .filter-pills-container[data-v-4924e37a] { justify-content: flex-start; } .filter-pill[data-v-4924e37a] { font-size: 11px; padding: 2px 5px; } } td[data-v-7b072044] { padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #dee2e6; white-space: nowrap; font-size: 13px; overflow: hidden; text-overflow: ellipsis; position: relative; box-shadow: none; transition: none; background-color: transparent; box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; line-height: 1.2; } td.tlc-col--disabled[data-v-7b072044] { background-color: #f8fafc; opacity: 0.72; cursor: not-allowed; } td[data-v-7b072044]:hover { outline: 1px solid #dfe1e6; outline-offset: -1px; transition: none; background-color: transparent !important; } .tlc-date-cell[data-v-7b072044] { width: 130px !important; min-width: 130px !important; max-width: 130px !important; overflow: hidden; cursor: pointer; } .tlc-date-cell-inner[data-v-7b072044] { position: relative; width: 100%; max-width: 100%; height: 24px; min-height: 24px; max-height: 24px; overflow: hidden; display: flex; align-items: center; } .tlc-col--status[data-v-7b072044] { width: 140px !important; min-width: 140px !important; max-width: 140px !important; } .tlc-col--priority[data-v-7b072044], .tlc-col--task-type[data-v-7b072044] { width: 130px !important; min-width: 130px !important; max-width: 130px !important; } .tlc-col--assignee[data-v-7b072044], .tlc-col--reporter[data-v-7b072044], .tlc-col--tags[data-v-7b072044] { width: 140px !important; min-width: 140px !important; max-width: 140px !important; } .tlc-col--parent[data-v-7b072044] { width: 180px !important; min-width: 180px !important; max-width: 180px !important; } .tlc-col--text[data-v-7b072044], .tlc-col--date[data-v-7b072044] { width: 130px !important; min-width: 130px !important; max-width: 130px !important; } .tlc-col--story-points[data-v-7b072044] { width: 110px !important; min-width: 110px !important; max-width: 110px !important; } .tlc-col--description[data-v-7b072044] { width: 240px !important; min-width: 240px !important; max-width: 240px !important; } .tlc-col--timetracking[data-v-7b072044] { width: 150px !important; min-width: 150px !important; max-width: 150px !important; } .status-badge[data-v-7b072044], .priority-badge[data-v-7b072044] { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 22px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1; color: #fff !important; box-sizing: border-box; } /* Match task-row chip selects for epic/sprint read-only status & priority */ .status-badge--fill[data-v-7b072044], .priority-badge--fill[data-v-7b072044] { display: flex; width: 100%; min-width: 100%; height: 24px; min-height: 24px; max-height: 24px; padding: 0 8px; border-radius: 10px; box-sizing: border-box; overflow: hidden; } .task-type-badge[data-v-7b072044] { display: inline-block; padding: 2px 7px; border-radius: 10px; font-size: 10px; font-weight: 600; background-color: #4b5563; color: #fff !important; } .label-badge[data-v-7b072044] { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; color: #fff !important; background-color: #2563eb; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .label-more[data-v-7b072044] { color: #6c757d; font-size: 11px; font-style: italic; } .assignee-avatars[data-v-7b072044] { display: flex; flex-wrap: nowrap; align-items: center; gap: 3px; max-width: 100%; overflow: hidden; white-space: nowrap; } .assignee-avatar[data-v-7b072044] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; min-width: 22px; border-radius: 50%; font-size: 9px; font-weight: 700; color: #fff !important; line-height: 1; flex-shrink: 0; text-transform: uppercase; } .tlc-assignee-cell[data-v-7b072044], .tlc-tags-cell[data-v-7b072044], .tlc-files-cell[data-v-7b072044], .tlc-timetracking-cell[data-v-7b072044] { display: flex; align-items: center; gap: 4px; height: 24px; min-height: 24px; max-height: 24px; overflow: hidden; } .tlc-timetracking-cell[data-v-7b072044] { min-width: 110px; justify-content: flex-start; height: 24px; max-height: 24px; } .tlc-timer-btn[data-v-7b072044] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #5e6c84; font-size: 11px; flex-shrink: 0; cursor: pointer; } .tlc-timer-btn[data-v-7b072044]:hover { color: #0052cc; } .tlc-timer-actions[data-v-7b072044] { opacity: 0.55; } .tlc-timetracking-cell:hover .tlc-timer-actions[data-v-7b072044] { opacity: 1; } .tlc-icon-btn[data-v-7b072044] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: 1px dashed #c4c9d4; border-radius: 50%; background: transparent; color: #6c757d; font-size: 9px; line-height: 1; flex-shrink: 0; cursor: pointer; } .tlc-icon-btn[data-v-7b072044]:hover { border-color: #0052cc; color: #0052cc; background: #eef4ff; } .tlc-text-input[data-v-7b072044], .tlc-date-input[data-v-7b072044] { width: 100%; max-width: 100%; min-width: 0; height: 24px; padding: 0 6px; border: 1px solid transparent; border-radius: 4px; background: transparent; font-size: 12px; color: #172b4d; box-sizing: border-box; } .tlc-date-input[data-v-7b072044] { position: absolute; inset: 0; width: 100%; max-width: 100%; min-width: 0; } .tlc-text-input[data-v-7b072044]:hover, .tlc-date-input[data-v-7b072044]:hover { border-color: #dfe1e6; } .tlc-text-input[data-v-7b072044]:focus, .tlc-date-input[data-v-7b072044]:focus { outline: none; border-color: #0052cc; background: #fff; } .tlc-editable-text[data-v-7b072044] { cursor: pointer; border-bottom: 1px dashed transparent; } .tlc-editable-text[data-v-7b072044]:hover { border-bottom-color: #b3bac5; } .tlc-description-cell[data-v-7b072044] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tlc-placeholder[data-v-7b072044] { color: #97a0af; font-style: italic; } .tlc-file-count[data-v-7b072044], .tlc-timetracking-text[data-v-7b072044] { font-size: 11px; color: #5e6c84; white-space: nowrap; font-variant-numeric: tabular-nums; min-width: 42px; } .tlc-file-input[data-v-7b072044] { display: none; } /* Not scoped: these controls (and their teleported menus/popovers) render outside the component's own DOM subtree, so scoped attributes never reach them. */ .tlc-select { width: 100%; min-width: 110px; height: 24px; max-height: 24px; font-size: 12px; --vs-menu-height: 220px; line-height: 1; } .tlc-select .control { min-height: 24px !important; height: 24px !important; border: 1px solid transparent; border-radius: 4px; box-shadow: none; overflow: hidden; background: transparent; } .tlc-select:hover .control { border-color: #dfe1e6; } .tlc-select .value-container { min-height: 22px !important; height: 22px !important; padding: 1px 6px !important; overflow: hidden; } .tlc-select .single-value { width: 100%; font-size: 12px; } .tlc-select .search-input { font-size: 12px; line-height: 20px !important; height: 20px !important; padding: 0 !important; } .tlc-select .indicators-container { height: 22px !important; } .tlc-select-chip, .tlc-select-option-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 20px; max-width: 100%; padding: 1px 8px; border-radius: 10px; font-size: 10px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tlc-select--chip .control { position: relative; flex-wrap: nowrap; border-color: transparent !important; background-color: var(--tlc-select-color, #6c757d) !important; border-radius: 10px; } .tlc-select--chip .value-container { flex: 1 1 100% !important; width: 100%; padding: 0 20px 0 8px !important; text-align: center; } .tlc-select--chip .single-value, .tlc-select--chip .value-container, .tlc-select--chip .single-value * { color: #fff !important; } .tlc-select--chip .search-input { color: transparent; } .tlc-select--chip .indicators-container { position: absolute; top: 0; right: 2px; z-index: 1; padding: 0 !important; color: #fff; } .tlc-select--chip .indicators-container svg { width: 12px; height: 12px; color: #fff; } .tlc-select-option-chip { display: flex; width: 100%; min-width: 100%; box-sizing: border-box; min-height: 28px; padding: 6px 12px; border-radius: 0; justify-content: flex-start; overflow: visible; text-overflow: unset; } .tlc-select--plain .control { border: 1px solid #dfe1e6; background: #fff; border-radius: 4px; } .tlc-select--plain:hover .control { border-color: #b3bac5; } .tlc-select--plain .control.focused { border-color: #0052cc !important; box-shadow: 0 0 0 1px #0052cc; } .tlc-select--disabled, .tlc-select--disabled .control, .tlc-select .control.disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; background: #f4f5f7 !important; } .tlc-select-menu { z-index: 4000 !important; max-height: 220px !important; min-height: 120px; min-width: 180px !important; width: -moz-max-content; width: max-content; max-width: 280px; overflow-y: auto; overflow-x: hidden; border: 1px solid #dfe1e6 !important; border-radius: 6px !important; box-shadow: 0 8px 16px rgba(9, 30, 66, 0.15) !important; background: #fff !important; padding: 4px 0 !important; } .tlc-select-menu--chip { min-width: 160px !important; padding: 0 !important; } .tlc-select-menu--wide, .tlc-select-menu--plain { min-width: 220px !important; max-width: 320px; } .tlc-select-menu-option { padding: 0 !important; font-size: 11px; background: transparent !important; } .tlc-select-menu-option--chip { padding: 0 !important; margin: 0 !important; background: transparent !important; } .tlc-select-menu-option--chip > * { width: 100%; display: block; } .tlc-select-menu-option--chip:hover, .tlc-select-menu-option--chip[aria-selected="true"], .tlc-select-menu-option--chip[data-selected="true"], .tlc-select-menu-option--chip.focused, .tlc-select-menu-option--chip.selected { background: transparent !important; } .tlc-select-menu-option--plain { padding: 8px 12px !important; margin: 0 4px !important; border-radius: 4px !important; font-size: 13px !important; line-height: 1.3 !important; color: #172b4d !important; background: transparent !important; cursor: pointer; } .tlc-select-menu-option--plain:hover, .tlc-select-menu-option--plain.focused { background: #f4f5f7 !important; color: #172b4d !important; } .tlc-select-menu-option--plain.selected, .tlc-select-menu-option--plain[aria-selected="true"] { background: #e9f2ff !important; color: #0052cc !important; font-weight: 600; } .tlc-popover { position: fixed; z-index: 4000; width: 260px; padding: 8px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; box-shadow: 0 8px 16px rgba(9, 30, 66, 0.15); } .tlc-popover-title { font-size: 11px; font-weight: 600; text-transform: uppercase; color: #5e6c84; margin-bottom: 6px; } .tlc-popover-scroll { max-height: 220px; overflow-y: auto; } .tlc-popover-row { display: flex; align-items: center; gap: 8px; padding: 4px 2px; font-size: 12px; cursor: pointer; } .tlc-popover-empty { font-size: 12px; color: #97a0af; padding: 4px 2px; } .tlc-popover-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #ebecf0; } .tlc-assignee-popover { width: 280px; } .tlc-tag-picker-row { display: flex; align-items: center; gap: 6px; } .tlc-tag-name-input { flex: 1; height: 26px; padding: 0 6px; border: 1px solid #dfe1e6; border-radius: 4px; font-size: 12px; } .tlc-tag-color-input { width: 28px; height: 26px; padding: 0; border: 1px solid #dfe1e6; border-radius: 4px; background: none; } .tlc-tag-save-btn { height: 26px; padding: 0 10px; border: none; border-radius: 4px; background: #0052cc; color: #fff; font-size: 12px; cursor: pointer; } .tlc-tag-current, .tlc-tag-suggestions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; } .tlc-tag-current-chip, .tlc-tag-suggestion { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: none; border-radius: 12px; font-size: 11px; font-weight: 500; cursor: pointer; } .tlc-tag-remove { border: none; background: transparent; color: inherit; padding: 0; font-size: 9px; cursor: pointer; } /* Row + frozen-column styling lives here (not in project-tasks.vue) because scoped styles from the parent never reach a child component's inner cells. */ td[data-v-ff34153e] { display: table-cell !important; padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #dee2e6; white-space: nowrap; font-size: 13px; transition: none; box-shadow: none; box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; overflow: hidden; line-height: 1.2; } .unified-item-row > td[data-v-ff34153e]:hover { outline: 1px solid #dfe1e6; outline-offset: -1px; transition: none; background-color: transparent !important; } .unified-item-row > td.col-checkbox[data-v-ff34153e]:hover, .unified-item-row > td.col-name[data-v-ff34153e]:hover { outline: 1px solid #dfe1e6; outline-offset: -1px; } .child-item:hover > td.col-checkbox[data-v-ff34153e]:hover, .child-item:hover > td.col-name[data-v-ff34153e]:hover, .epic-in-sprint:hover > td.col-checkbox[data-v-ff34153e]:hover, .epic-in-sprint:hover > td.col-name[data-v-ff34153e]:hover { background-color: #fafbfc !important; } .grandchild-item:hover > td.col-checkbox[data-v-ff34153e]:hover, .grandchild-item:hover > td.col-name[data-v-ff34153e]:hover, .task-under-epic:hover > td.col-checkbox[data-v-ff34153e]:hover, .task-under-epic:hover > td.col-name[data-v-ff34153e]:hover { background-color: #f5f6f7 !important; } td[data-v-ff34153e]:not(.sticky-col) { overflow: hidden; text-overflow: ellipsis; } .unified-item-row[data-v-ff34153e] { display: table-row !important; transition: none; border-bottom: 1px solid #f0f0f0; height: 40px; } .unified-item-row[data-v-ff34153e]:hover { background-color: transparent; } .unified-item-row.expandable[data-v-ff34153e] { cursor: pointer; } .unified-item-row.selected-item[data-v-ff34153e] { background-color: #e3f2fd; } .unified-item-row.completed-item[data-v-ff34153e] { opacity: 0.7; } .unified-item-row.completed-item .item-title[data-v-ff34153e] { text-decoration: line-through; } /* Frozen checkbox + Name columns */ td.col-checkbox[data-v-ff34153e], td.sticky-col-checkbox[data-v-ff34153e] { position: sticky !important; left: 0 !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; text-align: center; padding: 8px 4px !important; border-right: 1px solid #dee2e6; background-color: #ffffff !important; box-shadow: none !important; overflow: hidden !important; z-index: 20 !important; height: 40px !important; max-height: 40px !important; } td.col-name[data-v-ff34153e], td.name-column[data-v-ff34153e], td.sticky-col-name[data-v-ff34153e] { position: sticky !important; left: 36px !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; text-align: left; padding: 8px 8px 8px 22px !important; /* Separator only while horizontally scrolled (see .is-h-scrolled) */ border-right: 1px solid transparent; background-color: #ffffff !important; box-shadow: none !important; overflow: hidden !important; z-index: 19 !important; height: 40px !important; max-height: 40px !important; } .table-responsive-custom.is-h-scrolled,.table-responsive-custom.is-h-scrolled,.table-responsive-custom.is-h-scrolled { border-right-color: #dee2e6; box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.12) !important; } td[data-v-ff34153e]:nth-child(3) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; } td.col-spacer[data-v-ff34153e] { width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; border-bottom: 1px solid #dee2e6; background-color: transparent !important; box-shadow: none !important; outline: none !important; pointer-events: none; } .unified-item-row > td.col-spacer[data-v-ff34153e]:hover { outline: none !important; background-color: transparent !important; } /* Hover / selection / hierarchy backgrounds on frozen cols */ .unified-item-row:hover td.col-checkbox[data-v-ff34153e], .unified-item-row:hover td.col-name[data-v-ff34153e] { background-color: #ffffff !important; } .unified-item-row.selected-item td.col-checkbox[data-v-ff34153e], .unified-item-row.selected-item td.col-name[data-v-ff34153e] { background-color: #e3f2fd !important; } .child-item td.col-checkbox[data-v-ff34153e], .child-item td.col-name[data-v-ff34153e], .epic-in-sprint td.col-checkbox[data-v-ff34153e], .epic-in-sprint td.col-name[data-v-ff34153e] { background-color: #fafbfc !important; } .child-item:hover td.col-checkbox[data-v-ff34153e], .child-item:hover td.col-name[data-v-ff34153e], .epic-in-sprint:hover td.col-checkbox[data-v-ff34153e], .epic-in-sprint:hover td.col-name[data-v-ff34153e] { background-color: #fafbfc !important; } .grandchild-item td.col-checkbox[data-v-ff34153e], .grandchild-item td.col-name[data-v-ff34153e], .task-under-epic td.col-checkbox[data-v-ff34153e], .task-under-epic td.col-name[data-v-ff34153e] { background-color: #f5f6f7 !important; } .grandchild-item:hover td.col-checkbox[data-v-ff34153e], .grandchild-item:hover td.col-name[data-v-ff34153e], .task-under-epic:hover td.col-checkbox[data-v-ff34153e], .task-under-epic:hover td.col-name[data-v-ff34153e] { background-color: #f5f6f7 !important; } .great-grandchild-item td.col-checkbox[data-v-ff34153e], .great-grandchild-item td.col-name[data-v-ff34153e] { background-color: #f0f1f2 !important; } /* Item type accent removed — rows use plain white checkbox column */ /* Row backgrounds by hierarchy level */ .child-item[data-v-ff34153e] { background-color: #fafbfc; } .grandchild-item[data-v-ff34153e] { background-color: #f5f6f7; } .great-grandchild-item[data-v-ff34153e] { background-color: #f0f1f2; } .epic-in-sprint[data-v-ff34153e] { background-color: #f0f4f8; } .task-under-epic[data-v-ff34153e] { background-color: #f5f6f7; } .child-indent[data-v-ff34153e] { padding-left: 20px; } .grandchild-indent[data-v-ff34153e] { padding-left: 40px; } .great-grandchild-indent[data-v-ff34153e] { padding-left: 60px; } .epic-in-sprint-indent[data-v-ff34153e] { padding-left: 20px; } .task-under-epic-indent[data-v-ff34153e] { padding-left: 40px; } /* Expand/Collapse + Name cell */ .item-name-cell[data-v-ff34153e] { position: relative; display: flex; align-items: center; min-width: 0; width: 100%; height: 24px; max-height: 24px; } .expand-slot[data-v-ff34153e] { position: absolute; left: -18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; z-index: 1; } .item-name-content[data-v-ff34153e] { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; width: 100%; } .expand-btn[data-v-ff34153e] { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; color: #6c757d; transition: color 0.2s; padding: 0; line-height: 1; font-size: 10px; } .expand-btn[data-v-ff34153e]:hover { color: #495057; background-color: #e9ecef; border-radius: 3px; } /* Hierarchy: indent icon+name only; expand stays in the gutter */ .child-item .item-name-content[data-v-ff34153e], .epic-in-sprint .item-name-content[data-v-ff34153e] { padding-left: 14px; } .grandchild-item .item-name-content[data-v-ff34153e], .task-under-epic .item-name-content[data-v-ff34153e] { padding-left: 28px; } .great-grandchild-item .item-name-content[data-v-ff34153e] { padding-left: 42px; } .item-type-icon[data-v-ff34153e] { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 12px; flex-shrink: 0; } .item-type-icon-img[data-v-ff34153e] { width: 14px; height: 14px; -o-object-fit: contain; object-fit: contain; display: block; } .item-title[data-v-ff34153e] { color: #172b4d; text-decoration: none; font-weight: 500; font-size: 13px; line-height: 1.3; } .item-name-link[data-v-ff34153e] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .item-name-link[data-v-ff34153e]:hover { color: #0747a6; text-decoration: underline; } .name-edit-btn[data-v-ff34153e] { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: none; border-radius: 4px; background: transparent; color: #97a0af; font-size: 10px; flex-shrink: 0; opacity: 0; cursor: pointer; transition: none; } .unified-item-row:hover .name-edit-btn[data-v-ff34153e], .name-edit-btn[data-v-ff34153e]:focus { opacity: 1; } .name-edit-btn[data-v-ff34153e]:hover { color: #0052cc; background: #eef4ff; } /* Inline name editing keeps the exact look of the read-only title */ .item-title-input[data-v-ff34153e] { flex: 1; min-width: 0; width: 100%; height: 22px; padding: 0 4px; border: 1px solid #0052cc; border-radius: 4px; background: #fff; font-family: inherit; text-overflow: ellipsis; } .item-title-input[data-v-ff34153e]:hover { border-color: #0052cc; } .item-title-input[data-v-ff34153e]:focus { outline: none; border-color: #0052cc; background: #fff; } .item-key-link[data-v-ff34153e] { font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 11px; font-weight: 600; color: #0052cc; background-color: #f8f9fa; padding: 0 6px; height: 22px; line-height: 20px; border-radius: 3px; border: 1px solid #e9ecef; text-decoration: none; transition: none; display: inline-flex; align-items: center; box-sizing: border-box; max-height: 22px; } .item-key-link[data-v-ff34153e]:hover { color: #0747a6; background-color: #e3f2fd; border-color: #0052cc; text-decoration: none; } .tlc-col--project[data-v-ff34153e] { padding: 8px 6px !important; height: 40px !important; max-height: 40px !important; box-sizing: border-box !important; overflow: hidden; } .project-badge[data-v-ff34153e] { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; color: #334155; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 3px; padding: 1px 6px; line-height: 18px; box-sizing: border-box; max-height: 22px; vertical-align: middle; } .form-check-input[data-v-ff34153e] { margin: 0; width: 14px; height: 14px; min-height: 14px; } .form-check-input[data-v-ff34153e]:checked { background-color: #0052cc; border-color: #0052cc; } @media (max-width: 768px) { .child-indent[data-v-ff34153e] { padding-left: 15px; } .grandchild-indent[data-v-ff34153e] { padding-left: 30px; } .great-grandchild-indent[data-v-ff34153e] { padding-left: 45px; } } thead.sticky-header th[data-v-537af950] { background-color: #ffffff !important; border-bottom: 1px solid #dee2e6; padding: 8px 6px !important; vertical-align: middle; font-weight: 600; font-size: 11px !important; line-height: 1.2; white-space: nowrap; box-sizing: border-box; height: 36px !important; min-height: 36px !important; max-height: 36px !important; overflow: hidden; } th.sortable[data-v-537af950] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } th.sortable[data-v-537af950]:hover { background-color: #ffffff !important; } th.col-checkbox[data-v-537af950], th.sticky-col-checkbox[data-v-537af950] { position: sticky !important; left: 0 !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; text-align: center; padding: 8px 4px !important; border-right: 1px solid #dee2e6; background-color: #ffffff !important; z-index: 30 !important; } th.col-name[data-v-537af950], th.sticky-col-name[data-v-537af950] { position: sticky !important; left: 36px !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; text-align: left; padding: 8px 8px 8px 22px !important; /* Separator only while horizontally scrolled (see .is-h-scrolled) */ border-right: 1px solid transparent; background-color: #ffffff !important; box-shadow: none !important; z-index: 29 !important; } .table-responsive-custom.is-h-scrolled,.table-responsive-custom.is-h-scrolled { border-right-color: #dee2e6; box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.12) !important; } th.sortable.col-name[data-v-537af950]:hover, th.sortable.sticky-col-name[data-v-537af950]:hover { background-color: #ffffff !important; } /* Comfortable fixed widths — never shrink when more columns are shown */ th.col-key[data-v-537af950] { width: 110px !important; min-width: 110px !important; max-width: 110px !important; } th.col-status[data-v-537af950], th.col-assignee[data-v-537af950], th.col-reporter[data-v-537af950] { width: 140px !important; min-width: 140px !important; max-width: 140px !important; } th.col-task-type[data-v-537af950], th.col-priority[data-v-537af950] { width: 130px !important; min-width: 130px !important; max-width: 130px !important; } th.col-date[data-v-537af950], th.col-text[data-v-537af950] { width: 130px !important; min-width: 130px !important; max-width: 130px !important; } th.col-tags[data-v-537af950] { width: 140px !important; min-width: 140px !important; max-width: 140px !important; } th.col-parent[data-v-537af950] { width: 180px !important; min-width: 180px !important; max-width: 180px !important; } th.col-story-points[data-v-537af950] { width: 110px !important; min-width: 110px !important; max-width: 110px !important; } th.col-description[data-v-537af950] { width: 240px !important; min-width: 240px !important; max-width: 240px !important; } th.col-files[data-v-537af950] { width: 100px !important; min-width: 100px !important; max-width: 100px !important; } th.col-timetracking[data-v-537af950] { width: 150px !important; min-width: 150px !important; max-width: 150px !important; } th.col-spacer[data-v-537af950] { width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; border-bottom: 1px solid #dee2e6; background-color: #ffffff !important; pointer-events: none; } .modal.show[data-v-59586fc2] { background-color: rgba(0, 0, 0, 0.5); } .modal-icon[data-v-59586fc2] { margin-bottom: 20px; } .task-details[data-v-59586fc2] { text-align: center; border: 1px solid #dee2e6; } .alert[data-v-59586fc2] { text-align: left; margin-bottom: 20px; } .btn-danger[data-v-59586fc2] { background-color: #dc3545; border-color: #dc3545; } .btn-danger[data-v-59586fc2]:hover { background-color: #c82333; border-color: #bd2130; } .btn-danger[data-v-59586fc2]:disabled { background-color: #dc3545; border-color: #dc3545; opacity: 0.6; } .spinner-border-sm[data-v-59586fc2] { width: 1rem; height: 1rem; } .unified-item-detail[data-v-f45bef48] { background: #fff; border-radius: 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.12); max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; height: 100vh; max-height: 90vh; /* Default body copy; avoids inheriting light text from parents (e.g. gantt timeline) */ color: #172b4d; } /* Native fields: readable text on focus when a parent uses a light-on-dark theme */ .unified-item-detail .title-input[data-v-f45bef48], .unified-item-detail .description-textarea[data-v-f45bef48], .unified-item-detail .comment-input[data-v-f45bef48], .unified-item-detail .form-control[data-v-f45bef48], .unified-item-detail .form-select[data-v-f45bef48], .unified-item-detail select.form-select[data-v-f45bef48], .unified-item-detail .search-input[data-v-f45bef48] { color: #172b4d; } .unified-item-detail .title-input[data-v-f45bef48]:focus, .unified-item-detail .description-textarea[data-v-f45bef48]:focus, .unified-item-detail .comment-input[data-v-f45bef48]:focus, .unified-item-detail .form-control[data-v-f45bef48]:focus, .unified-item-detail .form-select[data-v-f45bef48]:focus, .unified-item-detail .search-input[data-v-f45bef48]:focus { color: #172b4d; } /* Quill (description / comment rich text) */ .unified-item-detail[data-v-f45bef48] .simple-rich-text-editor .ql-editor, .unified-item-detail[data-v-f45bef48] .simple-rich-text-editor .ql-editor.ql-blank::before { color: #172b4d; } .unified-item-detail[data-v-f45bef48] .simple-rich-text-editor .ql-placeholder { color: #626f86; opacity: 1; } .unified-item-detail input[data-v-f45bef48]:-webkit-autofill, .unified-item-detail input[data-v-f45bef48]:-webkit-autofill:hover, .unified-item-detail input[data-v-f45bef48]:-webkit-autofill:focus { -webkit-text-fill-color: #172b4d; } .unified-item-detail.sidebar-mode[data-v-f45bef48] { height: 100%; max-height: none; box-shadow: none; border-radius: 0; border-left: 1px solid #e1e5e9; } /* Overlay / modal presentation (matches add-task rounded shell) */ .unified-item-detail[data-v-f45bef48]:not(.sidebar-mode) { height: min(90vh, calc(100vh - 40px)); max-height: 90vh; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); overflow: hidden; margin: 0 auto; max-width: 1200px; } /* Header */ .detail-header[data-v-f45bef48] { padding: 20px 24px; border-bottom: 1px solid #e1e5e9; background: #f7f8f9; } .header-content[data-v-f45bef48] { display: flex; justify-content: space-between; align-items: center; } .item-type-badge[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; padding: 4px 8px; background: #f4f5f7; border-radius: 4px; font-size: 12px; font-weight: 600; } .item-key[data-v-f45bef48] { color: #626f86; } .header-actions[data-v-f45bef48] { display: flex; gap: 8px; } .action-btn[data-v-f45bef48] { background: none; border: none; padding: 8px; border-radius: 4px; color: #626f86; cursor: pointer; transition: background-color 0.2s; } .action-btn[data-v-f45bef48]:hover { background: #e4e6ea; } /* Main Content */ .detail-content[data-v-f45bef48] { flex: 1; display: flex; overflow: hidden; } .main-panel[data-v-f45bef48] { flex: 1; padding: 24px; overflow-y: auto; } .details-sidebar[data-v-f45bef48] { width: 280px; padding: 24px; border-left: 1px solid #e1e5e9; background: #f7f8f9; overflow-y: auto; --detail-field-value-font-size: 13px; --detail-field-value-line-height: 18px; } /* Title Section */ .title-section[data-v-f45bef48] { margin-bottom: 32px; } .title-display[data-v-f45bef48] { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.2s; } .title-display[data-v-f45bef48]:hover { background: #f4f5f7; } .item-title[data-v-f45bef48] { margin: 0; font-size: 24px; font-weight: 600; color: #172b4d; flex: 1; } .edit-icon[data-v-f45bef48] { color: #626f86; font-size: 14px; opacity: 0; transition: opacity 0.2s; } .title-display:hover .edit-icon[data-v-f45bef48] { opacity: 1; } .title-input[data-v-f45bef48] { width: 100%; font-size: 24px; font-weight: 600; padding: 8px; border: 2px solid #0052cc; border-radius: 4px; outline: none; } .title-edit[data-v-f45bef48] { position: relative; } /* Description Section */ .description-section[data-v-f45bef48] { margin-bottom: 32px; } .section-title[data-v-f45bef48] { font-size: 16px; font-weight: 600; color: #172b4d; margin-bottom: 12px; } .description-display[data-v-f45bef48] { cursor: pointer; padding: 12px; border-radius: 4px; transition: background-color 0.2s; min-height: 60px; } .description-display[data-v-f45bef48]:hover { background: #f4f5f7; } .description-content[data-v-f45bef48] { color: #172b4d; line-height: 1.5; } .description-content[data-v-f45bef48] p { margin: 0 0 0.5rem; } .description-content[data-v-f45bef48] ul, .description-content[data-v-f45bef48] ol { padding-left: 1.25rem; margin: 0 0 0.5rem; } .description-content[data-v-f45bef48] a { color: #0052cc; word-break: break-word; } .description-content[data-v-f45bef48] img { max-width: 100%; height: auto; } .description-placeholder[data-v-f45bef48] { color: #626f86; display: flex; align-items: center; gap: 8px; } .description-textarea[data-v-f45bef48] { width: 100%; padding: 12px; border: 2px solid #0052cc; border-radius: 4px; resize: vertical; outline: none; font-family: inherit; } .description-edit[data-v-f45bef48] { position: relative; } .edit-actions[data-v-f45bef48] { margin-top: 12px; display: flex; gap: 8px; } /* Activity Section */ .activity-section[data-v-f45bef48] { margin-bottom: 32px; } .activity-tabs[data-v-f45bef48] { display: flex; border-bottom: 1px solid #e1e5e9; margin-bottom: 20px; } .tab-btn[data-v-f45bef48] { background: none; border: none; padding: 12px 16px; color: #626f86; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.2s; } .tab-btn.active[data-v-f45bef48] { color: #0052cc; border-bottom-color: #0052cc; } /* Comments */ .add-comment[data-v-f45bef48] { margin-bottom: 24px; } /* .comment-input-container: no border/overflow — SimpleRichTextEditor draws its own rounded box. Clipping this container would hide its "more formats" dropdown; the plain textarea (non-rich-text items) has its own frame below. */ .comment-input[data-v-f45bef48] { width: 100%; padding: 12px; border: 1px solid #dfe1e6; border-radius: 4px; outline: none; resize: none; font-family: inherit; } .comment-actions[data-v-f45bef48] { padding: 8px 12px; background: #f7f8f9; border-top: 1px solid #dfe1e6; } .comments-list[data-v-f45bef48] { display: flex; flex-direction: column; gap: 16px; } .comment-item[data-v-f45bef48] { display: flex; gap: 12px; } .comment-avatar[data-v-f45bef48] { flex-shrink: 0; } .comment-initials[data-v-f45bef48] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #dfe1e6; color: #42526e; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 1; } .comment-content[data-v-f45bef48] { flex: 1; /* Without this, a flex child won't shrink below its content's intrinsic width — the toolbar row would grow the whole comment list wider than the panel instead of triggering its own "more formats" overflow menu. */ min-width: 0; } .comment-header[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } .comment-author[data-v-f45bef48] { font-weight: 600; color: #172b4d; } .comment-time[data-v-f45bef48] { color: #626f86; font-size: 12px; } .comment-edited[data-v-f45bef48] { font-style: italic; } .comment-edit-btn[data-v-f45bef48] { border: none; background: transparent; color: #626f86; cursor: pointer; padding: 2px 4px; font-size: 12px; margin-left: auto; } .comment-edit-btn[data-v-f45bef48]:hover { color: #0052cc; } /* .comment-edit-container: no border/overflow — SimpleRichTextEditor draws its own rounded box; clipping this container would hide its "more formats" dropdown. The plain textarea (non-rich-text items) has its own frame above. */ .comment-text[data-v-f45bef48] { color: #172b4d; line-height: 1.5; } .comment-richtext[data-v-f45bef48] { min-height: 88px; } .attachments-section[data-v-f45bef48] { margin-bottom: 32px; } .attachment-area[data-v-f45bef48] { border: 2px dashed #dfe1e6; border-radius: 8px; padding: 24px; transition: border-color 0.2s; } .attachment-area[data-v-f45bef48]:hover { border-color: #0052cc; } .attachment-dropzone[data-v-f45bef48] { cursor: pointer; } .dropzone-content[data-v-f45bef48] { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; } .dropzone-icon[data-v-f45bef48] { font-size: 36px; color: #626f86; } .dropzone-title[data-v-f45bef48] { margin: 0; font-size: 14px; font-weight: 600; color: #172b4d; } .dropzone-text[data-v-f45bef48], .attachment-empty[data-v-f45bef48] { margin: 0; color: #626f86; font-size: 13px; } .file-input[data-v-f45bef48] { display: none; } .selected-files[data-v-f45bef48] { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; } .selected-file[data-v-f45bef48] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; } .selected-file-info[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; min-width: 0; color: #172b4d; text-decoration: none; border: none; background: transparent; padding: 0; text-align: left; cursor: pointer; } .selected-file-info[data-v-f45bef48]:hover { color: #0052cc; } .selected-file-name[data-v-f45bef48] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .selected-file-size[data-v-f45bef48] { flex-shrink: 0; color: #626f86; font-size: 12px; } .selected-file-remove[data-v-f45bef48] { border: none; background: transparent; color: #626f86; cursor: pointer; padding: 2px; } .selected-file-remove[data-v-f45bef48]:hover { color: #de350b; } .comment-text-rich[data-v-f45bef48] p { margin: 0 0 0.5em; } .comment-text-rich[data-v-f45bef48] p:last-child { margin-bottom: 0; } .comment-text-rich[data-v-f45bef48] ul, .comment-text-rich[data-v-f45bef48] ol { margin: 0.25em 0 0.5em 1.25em; padding-left: 0; } .comment-text-rich[data-v-f45bef48] a { color: #0052cc; } /* Sidebar Fields */ .detail-field[data-v-f45bef48] { margin-bottom: 20px; } .field-label[data-v-f45bef48] { font-size: 12px; font-weight: 600; color: #626f86; text-transform: uppercase; margin-bottom: 6px; display: block; } .field-value[data-v-f45bef48] { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border-radius: 4px; min-height: 32px; font-size: var(--detail-field-value-font-size); line-height: var(--detail-field-value-line-height); color: black; } .details-sidebar .field-value > span[data-v-f45bef48]:not(.status-badge), .details-sidebar .field-value .priority-display[data-v-f45bef48], .details-sidebar .field-value .priority-display span[data-v-f45bef48], .details-sidebar .field-value .epic-display[data-v-f45bef48], .details-sidebar .field-value .sprint-display[data-v-f45bef48], .details-sidebar .field-value .uni-select-label-clamp[data-v-f45bef48], .details-sidebar .field-value .unassigned[data-v-f45bef48], .details-sidebar .field-value .unset[data-v-f45bef48] { font-size: var(--detail-field-value-font-size) !important; line-height: var(--detail-field-value-line-height) !important; } .field-value.clickable[data-v-f45bef48] { cursor: pointer; transition: background-color 0.2s; } .field-value.clickable[data-v-f45bef48]:hover { background: #e4e6ea; } .field-arrow[data-v-f45bef48], .field-icon[data-v-f45bef48] { color: #626f86; font-size: 12px; } .status-badge[data-v-f45bef48] { padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; } .status-todo[data-v-f45bef48] { background: #dfe1e6; color: #42526e; } .status-progress[data-v-f45bef48] { background: #deebff; color: #0052cc; } .status-review[data-v-f45bef48] { background: #fff4e6; color: #ff8b00; } .status-testing[data-v-f45bef48] { background: #e3fcef; color: #006644; } .status-done[data-v-f45bef48] { background: #e3fcef; color: #006644; } .assignee-display[data-v-f45bef48], .epic-display[data-v-f45bef48], .sprint-display[data-v-f45bef48], .priority-display[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; } .assignee-avatar[data-v-f45bef48] { width: 20px; height: 20px; border-radius: 50%; } .initials-avatar[data-v-f45bef48] { display: inline-flex; align-items: center; justify-content: center; background: #dfe1e6; color: #42526e; font-size: 10px; font-weight: 700; text-transform: uppercase; flex: 0 0 20px; } .epic-icon[data-v-f45bef48] { color: #8B5CF6; } .sprint-icon[data-v-f45bef48] { color: #10B981; } .unassigned[data-v-f45bef48], .unset[data-v-f45bef48] { color: #626f86; font-style: italic; } .form-select[data-v-f45bef48], .form-control[data-v-f45bef48] { width: 100%; padding: 6px 8px; border: 1px solid #dfe1e6; border-radius: 4px; font-size: var(--detail-field-value-font-size); line-height: var(--detail-field-value-line-height); outline: none; } .details-sidebar .field-edit[data-v-f45bef48], .details-sidebar .field-edit .form-select[data-v-f45bef48], .details-sidebar .field-edit .form-control[data-v-f45bef48] { font-size: var(--detail-field-value-font-size) !important; line-height: var(--detail-field-value-line-height) !important; } .field-edit[data-v-f45bef48] .vs__search::-moz-placeholder { font-size: var(--detail-field-value-font-size) !important; line-height: var(--detail-field-value-line-height) !important; } .field-edit[data-v-f45bef48] .v-select, .field-edit[data-v-f45bef48] .vs__dropdown-toggle, .field-edit[data-v-f45bef48] .vs__selected-options, .field-edit[data-v-f45bef48] .vs__selected, .field-edit[data-v-f45bef48] .vs__search, .field-edit[data-v-f45bef48] .vs__search::placeholder, .field-edit[data-v-f45bef48] .vs__dropdown-menu, .field-edit[data-v-f45bef48] .vs__dropdown-option { font-size: var(--detail-field-value-font-size) !important; line-height: var(--detail-field-value-line-height) !important; } .form-select[data-v-f45bef48]:focus, .form-control[data-v-f45bef48]:focus { border-color: #0052cc; } /* Sprint Dates */ .sprint-dates[data-v-f45bef48] { display: flex; flex-direction: column; gap: 12px; } .date-field label[data-v-f45bef48] { font-size: 11px; color: #626f86; margin-bottom: 4px; } /* Tags */ .tags-container[data-v-f45bef48] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .tag-chip[data-v-f45bef48] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 12px; font-size: 11px; color: #fff; font-weight: 600; line-height: 18px; } .tag-remove[data-v-f45bef48] { background: none; border: none; color: rgba(255, 255, 255, 0.85); cursor: pointer; padding: 0; font-size: 10px; display: inline-flex; align-items: center; } .tag-remove[data-v-f45bef48]:hover { color: #fff; } .tag-remove[data-v-f45bef48]:disabled { opacity: 0.5; cursor: default; } .tag-add[data-v-f45bef48] { display: inline-flex; align-items: center; gap: 6px; } .tag-color-picker[data-v-f45bef48] { position: relative; display: inline-flex; align-items: center; } .tag-color-swatch[data-v-f45bef48] { width: 16px; height: 16px; border-radius: 50%; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.15); flex-shrink: 0; } .tag-palette[data-v-f45bef48] { position: absolute; left: 0; top: calc(100% + 6px); z-index: 20; display: grid; grid-template-columns: repeat(5, 18px); gap: 6px; padding: 8px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; box-shadow: 0 8px 20px rgba(9, 30, 66, 0.16); } .tag-palette-swatch[data-v-f45bef48] { width: 18px; height: 18px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; } .tag-palette-swatch.active[data-v-f45bef48] { border-color: #172b4d; } .tag-input[data-v-f45bef48] { border: 1px solid #dfe1e6; border-radius: 4px; padding: 2px 8px; font-size: 12px; width: 110px; height: 24px; } .tag-input[data-v-f45bef48]:focus { outline: none; border-color: #0052cc; } .tag-add-btn[data-v-f45bef48] { background: #0052cc; border: none; color: #fff; border-radius: 4px; padding: 2px 10px; font-size: 12px; cursor: pointer; height: 24px; } .tag-add-btn[data-v-f45bef48]:disabled { opacity: 0.5; cursor: default; } .tag-saving[data-v-f45bef48] { color: #626f86; font-size: 12px; } /* Loading States */ .loading-overlay[data-v-f45bef48] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 4px; } .field-edit[data-v-f45bef48] { position: relative; } /* Label Modal */ .modal-overlay[data-v-f45bef48] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; } .label-modal[data-v-f45bef48] { position: relative; background: white; border-radius: 8px; width: 90%; max-width: 500px; max-height: 80vh; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); } .modal-header[data-v-f45bef48] { padding: 20px 24px; border-bottom: 1px solid #e1e5e9; display: flex; justify-content: space-between; align-items: center; } .modal-header h3[data-v-f45bef48] { margin: 0; font-size: 18px; font-weight: 600; color: #172b4d; } .close-btn[data-v-f45bef48] { background: none; border: none; font-size: 18px; color: #626f86; cursor: pointer; padding: 4px; border-radius: 4px; transition: background-color 0.2s; } .close-btn[data-v-f45bef48]:hover { background: #f4f5f7; } .modal-content[data-v-f45bef48] { padding: 24px; max-height: 60vh; overflow-y: auto; } .available-labels h4[data-v-f45bef48] { margin: 0 0 16px 0; font-size: 14px; font-weight: 600; color: #172b4d; } .labels-grid[data-v-f45bef48] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; } .label-checkbox[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.2s; } .label-checkbox[data-v-f45bef48]:hover { background: #f4f5f7; } .label-checkbox input[type="checkbox"][data-v-f45bef48] { margin: 0; } /* History Styles */ .no-activities[data-v-f45bef48] { text-align: center; padding: 40px 20px; color: #626f86; } .no-activities i[data-v-f45bef48] { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } .no-activities p[data-v-f45bef48] { margin: 0; font-size: 14px; } .history-item[data-v-f45bef48] { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid #f4f5f7; } .history-item[data-v-f45bef48]:last-child { border-bottom: none; } .history-icon[data-v-f45bef48] { width: 32px; height: 32px; border-radius: 50%; background: #f4f5f7; display: flex; align-items: center; justify-content: center; color: #626f86; flex-shrink: 0; } .history-content[data-v-f45bef48] { flex: 1; } .history-header[data-v-f45bef48] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } .history-user[data-v-f45bef48] { font-weight: 600; color: #172b4d; font-size: 14px; } .history-time[data-v-f45bef48] { color: #626f86; font-size: 12px; } .history-text[data-v-f45bef48] { color: #172b4d; line-height: 1.4; margin-bottom: 8px; } .history-changes[data-v-f45bef48] { background: #f8f9fa; border-radius: 4px; padding: 8px 12px; font-size: 12px; } .history-changes .label[data-v-f45bef48] { font-weight: 600; color: #626f86; } .old-value[data-v-f45bef48] { color: #d73a49; margin-bottom: 4px; } .new-value[data-v-f45bef48] { color: #28a745; } /* Responsive */ @media (max-width: 768px) { .unified-item-detail[data-v-f45bef48]:not(.sidebar-mode) { height: calc(100vh - 50px); } .detail-content[data-v-f45bef48] { flex-direction: column; } .details-sidebar[data-v-f45bef48] { width: 100%; border-left: none; border-top: 1px solid #e1e5e9; } .main-panel[data-v-f45bef48] { padding: 16px; } .details-sidebar[data-v-f45bef48] { padding: 16px; } .item-title[data-v-f45bef48] { font-size: 20px; } } .assignees-display[data-v-f45bef48] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .assignee-item[data-v-f45bef48] { display: flex; align-items: center; gap: 6px; background: #f4f5f7; padding: 4px 8px; border-radius: 12px; font-size: 12px; } .field-actions[data-v-f45bef48] { display: flex; gap: 8px; margin-top: 8px; } .btn[data-v-f45bef48] { padding: 6px 12px; border-radius: 4px; font-weight: 500; cursor: pointer; transition: all 0.2s; font-size: 12px; } .btn-primary[data-v-f45bef48] { background: #0052cc; border: 1px solid #0052cc; color: white; } .btn-primary[data-v-f45bef48]:hover:not(:disabled) { background: #0047b3; border-color: #0047b3; } .btn-secondary[data-v-f45bef48] { background: white; border: 1px solid #dfe1e6; color: #626f86; } .btn-secondary[data-v-f45bef48]:hover { background: #f4f5f7; } .btn[data-v-f45bef48]:disabled { opacity: 0.6; cursor: not-allowed; } .uni-select-label-clamp[data-v-f45bef48] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; min-width: 0; line-height: 1.35; } .epic-display .uni-select-label-clamp[data-v-f45bef48], .sprint-display .uni-select-label-clamp[data-v-f45bef48] { flex: 1 1 auto; min-width: 0; } /* —— Linear-style white task detail —— */ .unified-item-detail.linear-layout[data-v-f45bef48] { background: #ffffff; color: #111827; } .linear-layout .detail-header[data-v-f45bef48] { padding: 14px 24px; background: #ffffff; border-bottom: 1px solid #e5e7eb; } .linear-layout .header-breadcrumb[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; color: #6b7280; } .linear-layout .crumb-project[data-v-f45bef48] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } .linear-layout .crumb-sep[data-v-f45bef48] { color: #9ca3af; } .linear-layout .crumb-key[data-v-f45bef48] { font-weight: 600; color: #4b5563; flex-shrink: 0; } .linear-layout .action-btn[data-v-f45bef48] { color: #6b7280; border-radius: 6px; } .linear-layout .action-btn[data-v-f45bef48]:hover { background: #f3f4f6; color: #111827; } .linear-layout .main-panel[data-v-f45bef48] { padding: 28px 32px; background: #ffffff; } .linear-layout .details-sidebar[data-v-f45bef48] { width: 300px; padding: 20px 18px; background: #fafafa; border-left: 1px solid #e5e7eb; } .linear-layout .title-meta[data-v-f45bef48] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; } .linear-layout .meta-pill[data-v-f45bef48] { display: inline-flex; align-items: center; gap: 6px; border: none; border-radius: 6px; padding: 3px 10px; font-size: 12px; font-weight: 600; cursor: pointer; line-height: 1.4; } .linear-layout .type-pill[data-v-f45bef48] { color: #fff; } .linear-layout .priority-pill[data-v-f45bef48] { background: transparent; padding-left: 4px; } .linear-layout .meta-inline-edit[data-v-f45bef48] { min-width: 160px; flex: 1 1 180px; } .linear-layout .title-section[data-v-f45bef48] { margin-bottom: 20px; } .linear-layout .item-title[data-v-f45bef48] { font-size: 24px; font-weight: 600; letter-spacing: normal; color: #172b4d; } .linear-layout .title-input[data-v-f45bef48], .linear-layout .title-input-always[data-v-f45bef48] { border: 1px solid transparent; border-radius: 4px; font-size: 24px; font-weight: 600; letter-spacing: normal; color: #172b4d; padding: 8px; background: transparent; width: 100%; outline: none; box-shadow: none; } .linear-layout .title-input-always[data-v-f45bef48]:hover { background: #f4f5f7; } .linear-layout .title-input-always[data-v-f45bef48]:focus { border-color: #0052cc; background: #fff; } .linear-layout .title-section[data-v-f45bef48] { margin-bottom: 16px; } .linear-layout .meta-select-wrap[data-v-f45bef48] { min-width: 120px; max-width: 180px; } .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .control, .linear-layout .always-edit[data-v-f45bef48] .control { min-height: 32px !important; border: 1px solid transparent !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; } .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .control:hover, .linear-layout .always-edit[data-v-f45bef48] .control:hover { background: #f3f4f6 !important; } .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .control.is-focused, .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .control.focused, .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .control[data-state="open"], .linear-layout .always-edit[data-v-f45bef48] .control.is-focused, .linear-layout .always-edit[data-v-f45bef48] .control.focused, .linear-layout .always-edit[data-v-f45bef48] .control[data-state="open"] { border-color: #d1d5db !important; background: #fff !important; } .linear-layout .meta-select-wrap[data-v-f45bef48] .value-container, .linear-layout .always-edit[data-v-f45bef48] .value-container, .linear-layout .meta-select-wrap[data-v-f45bef48]:not(.type-meta) .single-value, .linear-layout .always-edit[data-v-f45bef48] .single-value, .linear-layout .meta-select-wrap[data-v-f45bef48] .multi-value-label, .linear-layout .always-edit[data-v-f45bef48] .multi-value-label { font-size: 13px !important; line-height: 18px !important; color: #111827 !important; } /* Task type pill: keep blue + white text on hover/focus (never white-on-white) */ .linear-layout .type-meta[data-v-f45bef48] .control, .linear-layout .type-meta[data-v-f45bef48] .control:hover, .linear-layout .type-meta[data-v-f45bef48] .control.is-focused, .linear-layout .type-meta[data-v-f45bef48] .control.focused, .linear-layout .type-meta[data-v-f45bef48] .control[data-state="open"] { background: #0052cc !important; border-color: #0052cc !important; box-shadow: none !important; min-height: 32px !important; border-radius: 6px !important; } .linear-layout .type-meta[data-v-f45bef48] .control:hover, .linear-layout .type-meta[data-v-f45bef48] .control.is-focused, .linear-layout .type-meta[data-v-f45bef48] .control.focused, .linear-layout .type-meta[data-v-f45bef48] .control[data-state="open"] { background: #0047b3 !important; border-color: #0047b3 !important; } .linear-layout .type-meta[data-v-f45bef48] .single-value, .linear-layout .type-meta[data-v-f45bef48] .placeholder, .linear-layout .type-meta[data-v-f45bef48] .dropdown-icon, .linear-layout .type-meta[data-v-f45bef48] .search-input { color: #fff !important; } .linear-layout .status-always[data-v-f45bef48] { border-radius: 8px; padding: 2px 4px; background: transparent; color: #111827; } .linear-layout .status-always[data-v-f45bef48] .control { background: transparent !important; } .linear-layout .status-always[data-v-f45bef48] .single-value, .linear-layout .status-always[data-v-f45bef48] .placeholder, .linear-layout .status-always[data-v-f45bef48] .dropdown-icon { color: #111827 !important; font-weight: 500 !important; } .linear-layout .status-field.sidebar-row .status-always[data-v-f45bef48] { padding: 0; } .linear-layout .sidebar-row[data-v-f45bef48] { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 8px; margin-bottom: 0; min-height: 36px; height: 36px; border-bottom: 1px solid #f3f4f6; padding: 0; overflow: hidden; } .linear-layout .sidebar-row .field-edit.always-edit[data-v-f45bef48] { min-width: 0; height: 32px; } .linear-layout .flat-input[data-v-f45bef48] { border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important; text-align: right; height: 32px; padding: 4px 8px; font-size: 13px; color: #111827; } .linear-layout .flat-input[data-v-f45bef48]:hover { background: #f3f4f6 !important; } .linear-layout .flat-input[data-v-f45bef48]:focus { border-color: #d1d5db !important; background: #fff !important; text-align: left; } .linear-layout .dates-overdue[data-v-f45bef48] { margin: 6px 0 0; padding-left: 2px; } .linear-layout .time-tracking-always[data-v-f45bef48] { padding: 4px 0 8px; } .linear-layout .time-labels-edit[data-v-f45bef48] { align-items: center; } .linear-layout .time-estimate-edit[data-v-f45bef48] { display: inline-flex; align-items: center; gap: 4px; } .linear-layout .time-estimate-input[data-v-f45bef48] { width: 64px; text-align: right; } .linear-layout .time-estimate-unit[data-v-f45bef48] { font-size: 12px; color: #6b7280; white-space: nowrap; } .linear-layout .description-edit-always[data-v-f45bef48] { min-height: 120px; } .linear-layout .description-edit-always .edit-actions[data-v-f45bef48] { margin-top: 8px; } .linear-layout .assignee-field[data-v-f45bef48] .value-container.multi { gap: 0; flex-wrap: wrap; align-items: center; } .linear-layout .section-title[data-v-f45bef48] { font-size: 13px; font-weight: 600; color: #6b7280; margin-bottom: 8px; } .linear-layout .description-section[data-v-f45bef48] { margin-bottom: 20px; } .linear-layout .description-display[data-v-f45bef48] { padding: 0; min-height: 40px; } .linear-layout .description-display[data-v-f45bef48]:hover { background: transparent; } .linear-layout .description-content[data-v-f45bef48], .linear-layout .description-placeholder[data-v-f45bef48] { color: #374151; font-size: 14px; line-height: 1.6; } .linear-layout .attachments-section[data-v-f45bef48] { margin-bottom: 24px; } .linear-layout .attachment-area[data-v-f45bef48] { border: 1px dashed #d1d5db; border-radius: 8px; padding: 14px 16px; background: #fff; } .linear-layout .attachment-area[data-v-f45bef48]:hover { border-color: #93c5fd; background: #f8fafc; } .linear-layout .dropzone-content-inline[data-v-f45bef48] { flex-direction: row; justify-content: center; gap: 10px; } .linear-layout .dropzone-icon[data-v-f45bef48] { font-size: 18px; color: #9ca3af; } .linear-layout .dropzone-inline-text[data-v-f45bef48] { margin: 0; font-size: 13px; color: #6b7280; } .linear-layout .browse-link[data-v-f45bef48] { border: none; background: none; color: #2563eb; font-weight: 600; padding: 0; cursor: pointer; } .linear-layout .browse-link[data-v-f45bef48]:hover { text-decoration: underline; } .linear-layout .activity-tabs[data-v-f45bef48] { border-bottom: 1px solid #e5e7eb; gap: 4px; margin-bottom: 16px; } .linear-layout .tab-btn[data-v-f45bef48] { padding: 10px 4px; margin-right: 16px; color: #6b7280; font-size: 13px; font-weight: 500; border-bottom-width: 2px; } .linear-layout .tab-btn.active[data-v-f45bef48] { color: #111827; border-bottom-color: #111827; } .linear-layout .tab-count[data-v-f45bef48] { margin-left: 6px; color: #9ca3af; font-weight: 500; } .linear-layout .comment-composer[data-v-f45bef48] { display: block; margin-bottom: 20px; } .linear-layout .comment-composer .comment-input-container[data-v-f45bef48] { width: 100%; min-width: 0; } .linear-layout .comment-initials[data-v-f45bef48] { background: #3b82f6; color: #fff; } .linear-layout .comment-actions[data-v-f45bef48] { background: transparent; border-top: none; padding: 8px 0 0; } .linear-layout .activity-feed[data-v-f45bef48], .linear-layout .comments-list[data-v-f45bef48] { display: flex; flex-direction: column; gap: 16px; } .linear-layout .history-item-compact[data-v-f45bef48] { display: flex; gap: 10px; align-items: flex-start; padding: 4px 0 4px 4px; } .linear-layout .history-item-compact .history-icon[data-v-f45bef48] { width: 28px; height: 28px; border-radius: 50%; background: #f3f4f6; display: flex; align-items: center; justify-content: center; color: #6b7280; font-size: 11px; flex-shrink: 0; } .linear-layout .history-item-compact .history-content[data-v-f45bef48] { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; } .linear-layout .history-item-compact .history-text[data-v-f45bef48] { margin: 0; font-size: 13px; color: #4b5563; } .linear-layout .history-item-compact .history-user[data-v-f45bef48] { font-weight: 600; color: #111827; } .linear-layout .history-item-compact .history-time[data-v-f45bef48] { font-size: 12px; color: #9ca3af; } .linear-layout .status-field[data-v-f45bef48]:not(.sidebar-row) { margin-bottom: 14px; } .linear-layout .status-trigger[data-v-f45bef48] { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid transparent; justify-content: flex-start; } .linear-layout .status-trigger .status-badge[data-v-f45bef48] { background: transparent; padding: 0; text-transform: none; font-size: 14px; font-weight: 600; } .linear-layout .status-trigger .field-arrow[data-v-f45bef48] { margin-left: auto; } .linear-layout .status-dot[data-v-f45bef48] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex-shrink: 0; } .linear-layout .status-trigger.status-todo[data-v-f45bef48] { background: #fff7ed; color: #ea580c; border-color: #ffedd5; } .linear-layout .status-trigger.status-progress[data-v-f45bef48] { background: #eff6ff; color: #2563eb; border-color: #dbeafe; } .linear-layout .status-trigger.status-review[data-v-f45bef48] { background: #fff7ed; color: #c2410c; border-color: #ffedd5; } .linear-layout .status-trigger.status-testing[data-v-f45bef48], .linear-layout .status-trigger.status-done[data-v-f45bef48] { background: #ecfdf5; color: #047857; border-color: #d1fae5; } .linear-layout .status-trigger.status-default[data-v-f45bef48] { background: #f3f4f6; color: #4b5563; border-color: #e5e7eb; } .linear-layout .assignee-field .field-value[data-v-f45bef48] { padding: 8px 4px; } .linear-layout .assignee-placeholder[data-v-f45bef48] { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; border: 1px dashed #d1d5db; display: inline-flex; align-items: center; justify-content: center; color: #9ca3af; font-size: 12px; } .linear-layout .sidebar-group[data-v-f45bef48] { border-top: 1px solid #e5e7eb; padding-top: 6px; margin-top: 6px; margin-bottom: 8px; } .linear-layout .sidebar-row[data-v-f45bef48] { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 8px; margin-bottom: 0; min-height: 36px; border-bottom: 1px solid #f3f4f6; padding: 2px 0; } .linear-layout .sidebar-row .field-label[data-v-f45bef48] { margin: 0; text-transform: none; font-size: 13px; font-weight: 500; color: #6b7280; white-space: nowrap; } .linear-layout .sidebar-row .field-value[data-v-f45bef48] { justify-content: flex-end; text-align: right; padding: 6px 4px; color: #111827; font-style: normal; } .linear-layout .sidebar-row .unset[data-v-f45bef48], .linear-layout .sidebar-row .unassigned[data-v-f45bef48] { font-style: normal; color: #9ca3af; } .linear-layout .sidebar-row .created-by-value[data-v-f45bef48] { display: flex; align-items: center; width: 100%; height: 32px; padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px; color: #111827; box-sizing: border-box; } .created-by-value[data-v-f45bef48] { display: flex; align-items: center; width: 100%; height: 32px; padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px; color: #111827; box-sizing: border-box; } .linear-layout .sidebar-row .field-edit[data-v-f45bef48] { grid-column: 2; } .linear-layout .dates-summary[data-v-f45bef48] { display: flex; gap: 10px; align-items: flex-start; padding: 10px 4px; border-radius: 6px; } .linear-layout .dates-summary[data-v-f45bef48]:hover { background: #f3f4f6; } .linear-layout .dates-icon[data-v-f45bef48] { color: #9ca3af; margin-top: 2px; } .linear-layout .dates-summary-text[data-v-f45bef48] { display: flex; flex-direction: column; gap: 4px; } .linear-layout .dates-range[data-v-f45bef48] { font-size: 13px; color: #111827; font-weight: 500; } .linear-layout .overdue-label[data-v-f45bef48] { font-size: 12px; color: #dc2626; font-weight: 500; } .linear-layout .time-tracking[data-v-f45bef48] { padding: 4px 0 8px; } .linear-layout .time-bar[data-v-f45bef48] { height: 8px; border-radius: 999px; background: #e5e7eb; overflow: hidden; margin-bottom: 8px; } .linear-layout .time-bar-fill[data-v-f45bef48] { height: 100%; background: #22c55e; border-radius: 999px; transition: width 0.2s ease; } .linear-layout .time-labels[data-v-f45bef48] { display: flex; justify-content: space-between; font-size: 12px; color: #6b7280; } .linear-layout .tags-field[data-v-f45bef48] { border-top: 1px solid #e5e7eb; padding-top: 12px; margin-top: 4px; } .linear-layout .tags-field .field-label[data-v-f45bef48] { text-transform: none; font-size: 13px; font-weight: 500; margin-bottom: 8px; } .linear-layout .tag-add-dashed[data-v-f45bef48] { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; border: 1px dashed #d1d5db; background: transparent; color: #6b7280; font-size: 12px; font-weight: 500; cursor: pointer; } .linear-layout .tag-add-dashed[data-v-f45bef48]:hover { border-color: #9ca3af; color: #111827; } .linear-layout .more-fields-section[data-v-f45bef48] { margin-top: 12px; padding-top: 8px; } .linear-layout .more-fields-toggle[data-v-f45bef48] { border: none; background: none; padding: 0; font-size: 12px; color: #6b7280; cursor: pointer; } .linear-layout .more-fields-toggle[data-v-f45bef48]:hover { color: #111827; } .linear-layout .more-fields-hint[data-v-f45bef48] { color: #9ca3af; } .linear-layout .more-fields-body[data-v-f45bef48] { margin-top: 12px; } @media (max-width: 768px) { .linear-layout .details-sidebar[data-v-f45bef48] { width: 100%; background: #ffffff; } .linear-layout .main-panel[data-v-f45bef48] { padding: 20px 16px; } } .project-task[data-v-5e7412b5] { padding: 0; } /* Table Container */ .table-container[data-v-5e7412b5] { position: relative; width: 100%; overflow: visible; /* Allow dropdowns to overflow */ } /* Unified Table Styles */ .unified-table[data-v-5e7412b5] { font-size: 13px; margin-bottom: 0; table-layout: fixed; /* Fill the viewport when few columns; grow past it when many (horizontal scroll) */ width: 100%; min-width: -moz-max-content; min-width: max-content; /* CRITICAL: collapse breaks position:sticky on th/td */ border-collapse: separate !important; border-spacing: 0; /* do not create a containing/stacking context that fights sticky */ position: static; z-index: auto; } /* Force proper table structure display */ .unified-table thead[data-v-5e7412b5] { display: table-header-group !important; } .unified-table tbody[data-v-5e7412b5] { display: table-row-group !important; } .unified-table tr[data-v-5e7412b5] { display: table-row !important; } .unified-table th[data-v-5e7412b5], .unified-table td[data-v-5e7412b5] { display: table-cell !important; padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #dee2e6; white-space: nowrap; font-size: 13px; box-sizing: border-box !important; } .unified-table tbody tr[data-v-5e7412b5] { height: 40px; } .unified-table tbody td[data-v-5e7412b5] { height: 40px !important; min-height: 40px !important; max-height: 40px !important; overflow: hidden; line-height: 1.2; } /* Non-sticky cells may ellipsize; sticky cols override overflow below */ .unified-table th[data-v-5e7412b5]:not(.sticky-col), .unified-table td[data-v-5e7412b5]:not(.sticky-col) { overflow: hidden; text-overflow: ellipsis; } .tasks-table[data-v-5e7412b5] { font-size: 14px; } .task-row[data-v-5e7412b5] { transition: background-color 0.2s; } .task-row[data-v-5e7412b5]:hover { background-color: #f8f9fa; } .completed-task[data-v-5e7412b5] { opacity: 0.7; } .completed-task .task-title[data-v-5e7412b5] { text-decoration: line-through; } .selected-task[data-v-5e7412b5] { background-color: #e3f2fd; } .task-type-icon[data-v-5e7412b5] { font-size: 16px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .task-key[data-v-5e7412b5] { font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 11px; /* Smaller font */ font-weight: 600; color: #6c757d; background-color: #f8f9fa; padding: 1px 4px; /* More compact padding */ border-radius: 2px; border: 1px solid #e9ecef; } .task-title[data-v-5e7412b5] { color: #0052cc; text-decoration: none; font-weight: 500; font-size: 13px; /* Consistent sizing */ transition: color 0.2s; display: block; /* Better text wrapping control */ line-height: 1.3; } .task-title[data-v-5e7412b5]:hover { color: #0747a6; text-decoration: underline; } .task-description[data-v-5e7412b5] { margin-top: 2px; /* Reduced margin */ line-height: 1.2; font-size: 11px; /* Smaller description */ } .priority-badge[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 22px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1; color: #fff !important; box-sizing: border-box; } .priority-critical[data-v-5e7412b5] { background-color: #062A66; color: #fff !important; } .priority-high[data-v-5e7412b5] { background-color: #0B3D91; color: #fff !important; } .priority-medium[data-v-5e7412b5] { background-color: #3366FF; color: #fff !important; } .priority-low[data-v-5e7412b5] { background-color: #6B93FF; color: #fff !important; } .status-badge[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1; color: #fff !important; box-sizing: border-box; } .assignee-avatars[data-v-5e7412b5] { display: flex; flex-wrap: nowrap; align-items: center; gap: 3px; max-width: 100%; overflow: hidden; white-space: nowrap; } .assignee-avatar[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; min-width: 22px; border-radius: 50%; font-size: 9px; font-weight: 700; color: #fff !important; line-height: 1; flex-shrink: 0; text-transform: uppercase; letter-spacing: 0.2px; } .assignee-list[data-v-5e7412b5] { display: flex; flex-wrap: nowrap; gap: 4px; overflow: hidden; } .assignee-badge[data-v-5e7412b5] { background-color: #e3f2fd; color: #1565c0; padding: 1px 4px; border-radius: 8px; font-size: 10px; font-weight: 500; } .assignee-more[data-v-5e7412b5] { color: #6c757d; font-size: 11px; font-style: italic; } .status-todo[data-v-5e7412b5] { background-color: #f5f5f5; color: #666; } .status-in-progress[data-v-5e7412b5] { background-color: #e3f2fd; color: #1976d2; } .status-review[data-v-5e7412b5] { background-color: #fff3e0; color: #f57c00; } .status-completed[data-v-5e7412b5] { background-color: #e8f5e8; color: #388e3c; } .assignee-list[data-v-5e7412b5] { display: flex; flex-wrap: nowrap; gap: 4px; overflow: hidden; } .assignee-badge[data-v-5e7412b5] { background-color: #e3f2fd; color: #1565c0; padding: 1px 4px; /* More compact */ border-radius: 8px; font-size: 10px; /* Smaller font */ font-weight: 500; } .assignee-more[data-v-5e7412b5] { color: #6c757d; font-size: 11px; font-style: italic; } .label-badge[data-v-5e7412b5] { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; color: #fff !important; background-color: #2563eb; } .task-type-badge[data-v-5e7412b5] { display: inline-block; padding: 2px 7px; border-radius: 10px; font-size: 10px; font-weight: 600; background-color: #4b5563; color: #fff !important; } .estimate-badge[data-v-5e7412b5] { background-color: #f0f0f0; color: #333; padding: 2px 6px; border-radius: 4px; font-size: 11px; font-weight: 500; } .due-date-overdue[data-v-5e7412b5] { color: #d32f2f; font-weight: 500; } .due-date-today[data-v-5e7412b5] { color: #f57c00; font-weight: 500; } .due-date-upcoming[data-v-5e7412b5] { color: #1976d2; } .sortable[data-v-5e7412b5] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .sortable[data-v-5e7412b5]:hover { background-color: #f8f9fa; } .bulk-actions-bar[data-v-5e7412b5] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #ddd; border-radius: 8px; padding: 12px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; } /* Epic and Sprint specific styles */ .epic-card[data-v-5e7412b5], .sprint-card[data-v-5e7412b5] { border-left: 4px solid; margin-bottom: 16px; } .epic-card[data-v-5e7412b5] { border-left-color: #8B5CF6; } .sprint-card[data-v-5e7412b5] { border-left-color: #10B981; } .epic-header[data-v-5e7412b5], .sprint-header[data-v-5e7412b5] { padding: 16px; background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; } .epic-content[data-v-5e7412b5], .sprint-content[data-v-5e7412b5] { padding: 16px; } .progress-container[data-v-5e7412b5] { min-width: 80px; } .progress-text[data-v-5e7412b5] { font-size: 12px; font-weight: 500; color: #666; } .task-card[data-v-5e7412b5] { border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; margin-bottom: 8px; background: white; transition: box-shadow 0.2s; } .task-card[data-v-5e7412b5]:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .task-meta[data-v-5e7412b5] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; } .task-info[data-v-5e7412b5] { display: flex; align-items: center; gap: 8px; flex: 1; } /* Responsive adjustments */ @media (max-width: 768px) { .task-meta[data-v-5e7412b5] { flex-direction: column; align-items: stretch; } .task-info[data-v-5e7412b5] { flex-direction: column; align-items: stretch; gap: 4px; } .assignee-list[data-v-5e7412b5] { justify-content: flex-start; } } /* Unified Table Styles */ .unified-table[data-v-5e7412b5] { font-size: 13px; margin-bottom: 0; table-layout: fixed; width: 100%; min-width: -moz-max-content; min-width: max-content; border-collapse: separate !important; border-spacing: 0; position: static; z-index: auto; } .unified-table td[data-v-5e7412b5], .unified-table th[data-v-5e7412b5] { padding: 8px 6px; vertical-align: middle; box-sizing: border-box !important; } .unified-table tbody tr[data-v-5e7412b5] { height: 40px; } .unified-table tbody td[data-v-5e7412b5] { height: 40px !important; min-height: 40px !important; max-height: 40px !important; overflow: hidden; line-height: 1.2; } /* Scroll container — sole overflow ancestor for sticky left columns */ .table-responsive-custom[data-v-5e7412b5] { max-height: 75vh; overflow: auto !important; border-radius: 0.375rem; position: relative; scrollbar-width: thin; scrollbar-color: #6c757d #f8f9fa; /* avoid trapping sticky in an extra stacking context */ z-index: auto; -webkit-overflow-scrolling: touch; } /* * Kill global table-white-border.css corner radii on first/last cells. * Those 12px radii sit inside the card/container radius and leave white gaps. * Outer .table-responsive-custom / .card radius already clips the edges. */ .project-task[data-v-5e7412b5] .unified-table th, .project-task[data-v-5e7412b5] .unified-table td, .project-task[data-v-5e7412b5] .unified-table thead tr:first-child th:first-child, .project-task[data-v-5e7412b5] .unified-table thead tr:first-child th:last-child, .project-task[data-v-5e7412b5] .unified-table tbody tr:last-child td:first-child, .project-task[data-v-5e7412b5] .unified-table tbody tr:last-child td:last-child { border-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .table-responsive-custom[data-v-5e7412b5]::-webkit-scrollbar { width: 6px; height: 6px; } .table-responsive-custom[data-v-5e7412b5]::-webkit-scrollbar-track { background: #f8f9fa; border-radius: 3px; } .table-responsive-custom[data-v-5e7412b5]::-webkit-scrollbar-thumb { background: #6c757d; border-radius: 3px; } .table-responsive-custom[data-v-5e7412b5]::-webkit-scrollbar-thumb:hover { background: #495057; } /* Header matches row height */ .sticky-header th[data-v-5e7412b5] { background-color: #f8f9fa !important; border-bottom: 1px solid #dee2e6; padding: 8px 6px !important; vertical-align: middle; font-weight: 600; font-size: 11px !important; line-height: 1.2; height: 36px !important; min-height: 36px !important; max-height: 36px !important; box-sizing: border-box !important; overflow: hidden; } /* * Frozen checkbox + Name columns (header AND body). * Use !important to beat Bootstrap .table cell box-shadow / bg utilities. */ .unified-table th.col-checkbox[data-v-5e7412b5], .unified-table td.col-checkbox[data-v-5e7412b5], .unified-table th.sticky-col-checkbox[data-v-5e7412b5], .unified-table td.sticky-col-checkbox[data-v-5e7412b5] { position: sticky !important; left: 0 !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; text-align: center; padding: 8px 4px !important; border-right: 1px solid #dee2e6; background-color: #ffffff !important; /* kill Bootstrap inset bg shadow so opaque sticky paint wins */ box-shadow: none !important; overflow: hidden !important; z-index: 20 !important; } .unified-table th.col-name[data-v-5e7412b5], .unified-table td.col-name[data-v-5e7412b5], .unified-table th.name-column[data-v-5e7412b5], .unified-table td.name-column[data-v-5e7412b5], .unified-table th.sticky-col-name[data-v-5e7412b5], .unified-table td.sticky-col-name[data-v-5e7412b5] { position: sticky !important; left: 36px !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; text-align: left; padding: 8px 8px 8px 22px !important; /* Separator only while horizontally scrolled (see .is-h-scrolled) */ border-right: 1px solid transparent; background-color: #ffffff !important; box-shadow: none !important; overflow: hidden !important; z-index: 19 !important; } .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] th.col-name, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] td.col-name, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] th.name-column, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] td.name-column, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] th.sticky-col-name, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] td.sticky-col-name, .table-responsive-custom.is-h-scrolled th.col-name[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled td.col-name[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled th.name-column[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled td.name-column[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled th.sticky-col-name[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled td.sticky-col-name[data-v-5e7412b5] { border-right-color: #dee2e6; box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.12) !important; } /* Header sticky cells sit above body sticky cells */ .unified-table thead th.col-checkbox[data-v-5e7412b5], .unified-table thead th.sticky-col-checkbox[data-v-5e7412b5] { background-color: #ffffff !important; z-index: 40 !important; } .unified-table thead th.col-name[data-v-5e7412b5], .unified-table thead th.sticky-col-name[data-v-5e7412b5], .unified-table thead th.name-column[data-v-5e7412b5] { background-color: #ffffff !important; z-index: 39 !important; } .unified-table th[data-v-5e7412b5]:nth-child(3), .unified-table td[data-v-5e7412b5]:nth-child(3) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; padding: 8px 6px; } /* Flexible trailing column — fills leftover width so the grid isn't cut off */ .unified-table th.col-spacer[data-v-5e7412b5], .unified-table td.col-spacer[data-v-5e7412b5] { width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; border-bottom: 1px solid #dee2e6; pointer-events: none; } .unified-table th.col-spacer[data-v-5e7412b5] { background-color: #ffffff !important; } .unified-table td.col-spacer[data-v-5e7412b5] { background-color: transparent !important; box-shadow: none !important; outline: none !important; } .unified-table tbody tr:hover td.col-spacer[data-v-5e7412b5], .unified-table tbody tr.selected-item td.col-spacer[data-v-5e7412b5] { background-color: transparent !important; } /* Hover / selection / hierarchy backgrounds on frozen cols */ .unified-table tbody tr:hover td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr:hover td.col-name[data-v-5e7412b5], .unified-table tbody tr:hover td.sticky-col-checkbox[data-v-5e7412b5], .unified-table tbody tr:hover td.sticky-col-name[data-v-5e7412b5] { background-color: #f8f9fa !important; } .unified-table tbody tr.selected-item td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.selected-item td.col-name[data-v-5e7412b5], .unified-table tbody tr.selected-item td.sticky-col-checkbox[data-v-5e7412b5], .unified-table tbody tr.selected-item td.sticky-col-name[data-v-5e7412b5] { background-color: #e3f2fd !important; } .unified-table tbody tr.child-item td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.child-item td.col-name[data-v-5e7412b5], .unified-table tbody tr.epic-in-sprint td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.epic-in-sprint td.col-name[data-v-5e7412b5] { background-color: #fafbfc !important; } .unified-table tbody tr.grandchild-item td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.grandchild-item td.col-name[data-v-5e7412b5], .unified-table tbody tr.task-under-epic td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.task-under-epic td.col-name[data-v-5e7412b5] { background-color: #f5f6f7 !important; } .unified-table tbody tr.great-grandchild-item td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr.great-grandchild-item td.col-name[data-v-5e7412b5] { background-color: #f0f1f2 !important; } .unified-table th[data-v-5e7412b5] { background-color: #ffffff; font-weight: 600; border-bottom: 1px solid #dee2e6; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap; } .unified-table th.sortable[data-v-5e7412b5] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background-color 0.2s; } .unified-table th.sortable[data-v-5e7412b5]:hover { background-color: #e9ecef; } .unified-table th.sortable.col-name[data-v-5e7412b5]:hover, .unified-table th.sortable.sticky-col-name[data-v-5e7412b5]:hover { background-color: #e9ecef !important; } .unified-item-row[data-v-5e7412b5] { transition: background-color 0.2s ease, opacity 0.2s ease; border-bottom: 1px solid #f0f0f0; } .unified-item-row[data-v-5e7412b5]:hover { background-color: #f8f9fa; } .unified-item-row.expandable[data-v-5e7412b5] { cursor: pointer; } .unified-item-row.selected-item[data-v-5e7412b5] { background-color: #e3f2fd; } .unified-item-row.completed-item[data-v-5e7412b5] { opacity: 0.7; } .unified-item-row.completed-item .item-title[data-v-5e7412b5] { text-decoration: line-through; } /* Item type row accent bars removed — checkbox column stays white */ /* Child Item Indentation */ .child-item[data-v-5e7412b5] { background-color: #fafbfc; } .child-indent[data-v-5e7412b5] { padding-left: 20px; /* Indent child items */ } .grandchild-item[data-v-5e7412b5] { background-color: #f5f6f7; } .grandchild-indent[data-v-5e7412b5] { padding-left: 40px; /* Indent grandchild items more */ } .great-grandchild-item[data-v-5e7412b5] { background-color: #f0f1f2; } .great-grandchild-indent[data-v-5e7412b5] { padding-left: 60px; } /* Expand/Collapse + Name cell Expand sits in absolute gutter (before icon/name); icon+name align with "Name" header */ .item-name-cell[data-v-5e7412b5] { position: relative; display: flex; align-items: center; min-width: 0; width: 100%; } .expand-slot[data-v-5e7412b5] { position: absolute; /* item-name-cell starts after td padding; pull expand into that gutter */ left: -18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; z-index: 1; } .item-name-content[data-v-5e7412b5] { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; width: 100%; } .expand-btn[data-v-5e7412b5] { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; color: #6c757d; transition: color 0.2s; padding: 0; line-height: 1; font-size: 10px; } .expand-btn[data-v-5e7412b5]:hover { color: #495057; background-color: #e9ecef; border-radius: 3px; } .expand-spacer[data-v-5e7412b5] { width: 16px; height: 16px; display: inline-block; } .item-name-link[data-v-5e7412b5] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; color: #172b4d; text-decoration: none; } .item-name-link[data-v-5e7412b5]:hover { color: #0747a6; text-decoration: underline; } /* Item Type Icon */ .item-type-icon[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 12px; flex-shrink: 0; } .item-type-icon-img[data-v-5e7412b5] { width: 14px; height: 14px; -o-object-fit: contain; object-fit: contain; display: block; } /* Hierarchy: indent icon+name only; expand stays in gutter */ .child-item .item-name-content[data-v-5e7412b5], .epic-in-sprint .item-name-content[data-v-5e7412b5] { padding-left: 14px; } .grandchild-item .item-name-content[data-v-5e7412b5], .task-under-epic .item-name-content[data-v-5e7412b5] { padding-left: 28px; } .great-grandchild-item .item-name-content[data-v-5e7412b5] { padding-left: 42px; } .child-item .item-type-icon[data-v-5e7412b5], .grandchild-item .item-type-icon[data-v-5e7412b5], .great-grandchild-item .item-type-icon[data-v-5e7412b5], .epic-in-sprint .item-type-icon[data-v-5e7412b5], .task-under-epic .item-type-icon[data-v-5e7412b5] { margin-left: 0; } /* Epic under Sprint indentation */ .epic-in-sprint[data-v-5e7412b5] { background-color: #f0f4f8; } .epic-in-sprint-indent[data-v-5e7412b5] { padding-left: 20px; /* Indent epics under sprints */ } /* Task under Epic indentation */ .task-under-epic[data-v-5e7412b5] { background-color: #f5f6f7; } .task-under-epic-indent[data-v-5e7412b5] { padding-left: 40px; /* Indent tasks under epics */ } .epic-in-sprint .item-type-icon[data-v-5e7412b5] { margin-left: 0; } .task-under-epic .item-type-icon[data-v-5e7412b5] { margin-left: 0; } /* Item Summary / title */ .item-summary[data-v-5e7412b5] { max-width: 100%; } .item-title[data-v-5e7412b5] { color: #0052cc; text-decoration: none; font-weight: 500; font-size: 13px; transition: color 0.2s; line-height: 1.3; } .item-title[data-v-5e7412b5]:hover { color: #0747a6; text-decoration: underline; } .item-description[data-v-5e7412b5] { margin-top: 2px; line-height: 1.2; font-size: 11px; } /* Status Badge */ .status-badge[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1; color: #fff !important; box-sizing: border-box; } .status-badge.status-todo[data-v-5e7412b5] { background-color: #7c3aed; color: #fff !important; } .status-badge.status-in-progress[data-v-5e7412b5] { background-color: #2563eb; color: #fff !important; } .status-badge.status-completed[data-v-5e7412b5] { background-color: #16a34a; color: #fff !important; } .status-badge.status-pending[data-v-5e7412b5] { background-color: #d97706; color: #fff !important; } /* Priority Badge — same height as status badge */ .priority-badge[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 22px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1; color: #fff !important; box-sizing: border-box; } .priority-badge.priority-critical[data-v-5e7412b5], .priority-critical[data-v-5e7412b5] { background-color: #062A66; color: #fff !important; } .priority-badge.priority-high[data-v-5e7412b5], .priority-high[data-v-5e7412b5] { background-color: #0B3D91; color: #fff !important; } .priority-badge.priority-medium[data-v-5e7412b5], .priority-medium[data-v-5e7412b5] { background-color: #3366FF; color: #fff !important; } .priority-badge.priority-low[data-v-5e7412b5], .priority-low[data-v-5e7412b5] { background-color: #6B93FF; color: #fff !important; } /* Assignee avatars */ .assignee-list[data-v-5e7412b5] { display: flex; flex-wrap: nowrap; gap: 4px; overflow: hidden; } .assignee-avatars[data-v-5e7412b5] { display: flex; flex-wrap: nowrap; align-items: center; gap: 3px; max-width: 100%; overflow: hidden; white-space: nowrap; } .assignee-avatar[data-v-5e7412b5] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; min-width: 22px; border-radius: 50%; font-size: 9px; font-weight: 700; color: #fff !important; line-height: 1; flex-shrink: 0; text-transform: uppercase; letter-spacing: 0.2px; } .assignee-badge[data-v-5e7412b5] { background-color: #e3f2fd; color: #1565c0; padding: 2px 6px; border-radius: 10px; font-size: 11px; font-weight: 500; } .assignee-more[data-v-5e7412b5] { color: #6c757d; font-size: 11px; font-style: italic; } /* Comment Count */ .comment-count[data-v-5e7412b5] { color: #6c757d; font-size: 12px; } /* Due Date Styling */ .text-danger[data-v-5e7412b5] { color: #dc3545 !important; font-weight: 600; } .text-warning[data-v-5e7412b5] { color: #fd7e14 !important; font-weight: 500; } /* Bulk Actions Bar */ .bulk-actions-bar[data-v-5e7412b5] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 12px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 400px; } /* Responsive Design */ @media (max-width: 768px) { .unified-table[data-v-5e7412b5] { font-size: 12px; width: 100%; min-width: -moz-max-content; min-width: max-content; } .child-indent[data-v-5e7412b5] { padding-left: 15px; } .grandchild-indent[data-v-5e7412b5] { padding-left: 30px; } .great-grandchild-indent[data-v-5e7412b5] { padding-left: 45px; } .item-key[data-v-5e7412b5] { font-size: 10px; padding: 1px 4px; } .status-badge[data-v-5e7412b5], .priority-badge[data-v-5e7412b5] { font-size: 10px; height: 22px; padding: 0 8px; } .assignee-avatar[data-v-5e7412b5] { width: 22px; height: 22px; font-size: 9px; } /* Mobile Scrolling Improvements */ .table-responsive-custom[data-v-5e7412b5] { max-height: 60vh; } } /* Loading and Empty States */ .loading-row[data-v-5e7412b5] { text-align: center; padding: 40px 20px; color: #6c757d; } .empty-state[data-v-5e7412b5] { text-align: center; padding: 60px 20px; color: #6c757d; } .empty-state i[data-v-5e7412b5] { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } /* Hover Effects for Rows */ .unified-item-row td[data-v-5e7412b5] { transition: background-color 0.2s ease; } .unified-item-row:hover td[data-v-5e7412b5] { background-color: inherit; } /* Focus States */ .unified-table th[data-v-5e7412b5]:focus, .expand-btn[data-v-5e7412b5]:focus, .item-title[data-v-5e7412b5]:focus { outline: 2px solid #0052cc; outline-offset: 2px; } /* Selection Checkbox */ .form-check-input[data-v-5e7412b5] { margin: 0; } .form-check-input[data-v-5e7412b5]:checked { background-color: #0052cc; border-color: #0052cc; } /* Dropdown Menu Styling */ .dropdown-menu[data-v-5e7412b5] { z-index: 1050 !important; /* Higher than table container */ border: 1px solid #e1e5e9; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 4px 0; } .dropdown-item[data-v-5e7412b5] { padding: 8px 16px; font-size: 13px; transition: background-color 0.2s; } .dropdown-item[data-v-5e7412b5]:hover { background-color: #f8f9fa; } .dropdown-item i[data-v-5e7412b5] { width: 16px; text-align: center; } /* Enhanced Table Scrolling */ .table-responsive[data-v-5e7412b5] { position: relative; scrollbar-width: thin; scrollbar-color: #6c757d #f8f9fa; } .table-responsive[data-v-5e7412b5]::-webkit-scrollbar { width: 8px; height: 8px; } .table-responsive[data-v-5e7412b5]::-webkit-scrollbar-track { background: #f8f9fa; border-radius: 4px; } .table-responsive[data-v-5e7412b5]::-webkit-scrollbar-thumb { background: #6c757d; border-radius: 4px; } .table-responsive[data-v-5e7412b5]::-webkit-scrollbar-thumb:hover { background: #495057; } /* Scrollable Table Background Fix for sticky cols */ .unified-table thead th.col-checkbox[data-v-5e7412b5], .unified-table thead th.col-name[data-v-5e7412b5] { background-color: #f8f9fa !important; } .unified-table tbody td.col-checkbox[data-v-5e7412b5], .unified-table tbody td.col-name[data-v-5e7412b5] { background-color: #ffffff !important; } .unified-table tbody tr:hover td.col-checkbox[data-v-5e7412b5], .unified-table tbody tr:hover td.col-name[data-v-5e7412b5] { background-color: #f8f9fa !important; } .child-item td.col-checkbox[data-v-5e7412b5], .child-item td.col-name[data-v-5e7412b5], .epic-in-sprint td.col-checkbox[data-v-5e7412b5], .epic-in-sprint td.col-name[data-v-5e7412b5] { background-color: #fafbfc !important; } .child-item:hover td.col-checkbox[data-v-5e7412b5], .child-item:hover td.col-name[data-v-5e7412b5], .epic-in-sprint:hover td.col-checkbox[data-v-5e7412b5], .epic-in-sprint:hover td.col-name[data-v-5e7412b5] { background-color: #f0f1f2 !important; } .grandchild-item td.col-checkbox[data-v-5e7412b5], .grandchild-item td.col-name[data-v-5e7412b5], .task-under-epic td.col-checkbox[data-v-5e7412b5], .task-under-epic td.col-name[data-v-5e7412b5] { background-color: #f5f6f7 !important; } .grandchild-item:hover td.col-checkbox[data-v-5e7412b5], .grandchild-item:hover td.col-name[data-v-5e7412b5], .task-under-epic:hover td.col-checkbox[data-v-5e7412b5], .task-under-epic:hover td.col-name[data-v-5e7412b5] { background-color: #ebedef !important; } .great-grandchild-item td.col-checkbox[data-v-5e7412b5], .great-grandchild-item td.col-name[data-v-5e7412b5] { background-color: #f0f1f2 !important; } /* Preserve plain white checkbox column on hover/selection */ .unified-table td.col-name[data-v-5e7412b5], .unified-table th.col-name[data-v-5e7412b5] { box-shadow: none !important; } .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] td.col-name, .table-responsive-custom.is-h-scrolled[data-v-5e7412b5] th.col-name, .table-responsive-custom.is-h-scrolled td.col-name[data-v-5e7412b5], .table-responsive-custom.is-h-scrolled th.col-name[data-v-5e7412b5] { box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.12) !important; } /* Clickable Key and Sprint Links */ .item-key-link[data-v-5e7412b5] { font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 11px; font-weight: 600; color: #0052cc; background-color: #f8f9fa; padding: 2px 6px; border-radius: 3px; border: 1px solid #e9ecef; text-decoration: none; transition: all 0.2s ease; display: inline-block; } .item-key-link[data-v-5e7412b5]:hover { color: #0747a6; background-color: #e3f2fd; border-color: #0052cc; text-decoration: none; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 82, 204, 0.2); } .sprint-badge-link[data-v-5e7412b5] { color: #6f42c1; background-color: #f8f9ff; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; text-decoration: none; border: 1px solid #e6e0ff; transition: all 0.2s ease; display: inline-block; } .sprint-badge-link[data-v-5e7412b5]:hover { color: #5a2d91; background-color: #ede7ff; border-color: #6f42c1; text-decoration: none; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(111, 66, 193, 0.2); } /* Grouped list: each group = compact banner + its own table/header */ .list-grouped-view[data-v-5e7412b5] { display: flex; flex-direction: column; gap: 12px; } .list-group-section[data-v-5e7412b5] { min-width: 0; } .list-group-banner[data-v-5e7412b5] { display: flex; align-items: center; gap: 8px; padding: 6px 10px; margin-bottom: 4px; border-radius: 6px; background: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .list-group-banner[data-v-5e7412b5]:hover { background: transparent; } .list-group-banner i[data-v-5e7412b5] { font-size: 9px; color: #5e6c84; } .list-group-banner-title[data-v-5e7412b5] { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color: #172b4d; } .list-group-banner-count[data-v-5e7412b5] { margin-left: 2px; padding: 0 6px; border-radius: 8px; background: #dfe1e6; color: #42526e; font-size: 10px; font-weight: 600; line-height: 16px; display: inline-block; } .list-group-table-card[data-v-5e7412b5] { margin-bottom: 0; } /* UnifiedItemDetail Container */ .unified-item-detail-container[data-v-5e7412b5] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); /* display: flex; */ justify-content: center; align-items: center; z-index: 1050; padding: 20px; } .project-tickets[data-v-75019a5c] { --tkt-h: 28px; --tkt-fs: 12px; --tkt-pad-x: 8px; --tkt-radius: 5px; --tkt-gap: 6px; --tkt-border: #dfe1e6; --tkt-muted: #6b778c; --tkt-text: #172b4d; --tkt-link: #0052cc; --tkt-bg: #fff; --tkt-hover: #f4f5f7; padding: 0; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .tkt-toolbar[data-v-75019a5c] { flex: 0 0 auto; margin-bottom: 0; } .tkt-new-btn[data-v-75019a5c] { height: 34px; min-height: 34px; max-height: 34px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border: none; border-radius: 6px; background: #1e3a8a; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; } .tkt-new-btn[data-v-75019a5c]:hover { background: #1e293b; } .tkt-panel[data-v-75019a5c] { border: none; border-radius: 0; overflow: auto; overflow-x: hidden; background: var(--tkt-bg); min-height: 0; flex: 1 1 auto; } .tkt-panel-body[data-v-75019a5c] { position: relative; } .tkt-id[data-v-75019a5c] { font-weight: 600; color: var(--tkt-link); font-variant-numeric: tabular-nums; letter-spacing: 0.01em; } .tkt-subject[data-v-75019a5c] { min-width: 0; max-width: 100%; } .tkt-subject-title[data-v-75019a5c] { font-size: 13px; font-weight: 600; color: var(--tkt-text); line-height: 1.35; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tkt-subject-meta[data-v-75019a5c] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .tkt-category-pill[data-v-75019a5c] { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; background: #ebecf0; color: #42526e; font-size: 11px; font-weight: 500; white-space: nowrap; } .tkt-meta-text[data-v-75019a5c] { font-size: 12px; color: var(--tkt-muted); } .tkt-meta-sep[data-v-75019a5c] { margin: 0 4px; color: #97a0af; } .tkt-meta-unassigned[data-v-75019a5c] { color: #ff8b00; font-weight: 500; } .tkt-status-pill[data-v-75019a5c] { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 11px; font-size: 11px; font-weight: 600; white-space: nowrap; border: 1px solid transparent; } .tkt-status-pill--open[data-v-75019a5c] { background: #0B3D91; color: #fff; border-color: #0B3D91; } .tkt-status-pill--progress[data-v-75019a5c] { background: #1E56C9; color: #fff; border-color: #1E56C9; } .tkt-status-pill--pending[data-v-75019a5c] { background: #3366FF; color: #fff; border-color: #3366FF; } .tkt-status-pill--resolved[data-v-75019a5c] { background: #1E56C9; color: #fff; border-color: #1E56C9; } .tkt-status-pill--closed[data-v-75019a5c] { background: #6B93FF; color: #fff; border-color: #6B93FF; } .tkt-status-pill--reopened[data-v-75019a5c] { background: #062A66; color: #fff; border-color: #062A66; } .tkt-priority[data-v-75019a5c] { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--tkt-text); } .tkt-priority-pill[data-v-75019a5c] { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 11px; font-size: 11px; font-weight: 600; white-space: nowrap; color: #fff; border: 1px solid transparent; } .tkt-priority-pill--critical[data-v-75019a5c] { background: #062A66; border-color: #062A66; } .tkt-priority-pill--high[data-v-75019a5c] { background: #0B3D91; border-color: #0B3D91; } .tkt-priority-pill--medium[data-v-75019a5c] { background: #3366FF; border-color: #3366FF; } .tkt-priority-pill--low[data-v-75019a5c] { background: #6B93FF; border-color: #6B93FF; } .tkt-priority-dot[data-v-75019a5c] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .tkt-priority-dot--critical[data-v-75019a5c] { background: #062A66; } .tkt-priority-dot--high[data-v-75019a5c] { background: #0B3D91; } .tkt-priority-dot--medium[data-v-75019a5c] { background: #3366FF; } .tkt-priority-dot--low[data-v-75019a5c] { background: #6B93FF; } .tkt-updated[data-v-75019a5c] { font-size: 13px; color: var(--tkt-muted); white-space: nowrap; } .tkt-actions-trigger[data-v-75019a5c] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 4px; color: var(--tkt-muted); text-decoration: none; } .tkt-actions-trigger[data-v-75019a5c]:hover { background: var(--tkt-hover); color: var(--tkt-text); } .tkt-actions-trigger.dropdown-toggle[data-v-75019a5c]::after { display: none; } .project-tickets-table[data-v-75019a5c] { border: none; border-radius: 0; background: transparent; } .project-tickets-table[data-v-75019a5c] .dt-table tbody td { height: auto; white-space: normal; vertical-align: middle; } .project-tickets-table[data-v-75019a5c] .dt-col-checkbox { vertical-align: middle; } /* .badge { padding: 5px 10px; } */ .bg-orange[data-v-75019a5c] { background-color: #fd7e14; color: white; } .bulk-actions-bar[data-v-75019a5c] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); z-index: 1000; } .modal-backdrop[data-v-75019a5c] { background-color: rgba(0, 0, 0, 0.5); } .form-check[data-v-75019a5c] { margin-right: 1rem; } .form-check-input[data-v-75019a5c] { margin-top: 0.125rem; } .form-check-label[data-v-75019a5c] { font-weight: 500; cursor: pointer; } .customer-type-section[data-v-75019a5c] { border: 1px solid #e9ecef; border-radius: 0.375rem; padding: 1rem; background-color: #f8f9fa; } .customer-fields[data-v-75019a5c] { margin-top: 0.75rem; } .file-list[data-v-75019a5c] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 10px; } .file-item[data-v-75019a5c] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .file-item[data-v-75019a5c]:last-child { border-bottom: none; } .file-item i[data-v-75019a5c] { margin-right: 8px; font-size: 1.1rem; } .file-name[data-v-75019a5c] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size[data-v-75019a5c] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-75019a5c] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-75019a5c]:hover { color: #bd2130; } /* File type icons */ .fas[data-v-75019a5c] { width: 16px; text-align: center; } .fa-file-pdf[data-v-75019a5c] { color: #dc3545; } .fa-file-word[data-v-75019a5c] { color: #2196f3; } .fa-file-image[data-v-75019a5c] { color: #4caf50; } .fa-file-archive[data-v-75019a5c] { color: #ff9800; } .fa-file-text[data-v-75019a5c] { color: #607d8b; } .fa-file[data-v-75019a5c] { color: #9e9e9e; } /* Attachment display styles */ .attachment-list[data-v-75019a5c] { max-height: 300px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; } .attachment-item[data-v-75019a5c] { display: flex; align-items: center; justify-content: space-between; padding: 8px; border-bottom: 1px solid #f0f2f5; } .attachment-item[data-v-75019a5c]:last-child { border-bottom: none; } .attachment-info[data-v-75019a5c] { display: flex; align-items: center; flex: 1; } .attachment-info i[data-v-75019a5c] { margin-right: 8px; font-size: 1.1rem; } .attachment-name[data-v-75019a5c] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .attachment-size[data-v-75019a5c] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .attachment-actions[data-v-75019a5c] { display: flex; gap: 4px; } .attachment-actions .btn[data-v-75019a5c] { padding: 4px 8px; font-size: 0.875rem; } .badge.rounded-pill[data-v-75019a5c] { font-size: 0.65rem; padding: 0.25rem 0.5rem; font-weight: 600; line-height: 1; } /* Custom status colors to match the image */ .bg-warning.text-dark[data-v-75019a5c] { background-color: #ffc107 !important; color: #000 !important; } .bg-info[data-v-75019a5c] { background-color: #0dcaf0 !important; } .bg-secondary[data-v-75019a5c] { background-color: #6c757d !important; } .bg-light.text-dark[data-v-75019a5c] { background-color: #f8f9fa !important; color: #000 !important; border: 1px solid #dee2e6; } .avatar-circle[data-v-75019a5c] { width: 40px; height: 40px; border-radius: 50%; background-color: #28a745; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; } .avatar-circle-sm[data-v-75019a5c] { width: 24px; height: 24px; border-radius: 50%; background-color: #6c757d; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.7rem; } .contact-info .contact-details[data-v-75019a5c] { font-size: 0.8rem; } .info-item .form-label[data-v-75019a5c] { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .ticket-main-header[data-v-75019a5c] { background-color: #f8f9fa; } .ticket-tabs .nav-tabs[data-v-75019a5c] { padding: 0 1rem; background-color: #f8f9fa; } .ticket-tabs .nav-link[data-v-75019a5c] { border: none; color: #6c757d; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; padding: 0.75rem 1rem; border-radius: 0; } .ticket-tabs .nav-link.active[data-v-75019a5c] { color: #007bff; background-color: transparent; border-bottom: 2px solid #007bff; } .ticket-tabs .nav-link[data-v-75019a5c]:hover { color: #007bff; background-color: transparent; } .conversation-thread[data-v-75019a5c] { max-height: 500px; overflow-y: auto; } .conversation-content[data-v-75019a5c] { background-color: #f8f9fa; padding: 1rem; border-radius: 8px; border-left: 3px solid #007bff; } .ticket-description[data-v-75019a5c] { max-width: 100%; word-wrap: break-word; } .ticket-description img[data-v-75019a5c] { max-width: 100%; height: auto; } .attachment-grid[data-v-75019a5c] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; } .attachment-card[data-v-75019a5c] { border: 1px solid #e9ecef; border-radius: 8px; padding: 1rem; text-align: center; background-color: white; } .attachment-icon[data-v-75019a5c] { font-size: 2rem; margin-bottom: 0.5rem; color: #007bff; } .attachment-name[data-v-75019a5c] { font-weight: 600; font-size: 0.9rem; margin-bottom: 0.25rem; } .attachment-size[data-v-75019a5c] { font-size: 0.8rem; margin-bottom: 0.5rem; } .attachment-actions[data-v-75019a5c] { display: flex; justify-content: center; gap: 0.5rem; } .card-body[data-v-75019a5c] { padding: 1rem; } .action-buttons .btn[data-v-75019a5c] { font-size: 0.8rem; } /* Responsive adjustments */ @media (max-width: 768px) { .ticket-details-modal .row.g-0 > div[data-v-75019a5c] { min-height: auto; } .col-md-3[data-v-75019a5c] { display: none; } .col-md-6[data-v-75019a5c] { flex: 0 0 100%; max-width: 100%; } } /* Optional: Add some styling for the editor */ [data-v-75019a5c] .p-editor-container { height: 320px; } [data-v-75019a5c] .p-editor-content { height: calc(100% - 50px); } @keyframes pulse-75019a5c { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } /* Highlight form fields with changes */ .form-control[data-v-75019a5c]:focus, .form-select[data-v-75019a5c]:focus { border-color: #3182ce; box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } /* Modal backdrop for discard modal */ #discardChangesModal .modal-backdrop[data-v-75019a5c] { background-color: rgba(0, 0, 0, 0.6); } /* Assignee dropdown (same as support assign modal) */ .avatar-circle-sm[data-v-75019a5c] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } .assignee-dropdown[data-v-75019a5c] { position: relative; } .assignee-dropdown .dropdown-toggle[data-v-75019a5c] { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0.75rem; border: 1px solid #ced4da; background-color: #fff; background-image: none; color: #212529; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .assignee-dropdown .dropdown-toggle[data-v-75019a5c]:hover, .assignee-dropdown .dropdown-toggle[data-v-75019a5c]:focus, .assignee-dropdown .dropdown-toggle[data-v-75019a5c]:active, .assignee-dropdown .dropdown-toggle.show[data-v-75019a5c] { background-color: #fff !important; background-image: none !important; color: #212529 !important; border-color: #3182ce; box-shadow: none; } .assignee-dropdown .dropdown-toggle[data-v-75019a5c]:focus, .assignee-dropdown .dropdown-toggle.show[data-v-75019a5c]:focus { box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .dropdown-toggle .fw-medium[data-v-75019a5c] { color: #212529; } .assignee-dropdown .dropdown-toggle:hover .fw-medium[data-v-75019a5c], .assignee-dropdown .dropdown-toggle:focus .fw-medium[data-v-75019a5c], .assignee-dropdown .dropdown-toggle:active .fw-medium[data-v-75019a5c], .assignee-dropdown .dropdown-toggle.show .fw-medium[data-v-75019a5c] { color: #212529 !important; } .assignee-dropdown .dropdown-toggle .text-muted[data-v-75019a5c] { color: #6c757d !important; } .assignee-dropdown .dropdown-toggle[data-v-75019a5c]::after { margin-left: auto; flex-shrink: 0; } .assignee-dropdown .dropdown-menu[data-v-75019a5c] { position: absolute; top: 100%; left: 0; right: 0; max-height: 300px; overflow: hidden; border: 1px solid #e5e8eb; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1050; background: white; margin-top: 2px; } .assignee-dropdown .dropdown-menu.show[data-v-75019a5c] { display: block; } .assignee-dropdown .dropdown-search[data-v-75019a5c] { background: #f8fafc; border-bottom: 1px solid #e5e8eb; position: sticky; top: 0; z-index: 10; } .assignee-dropdown .dropdown-search input[data-v-75019a5c] { border: 1px solid #e5e8eb; border-radius: 4px; padding: 0.5rem; font-size: 0.875rem; } .assignee-dropdown .dropdown-search input[data-v-75019a5c]:focus { border-color: #3182ce; box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .assignee-options[data-v-75019a5c] { max-height: 200px; overflow-y: auto; } .assignee-dropdown .assignee-option[data-v-75019a5c] { padding: 0.75rem; border: none; background: none; transition: background-color 0.2s ease; border-bottom: 1px solid #f8fafc; } .assignee-dropdown .assignee-option[data-v-75019a5c]:hover, .assignee-dropdown .assignee-option[data-v-75019a5c]:focus { background-color: #f8fafc; background-image: none; color: #212529; text-decoration: none; } .assignee-dropdown .assignee-option:hover small[data-v-75019a5c], .assignee-dropdown .assignee-option:focus small[data-v-75019a5c] { color: #718096 !important; } .assignee-dropdown .assignee-option.active[data-v-75019a5c]:hover, .assignee-dropdown .assignee-option.active[data-v-75019a5c]:focus { background-color: #dbeafe; background-image: none; color: #1d4ed8; } .assignee-dropdown .assignee-option.active:hover small[data-v-75019a5c], .assignee-dropdown .assignee-option.active:focus small[data-v-75019a5c] { color: #64748b !important; } .assignee-dropdown .assignee-option.active[data-v-75019a5c] { background-color: #ebf8ff; color: #3182ce; } .assignee-dropdown .assignee-option .avatar-circle-sm[data-v-75019a5c] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } .assignee-dropdown .assignee-option .avatar-circle-sm.bg-secondary[data-v-75019a5c] { background-color: #6c757d; } .assignee-dropdown .assignee-option .fw-medium[data-v-75019a5c] { font-weight: 500; margin-bottom: 0.125rem; line-height: 1.2; } .assignee-dropdown .assignee-option small[data-v-75019a5c] { font-size: 0.75rem; line-height: 1.2; } .assignee-dropdown .dropdown-item-text[data-v-75019a5c] { padding: 1rem; font-style: italic; } .assignee-dropdown .assignee-options[data-v-75019a5c]::-webkit-scrollbar { width: 6px; } .assignee-dropdown .assignee-options[data-v-75019a5c]::-webkit-scrollbar-track { background: #f8fafc; } .assignee-dropdown .assignee-options[data-v-75019a5c]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .assignee-dropdown .assignee-options[data-v-75019a5c]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } .project-documentation[data-v-abc38096] { --docs-h: 28px; --docs-fs: 12px; --docs-pad-x: 8px; --docs-radius: 5px; --docs-gap: 6px; --docs-border: #dfe1e6; --docs-muted: #6b778c; --docs-text: #172b4d; --docs-link: #0052cc; --docs-bg: #fff; --docs-row-bg: #fff; --docs-hover: #f4f5f7; padding: 0; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .docs-toolbar[data-v-abc38096] { flex: 0 0 auto; margin-bottom: 0; } .docs-view-scroll[data-v-abc38096] { flex: 1 1 auto; min-height: 0; overflow: auto; } .docs-dropzone[data-v-abc38096] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 28px 16px; margin-bottom: 20px; border: 1.5px dashed var(--docs-border); border-radius: 8px; background: #fafbfc; transition: border-color 0.15s ease, background 0.15s ease; } .docs-dropzone.is-dragging[data-v-abc38096] { border-color: #4c9aff; background: #deebff; } .docs-dropzone.is-uploading[data-v-abc38096] { opacity: 0.7; pointer-events: none; } .docs-dropzone-icon[data-v-abc38096] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--docs-muted); font-size: 22px; margin-bottom: 8px; } .docs-dropzone-title[data-v-abc38096] { font-size: 14px; font-weight: 500; color: var(--docs-text); } .docs-dropzone-hint[data-v-abc38096] { font-size: 12px; color: var(--docs-muted); } .docs-browse-link[data-v-abc38096] { border: none; background: none; padding: 0; color: var(--docs-link); font-size: inherit; font-weight: 500; cursor: pointer; text-decoration: none; } .docs-browse-link[data-v-abc38096]:hover { text-decoration: underline; } .docs-section[data-v-abc38096] { margin-bottom: 18px; } .docs-section-title[data-v-abc38096] { font-size: 12px; font-weight: 500; color: var(--docs-muted); margin: 0 0 8px; letter-spacing: 0.01em; } .docs-file-list[data-v-abc38096] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .docs-file-row[data-v-abc38096] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--docs-border); border-radius: 8px; background: var(--docs-row-bg); min-height: 52px; cursor: pointer; } .docs-file-row[data-v-abc38096]:hover { background: var(--docs-hover); } .docs-file-row.is-selected[data-v-abc38096] { border-color: #4c9aff; background: #deebff; } .docs-check[data-v-abc38096] { display: flex; align-items: center; margin: 0; flex-shrink: 0; cursor: pointer; } .docs-check input[data-v-abc38096] { width: 14px; height: 14px; margin: 0; cursor: pointer; accent-color: #0052cc; } .docs-file-icon[data-v-abc38096] { width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 14px; background: #ebecf0; color: #5e6c84; } .docs-file-icon--pdf[data-v-abc38096] { background: rgba(222, 53, 11, 0.12); color: #de350b; border: 1px solid rgba(222, 53, 11, 0.35); } .docs-file-icon--img[data-v-abc38096] { background: rgba(0, 82, 204, 0.12); color: #0052cc; border: 1px solid rgba(0, 82, 204, 0.3); } .docs-file-icon--code[data-v-abc38096] { background: rgba(101, 84, 192, 0.12); color: #6554c0; border: 1px solid rgba(101, 84, 192, 0.35); } .docs-file-meta[data-v-abc38096] { flex: 1; min-width: 0; } .docs-file-name[data-v-abc38096] { font-size: 13px; font-weight: 500; color: var(--docs-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .docs-file-sub[data-v-abc38096] { font-size: 11px; color: var(--docs-muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .docs-linked-badge[data-v-abc38096] { flex-shrink: 0; display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; font-size: 11px; font-weight: 500; color: #42526e; background: #ebecf0; border: 1px solid var(--docs-border); } .docs-file-actions[data-v-abc38096] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; margin-left: auto; } .docs-action-btn[data-v-abc38096] { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--docs-border); border-radius: 5px; background: var(--docs-bg); color: #5e6c84; font-size: 11px; cursor: pointer; padding: 0; } .docs-action-btn[data-v-abc38096]:hover:not(:disabled) { background: var(--docs-hover); color: var(--docs-text); } .docs-action-btn[data-v-abc38096]:disabled { opacity: 0.55; cursor: not-allowed; } .docs-action-btn--danger[data-v-abc38096]:hover:not(:disabled) { color: #de350b; border-color: #ffbdad; background: #ffebe6; } .docs-empty-row[data-v-abc38096] { padding: 12px; font-size: 12px; border: 1px dashed var(--docs-border); border-radius: 8px; list-style: none; } .docs-skeleton-list[data-v-abc38096] { display: flex; flex-direction: column; gap: 6px; } .docs-skeleton-row[data-v-abc38096] { pointer-events: none; } .docs-skel-icon[data-v-abc38096] { width: 32px; height: 32px; border-radius: 6px; background: #ebecf0; flex-shrink: 0; margin-left: 24px; } .docs-skel-text[data-v-abc38096] { flex: 1; display: flex; flex-direction: column; gap: 6px; } .docs-skel-line[data-v-abc38096] { height: 10px; border-radius: 4px; background: #ebecf0; } .docs-skel-line--lg[data-v-abc38096] { width: 42%; } .docs-skel-line--sm[data-v-abc38096] { width: 28%; } .docs-global-empty[data-v-abc38096] { font-size: 13px; } .docs-bulk-actions-bar[data-v-abc38096] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: min(420px, calc(100vw - 32px)); } @media (max-width: 576px) { .docs-linked-badge[data-v-abc38096] { display: none; } .docs-bulk-actions-bar[data-v-abc38096] { left: 16px; right: 16px; transform: none; min-width: 0; } } .project-activities[data-v-5e080cc4] { --act-h: 28px; --act-fs: 12px; --act-pad-x: 8px; --act-radius: 5px; --act-gap: 6px; --act-border: #dfe1e6; --act-muted: #6b778c; --act-text: #172b4d; --act-bg: #fff; --act-hover: #f4f5f7; padding: 0; position: relative; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .activity-tab-loading-panel[data-v-5e080cc4] { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 55vh; } .activity-tab-loading-spinner[data-v-5e080cc4] { width: 2.5rem; height: 2.5rem; border-width: 0.2em; } .error-message[data-v-5e080cc4] { min-height: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .act-toolbar[data-v-5e080cc4] { flex: 0 0 auto; margin-bottom: 0; } .act-toolbar[data-v-5e080cc4] .ef-prepend { flex: 0 0 auto; margin-right: auto; align-items: center; } .act-toolbar[data-v-5e080cc4] .ef-row { flex-wrap: nowrap; } .act-toolbar[data-v-5e080cc4] .ef-trailing { margin-left: 0; } .act-view-scroll[data-v-5e080cc4] { flex: 1 1 auto; min-height: 0; overflow: auto; } .act-event-count[data-v-5e080cc4] { font-size: 13px; color: var(--act-muted); white-space: nowrap; display: flex; align-items: center; height: 34px; } @media (max-width: 576px) { .act-toolbar[data-v-5e080cc4] .ef-row { flex-wrap: wrap; } .act-event-count[data-v-5e080cc4] { margin-left: 0; height: auto; } } .project-people[data-v-7feb39de] { padding: 0; } .people-save-bar[data-v-7feb39de] { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem; padding: 0.75rem 0; background: #fff; z-index: 5; } /* Manage Assignees — Teams / Individuals sections */ .project-people .manage-assignees-body[data-v-7feb39de] { padding: 0; } .project-people .ma-section + .ma-section[data-v-7feb39de] { margin-top: 1.5rem; /* padding-top: 1.25rem; border-top: 1px solid #e9ecef; */ } .project-people .ma-section-head[data-v-7feb39de] { margin-bottom: 0.75rem; } .project-people .ma-section-title[data-v-7feb39de] { margin: 0; display: flex; align-items: center; gap: 0.4rem; font-size: 0.95rem; font-weight: 650; color: #212529; } .project-people .ma-section-hint[data-v-7feb39de] { margin: 0.2rem 0 0; font-size: 0.8rem; color: #6c757d; line-height: 1.35; } .project-people .ma-meta[data-v-7feb39de] { font-size: 0.78rem; color: #6c757d; } .project-people .ma-empty[data-v-7feb39de] { margin: 0 0 0.75rem; font-size: 0.85rem; color: #868e96; } .project-people .ma-team-list[data-v-7feb39de] { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 0.75rem; } .project-people .ma-team-row[data-v-7feb39de] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.55rem 0.7rem; background: #f8f9fa; border: 1px solid #eef0f2; border-radius: 0.4rem; } .project-people .ma-team-name[data-v-7feb39de] { font-weight: 600; font-size: 0.9rem; color: #343a40; } .project-people .ma-unlink-btn[data-v-7feb39de] { text-decoration: none; font-size: 0.8rem; padding: 0.15rem 0.35rem; flex-shrink: 0; } .project-people .ma-people-block[data-v-7feb39de] { margin-top: 0.9rem; } .project-people .ma-count[data-v-7feb39de] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1.25rem; padding: 0 0.35rem; border-radius: 999px; background: #e9ecef; color: #495057; font-size: 0.7rem; font-weight: 650; } .project-people .ma-people-list[data-v-7feb39de] { list-style: none; margin: 0; padding: 0; border: 1px solid #eef0f2; border-radius: 0.4rem; overflow: hidden; max-height: 220px; overflow-y: auto; } .project-people .ma-person[data-v-7feb39de] { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.7rem; background: #fff; border-bottom: 1px solid #f1f3f5; } .project-people .ma-person[data-v-7feb39de]:last-child { border-bottom: none; } .project-people .ma-person-avatar[data-v-7feb39de] { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #adb5bd; color: #fff; font-size: 0.7rem; font-weight: 650; } .project-people .ma-person-avatar.is-lead[data-v-7feb39de] { background: #2f9e44; } .project-people .ma-person-avatar img[data-v-7feb39de] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project-people .ma-person-info[data-v-7feb39de] { flex: 1; min-width: 0; } .project-people .ma-person-name[data-v-7feb39de] { font-size: 0.88rem; font-weight: 550; color: #343a40; display: flex; align-items: center; gap: 0.35rem; } .project-people .ma-lead-tag[data-v-7feb39de] { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #2f9e44; background: #ebfbee; padding: 0.1rem 0.35rem; border-radius: 0.25rem; flex-shrink: 0; } .project-people .ma-person-actions[data-v-7feb39de] { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; } .project-people .ma-search-wrap[data-v-7feb39de] { position: relative; } .project-people .ma-search-icon[data-v-7feb39de] { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 0.8rem; pointer-events: none; } .project-people .ma-search-input[data-v-7feb39de] { padding-left: 2.1rem; } .project-people .ma-search-results[data-v-7feb39de] { margin-top: 0.4rem; border: 1px solid #e9ecef; border-radius: 0.4rem; max-height: 180px; overflow-y: auto; background: #fff; } .project-people .ma-search-result[data-v-7feb39de] { width: 100%; display: flex; align-items: center; gap: 0.65rem; padding: 0.5rem 0.7rem; border: 0; border-bottom: 1px solid #f1f3f5; background: transparent; cursor: pointer; } .project-people .ma-search-result[data-v-7feb39de]:last-child { border-bottom: none; } .project-people .ma-search-result[data-v-7feb39de]:hover { background: #f8f9fa; } .project-people .ma-add-label[data-v-7feb39de] { font-size: 0.75rem; font-weight: 600; color: #0d6efd; flex-shrink: 0; } .project-people .ma-pending-chips[data-v-7feb39de] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.65rem; } .project-people .ma-chip[data-v-7feb39de] { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.2rem 0.45rem 0.2rem 0.55rem; background: #e7f1ff; color: #0b5ed7; border-radius: 999px; font-size: 0.78rem; font-weight: 550; } .project-people .ma-chip-x[data-v-7feb39de] { border: 0; background: transparent; color: inherit; padding: 0; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.65rem; opacity: 0.75; } .project-people .ma-chip-x[data-v-7feb39de]:hover { opacity: 1; background: rgba(13, 110, 253, 0.12); } .project-people .ma-people-list[data-v-7feb39de]::-webkit-scrollbar, .project-people .ma-search-results[data-v-7feb39de]::-webkit-scrollbar, .project-people .manage-assignees-body[data-v-7feb39de]::-webkit-scrollbar { width: 6px; } .project-people .ma-people-list[data-v-7feb39de]::-webkit-scrollbar-thumb, .project-people .ma-search-results[data-v-7feb39de]::-webkit-scrollbar-thumb, .project-people .manage-assignees-body[data-v-7feb39de]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; } @media (max-width: 768px) { .people-save-bar[data-v-7feb39de] { flex-wrap: wrap; } } .task-detail-container[data-v-2e750c9a] { position: fixed; right: 0; top: 0; height: 100vh; width: 600px; background-color: #ffffff; border-left: 1px solid #ddd; overflow: hidden; display: flex; align-items: stretch; transition: width 0.1s ease-out; z-index: 1050; } .resize-handle[data-v-2e750c9a] { width: 5px; cursor: ew-resize; background: #ddd; height: 100%; position: absolute; left: 0; top: 0; transition: background-color 0.2s; } .resize-handle[data-v-2e750c9a]:hover { background: #0052cc; } .kanban-list[data-v-129105aa] { margin-bottom: 20px; } .kanban-todo[data-v-129105aa] { background-color: #ef5350; } .kanban-danger[data-v-129105aa] { background-color: #ef5350; } .kanban-info[data-v-129105aa] { background-color: #42a5f5; } .kanban-success[data-v-129105aa] { background-color: #4caf50; } .kanban-warning[data-v-129105aa] { background-color: #ffb300; } .kanban-purple[data-v-129105aa] { background-color: #7460ee; } .kanban-primary[data-v-129105aa] { background-color: #667eea; } .kanban-gray[data-v-129105aa] { background-color: #f8f9fa; } .kanban-gray .kanban-header[data-v-129105aa] { background-color: #6c757d; } .kanban-gray .progress-bar[data-v-129105aa] { background-color: #6c757d; } .kanban-box .progress-bar[data-v-129105aa] { outline: none !important; } /* Task Description Styling */ .task-description[data-v-129105aa] { margin: 8px 0; padding: 6px 0; border-left: 3px solid #e9ecef; padding-left: 8px; background-color: #f8f9fa; border-radius: 4px; } .description-text[data-v-129105aa] { font-size: var(--kanban-text-secondary); color: #666; line-height: 1.4; display: block; word-wrap: break-word; overflow-wrap: break-word; cursor: help; font-style: italic; } .avatar[data-v-129105aa] { margin: unset !important; } .avatar-group .avatar + .avatar[data-v-129105aa] { margin-left: -0.75rem !important; } .task-detail-overlay[data-v-129105aa] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 20px; } .employee-profile[data-v-129105aa] { display: flex; align-items: center; padding-bottom: 5px; max-width: 100%; min-width: 0; overflow: hidden; } .kanban-assignee-stack[data-v-129105aa] { flex-shrink: 1; justify-content: flex-end; flex-wrap: nowrap; } .kanban-assignee-dot[data-v-129105aa] { flex-shrink: 0; margin-left: -6px; } .kanban-assignee-dot[data-v-129105aa]:first-child { margin-left: 0; } .kanban-assignee-more[data-v-129105aa] { flex-shrink: 0; margin-left: -6px; background-color: #5e6c84 !important; color: #fff !important; font-size: 10px !important; font-weight: 700; border: 2px solid #fff; box-sizing: content-box; } .task-avatar[data-v-129105aa] { border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; color: rgb(250, 250, 250); background-color: gray; } .placeholder[data-v-129105aa] { background-color: #cccccc; /* Change this to your desired color */ cursor: unset !important; } .kanban-cont[data-v-129105aa] { display: flex; overflow-x: auto; /* Scroll horizontally if needed */ padding-bottom: 20px; /* Optional: Add some space at the bottom */ } .kanban-column[data-v-129105aa] { max-height: none; overflow: visible; } .kanban-wrap[data-v-129105aa] { max-height: none; overflow: visible; } .delete-task[data-v-129105aa] { position: absolute; top: 10px; /* Position it 10px from the top */ right: 10px; /* Position it 10px from the right */ cursor: pointer; /* Optional: change cursor to pointer */ z-index: 10; /* Ensure it appears on top of other content */ } .kanban-header[data-v-129105aa] { display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; } .header-left[data-v-129105aa] { display: flex; align-items: center; } .header-right[data-v-129105aa] { display: flex; align-items: center; gap: 10px; /* Adjust space between arrow and ellipsis */ } .arrow-icon[data-v-129105aa], .fa-ellipsis-vertical[data-v-129105aa] { cursor: pointer; } .kanban-board[data-v-129105aa] { border-radius: 10px; overflow: hidden; } .filter-row[data-v-129105aa] { margin-bottom: 12px; /* Add margin to the bottom of the filter row */ } .kanban-column[data-v-129105aa] { border-radius: 12px; overflow: visible; } .kanban-list[data-v-129105aa] { border-radius: 12px; /* overflow: hidden; */ } /* Task cards: hover + whole card opens detail; overflow visible for dropdowns */ .card.panel[data-v-129105aa] { border-radius: 10px; overflow: visible; cursor: pointer; border: 1px solid transparent; position: relative; } .card.panel[data-v-129105aa]:hover { background-color: rgb(238, 238, 238) !important; border-color: rgba(9, 30, 66, 0.08); } .card.panel.card--selected[data-v-129105aa] { border-color: #0c66e4; box-shadow: 0 0 0 1px rgba(12, 102, 228, 0.28); } .kanban-card-controls[data-v-129105aa] { position: absolute; top: 8px; right: 8px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; opacity: 0; transform: translateY(-2px); transition: opacity 0.15s ease, transform 0.15s ease; } .card.panel.card--has-type-icon .kanban-card-controls[data-v-129105aa] { right: 34px; } .kanban-card-type-icon[data-v-129105aa] { position: absolute; top: 8px; right: 8px; z-index: 2; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; pointer-events: none; } .kanban-card-type-icon-img[data-v-129105aa] { width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; display: block; } .card.panel.card--has-type-icon .kanban-card-title[data-v-129105aa] { padding-right: 28px; } .card.panel:hover .kanban-card-controls[data-v-129105aa], .card.panel.card--selected .kanban-card-controls[data-v-129105aa] { opacity: 1; transform: translateY(0); } .kanban-card-select[data-v-129105aa] { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; margin: 0; border-radius: 6px; background: #fff; border: 1px solid #dfe1e6; box-shadow: 0 2px 6px rgba(9, 30, 66, 0.12); cursor: pointer; } .kanban-card-select input[data-v-129105aa] { width: 14px; height: 14px; margin: 0; cursor: pointer; } .kanban-card-delete[data-v-129105aa] { width: 24px; height: 24px; border-radius: 6px; border: 1px solid #ffd5d2; background: #fff; color: #c9372c; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(9, 30, 66, 0.12); } .kanban-card-delete[data-v-129105aa]:hover { background: #ffebe6; } .kanban-bulk-bar[data-v-129105aa] { position: fixed; left: 50%; bottom: 20px; z-index: 2050; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; background: #172b4d; color: #fff; box-shadow: 0 12px 28px rgba(9, 30, 66, 0.28); } .kanban-bulk-bar__count[data-v-129105aa] { font-size: 13px; font-weight: 700; } .kanban-bulk-bar__delete[data-v-129105aa], .kanban-bulk-bar__clear[data-v-129105aa] { border: 0; border-radius: 6px; padding: 6px 10px; font-size: 13px; font-weight: 700; } .kanban-bulk-bar__delete[data-v-129105aa] { background: #de350b; color: #fff; } .kanban-bulk-bar__clear[data-v-129105aa] { background: rgba(255, 255, 255, 0.12); color: #fff; } .kanban-bulk-bar__delete[data-v-129105aa]:disabled, .kanban-bulk-bar__clear[data-v-129105aa]:disabled { opacity: 0.6; cursor: not-allowed; } .kanban-box[data-v-129105aa] { cursor: pointer; } .kanban-box .task-card-title[data-v-129105aa] { color: #0052cc; } .add-new-task a[data-v-129105aa] { border-radius: 10px; } .dropdown-toggle[data-v-129105aa] { position: relative; } .task-container[data-v-129105aa] { display: flex; align-items: center; gap: 10px; /* Space between buttons */ } .new-task-btn[data-v-129105aa] { display: flex; align-items: center; justify-content: center; padding: 10px 15px; background-color: #667eea; border: 1px solid #667eea; color: #fff; font-size: 15px; border-radius: 100px; cursor: pointer; transition: background-color 0.2s ease; width: 150px; } .new-task-btn i[data-v-129105aa] { margin-left: 6px; } .new-task-btn[data-v-129105aa]:hover { background-color: #0056b3; } .icon-btn[data-v-129105aa] { background: none; padding: 5px 10px; border: none; color: #333; font-size: 16px; margin-left: 10px; cursor: pointer; } /* Dropdown Style */ /* .dropdown-menu { width: auto; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; white-space: nowrap; } */ /* Search Bar inside Filters */ .filter-search[data-v-129105aa] { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; } .filter-search input[data-v-129105aa] { width: 100%; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; } /* Column Layout for Filters */ .filter-container[data-v-129105aa] { display: flex; justify-content: space-between; gap: 20px; } /* Each filter column */ .filter-column[data-v-129105aa] { display: flex; flex-direction: column; gap: 5px; } /* Buttons stacked under heading */ .filter-btn[data-v-129105aa] { background: none; border: 1px solid #ddd; padding: 8px 12px; text-align: start; border-radius: 5px; cursor: pointer; display: block; width: 200px; font-size: 14px; } .filter-btn[data-v-129105aa]:hover { background-color: #f5f5f5; } /* Footer buttons */ .dropdown-footer[data-v-129105aa] { display: flex; justify-content: space-between; margin-top: 10px; } .clear-btn[data-v-129105aa], .save-btn[data-v-129105aa] { background: #007bff; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; } .clear-btn[data-v-129105aa] { background: #ccc; color: black; } .sub-text[data-v-129105aa] { font-size: 14px; color: #666; margin-left: 8px; font-weight: normal; } .task-filter-container[data-v-129105aa] { max-height: 200px; overflow-y: auto; } .status-filter-container[data-v-129105aa] { max-height: 200px; overflow-y: auto; } .filter-btn[data-v-129105aa]:hover { background-color: #dcdfe2; transition: background-color 0.3s ease-in-out; } .icon-btn.dropdown-toggle[data-v-129105aa]:hover { background-color: #dcdfe2; } .selected-filter[data-v-129105aa] { background-color: #dcdfe2 !important; /* Highlight color */ border-color: #dcdfe2 !important; /* Border color */ } .new-task-btn i[data-v-129105aa] { margin-right: 6px; /* ya jitni spacing chahiye ho */ } /* Group By Styles */ .group-by-controls[data-v-129105aa] { background-color: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #e9ecef; margin-bottom: 20px; } /* Compact Header Controls */ .board-header-controls[data-v-129105aa] { background-color: #ffffff; padding: 12px 16px; border-radius: 6px; border: 1px solid #e9ecef; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .board-header-controls .dropdown-toggle[data-v-129105aa] { font-size: 14px; padding: 8px 12px; border-color: #dee2e6; background-color: #ffffff; } .board-header-controls .dropdown-toggle[data-v-129105aa]:hover { background-color: #f8f9fa; border-color: #adb5bd; } .board-header-controls[data-v-129105aa] { min-width: 180px; padding: 8px 0; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .board-header-controls[data-v-129105aa] { padding: 8px 16px; font-size: 14px; color: #495057; } .board-header-controls[data-v-129105aa]:hover { background-color: #f8f9fa; color: #212529; } .board-header-controls i[data-v-129105aa] { width: 16px; text-align: center; } .group-section[data-v-129105aa] { background-color: #ffffff; border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Unique class: global gantt-chart.css targets `.group-header` + dark-mode (conflicts with kanban). */ .kanban-group-header[data-v-129105aa] { background: #ffffff !important; background-image: none !important; color: #212529 !important; padding: 15px 20px; border-bottom: 1px solid #e9ecef; border-left: none; cursor: pointer; transition: background-color 0.2s ease; } .kanban-group-header[data-v-129105aa]:hover { background: #f8f9fa !important; background-image: none !important; } .kanban-group-header-title[data-v-129105aa] { color: #212529 !important; } .kanban-group-header-chevron[data-v-129105aa] { color: #495057 !important; } .group-content[data-v-129105aa] { padding: 20px; } .group-actions[data-v-129105aa] { display: flex; gap: 10px; } .grouped-kanban-view[data-v-129105aa] { margin-top: 8px; } .grouped-kanban-view .kanban-cont[data-v-129105aa] { margin-top: 6px; } .grouped-kanban-view .kanban-column[data-v-129105aa] { min-width: var(--kanban-column-width); } .grouped-kanban-view .kanban-list[data-v-129105aa] { margin-bottom: 0; } /* ----- Swimlane grouped board (headers once on top, groups as rows) ----- */ .swimlane-kanban[data-v-129105aa] { margin-top: 4px; } .swimlane-kanban-scroll[data-v-129105aa] { display: block; width: -moz-max-content; width: max-content; min-width: 100%; overflow-x: auto; overflow-y: visible; padding: 4px 0 16px; } .swimlane-header-row[data-v-129105aa] { position: sticky; top: 0; z-index: 6; background: #fff; padding: 0 4px 4px; margin-bottom: 2px; border-bottom: 1px solid #eef1f5; } .swimlane-columns-row[data-v-129105aa] { min-width: -moz-max-content; min-width: max-content; } .swimlane-header-row .swimlane-columns-row[data-v-129105aa] { align-items: stretch; } .swimlane-header-row .kanban-column[data-v-129105aa] { align-self: stretch; height: auto; } .swimlane-header-row .swimlane-header-list[data-v-129105aa] { flex: 1 1 auto; height: 100%; } .swimlane-body-row .swimlane-columns-row[data-v-129105aa] { align-items: flex-start; } .swimlane-body-row .kanban-column[data-v-129105aa] { align-self: flex-start; } .swimlane-kanban .kanban-column[data-v-129105aa] { display: flex; flex-direction: column; align-self: flex-start; min-width: var(--kanban-column-width); width: var(--kanban-column-width); height: auto; margin-right: 12px; flex-shrink: 0; border-radius: 8px; max-height: none; overflow: visible; } .swimlane-kanban .kanban-column[data-v-129105aa]:last-child { margin-right: 0; } .swimlane-kanban .kanban-column.kanban-column--collapsed[data-v-129105aa] { min-width: 42px; width: 42px; overflow: hidden; } .swimlane-header-list[data-v-129105aa] { display: flex; flex-direction: column; flex: 0 0 auto; width: 100%; height: auto; margin: 0; border-radius: 8px; overflow: hidden; } .swimlane-header-list.kanban-list--collapsed[data-v-129105aa] { min-height: 120px; } .swimlane-section[data-v-129105aa] { margin-top: 10px; border-radius: 8px; } .swimlane-group-header[data-v-129105aa] { display: flex; align-items: center; padding: 8px 6px 8px 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: transparent; } .swimlane-group-header[data-v-129105aa]:hover { background: #f8fafc; border-radius: 6px; } .swimlane-group-header-main[data-v-129105aa] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; } .swimlane-group-chevron[data-v-129105aa] { color: #6b7280; font-size: 0.75rem; width: 14px; text-align: center; } .swimlane-group-icon[data-v-129105aa] { font-size: 0.875rem; width: 16px; text-align: center; } .swimlane-group-label[data-v-129105aa] { font-size: 0.9375rem; font-weight: 700; line-height: 1.2; white-space: nowrap; } .swimlane-group-count[data-v-129105aa] { font-size: 0.8125rem; font-weight: 600; color: #6b7280; min-width: 1ch; } .swimlane-group-add[data-v-129105aa] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 2px; border: none; border-radius: 4px; background: transparent; color: #9ca3af; cursor: pointer; padding: 0; transition: background-color 0.15s ease, color 0.15s ease; } .swimlane-group-add[data-v-129105aa]:hover { background: #e5e7eb; color: #374151; } .swimlane-body-row[data-v-129105aa] { padding-top: 2px; } .swimlane-body-list[data-v-129105aa] { display: flex; flex-direction: column; flex: 0 0 auto; width: 100%; height: auto; margin: 0; border-radius: 8px; overflow: hidden; min-height: 72px; } .swimlane-body-list.kanban-list--collapsed[data-v-129105aa] { min-height: 72px; } .swimlane-add-task-btn[data-v-129105aa] { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 10px 12px 4px; padding: 0; border: none; background: transparent; font-size: 0.875rem; font-weight: 600; cursor: pointer; line-height: 1.3; } .swimlane-add-task-btn[data-v-129105aa]:hover { filter: brightness(0.85); text-decoration: none; } .swimlane-wrap[data-v-129105aa] { padding: 4px 8px 12px; min-height: 40px; } .swimlane-section--collapsed .swimlane-group-header[data-v-129105aa] { margin-bottom: 0; } /* Responsive adjustments for grouped view */ @media (max-width: 768px) { .group-by-controls[data-v-129105aa] { padding: 10px; } .kanban-group-header[data-v-129105aa] { padding: 10px 15px; } .group-content[data-v-129105aa] { padding: 15px; } .grouped-kanban-view .kanban-column[data-v-129105aa], .swimlane-kanban .kanban-column[data-v-129105aa] { min-width: 250px; width: 250px; } } /* ========================================================================= Lead-pipeline kanban look & feel (matches customers/leads-kanban-board.vue) These rules intentionally override the legacy project board styles above. ========================================================================= */ .kanban-cont[data-v-129105aa], .swimlane-kanban[data-v-129105aa] { --kanban-column-width: 16.5rem; --kanban-stage-heading-size: 0.8125rem; --kanban-card-title-size: 0.8125rem; --kanban-text-secondary: 0.75rem; --kanban-text-meta: 0.6875rem; --kanban-text-tiny: 0.625rem; } .kanban-board-root--ungrouped[data-v-129105aa] { display: flex; flex-direction: column; min-height: 0; height: 100%; } .kanban-cont[data-v-129105aa] { display: flex; align-items: flex-start; width: -moz-max-content; width: max-content; min-width: 100%; overflow-x: auto; overflow-y: visible; padding: 8px 4px 16px; box-sizing: border-box; } .kanban-board-root--ungrouped .kanban-cont[data-v-129105aa] { flex: 1 1 auto; min-height: 0; align-items: flex-start; overflow-x: auto; overflow-y: hidden; } .kanban-columns-row[data-v-129105aa] { align-items: flex-start; } .kanban-board-root--ungrouped .kanban-columns-row[data-v-129105aa] { align-items: flex-start !important; height: 100%; min-height: 0; } .kanban-cont .kanban-column[data-v-129105aa] { display: flex; flex-direction: column; align-self: flex-start; min-width: var(--kanban-column-width); width: var(--kanban-column-width); height: auto; margin-right: 12px; flex-shrink: 0; border-radius: 8px; overflow: visible; max-height: none; transition: width 0.2s ease, min-width 0.2s ease; } .kanban-board-root--ungrouped .kanban-cont .kanban-column[data-v-129105aa]:not(.kanban-column--collapsed) { height: auto; max-height: var(--kanban-column-max-height, 100%); overflow: hidden; align-self: flex-start; } .kanban-cont .kanban-column[data-v-129105aa]:last-child { margin-right: 0; } .kanban-cont .kanban-column.kanban-column--collapsed[data-v-129105aa], .grouped-kanban-view .kanban-column.kanban-column--collapsed[data-v-129105aa] { min-width: 42px; width: 42px; overflow: hidden; } .kanban-cont .kanban-list[data-v-129105aa], .kanban-cont .kanban-list--expanded[data-v-129105aa] { display: flex; flex: 0 0 auto; flex-direction: column; width: 100%; min-width: 0; height: auto; margin: 0; border-radius: 8px; overflow: visible; position: relative; } .kanban-board-root--ungrouped .kanban-cont .kanban-list--expanded[data-v-129105aa] { flex: 0 1 auto; height: auto; max-height: var(--kanban-column-max-height, 100%); overflow: hidden; min-height: 0; } .kanban-list--collapsed[data-v-129105aa] { display: flex; flex: 0 0 auto; flex-direction: column; align-self: flex-start; width: 100%; min-height: 160px; height: auto; border-radius: 8px; overflow: hidden; } /* Swimlane header/body lists keep their own sizing (see swimlane-* rules above) */ .swimlane-kanban .swimlane-header-list[data-v-129105aa], .swimlane-kanban .swimlane-body-list[data-v-129105aa] { overflow: hidden; } /* Header shares the column body tint (no white bar) */ .kanban-cont .kanban-list .kanban-header[data-v-129105aa], .kanban-cont .kanban-list .kanban-header--light[data-v-129105aa], .swimlane-kanban .kanban-list .kanban-header[data-v-129105aa], .swimlane-kanban .kanban-list .kanban-header--light[data-v-129105aa] { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 4px 8px; flex-shrink: 0; background: transparent; color: #1f2937; border-top: none; border-radius: 8px 8px 0 0; } .kanban-header-top[data-v-129105aa] { width: 100%; display: flex; align-items: center; gap: 6px; } .kanban-header-start[data-v-129105aa] { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; } .kanban-stage-drag-handle[data-v-129105aa] { flex-shrink: 0; margin-top: 0; color: #9ca3af; opacity: 0.8; cursor: grab; transition: color 0.15s ease, opacity 0.15s ease; } .kanban-stage-drag-handle[data-v-129105aa]:hover { color: #4b5563; opacity: 1; } /* While a category column is being dragged, the nested (per-column) card list must not swallow the dragover so hovering low over a column swaps columns instead of the dragged column landing inside the card list underneath it. */ .is-dragging-category .kanban-wrap[data-v-129105aa], .is-dragging-category .kanban-draggable-list[data-v-129105aa] { pointer-events: none; } .kanban-stage-drag-handle[data-v-129105aa]:active { cursor: grabbing; } .kanban-header-copy[data-v-129105aa] { flex: 1; min-width: 0; } .kanban-stage-heading[data-v-129105aa] { display: block; margin: 0; height: 22px; box-sizing: border-box; font-size: var(--kanban-stage-heading-size); font-weight: 700; line-height: 20px; color: #111827; min-width: 0; padding: 0 4px; border: 1px solid transparent; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .kanban-header-count[data-v-129105aa] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 1.25em; height: 22px; font-size: var(--kanban-text-meta); font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; color: #6b7280; white-space: nowrap; } .kanban-stage-heading--editable[data-v-129105aa] { cursor: text; } .kanban-stage-heading--editable[data-v-129105aa]:hover { background: rgba(15, 23, 42, 0.06); } .kanban-stage-rename[data-v-129105aa] { position: relative; height: 22px; } .kanban-stage-rename-input[data-v-129105aa] { display: block; width: 100%; height: 22px; box-sizing: border-box; margin: 0; font-size: var(--kanban-stage-heading-size); font-weight: 700; line-height: 20px; color: #111827; padding: 0 4px; border: 1px solid #93c5fd; border-radius: 4px; background: #fff; outline: none; } .kanban-stage-rename-input--error[data-v-129105aa] { border-color: #dc2626; } .kanban-stage-rename-input--shake[data-v-129105aa] { animation: kanban-rename-shake-129105aa 0.35s; } .kanban-stage-rename-error[data-v-129105aa] { position: absolute; left: 0; top: calc(100% + 2px); z-index: 2; display: block; font-size: 0.72rem; font-weight: 600; line-height: 1.2; color: #dc2626; pointer-events: none; } @keyframes kanban-rename-shake-129105aa { 10%, 90% { transform: translateX(-1px); } 20%, 80% { transform: translateX(2px); } 30%, 50%, 70% { transform: translateX(-4px); } 40%, 60% { transform: translateX(4px); } } .kanban-header-meta[data-v-129105aa] { margin: 0; font-size: var(--kanban-text-meta); line-height: 1.2; color: #6b7280; } .kanban-header-actions[data-v-129105aa] { position: relative; flex: 0 0 auto; display: flex; align-items: center; min-width: 22px; min-height: 22px; } .kanban-stage-action[data-v-129105aa] { color: #6b7280; cursor: pointer; font-size: 0.85rem; transition: color 0.15s ease; } .kanban-stage-action[data-v-129105aa]:hover { color: #1f2937; } .kanban-stage-menu-btn[data-v-129105aa] { width: 22px; height: 22px; border: none; border-radius: 4px; background: transparent; color: #6b7280; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.15s ease, color 0.15s ease; } .kanban-stage-menu-btn[data-v-129105aa]:hover { background: rgba(15, 23, 42, 0.08); color: #374151; } .category-actions-menu[data-v-129105aa] { position: fixed; z-index: 4000; min-width: 210px; background: #fff; border: 1px solid #e3e7ee; border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12); padding: 6px 0; transform: translateX(-100%); } .category-actions-item[data-v-129105aa] { display: flex; align-items: center; gap: 12px; width: 100%; border: none; background: transparent; text-align: left; padding: 10px 16px; font-size: 0.875rem; color: #2f3542; cursor: pointer; } .category-actions-item i[data-v-129105aa] { width: 16px; text-align: center; color: #6b7280; } .category-actions-item[data-v-129105aa]:hover:not(:disabled) { background: #f3f6fb; } .category-actions-item[data-v-129105aa]:disabled { opacity: 0.45; cursor: not-allowed; } .category-actions-item--danger[data-v-129105aa] { color: #c62828; } .category-actions-item--danger i[data-v-129105aa] { color: #c62828; } .task-category-type-picker[data-v-129105aa] { display: flex; gap: 8px; flex-wrap: wrap; } .task-category-type-picker button[data-v-129105aa] { border: 1px solid #d0d5dd; background: #fff; border-radius: 6px; padding: 8px 12px; font-size: 13px; color: #344054; cursor: pointer; } .task-category-type-picker button.active[data-v-129105aa] { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; } .task-category-type-picker button[data-v-129105aa]:disabled { opacity: 0.45; cursor: not-allowed; } .kanban-collapsed-strip[data-v-129105aa] { flex: 0 0 auto; width: 100%; min-height: 160px; height: auto; border-top: 3px solid; border-radius: 8px; box-shadow: 1px 1px 4px rgba(15, 23, 42, 0.08); cursor: pointer; display: flex; align-items: flex-start; justify-content: center; padding: 14px 0; color: #374151; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background-color 0.15s ease, box-shadow 0.15s ease; } .kanban-collapsed-strip[data-v-129105aa]:hover { box-shadow: 1px 2px 8px rgba(15, 23, 42, 0.14); filter: brightness(0.98); } .kanban-collapsed-strip[data-v-129105aa]:focus-visible { outline: 2px solid #42a5f5; outline-offset: -2px; } .kanban-collapsed-text[data-v-129105aa] { writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); display: inline-flex; align-items: center; gap: 10px; font-size: 0.8125rem; line-height: 1.3; max-height: 100%; overflow: hidden; } .kanban-collapsed-name[data-v-129105aa] { font-weight: 600; max-width: 5.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-collapsed-count[data-v-129105aa] { font-weight: 500; white-space: nowrap; opacity: 0.95; } .kanban-column-footer[data-v-129105aa] { display: flex; align-items: center; justify-content: space-between; gap: 8px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 12; padding: 10px 12px; background: #fff; border: none; border-top: 1px solid rgba(15, 23, 42, 0.08); border-radius: 0; box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.08); opacity: 0; pointer-events: auto; transform: translateY(calc(100% - 10px)); transition: opacity 0.18s ease, transform 0.18s ease; } .kanban-list--expanded:focus-within .kanban-column-footer[data-v-129105aa], .kanban-list--expanded:hover .kanban-column-footer[data-v-129105aa] { opacity: 1; transform: translateY(0); } .kanban-footer-add-btn[data-v-129105aa] { border: none; background: transparent; color: #0052cc; font-size: 0.875rem; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; } .kanban-footer-add-btn[data-v-129105aa]:hover { color: #0747a6; } .kanban-footer-spacer[data-v-129105aa] { flex: 1; } .kanban-footer-collapse-btn[data-v-129105aa] { width: 40px; height: 40px; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; color: #4b5563; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .kanban-footer-collapse-btn[data-v-129105aa]:hover { background: #f9fafb; color: #1f2937; } /* Card list — flat board only; swimlane cells use .swimlane-wrap rules below */ .kanban-cont .kanban-list .kanban-wrap[data-v-129105aa] { flex: 0 0 auto; display: flex; flex-direction: column; min-height: 0; max-height: none; overflow: visible; padding: 8px; /* Reserve permanent space for the absolutely-positioned add/collapse footer, so it never overlaps the bottom-most card regardless of scroll position (padding on the scrollable area itself would only leave a gap once scrolled all the way down). */ margin-bottom: 65px; } .kanban-board-root--ungrouped .kanban-cont .kanban-list .kanban-wrap[data-v-129105aa] { flex: 1 1 auto; min-height: 0; max-height: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; margin-bottom: 0; padding: 8px; scrollbar-width: thin; scrollbar-color: #c5cdd8 transparent; } .kanban-board-root--ungrouped .kanban-column-footer[data-v-129105aa] { position: relative; left: auto; right: auto; bottom: auto; z-index: 2; flex-shrink: 0; opacity: 0; transform: none; pointer-events: none; box-shadow: none; border-radius: 0 0 8px 8px; } .kanban-board-root--ungrouped .kanban-list--expanded:hover .kanban-column-footer[data-v-129105aa], .kanban-board-root--ungrouped .kanban-list--expanded:focus-within .kanban-column-footer[data-v-129105aa] { opacity: 1; transform: none; pointer-events: auto; } .kanban-board-root--ungrouped .kanban-cont .kanban-list .kanban-wrap[data-v-129105aa]::-webkit-scrollbar { width: 6px; } .kanban-board-root--ungrouped .kanban-cont .kanban-list .kanban-wrap[data-v-129105aa]::-webkit-scrollbar-thumb { background: #c5cdd8; border-radius: 999px; } .swimlane-kanban .kanban-list .swimlane-wrap[data-v-129105aa] { flex: 0 0 auto; display: flex; flex-direction: column; min-height: 40px; max-height: none; overflow: visible; margin-bottom: 0; padding: 4px 8px 12px; } .kanban-draggable-list[data-v-129105aa] { flex: 0 0 auto; min-height: 48px; } /* Cards */ .kanban-cont .kanban-list .kanban-wrap .kanban-card-stack[data-v-129105aa], .swimlane-kanban .kanban-list .kanban-wrap .kanban-card-stack[data-v-129105aa] { margin: 0 0 8px; width: 100%; box-sizing: border-box; } .kanban-card-nested-slot[data-v-129105aa] { display: none !important; } .kanban-cont .kanban-list .kanban-wrap .card.panel[data-v-129105aa], .swimlane-kanban .kanban-list .kanban-wrap .card.panel[data-v-129105aa] { position: relative; border-radius: 8px; margin: 0; background: #fff; border: 1px solid #dfe1e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); cursor: pointer; overflow: hidden; width: 100%; box-sizing: border-box; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .kanban-cont .kanban-list .kanban-wrap .card.panel[data-v-129105aa]:hover, .swimlane-kanban .kanban-list .kanban-wrap .card.panel[data-v-129105aa]:hover { background: #fff !important; border-color: #c1c7d0; box-shadow: 0 2px 6px rgba(9, 30, 66, 0.13); } .kanban-cont .kanban-box[data-v-129105aa], .swimlane-kanban .kanban-box[data-v-129105aa] { padding: 10px 12px; cursor: pointer; overflow: hidden; min-width: 0; font-size: var(--kanban-text-secondary); } .kanban-card-title[data-v-129105aa] { font-weight: 600; font-size: var(--kanban-card-title-size); color: #172b4d; margin-bottom: 4px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; } .kanban-cont a[data-v-129105aa], .kanban-cont a[data-v-129105aa]:hover, .kanban-cont a[data-v-129105aa]:focus, .swimlane-kanban a[data-v-129105aa], .swimlane-kanban a[data-v-129105aa]:hover, .swimlane-kanban a[data-v-129105aa]:focus, .kanban-cont .kanban-box[data-v-129105aa]:hover, .kanban-cont .kanban-box:hover .kanban-card-title[data-v-129105aa], .kanban-cont .card.panel:hover .kanban-card-title[data-v-129105aa], .swimlane-kanban .kanban-box[data-v-129105aa]:hover, .swimlane-kanban .kanban-box:hover .kanban-card-title[data-v-129105aa], .swimlane-kanban .card.panel:hover .kanban-card-title[data-v-129105aa], .kanban-subtask-toggle[data-v-129105aa]:hover, .kanban-parent-link[data-v-129105aa]:hover, .kanban-subtask-card[data-v-129105aa]:hover, .kanban-subtask-card:hover .kanban-subtask-title[data-v-129105aa], .swimlane-group-header[data-v-129105aa]:hover, .swimlane-group-add[data-v-129105aa]:hover, .swimlane-add-task-btn[data-v-129105aa]:hover, .kanban-footer-add-btn[data-v-129105aa]:hover { text-decoration: none !important; } .kanban-subtask-toggle[data-v-129105aa] { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; margin: 0; padding: 2px 6px; border: none; border-radius: 6px; background: #ebecf0; color: #42526e; font-size: var(--kanban-text-tiny); font-weight: 600; cursor: pointer; text-align: left; text-decoration: none !important; line-height: 1.2; white-space: nowrap; } .kanban-subtask-toggle[data-v-129105aa]:hover { background: #dfe1e6; color: #172b4d; } .kanban-subtask-toggle i[data-v-129105aa] { width: 8px; font-size: var(--kanban-text-tiny); } .kanban-parent-link[data-v-129105aa] { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; margin: 0; padding: 2px 6px; border: 1px solid #dfe1e6; border-radius: 6px; background: #f4f5f7; color: #42526e; font-size: var(--kanban-text-tiny); font-weight: 600; cursor: pointer; text-align: left; text-decoration: none !important; line-height: 1.2; } .kanban-parent-link[data-v-129105aa]:hover { background: #ebecf0; border-color: #c1c7d0; color: #172b4d; text-decoration: none !important; } .kanban-parent-link-icon[data-v-129105aa] { width: 12px; height: 12px; -o-object-fit: contain; object-fit: contain; flex-shrink: 0; } .kanban-parent-link-label[data-v-129105aa] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-nested-subtasks[data-v-129105aa] { display: flex; flex-direction: column; gap: 6px; margin: 6px 0 0 14px; padding-left: 2px; } .kanban-nested-card[data-v-129105aa] { margin: 0 !important; } .kanban-card-foot-left[data-v-129105aa] { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: flex-start; } .kanban-card-project[data-v-129105aa] { display: inline-flex; align-items: center; font-size: var(--kanban-text-tiny); font-weight: 500; color: #0d6efd; background: #e8f4fd; border-radius: 4px; padding: 2px 8px; margin-bottom: 6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-card-subline[data-v-129105aa] { font-size: var(--kanban-text-secondary); color: #5e6c84; margin-bottom: 10px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kanban-card-tags[data-v-129105aa] { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; } .kanban-card-tag[data-v-129105aa] { display: inline-flex; align-items: center; max-width: 100%; min-height: 18px; padding: 2px 7px; border-radius: 999px; color: #fff; font-size: var(--kanban-text-tiny); font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-card-tag--more[data-v-129105aa] { background: #6b7280; } .kanban-card-chips[data-v-129105aa] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 8px; font-size: var(--kanban-text-secondary); } .kanban-card-chips .task-priority[data-v-129105aa], .kanban-card-chips .badge[data-v-129105aa], .kanban-priority-badge[data-v-129105aa] { font-size: var(--kanban-text-tiny) !important; font-weight: 600; } .kanban-priority-badge[data-v-129105aa] { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 10px; letter-spacing: 0.2px; line-height: 1.4; } .kanban-card-footer[data-v-129105aa] { display: flex; justify-content: space-between; align-items: center; font-size: var(--kanban-text-secondary); gap: 8px; min-width: 0; overflow: hidden; } .kanban-card-date[data-v-129105aa] { font-size: var(--kanban-text-secondary); color: #5e6c84; display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; white-space: nowrap; } .kanban-card-date i[data-v-129105aa] { font-size: var(--kanban-text-meta); } .kanban-card-footer .employee-profile[data-v-129105aa] { padding-bottom: 0; } .kanban-card-footer .task-avatar[data-v-129105aa] { font-size: 11px; border: 2px solid #fff; box-sizing: content-box; } .kanban-card-footer .delete-task[data-v-129105aa] { position: static; margin-left: 6px; } /* Swimlane overrides must win over `.kanban-cont .kanban-column` max-height rules */ .swimlane-kanban .kanban-column[data-v-129105aa], .swimlane-kanban .swimlane-header-row .kanban-column[data-v-129105aa], .swimlane-kanban .swimlane-body-row .kanban-column[data-v-129105aa] { max-height: none !important; overflow: visible; } .swimlane-kanban .swimlane-header-list .kanban-header[data-v-129105aa], .swimlane-kanban .swimlane-header-list .kanban-header--light[data-v-129105aa] { border-radius: 8px 8px 0 0; flex: 0 0 auto; } .swimlane-kanban .swimlane-body-list[data-v-129105aa] { border-radius: 8px; } .category-description-modal-backdrop[data-v-129105aa] { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(9, 30, 66, 0.45); } .category-description-modal[data-v-129105aa] { width: 100%; max-width: 520px; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(9, 30, 66, 0.18); overflow: hidden; } .category-description-modal-header[data-v-129105aa] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e9ecef; } .category-description-modal-body[data-v-129105aa] { padding: 16px 20px; } .category-description-modal-textarea[data-v-129105aa] { min-height: 140px; resize: vertical; font-size: 0.875rem; } .category-description-modal-footer[data-v-129105aa] { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 16px; border-top: 1px solid #e9ecef; } .gantt-row-sidebar[data-v-a858ad8e] { display: flex; align-items: center; flex: 1; width: 100%; height: 100%; min-width: 0; } .item-name-content[data-v-a858ad8e] { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; width: 100%; } .depth-1 .item-name-content[data-v-a858ad8e], .depth-1-epic-in-sprint .item-name-content[data-v-a858ad8e] { padding-left: 14px; } .depth-2 .item-name-content[data-v-a858ad8e], .depth-2-under-epic .item-name-content[data-v-a858ad8e] { padding-left: 28px; } .depth-3 .item-name-content[data-v-a858ad8e] { padding-left: 42px; } .item-type-icon[data-v-a858ad8e] { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 12px; flex-shrink: 0; } .item-type-icon-img[data-v-a858ad8e] { width: 14px; height: 14px; -o-object-fit: contain; object-fit: contain; display: block; } .item-title[data-v-a858ad8e] { color: #172b4d; text-decoration: none; font-weight: 500; font-size: 13px; line-height: 1.3; } .item-name-link[data-v-a858ad8e] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .item-name-link[data-v-a858ad8e]:hover { color: #0747a6; text-decoration: underline; } /* Mirrors list-view frozen checkbox + Name cells (TaskListItemRows / TaskListTableHead). */ .sidebar-row-inner[data-v-77de297c] { display: flex; align-items: stretch; width: 100%; min-width: 0; height: 100%; } .sidebar-col-checkbox[data-v-77de297c] { flex: 0 0 36px; width: 36px; min-width: 36px; max-width: 36px; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; padding: 8px 4px; border-right: none; background: inherit; box-sizing: border-box; } .sidebar-col-checkbox .form-check-input[data-v-77de297c] { margin: 0; width: 14px; height: 14px; min-height: 14px; cursor: pointer; } .sidebar-col-checkbox .form-check-input[data-v-77de297c]:checked { background-color: #0052cc; border-color: #0052cc; } .sidebar-col-name[data-v-77de297c] { flex: 1 1 auto; width: 320px; min-width: 0; max-width: 320px; display: flex; align-items: center; padding: 8px 8px 8px 22px; box-sizing: border-box; overflow: hidden; } .item-name-cell[data-v-77de297c] { position: relative; display: flex; align-items: center; min-width: 0; width: 100%; height: 24px; max-height: 24px; } .expand-slot[data-v-77de297c] { position: absolute; left: -18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; z-index: 1; } .expand-slot[data-v-77de297c] .expand-btn, .expand-slot[data-v-77de297c] .expand-chevron { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; color: #6c757d; padding: 0; line-height: 1; font-size: 10px; cursor: pointer; } .expand-slot[data-v-77de297c] .expand-btn:hover, .expand-slot[data-v-77de297c] .expand-chevron:hover { color: #495057; background-color: #e9ecef; border-radius: 3px; } .gantt-bar-container[data-v-7dd51d72] { position: relative; height: 100%; min-height: 0; } .gantt-bar[data-v-7dd51d72] { position: absolute; top: 0; bottom: 0; height: 100%; cursor: grab; display: flex; align-items: center; min-width: 20px; z-index: 3; overflow: visible; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: transparent; } .bar-visual[data-v-7dd51d72] { position: absolute; top: 7px; left: 0; right: 0; height: 22px; border-radius: 6px; background: #3d5a80; pointer-events: none; transition: box-shadow 0.15s ease; } .gantt-bar.bar-interactive[data-v-7dd51d72]:hover { z-index: 5; } .gantt-bar.bar-interactive:hover .bar-visual[data-v-7dd51d72] { box-shadow: 0 4px 12px rgba(61, 90, 128, 0.45); } .gantt-bar.bar-dragging[data-v-7dd51d72], .gantt-bar.bar-resizing[data-v-7dd51d72] { z-index: 12; cursor: grabbing; } .gantt-bar.bar-dragging .bar-visual[data-v-7dd51d72], .gantt-bar.bar-resizing .bar-visual[data-v-7dd51d72] { opacity: 0.92; transition: none; box-shadow: 0 6px 16px rgba(23, 43, 77, 0.28); } .resize-handle[data-v-7dd51d72] { position: absolute; top: 0; bottom: 0; width: 10px; cursor: ew-resize; z-index: 6; opacity: 0; transition: opacity 0.15s ease; } .gantt-bar:hover .resize-handle[data-v-7dd51d72], .gantt-bar.bar-resizing .resize-handle[data-v-7dd51d72], .gantt-bar.bar-dragging .resize-handle[data-v-7dd51d72] { opacity: 1; } .resize-handle.resize-left[data-v-7dd51d72] { left: -2px; } .resize-handle.resize-right[data-v-7dd51d72] { right: -2px; } .resize-handle[data-v-7dd51d72]::after { content: ''; position: absolute; top: 50%; left: 3px; width: 4px; height: 16px; margin-top: -8px; border-radius: 2px; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); pointer-events: none; } .milestone-marker[data-v-7dd51d72] { position: absolute; top: 50%; width: 12px; height: 12px; background: #3d5a80; transform: translate(-50%, -50%) rotate(45deg); border-radius: 2px; cursor: pointer; z-index: 3; box-shadow: 0 0 0 2px rgba(61, 90, 128, 0.3); transition: transform 0.15s ease; } .milestone-marker[data-v-7dd51d72]:hover { transform: translate(-50%, -50%) rotate(45deg) scale(1.15); } /* Global while dragging/resizing a gantt bar */ body.gantt-bar-interacting { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; cursor: inherit; } body.gantt-bar-interacting * { cursor: inherit !important; } /* Match project-details dashboard chart tooltip */ .chart-info-tooltip.gantt-bar-chart-tooltip { position: fixed; z-index: 2100; display: inline-flex; align-items: flex-start; gap: 8px; max-width: 260px; padding: 8px 10px; border-radius: 6px; background: #172b4d; color: #fff; box-shadow: 0 8px 24px rgba(9, 30, 66, 0.28); pointer-events: none; } .chart-info-tooltip.gantt-bar-chart-tooltip .chart-info-tooltip__swatch { width: 10px; height: 10px; border-radius: 2px; margin-top: 4px; flex-shrink: 0; } .chart-info-tooltip.gantt-bar-chart-tooltip .chart-info-tooltip__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .chart-info-tooltip.gantt-bar-chart-tooltip .chart-info-tooltip__body strong { font-size: 12px; line-height: 1.2; font-weight: 600; overflow: hidden; text-overflow: ellipsis; } .chart-info-tooltip.gantt-bar-chart-tooltip .chart-info-tooltip__body small { font-size: 11px; color: #dfe1e6; line-height: 1.2; } .timeline-content[data-v-455720d0] { flex: 1; position: relative; height: 40px; background-image: none; /* Allow resize handles to receive events; row clips overflow */ overflow: visible; } .timeline-content.can-create[data-v-455720d0] { cursor: crosshair; } .timeline-content.is-creating[data-v-455720d0] { cursor: ew-resize; z-index: 4; } .weekend-band-inline[data-v-455720d0] { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient( -45deg, transparent, transparent 4px, rgba(9, 30, 66, 0.06) 4px, rgba(9, 30, 66, 0.06) 5px ); pointer-events: none; z-index: 0; } .create-preview-bar[data-v-455720d0] { position: absolute; top: 7px; height: 22px; border-radius: 6px; background: rgba(61, 90, 128, 0.4); border: 1px dashed #3d5a80; z-index: 5; pointer-events: none; box-sizing: border-box; box-shadow: 0 0 0 1px rgba(61, 90, 128, 0.15); } .gantt-container[data-v-9a25f71c] { height: 100%; display: flex; flex-direction: column; gap: 0; background: transparent; } .timeline-panel[data-v-9a25f71c] { flex: 1; min-height: 520px; display: flex; flex-direction: column; background: #fff; border: none; border-radius: 0; overflow: hidden; color: #172b4d; } .gantt-content[data-v-9a25f71c] { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 280px; background: #fff; border: none; border-radius: 0; box-shadow: none; } .gantt-split[data-v-9a25f71c] { flex: 1; display: flex; min-height: 0; overflow: hidden; } /* Checkbox 36px + Name 320px — same frozen width as list view */ .gantt-sidebar-pane[data-v-9a25f71c] { width: 356px; min-width: 356px; flex-shrink: 0; display: flex; flex-direction: column; border-right: none; background: #fff; z-index: 3; } .sidebar-header[data-v-9a25f71c] { height: 36px; min-height: 36px; max-height: 36px; display: flex; align-items: stretch; padding: 0; background: #f8f9fa; border-bottom: 1px solid #dee2e6; box-sizing: border-box; } .sidebar-col-checkbox[data-v-9a25f71c] { flex: 0 0 36px; width: 36px; min-width: 36px; max-width: 36px; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; padding: 8px 4px; border-right: none; background: inherit; box-sizing: border-box; } .sidebar-col-checkbox .form-check-input[data-v-9a25f71c] { margin: 0; width: 14px; height: 14px; min-height: 14px; cursor: pointer; } .sidebar-col-checkbox .form-check-input[data-v-9a25f71c]:checked { background-color: #0052cc; border-color: #0052cc; } .sidebar-col-name[data-v-9a25f71c] { flex: 1 1 auto; width: 320px; min-width: 0; max-width: 320px; display: flex; align-items: center; box-sizing: border-box; } .sidebar-header-name[data-v-9a25f71c] { padding: 8px 8px 8px 22px; background: #f8f9fa; } .sidebar-header-checkbox[data-v-9a25f71c] { background: #f8f9fa; } .work-item-col-label[data-v-9a25f71c] { font-size: 11px; font-weight: 600; line-height: 1.2; color: #495057; letter-spacing: 0.3px; text-transform: uppercase; } .sidebar-body[data-v-9a25f71c] { flex: 1; min-height: 0; overflow: hidden; } .sidebar-row[data-v-9a25f71c] { height: 40px; min-height: 40px; max-height: 40px; flex-shrink: 0; display: flex; align-items: center; padding: 0; border-bottom: 1px solid #dee2e6; box-sizing: border-box; cursor: pointer; background-color: #fff; transition: background-color 0.2s ease; } .sidebar-row[data-v-9a25f71c]:hover, .sidebar-row.is-hovered[data-v-9a25f71c] { background-color: #f8f9fa; } .sidebar-row.selected[data-v-9a25f71c] { background-color: #e3f2fd; } .sidebar-row.selected[data-v-9a25f71c]:hover, .sidebar-row.selected.is-hovered[data-v-9a25f71c] { background-color: #e3f2fd; } .sidebar-row.group-row[data-v-9a25f71c], .sidebar-row.epic-row[data-v-9a25f71c] { background: #fff; font-size: 13px; color: #172b4d; } .sidebar-row.group-row[data-v-9a25f71c]:hover, .sidebar-row.group-row.is-hovered[data-v-9a25f71c], .sidebar-row.epic-row[data-v-9a25f71c]:hover, .sidebar-row.epic-row.is-hovered[data-v-9a25f71c] { background: #e9ecef; } .sidebar-row.child-item[data-v-9a25f71c], .sidebar-row.epic-in-sprint[data-v-9a25f71c], .sidebar-row.task-under-parent[data-v-9a25f71c] { background: #fafbfc; } .sidebar-row.grandchild-item[data-v-9a25f71c], .sidebar-row.task-under-epic[data-v-9a25f71c] { background: #f5f6f7; } .sidebar-row.great-grandchild-item[data-v-9a25f71c] { background: #f0f1f2; } .sidebar-row.child-item[data-v-9a25f71c]:hover, .sidebar-row.child-item.is-hovered[data-v-9a25f71c], .sidebar-row.epic-in-sprint[data-v-9a25f71c]:hover, .sidebar-row.epic-in-sprint.is-hovered[data-v-9a25f71c], .sidebar-row.task-under-parent[data-v-9a25f71c]:hover, .sidebar-row.task-under-parent.is-hovered[data-v-9a25f71c] { background-color: #f0f1f2; } .sidebar-row.grandchild-item[data-v-9a25f71c]:hover, .sidebar-row.grandchild-item.is-hovered[data-v-9a25f71c], .sidebar-row.task-under-epic[data-v-9a25f71c]:hover, .sidebar-row.task-under-epic.is-hovered[data-v-9a25f71c] { background-color: #ebedef; } .sidebar-row.selected[data-v-9a25f71c], .sidebar-row.selected[data-v-9a25f71c]:hover, .sidebar-row.selected.is-hovered[data-v-9a25f71c] { background-color: #e3f2fd; } .sidebar-row[data-v-9a25f71c] .sidebar-row-inner { width: 100%; height: 100%; } .sidebar-row[data-v-9a25f71c] .sidebar-col-checkbox, .sidebar-row[data-v-9a25f71c] .sidebar-col-name { background: inherit; } .item-name-content[data-v-9a25f71c] { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; width: 100%; } .item-name-content.depth-1[data-v-9a25f71c] { padding-left: 14px; } .sidebar-row .item-title[data-v-9a25f71c] { color: #172b4d; font-weight: 500; font-size: 13px; line-height: 1.3; } .sidebar-empty[data-v-9a25f71c] { height: 120px; } .sidebar-h-scroll-spacer[data-v-9a25f71c] { flex-shrink: 0; width: 100%; pointer-events: none; } .gantt-calendar-pane[data-v-9a25f71c] { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; } /* Same 36px as list-view table header so switching views does not jump */ .calendar-header[data-v-9a25f71c] { height: 36px; min-height: 36px; max-height: 36px; overflow: hidden; background: #f8f9fa; border-bottom: 1px solid #dee2e6; cursor: grab; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; z-index: 2; box-sizing: border-box; } .timeline-grid[data-v-9a25f71c] { position: relative; height: 100%; display: flex; flex-direction: column; } .parent-range-headers[data-v-9a25f71c] { position: relative; height: 16px; min-height: 16px; flex-shrink: 0; } .parent-range-header[data-v-9a25f71c] { position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 0 6px; font-size: 10px; font-weight: 600; color: #495057; letter-spacing: 0.3px; border-right: 1px solid #dee2e6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .body-period-headers[data-v-9a25f71c] { position: relative; z-index: 1; flex: 1 1 auto; min-height: 0; background: #f8f9fa; box-sizing: border-box; cursor: grab; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .period-header[data-v-9a25f71c] { position: absolute; top: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #f0f0f0; box-sizing: border-box; } .period-header.today-column .period-label[data-v-9a25f71c] { color: #ef4444; } .period-header.weekend[data-v-9a25f71c] { background: repeating-linear-gradient( -45deg, transparent, transparent 3px, rgba(9, 30, 66, 0.04) 3px, rgba(9, 30, 66, 0.04) 4px ); } .period-header.hour-slot .period-label[data-v-9a25f71c] { font-size: 9px; font-weight: 500; letter-spacing: -0.02em; } .period-label[data-v-9a25f71c] { font-weight: 600; color: #42526e; font-size: 9px; line-height: 1; white-space: nowrap; } .period-sublabel[data-v-9a25f71c] { font-size: 9px; color: #6b778c; margin-top: 0; line-height: 1; } /* Weeks view only — day-of-month badge (not used in Days/Months) */ .period-sublabel.today-day[data-v-9a25f71c] { display: inline-flex; align-items: center; justify-content: center; min-width: 14px; height: 14px; border-radius: 50%; background: #ef4444; color: #fff; font-weight: 700; font-size: 8px; } .calendar-body[data-v-9a25f71c] { flex: 1; overflow: auto; background: #fff; position: relative; min-height: 0; overscroll-behavior: contain; } .gantt-rows[data-v-9a25f71c] { position: relative; min-height: 100%; min-width: 100%; overflow: hidden; } .group-section[data-v-9a25f71c] { border-bottom: none; } .calendar-row[data-v-9a25f71c] { height: 40px; min-height: 40px; max-height: 40px; flex-shrink: 0; width: 100%; min-width: 100%; display: flex; border-bottom: 1px solid #dee2e6; box-sizing: border-box; background-color: transparent; transition: background-color 0.2s ease; position: relative; z-index: 1; } .calendar-row[data-v-9a25f71c]::after { content: ''; flex: 1 1 auto; min-width: 0; } .calendar-row[data-v-9a25f71c]:hover, .calendar-row.is-hovered[data-v-9a25f71c] { background-color: rgba(248, 249, 250, 0.92); } .calendar-row.selected[data-v-9a25f71c] { background-color: rgba(227, 242, 253, 0.95); } .calendar-row.selected[data-v-9a25f71c]:hover, .calendar-row.selected.is-hovered[data-v-9a25f71c] { background-color: rgba(227, 242, 253, 0.95); } .calendar-row.group-row[data-v-9a25f71c] { background: rgba(248, 249, 250, 0.85); cursor: pointer; } .calendar-row.epic-row[data-v-9a25f71c] { background: rgba(248, 249, 250, 0.85); cursor: pointer; } .calendar-row.group-row[data-v-9a25f71c]:hover, .calendar-row.group-row.is-hovered[data-v-9a25f71c], .calendar-row.epic-row[data-v-9a25f71c]:hover, .calendar-row.epic-row.is-hovered[data-v-9a25f71c] { background: rgba(233, 236, 239, 0.92); } .calendar-row.child-item[data-v-9a25f71c], .calendar-row.epic-in-sprint[data-v-9a25f71c], .calendar-row.task-under-parent[data-v-9a25f71c] { background: rgba(250, 251, 252, 0.7); } .calendar-row.grandchild-item[data-v-9a25f71c], .calendar-row.task-under-epic[data-v-9a25f71c] { background: rgba(245, 246, 247, 0.7); } .calendar-row.great-grandchild-item[data-v-9a25f71c] { background: rgba(240, 241, 242, 0.7); } .calendar-row.child-item[data-v-9a25f71c]:hover, .calendar-row.child-item.is-hovered[data-v-9a25f71c], .calendar-row.epic-in-sprint[data-v-9a25f71c]:hover, .calendar-row.epic-in-sprint.is-hovered[data-v-9a25f71c], .calendar-row.task-under-parent[data-v-9a25f71c]:hover, .calendar-row.task-under-parent.is-hovered[data-v-9a25f71c] { background-color: rgba(240, 241, 242, 0.92); } .calendar-row.grandchild-item[data-v-9a25f71c]:hover, .calendar-row.grandchild-item.is-hovered[data-v-9a25f71c], .calendar-row.task-under-epic[data-v-9a25f71c]:hover, .calendar-row.task-under-epic.is-hovered[data-v-9a25f71c] { background-color: rgba(235, 237, 239, 0.92); } .calendar-row.selected[data-v-9a25f71c], .calendar-row.selected[data-v-9a25f71c]:hover, .calendar-row.selected.is-hovered[data-v-9a25f71c] { background-color: rgba(227, 242, 253, 0.95); } .group-count[data-v-9a25f71c] { margin-left: 8px; font-size: 11px; color: #6b778c; background: #ebecf0; border-radius: 999px; padding: 1px 7px; flex-shrink: 0; } .weekend-band-inline[data-v-9a25f71c] { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient( -45deg, transparent, transparent 4px, rgba(9, 30, 66, 0.06) 4px, rgba(9, 30, 66, 0.06) 5px ); pointer-events: none; z-index: 0; } .weekend-band[data-v-9a25f71c] { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient( -45deg, transparent, transparent 4px, rgba(9, 30, 66, 0.06) 4px, rgba(9, 30, 66, 0.06) 5px ); pointer-events: none; z-index: 0; } .timeline-content[data-v-9a25f71c] { flex: 1; position: relative; height: 40px; background-image: none; } .group-timeline-bg[data-v-9a25f71c] { position: relative; } .today-line-overlay[data-v-9a25f71c] { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #ef4444; z-index: 6; pointer-events: none; box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.12); } .today-line-cap-dot[data-v-9a25f71c] { position: absolute; top: 0; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.2); pointer-events: none; } .col-grid-line[data-v-9a25f71c] { position: absolute; top: 0; bottom: 0; width: 1px; background: transparent; border-left: 1px solid #f0f0f0; pointer-events: none; z-index: 0; } .loading-indicator[data-v-9a25f71c] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 48px 20px; background: #fff; } .loading-text[data-v-9a25f71c] { color: #6b778c; margin: 0; font-size: 13px; } .empty-state[data-v-9a25f71c] { padding: 48px 24px; text-align: center; color: #6b778c; font-size: 13px; } .empty-state p[data-v-9a25f71c] { color: #172b4d; font-weight: 600; } .unscheduled-panel[data-v-9a25f71c] { border-top: 1px solid #dee2e6; background: #fafbfc; padding: 14px 0 10px; position: relative; } .unscheduled-header[data-v-9a25f71c] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; } .unscheduled-icon[data-v-9a25f71c] { color: #6b778c; display: inline-flex; } .unscheduled-header strong[data-v-9a25f71c] { color: #172b4d; font-size: 13px; } .unscheduled-meta[data-v-9a25f71c] { color: #6b778c; font-size: 13px; } .unscheduled-chips[data-v-9a25f71c] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .unscheduled-chip[data-v-9a25f71c] { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #dfe1e6; color: #172b4d; border-radius: 999px; padding: 6px 12px 6px 10px; font-size: 12px; font-weight: 500; cursor: grab; } .unscheduled-chip[data-v-9a25f71c]:hover { background: #f4f5f7; border-color: #c1c7d0; } .chip-box[data-v-9a25f71c] { width: 12px; height: 12px; border: 1.5px solid #97a0af; border-radius: 2px; flex-shrink: 0; } .unscheduled-more[data-v-9a25f71c] { background: none; border: none; color: #0052cc; font-size: 12px; font-weight: 600; cursor: pointer; padding: 6px 4px; } .unscheduled-more[data-v-9a25f71c]:hover { color: #0747a6; } .timeline-drop-hint[data-v-9a25f71c] { position: absolute; inset: 0; pointer-events: none; } .unscheduled-panel:has(.unscheduled-chip:active) .timeline-drop-hint[data-v-9a25f71c], .unscheduled-panel.drag-over .timeline-drop-hint[data-v-9a25f71c] { pointer-events: auto; } .item-detail-overlay[data-v-9a25f71c] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 20px; } .calendar-body[data-v-9a25f71c]::-webkit-scrollbar { height: 10px; width: 10px; } .calendar-body[data-v-9a25f71c]::-webkit-scrollbar-track { background: #f4f5f7; } .calendar-body[data-v-9a25f71c]::-webkit-scrollbar-thumb { background: #c1c7d0; border-radius: 6px; } .calendar-body[data-v-9a25f71c]::-webkit-scrollbar-thumb:hover { background: #97a0af; } .calendar-header[data-v-9a25f71c] { scrollbar-width: none; -ms-overflow-style: none; } .calendar-header[data-v-9a25f71c]::-webkit-scrollbar { display: none; } .calendar-header[data-v-9a25f71c]:active, .body-period-headers[data-v-9a25f71c]:active { cursor: grabbing; } @media (max-width: 900px) { .gantt-sidebar-pane[data-v-9a25f71c] { width: 356px; min-width: 356px; } } .bulk-actions-bar[data-v-9a25f71c] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #ddd; border-radius: 8px; padding: 12px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; } .task-category-type-picker[data-v-415fad77] { display: flex; gap: 8px; flex-wrap: wrap; } .task-category-type-picker button[data-v-415fad77] { border: 1px solid #d0d5dd; background: #fff; border-radius: 6px; padding: 6px 10px; font-size: 13px; color: #344054; } .task-category-type-picker button.active[data-v-415fad77] { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; } .team-members[data-v-415fad77] { display: flex; align-items: center; } .employee-name[data-v-415fad77] { color: #777; /* Set the font color to light grey */ font-weight: lighter; /* Optionally, set the font weight to lighter */ } .team-members span[data-v-415fad77]:not(:last-child) { margin-right: 10px; /* Add spacing between employee names */ } .team-members[data-v-415fad77] { list-style-type: none; padding-left: 0; } .employee-name[data-v-415fad77] { display: inline; } .edit-icon-wrapper[data-v-415fad77] { display: inline-block; vertical-align: middle; } .edit-icon[data-v-415fad77] { cursor: pointer; position: absolute; right: 15px; background-color: #eeeeee00; border: 1px solid #e3e3e3; color: #000; } .selected-files[data-v-415fad77] { color: #a3a3a3; font-size: 11px; line-height: 17px; min-width: 1px; /* color: #888888; font-weight: 500; */ } .chat-content[data-v-415fad77] { max-width: -moz-fit-content !important; max-width: fit-content !important; } .chat-content-wrap .chat-wrap-inner[data-v-415fad77] { overflow: unset !important; position: unset !important; } .navbar[data-v-415fad77] { display: block !important; } /* l.custom-modal .modal-dialog { max-width: 100%; width: 100%; } .modal.custom-modal .modal-content { width: 100%; height: 100%; } */ .chat-window[data-v-415fad77] { display: flex; flex-direction: column; width: 100%; height: 100%; } .chat-contents[data-v-415fad77] { flex: 1; /* Allows the chat-contents to take up available space */ width: 100%; height: 100%; /* overflow-y: auto; Ensures content is scrollable if it exceeds the height */ } .chat-content-wrap[data-v-415fad77] { width: 100%; height: 100%; } .chat-box[data-v-415fad77] { width: 100%; height: 100%; } .chats[data-v-415fad77] { padding: 0px !important; width: 100%; height: 100%; } .w-100[data-v-415fad77] { width: 100% !important; } .text-container[data-v-415fad77] { max-width: 100%; /* Adjust the width as needed */ word-wrap: break-word; /* Ensures long words break correctly */ white-space: pre-wrap; /* Maintains white space and line breaks */ } .chat-footer[data-v-415fad77] { padding: 15px 0px !important; } .input-block[data-v-415fad77] { position: relative; } .dropdown-list[data-v-415fad77] { position: absolute; background: white; border: 1px solid #ddd; list-style: none; margin: 0; padding: 0; width: 100%; max-height: 150px; overflow-y: auto; z-index: 10; } .dropdown-list li[data-v-415fad77] { padding: 8px; cursor: pointer; } .dropdown-list li[data-v-415fad77]:hover { background-color: #f0f0f0; } .task-follower-list[data-v-415fad77] { display: flex; gap: 8px; margin-top: 10px; } .task-follower-list .avatar[data-v-415fad77] { border-radius: 50%; } .fa-xmark[data-v-415fad77] { cursor: pointer; margin-left: 5px; } .mention-list[data-v-415fad77] { position: absolute; background-color: white; border: 1px solid #ccc; max-height: 150px; overflow-y: auto; z-index: 10; width: 100%; } .mention-list ul[data-v-415fad77] { list-style-type: none; padding: 0; margin: 0; } .mention-list li[data-v-415fad77] { padding: 5px; cursor: pointer; } .mention-list li[data-v-415fad77]:hover { background-color: #f0f0f0; } .modal.faded[data-v-415fad77] { opacity: 0.3; pointer-events: none; } .modal.faded .modal-dialog[data-v-415fad77] { transform: scale(0.98); transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .project-options-bar[data-v-685b4953] { margin-bottom: 20px; } .options-bar-container[data-v-685b4953] { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #fff; border: 1px solid #e3e6f0; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); gap: 16px; min-height: 56px; } /* Left Section */ .options-left-section[data-v-685b4953] { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; } .search-input-container[data-v-685b4953] { position: relative; width: 280px; flex-shrink: 0; } .search-input[data-v-685b4953] { padding-right: 40px; border: 1px solid #dfe1e6; border-radius: 6px; font-size: 14px; height: 38px; } .search-input[data-v-685b4953]:focus { border-color: #0052cc; box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2); outline: none; } .search-icon[data-v-685b4953] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #6c757d; pointer-events: none; } .filter-buttons[data-v-685b4953] { display: flex; gap: 8px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .filter-buttons[data-v-685b4953]::-webkit-scrollbar { display: none; } .filter-btn[data-v-685b4953] { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; color: #5e6c84; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; flex-shrink: 0; height: 38px; } .filter-btn[data-v-685b4953]:hover { background: #f4f5f7; border-color: #b3bac5; color: #172b4d; } .filter-btn.active[data-v-685b4953] { background: #0052cc; border-color: #0052cc; color: #fff; } .filter-btn i[data-v-685b4953] { font-size: 12px; } /* Right Section */ .options-right-section[data-v-685b4953] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .action-btn[data-v-685b4953] { display: flex; align-items: center; gap: 6px; padding: 8px 12px; font-size: 13px; font-weight: 500; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; height: 38px; } .btn-outline-secondary.action-btn[data-v-685b4953] { border-color: #dfe1e6; color: #5e6c84; } .btn-outline-secondary.action-btn[data-v-685b4953]:hover { border-color: #b3bac5; background: #f4f5f7; color: #172b4d; } .add-task-btn[data-v-685b4953] { background: #0052cc; border-color: #0052cc; color: white; } .add-task-btn[data-v-685b4953]:hover { background: #0747a6; border-color: #0747a6; } .action-btn i[data-v-685b4953] { font-size: 12px; } /* Dropdown Styles */ .dropdown-menu[data-v-685b4953] { border: 1px solid #dfe1e6; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 8px 0; min-width: 200px; } .dropdown-header[data-v-685b4953] { padding: 8px 16px; font-size: 12px; font-weight: 600; color: #5e6c84; text-transform: uppercase; } .column-options[data-v-685b4953] { max-height: 300px; overflow-y: auto; } .column-option[data-v-685b4953] { padding: 8px 16px; cursor: pointer; } .column-option[data-v-685b4953]:hover { background-color: #f4f5f7; } .column-option .form-check-label[data-v-685b4953] { display: flex; align-items: center; gap: 8px; cursor: pointer; width: 100%; margin: 0; } .column-option .form-check-input[data-v-685b4953] { margin: 0; } /* Responsive Design */ @media (max-width: 1200px) { .search-input-container[data-v-685b4953] { width: 220px; } } @media (max-width: 992px) { .search-input-container[data-v-685b4953] { width: 180px; } .filter-btn span[data-v-685b4953], .action-btn span[data-v-685b4953] { display: none; } .filter-btn[data-v-685b4953], .action-btn[data-v-685b4953] { padding: 8px; min-width: 38px; justify-content: center; } } @media (max-width: 768px) { .options-bar-container[data-v-685b4953] { flex-direction: column; align-items: stretch; gap: 12px; padding: 12px; } .options-left-section[data-v-685b4953] { flex-direction: column; align-items: stretch; gap: 12px; } .search-input-container[data-v-685b4953] { width: 100%; } .filter-buttons[data-v-685b4953] { justify-content: flex-start; } .options-right-section[data-v-685b4953] { justify-content: space-between; } } /* * ClickUp-like task workspace layout (spacing + scroll only): * - Breadcrumb + tabs + filter are a fixed header stack * - Exactly one scroll surface lives in the view canvas below the filter * - No document/body scroll; no nested page scrollbars */ .project-view-page-wrapper[data-v-07a865b5] { height: 100vh; max-height: 100vh; overflow: hidden; display: flex; flex-direction: column; } .project-view-page.content.container-fluid[data-v-07a865b5] { padding: 0 !important; max-width: none; flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } .project-view-shell[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; margin: 0; border: none; border-radius: 0; background: #fff; overflow: hidden; display: flex; flex-direction: column; } .project-view-shell[data-v-07a865b5] > .project-view-topbar { flex: 0 0 auto; } .project-view-shell__tabs[data-v-07a865b5] { flex: 0 0 38px; display: flex; flex-wrap: nowrap; align-items: stretch; height: 38px; min-height: 38px; margin: 0; padding: 0 12px; border-bottom: 1px solid #e5e7eb; background: #fff; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .project-view-shell__tabs[data-v-07a865b5]::-webkit-scrollbar { display: none; } .project-view-shell__tabs .nav-item[data-v-07a865b5] { margin: 0; } .project-view-shell__tabs .nav-link[data-v-07a865b5] { display: inline-flex; align-items: center; height: 38px; padding: 0 12px; margin: 0; border: none; border-radius: 0; background: transparent; color: #4b5563; font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; box-shadow: none; } .project-view-shell__tabs .nav-link[data-v-07a865b5]:hover { color: #111827; border: none; background: transparent; } .project-view-shell__tabs .nav-link.active[data-v-07a865b5] { color: #111827; font-weight: 500; background: transparent; border: none; box-shadow: inset 0 -2px 0 #1e3a8a; } /* Tab body: always flush so scrollbars sit on the canvas edge */ .project-view-shell__body[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: 0 !important; background: #fff; } .project-view-shell__tab-content[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .project-view-shell__pane[data-v-07a865b5] { display: none; flex: 1 1 auto; min-height: 0; padding: 0; height: 100%; } /* Dashboard / People: edge-flush scroller, padded content inside */ .project-view-shell__pane--page.is-shown[data-v-07a865b5] { display: flex; flex-direction: column; overflow: hidden; } .project-view-pane-scroll[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; width: 100%; overflow: auto; } .project-view-pane-scroll--no-x[data-v-07a865b5] { overflow-x: hidden; overflow-y: auto; } .project-view-pane-pad[data-v-07a865b5] { padding: 16px 20px; box-sizing: border-box; max-width: 100%; min-width: 0; } .project-view-pane-pad > .row[data-v-07a865b5] { margin-left: 0; margin-right: 0; max-width: 100%; } .project-view-pane-pad[data-v-07a865b5] .project-summary-dashboard, .project-view-pane-pad[data-v-07a865b5] .project-people { max-width: 100%; min-width: 0; overflow-x: hidden; } /* Files / Tickets / Activity: filter fixed; only the view scrolls */ .project-view-shell__pane--filtered.is-shown[data-v-07a865b5] { display: flex; flex-direction: column; overflow: hidden; } .project-view-shell__pane--filtered[data-v-07a865b5] .row, .project-view-shell__pane--filtered[data-v-07a865b5] .col-md-12, .project-view-shell__pane--filtered[data-v-07a865b5] .project-tickets, .project-view-shell__pane--filtered[data-v-07a865b5] .project-documentation, .project-view-shell__pane--filtered[data-v-07a865b5] .project-activities { flex: 1 1 auto; min-height: 0; height: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; overflow: hidden; } .project-view-shell__pane--filtered[data-v-07a865b5] .tkt-toolbar, .project-view-shell__pane--filtered[data-v-07a865b5] .docs-toolbar, .project-view-shell__pane--filtered[data-v-07a865b5] .act-toolbar { flex: 0 0 auto; margin: 16px !important; padding: 10px 16px; /* border-bottom: none; */ background: #fff; } .project-view-shell__pane--filtered[data-v-07a865b5] .tkt-toolbar .ef-chip-row, .project-view-shell__pane--filtered[data-v-07a865b5] .docs-toolbar .ef-chip-row, .project-view-shell__pane--filtered[data-v-07a865b5] .act-toolbar .ef-chip-row { margin-top: 8px; } .project-view-shell__pane--filtered[data-v-07a865b5] .bulk-actions-bar, .project-view-shell__pane--filtered[data-v-07a865b5] .docs-bulk-actions-bar { flex: 0 0 auto; margin: 0; padding: 8px 16px; } /* Edge-flush view canvas below filters (padding is inside the scroller content) */ .project-view-shell__pane--filtered[data-v-07a865b5] .tkt-panel, .project-view-shell__pane--filtered[data-v-07a865b5] .docs-view-scroll, .project-view-shell__pane--filtered[data-v-07a865b5] .act-view-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; max-width: 100%; } .project-view-shell__pane--tickets.is-shown[data-v-07a865b5] .tkt-panel { overflow-x: hidden; overflow-y: auto; padding: 12px 16px; } .project-view-shell__pane--tickets.is-shown[data-v-07a865b5] .dt-wrapper, .project-view-shell__pane--tickets.is-shown[data-v-07a865b5] .dt-scroll, .project-view-shell__pane--tickets.is-shown[data-v-07a865b5] .dt-table { overflow-x: hidden !important; max-width: 100%; } .project-view-shell__pane--filtered[data-v-07a865b5] .docs-view-scroll, .project-view-shell__pane--filtered[data-v-07a865b5] .act-view-scroll { padding: 12px 16px; box-sizing: border-box; } .project-view-shell__pane--work.is-shown[data-v-07a865b5] { display: flex; flex-direction: column; overflow: hidden; } .project-view-task-tab-region[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; flex-direction: column; overflow: hidden; } /* Fixed filter strip */ .project-view-work-toolbar[data-v-07a865b5] { flex: 0 0 auto; padding: 10px 16px; margin: 0; border-bottom: none; background: #fff; } .project-view-work-toolbar[data-v-07a865b5] .jira-filter-container { margin-bottom: 0; } .project-view-work-toolbar[data-v-07a865b5] .ef-chip-row, .project-view-work-toolbar[data-v-07a865b5] .active-filters-pills { margin-top: 8px; } /* View canvas below filter */ .project-view-work-body[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; width: 100%; position: relative; } /* LIST: edge-flush scroller — no content padding (sticky cols would slide into it) */ .project-view-work-body--list[data-v-07a865b5] { overflow: auto; padding: 0; } .project-view-work-body--list[data-v-07a865b5] .project-task { padding: 0; box-sizing: border-box; } .project-view-work-body--list[data-v-07a865b5] .project-task, .project-view-work-body--list[data-v-07a865b5] .card, .project-view-work-body--list[data-v-07a865b5] .card-body { margin: 0; border: none; border-radius: 0; box-shadow: none; background: transparent; } .project-view-work-body--list[data-v-07a865b5] .card-body { padding: 0 !important; } .project-view-work-body--list[data-v-07a865b5] .table-responsive-custom { max-height: none !important; overflow: visible !important; border-radius: 0; } /* BOARD: grouped uses one overall scroller; ungrouped fills the canvas and scrolls inside each category down to the bottom of the screen. */ .project-view-work-body--board[data-v-07a865b5] { overflow-x: auto; overflow-y: hidden; display: flex; flex-direction: column; padding: 0 !important; } .project-view-work-body--board-grouped[data-v-07a865b5] { overflow: auto; display: block; } .project-view-work-body--board[data-v-07a865b5] > div { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; width: -moz-max-content; width: max-content; min-width: 100%; height: 100%; overflow: hidden; padding: 0 !important; margin: 0 !important; } .project-view-work-body--board-grouped[data-v-07a865b5] > div { display: block; flex: 0 0 auto; min-height: 100%; height: auto; overflow: visible; } /* Flat (ungrouped) board — columns size to cards, cap at viewport, then inner scroll */ .project-view-work-body--board[data-v-07a865b5] .kanban-cont { display: flex; flex: 1 1 auto; width: -moz-max-content; width: max-content; min-width: 100%; min-height: 0; height: 100%; overflow-x: auto; overflow-y: hidden; padding: 8px 12px 12px !important; margin: 0 !important; box-sizing: border-box; align-items: flex-start; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-column { align-self: flex-start !important; margin-top: 0 !important; margin-bottom: 0 !important; display: flex; flex-direction: column; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-column:not(.kanban-column--collapsed) { height: auto !important; max-height: var(--kanban-column-max-height, 100%); overflow: hidden !important; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-list--expanded { flex: 0 0 auto !important; min-height: 0 !important; height: auto !important; max-height: var(--kanban-column-max-height, 100%) !important; overflow: hidden !important; align-self: flex-start !important; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-list--collapsed { max-height: none; height: auto; min-height: 160px !important; flex: 0 0 auto !important; align-self: flex-start !important; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-wrap { flex: 1 1 auto !important; min-height: 0; max-height: none; overflow-x: hidden !important; overflow-y: auto !important; } .project-view-work-body--board[data-v-07a865b5] .kanban-cont .kanban-column-footer { position: relative !important; left: auto; right: auto; bottom: auto; flex-shrink: 0; transform: none !important; box-shadow: none; } /* Grouped swimlane board: vertical stack with sticky header row */ .project-view-work-body--board[data-v-07a865b5] .grouped-kanban-view, .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban { display: block; width: -moz-max-content; width: max-content; min-width: 100%; height: auto; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; } .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban-scroll { display: block; width: -moz-max-content; width: max-content; min-width: 100%; height: auto; overflow: visible !important; padding: 0 !important; margin: 0 !important; } .project-view-work-body--board[data-v-07a865b5] .swimlane-header-row { padding: 8px 12px 4px; box-sizing: border-box; } .project-view-work-body--board[data-v-07a865b5] .swimlane-section { padding: 0 12px; box-sizing: border-box; } .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban .kanban-column { max-height: none !important; height: auto !important; align-self: flex-start !important; margin-top: 0 !important; margin-bottom: 0 !important; } .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban .kanban-list--expanded, .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban .kanban-list--collapsed { max-height: none !important; height: auto !important; flex: 0 0 auto !important; align-self: flex-start !important; } .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban .kanban-wrap, .project-view-work-body--board[data-v-07a865b5] .swimlane-kanban .swimlane-wrap { max-height: none !important; flex: 0 0 auto !important; overflow: visible !important; } /* TIMELINE: fill canvas; gantt owns internal scroll */ .project-view-work-body--timeline[data-v-07a865b5] { overflow: hidden; display: flex; flex-direction: column; padding: 0; } .project-view-work-body--timeline[data-v-07a865b5] .gantt-container { flex: 1 1 auto; min-height: 0; height: 100%; padding: 0; box-sizing: border-box; } .project-view-work-body--timeline[data-v-07a865b5] .timeline-panel { min-height: 0 !important; height: 100%; } .project-view-work-body--timeline[data-v-07a865b5] .gantt-content { min-height: 0 !important; } .project-view-task-tab-page-loading-block[data-v-07a865b5] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; background: #f8f9fa; } .project-view-task-tab-page-loading-spinner[data-v-07a865b5] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .project-view-task-tab-page-loading-label[data-v-07a865b5] { font-size: 0.95rem; } .card-title-container[data-v-07a865b5] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .task-detail-overlay[data-v-07a865b5] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 20px; } .task-detail-deep-link-loading[data-v-07a865b5] { background: #fff; border-radius: 8px; width: 100%; max-width: 1200px; height: 100%; display: flex; align-items: center; justify-content: center; } .task-detail-container[data-v-07a865b5] { width: 100%; height: 100%; background: white; display: flex; flex-direction: column; overflow: hidden; } .task-detail-header[data-v-07a865b5] { padding: 16px 24px; border-bottom: 1px solid #e1e5e9; background: #f7f8f9; flex-shrink: 0; } .task-detail-header .btn[data-v-07a865b5] { display: flex; align-items: center; gap: 8px; font-weight: 500; } .task-detail-header .btn[data-v-07a865b5]:hover { background: #e4e6ea; } @media (max-width: 991px) { .task-detail-container[data-v-07a865b5] { width: 100%; height: 100%; } } body.project-view-scroll-lock, html:has(body.project-view-scroll-lock) { overflow: hidden !important; height: 100%; } .lead-create-content[data-v-72e18a66] { border-radius: 8px; } .lead-info-header h6[data-v-72e18a66] { font-weight: 600; color: #6c757d; } .lead-owner-picker[data-v-72e18a66] { min-width: 220px; position: relative; } .lead-form-field[data-v-72e18a66] { position: relative; } .lead-owner-select[data-v-72e18a66], .lead-form-select[data-v-72e18a66] { width: 100%; } .lead-contact-add-btn[data-v-72e18a66], .lead-inline-add-btn[data-v-72e18a66] { min-width: 42px; } /* Hidden input that mirrors a custom dropdown's value so the browser's native "Please fill in this field" validation bubble appears for empty required dropdowns, matching the behavior of native required inputs. */ .lead-required-mirror[data-v-72e18a66] { position: absolute; left: 12px; bottom: 0; width: 2px; height: 2px; padding: 0; margin: 0; border: 0; background: transparent; color: transparent; opacity: 0; pointer-events: none; } .pipeline-actions-menu[data-v-9484223c] { position: absolute; top: calc(100% + 2px); right: 8px; z-index: 30; min-width: 210px; background: #fff; border: 1px solid #e3e7ee; border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12); padding: 6px 0; } .pipeline-actions-item[data-v-9484223c] { display: flex; align-items: center; gap: 12px; width: 100%; border: none; background: transparent; text-align: left; padding: 10px 16px; font-size: 0.875rem; color: #2f3542; cursor: pointer; } .pipeline-actions-item i[data-v-9484223c] { width: 16px; text-align: center; color: #6b7280; font-size: 0.9rem; } .pipeline-actions-item[data-v-9484223c]:hover:not(:disabled) { background: #f4f7fb; } .pipeline-actions-item--disabled[data-v-9484223c], .pipeline-actions-item[data-v-9484223c]:disabled { color: #b8bec8; cursor: not-allowed; } .pipeline-actions-item--disabled i[data-v-9484223c], .pipeline-actions-item:disabled i[data-v-9484223c] { color: #c5cad3; } .pipeline-delete-dialog[data-v-18e3d15c] { display: block; } .pipeline-delete-intro[data-v-18e3d15c] { color: #333; font-size: 0.9375rem; line-height: 1.5; } .pipeline-delete-list[data-v-18e3d15c] { padding-left: 1.25rem; margin-bottom: 0; color: #444; font-size: 0.875rem; line-height: 1.6; } .pipeline-delete-note[data-v-18e3d15c] { background: #fff4e8; border: 1px solid #ffd8b2; border-radius: 8px; padding: 12px 14px; font-size: 0.875rem; color: #5c4a32; line-height: 1.5; } .pipeline-delete-confirm-check[data-v-18e3d15c] { display: flex; align-items: flex-start; gap: 10px; font-size: 0.875rem; color: #333; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pipeline-delete-confirm-check input[data-v-18e3d15c] { margin-top: 3px; flex-shrink: 0; } .modal-footer[data-v-18e3d15c] { display: flex; justify-content: flex-end; gap: 10px; } .pipeline-delete-cancel[data-v-18e3d15c] { border-radius: 999px; min-width: 96px; padding: 8px 18px; } .pipeline-delete-submit[data-v-18e3d15c] { border-radius: 999px; min-width: 160px; padding: 8px 18px; background: #f08a7a; border: 1px solid #f08a7a; color: #fff; font-weight: 600; } .pipeline-delete-submit[data-v-18e3d15c]:hover:not(:disabled) { background: #e57363; border-color: #e57363; color: #fff; } .pipeline-delete-submit[data-v-18e3d15c]:disabled { opacity: 0.55; cursor: not-allowed; } .pipeline-edit-dialog[data-v-6795e71f] { display: block; } .modal-footer[data-v-6795e71f] { display: flex; justify-content: flex-end; gap: 10px; } .pipeline-edit-cancel[data-v-6795e71f] { border-radius: 999px; min-width: 96px; padding: 8px 18px; } .pipeline-edit-submit[data-v-6795e71f] { border-radius: 999px; min-width: 96px; padding: 8px 18px; font-weight: 600; } .pipeline-fields-editor[data-v-fd231abc] { position: fixed; inset: 0; z-index: 1080; } .pipeline-fields-backdrop[data-v-fd231abc] { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.35); } .pipeline-fields-panel[data-v-fd231abc] { position: absolute; top: 0; right: 0; width: min(980px, 100%); height: 100%; background: #fff; box-shadow: -12px 0 32px rgba(15, 23, 42, 0.12); display: flex; flex-direction: column; } .pipeline-fields-header[data-v-fd231abc] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 24px 28px 16px; border-bottom: 1px solid #edf1f5; } .pipeline-fields-title[data-v-fd231abc] { font-size: 1.35rem; font-weight: 600; color: #1f2937; } .pipeline-fields-badge[data-v-fd231abc] { display: inline-block; margin-left: 10px; padding: 4px 10px; border-radius: 999px; background: #e8f2ff; color: #2563eb; font-size: 0.8rem; font-weight: 600; vertical-align: middle; } .pipeline-fields-subtitle[data-v-fd231abc] { color: #6b7280; font-size: 0.9rem; } .pipeline-fields-loading[data-v-fd231abc] { flex: 1; } .pipeline-fields-body[data-v-fd231abc] { flex: 1; min-height: 0; overflow: hidden; padding: 20px 24px; } .pipeline-fields-body[data-v-fd231abc] .pipeline-fields-layout-editor { height: 100%; border: none; border-radius: 0; } .pipeline-fields-footer[data-v-fd231abc] { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 24px 24px; border-top: 1px solid #edf1f5; } .pipeline-create-choice-backdrop[data-v-09f0d723] { position: fixed; inset: 0; z-index: 1300; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15, 23, 42, 0.45); } .pipeline-create-choice-modal[data-v-09f0d723] { width: 100%; max-width: 920px; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(15, 23, 42, 0.2); padding: 24px 28px 28px; } .pipeline-create-choice-header[data-v-09f0d723] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .pipeline-create-choice-header h4[data-v-09f0d723] { font-size: 1.35rem; font-weight: 700; color: #111827; } .pipeline-create-choice-types[data-v-09f0d723] { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 8px; } .pipeline-create-choice-type[data-v-09f0d723] { display: inline-flex; align-items: center; gap: 8px; font-size: 0.9375rem; font-weight: 600; color: #1f2937; cursor: pointer; } .pipeline-create-choice-type input[data-v-09f0d723] { accent-color: #16a34a; } .pipeline-create-choice-type--disabled[data-v-09f0d723] { opacity: 0.45; cursor: not-allowed; } .pipeline-create-choice-hint[data-v-09f0d723] { color: #6b7280; font-size: 0.875rem; margin-bottom: 22px; } .pipeline-create-choice-cards[data-v-09f0d723] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .pipeline-create-choice-card[data-v-09f0d723] { border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px 22px; text-align: center; background: #fff; } .pipeline-create-choice-card-icon[data-v-09f0d723] { position: relative; display: flex; align-items: center; justify-content: center; min-height: 88px; margin-bottom: 16px; } .pipeline-create-choice-card-icon--scratch[data-v-09f0d723] { font-size: 2.4rem; color: #9ca3af; } .pipeline-create-choice-bulb[data-v-09f0d723] { position: absolute; right: calc(50% - 42px); bottom: 8px; font-size: 1.4rem; color: #f59e0b; } .pipeline-create-choice-card-icon--template[data-v-09f0d723] { gap: 4px; } .pipeline-create-choice-stack[data-v-09f0d723] { display: inline-block; width: 34px; height: 44px; border-radius: 4px; border: 1px solid #d1d5db; background: #fff; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08); } .pipeline-create-choice-stack--blue[data-v-09f0d723] { border-top: 4px solid #3b82f6; transform: rotate(-8deg); } .pipeline-create-choice-stack--green[data-v-09f0d723] { border-top: 4px solid #22c55e; transform: translateY(-4px); } .pipeline-create-choice-stack--purple[data-v-09f0d723] { border-top: 4px solid #8b5cf6; transform: rotate(8deg); } .pipeline-create-choice-card-title[data-v-09f0d723] { font-size: 1.05rem; font-weight: 700; color: #111827; margin-bottom: 10px; } .pipeline-create-choice-card-text[data-v-09f0d723] { color: #6b7280; font-size: 0.875rem; line-height: 1.5; min-height: 64px; margin-bottom: 18px; } .pipeline-create-choice-btn[data-v-09f0d723] { border-radius: 8px; padding: 10px 18px; font-weight: 600; background: #3b9b58; border-color: #3b9b58; } .pipeline-create-choice-btn[data-v-09f0d723]:hover { background: #338a4d; border-color: #338a4d; } @media (max-width: 768px) { .pipeline-create-choice-cards[data-v-09f0d723] { grid-template-columns: 1fr; } } .pipeline-create-team-modal[data-v-f3ffc642] { position: fixed; inset: 0; z-index: 1350; display: flex; align-items: center; justify-content: center; padding: 20px; } .pipeline-create-team-backdrop[data-v-f3ffc642] { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.45); } .pipeline-create-team-dialog[data-v-f3ffc642] { position: relative; width: 100%; max-width: 920px; max-height: calc(100vh - 40px); background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(15, 23, 42, 0.2); display: flex; flex-direction: column; overflow: hidden; } .pipeline-create-team-header[data-v-f3ffc642] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 28px 0; } .pipeline-create-team-header h4[data-v-f3ffc642] { font-size: 1.35rem; font-weight: 700; color: #1f2937; } .pipeline-create-team-steps[data-v-f3ffc642] { display: flex; align-items: center; gap: 0; padding: 18px 28px 0; } .pipeline-create-team-step[data-v-f3ffc642] { display: flex; align-items: center; gap: 8px; position: relative; flex: 1; min-width: 0; } .pipeline-create-team-step[data-v-f3ffc642]:last-child { flex: 0 0 auto; } .pipeline-create-team-step-dot[data-v-f3ffc642] { width: 18px; height: 18px; border-radius: 50%; background: #d1d5db; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 0.55rem; } .pipeline-create-team-step.active .pipeline-create-team-step-dot[data-v-f3ffc642] { background: #fff; border: 2px solid #16a34a; box-shadow: inset 0 0 0 4px #16a34a; } .pipeline-create-team-step.completed .pipeline-create-team-step-dot[data-v-f3ffc642] { background: #16a34a; } .pipeline-create-team-step-label[data-v-f3ffc642] { font-size: 0.875rem; color: #6b7280; white-space: nowrap; } .pipeline-create-team-step.active .pipeline-create-team-step-label[data-v-f3ffc642] { color: #111827; font-weight: 600; } .pipeline-create-team-step-line[data-v-f3ffc642] { flex: 1; height: 2px; background: #e5e7eb; margin: 0 10px; min-width: 24px; } .pipeline-create-team-step.completed .pipeline-create-team-step-line[data-v-f3ffc642] { background: #86efac; } .pipeline-create-team-body[data-v-f3ffc642] { flex: 1; min-height: 0; overflow-y: auto; padding: 24px 28px; } .pipeline-create-team-section-title[data-v-f3ffc642] { font-size: 1rem; font-weight: 600; color: #1f2937; margin-bottom: 14px; } .pipeline-create-team-name-input-wrap[data-v-f3ffc642] { display: flex; align-items: stretch; gap: 0; } .pipeline-create-team-name-input-wrap .form-control[data-v-f3ffc642] { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .pipeline-create-team-name-input-wrap .form-control[data-v-f3ffc642]:focus { border-color: #16a34a; box-shadow: none; } .pipeline-create-team-icon-picker[data-v-f3ffc642] { position: relative; flex-shrink: 0; } .pipeline-create-team-icon-btn[data-v-f3ffc642] { display: inline-flex; align-items: center; gap: 8px; height: 100%; min-height: 38px; padding: 0 12px; border: 1px solid #ced4da; border-radius: 0 6px 6px 0; background: #fff; color: #374151; cursor: pointer; } .pipeline-create-team-icon-btn[data-v-f3ffc642]:hover { background: #f9fafb; } .pipeline-create-team-icon-chevron[data-v-f3ffc642] { font-size: 0.7rem; color: #9ca3af; } .pipeline-create-team-icon-popover[data-v-f3ffc642] { position: absolute; top: calc(100% + 8px); right: 0; z-index: 10; width: 280px; padding: 12px; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14); } .pipeline-create-team-icon-popover-title[data-v-f3ffc642] { font-size: 0.875rem; font-weight: 600; color: #374151; margin-bottom: 10px; } .pipeline-create-team-icon-grid[data-v-f3ffc642] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; } .pipeline-create-team-icon-option[data-v-f3ffc642] { display: inline-flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; color: #4b5563; cursor: pointer; padding: 0; } .pipeline-create-team-icon-option[data-v-f3ffc642]:hover, .pipeline-create-team-icon-option.active[data-v-f3ffc642] { border-color: #16a34a; background: #ecfdf5; color: #16a34a; } .pipeline-create-team-stage-editor[data-v-f3ffc642] { display: flex; flex-direction: column; gap: 10px; } .pipeline-create-team-stage-row[data-v-f3ffc642] { display: flex; align-items: center; gap: 10px; } .pipeline-create-team-stage-handle[data-v-f3ffc642] { color: #9ca3af; cursor: grab; width: 16px; flex-shrink: 0; text-align: center; align-self: flex-start; margin-top: 10px; } .pipeline-create-team-stage-picker-wrap[data-v-f3ffc642] { flex: 1; min-width: 0; } .pipeline-create-team-stage-summary[data-v-f3ffc642] { width: 100%; min-height: 38px; border: 1px solid #ced4da; border-radius: 6px; background: #fff; color: #374151; text-align: left; padding: 8px 12px; cursor: pointer; } .pipeline-create-team-stage-summary[data-v-f3ffc642]:not(:disabled):hover { border-color: #9ca3af; } .pipeline-create-team-stage-summary--filled[data-v-f3ffc642] { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #111827; background: #f9fafb; } .pipeline-create-team-stage-summary-text[data-v-f3ffc642] { flex: 1; min-width: 0; text-align: left; } .pipeline-create-team-stage-summary-icon[data-v-f3ffc642] { flex-shrink: 0; } .pipeline-create-team-stage-summary--filled[data-v-f3ffc642]:not(:disabled):hover { border-color: #9ca3af; background: #fff; } .pipeline-create-team-stage-filled-wrap[data-v-f3ffc642] { width: 100%; } .pipeline-create-team-stage-summary--error[data-v-f3ffc642] { border-color: #dc2626; background: #fef2f2; color: #991b1b; } .pipeline-create-team-stage-row-error[data-v-f3ffc642] { margin: 4px 0 0; font-size: 0.75rem; color: #dc2626; } .pipeline-create-team-stage-row-error--picker[data-v-f3ffc642] { margin: 0; padding: 0 12px 8px; background: #fef2f2; border-bottom: 1px solid #fecaca; } .pipeline-create-team-stage-picker-selection[data-v-f3ffc642] { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #f0fdf4; border-bottom: 1px solid #e5e7eb; font-size: 0.875rem; } .pipeline-create-team-stage-picker-selection-label[data-v-f3ffc642] { color: #6b7280; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .pipeline-create-team-stage-picker-selection-value[data-v-f3ffc642] { flex: 1; min-width: 0; font-weight: 600; color: #111827; } .pipeline-create-team-stage-picker-selection-icon[data-v-f3ffc642] { flex-shrink: 0; } .pipeline-create-team-stage-picker[data-v-f3ffc642] { border: 1px solid #16a34a; border-radius: 6px; background: #fff; overflow: hidden; } .pipeline-create-team-stage-picker-search[data-v-f3ffc642] { border: none; border-bottom: 1px solid #e5e7eb; border-radius: 0; box-shadow: none; } .pipeline-create-team-stage-picker-search[data-v-f3ffc642]:focus { border-color: #e5e7eb; box-shadow: none; } .pipeline-create-team-stage-picker-list[data-v-f3ffc642] { max-height: 180px; overflow-y: auto; } .pipeline-create-team-stage-picker--closed .pipeline-create-team-new-stage-link--top[data-v-f3ffc642] { border-top: none; border-bottom: 1px solid #f0f2f5; } .pipeline-create-team-stage-picker-search--bottom[data-v-f3ffc642] { border: none; border-top: 1px solid #e5e7eb; border-radius: 0; box-shadow: none; } .pipeline-create-team-stage-picker-search--bottom[data-v-f3ffc642]:focus { border-color: #e5e7eb; box-shadow: none; } .pipeline-create-team-stage-picker-item[data-v-f3ffc642] { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; border: none; background: transparent; text-align: left; padding: 9px 12px; font-size: 0.875rem; color: #374151; cursor: pointer; } .pipeline-create-team-stage-picker-item-icon[data-v-f3ffc642] { flex-shrink: 0; } .category-icon[data-v-f3ffc642] { font-size: 0.95rem; } .category-icon--closed[data-v-f3ffc642] { color: #16a34a; } .category-icon--omitted[data-v-f3ffc642] { color: #ef4444; } .pipeline-create-team-stage-picker-item[data-v-f3ffc642]:hover { background: #e3f2fd; color: #1565c0; } .pipeline-create-team-stage-picker-item.active[data-v-f3ffc642] { background: #dcfce7; color: #166534; box-shadow: inset 3px 0 0 #16a34a; } .pipeline-create-team-new-stage-link[data-v-f3ffc642] { display: block; width: 100%; border: none; border-top: 1px solid #f0f2f5; background: transparent; color: #2563eb; font-size: 0.875rem; font-weight: 500; text-align: left; padding: 10px 12px; cursor: pointer; } .pipeline-create-team-new-stage-link[data-v-f3ffc642]:hover:not(:disabled) { background: #f8fafc; } .pipeline-create-team-new-stage-form[data-v-f3ffc642] { border-top: 1px solid #f0f2f5; padding: 10px 12px; } .pipeline-create-team-new-stage-form--solo[data-v-f3ffc642] { border-top: none; } .pipeline-create-team-new-stage-error[data-v-f3ffc642] { margin: 6px 0 0; font-size: 0.75rem; color: #dc2626; } .pipeline-create-team-new-stage-categories[data-v-f3ffc642] { display: flex; gap: 8px; margin-top: 10px; } .pipeline-create-team-new-stage-category[data-v-f3ffc642] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; padding: 0; } .pipeline-create-team-new-stage-category.active.pipeline-create-team-new-stage-category--closed[data-v-f3ffc642] { border-color: #16a34a; background: #ecfdf5; color: #16a34a; } .pipeline-create-team-new-stage-category.active.pipeline-create-team-new-stage-category--omitted[data-v-f3ffc642] { border-color: #dc2626; background: #fef2f2; color: #dc2626; } .pipeline-create-team-new-stage-actions[data-v-f3ffc642] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; } .pipeline-create-team-stage-actions[data-v-f3ffc642] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; align-self: flex-start; margin-top: 4px; } .pipeline-create-team-stage-action[data-v-f3ffc642] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: none; color: #fff; cursor: pointer; padding: 0; } .pipeline-create-team-stage-action--remove[data-v-f3ffc642] { background: #ef4444; } .pipeline-create-team-stage-action--add[data-v-f3ffc642] { background: #16a34a; } .pipeline-create-team-stage-action[data-v-f3ffc642]:disabled { opacity: 0.45; cursor: not-allowed; } .pipeline-create-team-add-stage-link[data-v-f3ffc642] { margin-top: 10px; border: none; background: transparent; color: #2563eb; font-size: 0.875rem; font-weight: 500; padding: 0; cursor: pointer; } .pipeline-create-team-add-stage-link[data-v-f3ffc642]:hover:not(:disabled) { text-decoration: underline; } .pipeline-create-team-add-stage-link[data-v-f3ffc642]:disabled { opacity: 0.5; cursor: not-allowed; } .pipeline-create-team-previous[data-v-f3ffc642] { border-radius: 999px; min-width: 96px; padding: 8px 22px; font-weight: 600; } .pipeline-create-team-fields-layout[data-v-f3ffc642] { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 16px; min-height: 280px; } .pipeline-create-team-fields-subtitle[data-v-f3ffc642] { font-size: 0.8125rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 10px; } .pipeline-create-team-fields-main[data-v-f3ffc642], .pipeline-create-team-fields-side[data-v-f3ffc642] { border: 1px solid #e9ecef; border-radius: 8px; padding: 12px; min-height: 0; } .pipeline-create-team-field-row[data-v-f3ffc642] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #edf1f5; border-radius: 6px; margin-bottom: 8px; background: #fff; } .pipeline-create-team-field-row--locked[data-v-f3ffc642] { background: #f8fafc; } .pipeline-create-team-field-row--unused[data-v-f3ffc642] { background: #fafbfc; } .pipeline-create-team-field-handle[data-v-f3ffc642] { color: #9ca3af; cursor: grab; } .pipeline-create-team-field-name[data-v-f3ffc642] { flex: 1; font-size: 0.875rem; color: #1f2937; } .pipeline-create-team-field-type[data-v-f3ffc642] { font-size: 0.75rem; color: #9ca3af; } .pipeline-create-team-footer[data-v-f3ffc642] { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 28px 22px; border-top: 1px solid #f0f2f5; } .pipeline-create-team-footer .btn[data-v-f3ffc642] { min-width: 96px; border-radius: 999px; padding: 8px 22px; font-weight: 600; } @media (max-width: 767px) { .pipeline-create-team-fields-layout[data-v-f3ffc642] { grid-template-columns: 1fr; } } .pipeline-template-preview[data-v-5b948482] { display: flex; flex-direction: column; width: 100%; flex: 1; min-height: 0; height: 100%; max-height: 100%; background: #f4f6f8; } .pipeline-template-preview-board[data-v-5b948482] { position: relative; flex: 1; min-height: 0; overflow: hidden; padding: 8px 0 12px; } .pipeline-template-preview-board-scroll[data-v-5b948482] { height: 100%; overflow-x: auto; overflow-y: auto; padding: 0 4px; } .pipeline-template-preview-columns[data-v-5b948482] { display: flex; gap: 12px; min-width: -moz-min-content; min-width: min-content; width: 100%; } .pipeline-template-preview-column[data-v-5b948482] { flex: 1 0 220px; min-width: 200px; max-width: 280px; border-radius: 8px; overflow: hidden; background: #fff; } .pipeline-template-preview-column-header[data-v-5b948482] { color: #fff; padding: 10px 12px; } .pipeline-template-preview-column-title[data-v-5b948482] { font-size: 0.875rem; font-weight: 600; line-height: 1.3; margin-bottom: 4px; word-break: break-word; } .pipeline-template-preview-column-meta[data-v-5b948482] { font-size: 0.75rem; opacity: 0.95; line-height: 1.3; } .pipeline-template-preview-dot[data-v-5b948482] { margin: 0 4px; } .pipeline-template-preview-column-body[data-v-5b948482] { min-height: 220px; padding: 10px; } .pipeline-template-preview-deal-card[data-v-5b948482] { background: #fff; border: 1px solid #dfe1e6; border-radius: 8px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .pipeline-template-preview-deal-name[data-v-5b948482] { color: #0052cc; font-weight: 600; font-size: 0.875rem; } .pipeline-template-preview-deal-contact[data-v-5b948482] { color: #5e6c84; font-size: 0.8125rem; margin: 4px 0 10px; } .pipeline-template-preview-deal-footer[data-v-5b948482] { display: flex; justify-content: space-between; font-size: 0.8125rem; color: #5e6c84; } .pipeline-template-preview-empty[data-v-5b948482] { text-align: center; padding: 24px 8px; } .pipeline-template-preview-cta[data-v-5b948482] { flex-shrink: 0; border-top: 1px solid #e9ecef; background: #fff; padding: 20px 16px 24px; } .pipeline-template-preview-panel[data-v-5b948482] { max-width: 640px; margin: 0 auto; text-align: center; } .pipeline-template-preview-title[data-v-5b948482] { font-size: 1.5rem; font-weight: 700; color: #1f2937; margin-bottom: 8px; } .pipeline-template-preview-description[data-v-5b948482] { color: #5e6c84; font-size: 0.9375rem; line-height: 1.55; margin-bottom: 16px; } .pipeline-template-preview-use-btn[data-v-5b948482] { border-radius: 999px; padding: 10px 24px; font-weight: 600; font-size: 0.9375rem; background: #3b9b58; border-color: #3b9b58; } .pipeline-template-preview-use-btn[data-v-5b948482]:hover:not(:disabled) { background: #338a4d; border-color: #338a4d; } .pipeline-template-preview-fields-btn[data-v-5b948482] { position: absolute; right: 20px; bottom: 20px; z-index: 3; pointer-events: auto; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #1f2937; font-size: 0.8125rem; font-weight: 600; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .pipeline-template-preview-fields-btn[data-v-5b948482]:hover:not(:disabled) { background: #f8fafc; border-color: #94a3b8; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.14); } .pipeline-template-preview-fields-btn[data-v-5b948482]:disabled { opacity: 0.6; cursor: not-allowed; } .pipeline-template-used-fields-overlay[data-v-5b948482] { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15, 23, 42, 0.45); } .pipeline-template-used-fields-panel[data-v-5b948482] { width: min(100%, 420px); max-height: min(80vh, 640px); display: flex; flex-direction: column; background: #fff; border-radius: 12px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2); overflow: hidden; } .pipeline-template-used-fields-header[data-v-5b948482] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 14px; border-bottom: 1px solid #e9ecef; } .pipeline-template-used-fields-title[data-v-5b948482] { font-size: 1.125rem; font-weight: 700; color: #1f2937; } .pipeline-template-used-fields-subtitle[data-v-5b948482] { color: #6b7280; font-size: 0.8125rem; } .pipeline-template-used-fields-body[data-v-5b948482] { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 16px 16px; } .pipeline-template-used-fields-list[data-v-5b948482] { display: flex; flex-direction: column; gap: 8px; } .pipeline-template-used-fields-item[data-v-5b948482] { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #f9fafb; } .pipeline-template-used-fields-item--required[data-v-5b948482] { border-color: #dbeafe; background: #f8fbff; } .pipeline-template-used-fields-icon[data-v-5b948482] { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #eef2f7; color: #4b5563; flex-shrink: 0; } .pipeline-template-used-fields-copy[data-v-5b948482] { min-width: 0; flex: 1; } .pipeline-template-used-fields-name[data-v-5b948482] { font-size: 0.875rem; font-weight: 600; color: #1f2937; line-height: 1.35; } .pipeline-template-used-fields-required[data-v-5b948482] { color: #dc2626; margin-left: 2px; } .pipeline-template-used-fields-type[data-v-5b948482] { font-size: 0.75rem; color: #6b7280; margin-top: 2px; } .pipeline-template-picker[data-v-50394696] { display: flex; flex-direction: column; flex: 1; min-width: 0; width: 100%; height: 100%; background: #f4f6f8; } .pipeline-template-picker-header[data-v-50394696] { flex-shrink: 0; padding: 14px 18px; background: #fff; border-bottom: 1px solid #e9ecef; } .pipeline-template-picker-back[data-v-50394696] { display: inline-flex; align-items: center; gap: 10px; border: none; background: transparent; color: #1f2937; font-size: 1.05rem; font-weight: 700; cursor: pointer; padding: 0; } .pipeline-template-picker-back[data-v-50394696]:hover { color: #111827; } .pipeline-template-picker-body[data-v-50394696] { display: flex; flex: 1; min-height: 0; } .pipeline-template-picker-sidebar[data-v-50394696] { width: 280px; flex-shrink: 0; min-height: 0; background: #fff; border-right: 1px solid #e9ecef; padding: 0; overflow: hidden; display: flex; flex-direction: column; } .pipeline-template-picker-sidebar-top[data-v-50394696] { flex-shrink: 0; padding: 14px 14px 12px; border-bottom: 1px solid #f0f2f5; background: #fff; } .pipeline-template-picker-sidebar-scroll[data-v-50394696] { flex: 1; min-height: 0; overflow-y: auto; } .pipeline-template-picker-sidebar-title[data-v-50394696] { font-size: 0.75rem; font-weight: 600; color: #6c757d; text-transform: uppercase; letter-spacing: 0.03em; padding: 0 0 10px; } .pipeline-template-picker-search-wrap[data-v-50394696] { position: relative; display: flex; align-items: center; } .pipeline-template-picker-search-icon[data-v-50394696] { position: absolute; left: 11px; color: #9ca3af; font-size: 0.75rem; pointer-events: none; } .pipeline-template-picker-search[data-v-50394696] { width: 100%; height: 34px; padding: 0 30px 0 30px; font-size: 0.8125rem; color: #374151; background: #f3f4f6; border: 1px solid transparent; border-radius: 8px; outline: none; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .pipeline-template-picker-search[data-v-50394696]::-moz-placeholder { color: #9ca3af; } .pipeline-template-picker-search[data-v-50394696]::placeholder { color: #9ca3af; } .pipeline-template-picker-search[data-v-50394696]::-webkit-search-cancel-button, .pipeline-template-picker-search[data-v-50394696]::-webkit-search-decoration { display: none; } .pipeline-template-picker-search[data-v-50394696]:hover { background: #eef0f3; } .pipeline-template-picker-search[data-v-50394696]:focus { background: #fff; border-color: #d1d5db; box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.1); } .pipeline-template-picker-search-clear[data-v-50394696] { position: absolute; right: 4px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: none; border-radius: 50%; background: transparent; color: #9ca3af; font-size: 0.7rem; cursor: pointer; padding: 0; } .pipeline-template-picker-search-clear[data-v-50394696]:hover { background: #e5e7eb; color: #6b7280; } .pipeline-template-picker-groups[data-v-50394696] { padding-bottom: 8px; } .pipeline-template-picker-group-toggle[data-v-50394696] { display: flex; align-items: center; gap: 8px; width: 100%; border: none; background: transparent; text-align: left; padding: 8px 14px; font-size: 0.8125rem; font-weight: 600; color: #444; cursor: pointer; } .pipeline-template-picker-group-toggle[data-v-50394696]:hover { background: #eef2f7; } .pipeline-template-picker-chevron[data-v-50394696] { font-size: 0.65rem; transition: transform 0.15s ease; } .pipeline-template-picker-chevron.open[data-v-50394696] { transform: rotate(90deg); } .pipeline-template-picker-item[data-v-50394696] { display: flex; align-items: center; gap: 10px; width: 100%; border: none; background: transparent; text-align: left; padding: 9px 14px 9px 28px; font-size: 0.875rem; color: #374151; cursor: pointer; } .pipeline-template-picker-item i[data-v-50394696] { width: 16px; text-align: center; color: #6b7280; flex-shrink: 0; } .pipeline-template-picker-item[data-v-50394696]:hover, .pipeline-template-picker-item.active[data-v-50394696] { background: #e3f2fd; color: #1565c0; } .pipeline-template-picker-item.active i[data-v-50394696] { color: #1565c0; } .pipeline-template-picker-preview[data-v-50394696] { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; } .pipeline-template-picker-preview[data-v-50394696] .pipeline-template-preview { min-height: 100%; height: 100%; } .pipeline-template-picker-empty[data-v-50394696] { display: flex; align-items: center; justify-content: center; flex: 1; font-size: 0.9375rem; } .stage-actions-menu[data-v-2a89d1d5] { position: fixed; z-index: 4000; min-width: 210px; background: #fff; border: 1px solid #e3e7ee; border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12); padding: 6px 0; transform: translateX(-100%); } .stage-actions-item[data-v-2a89d1d5] { display: flex; align-items: center; gap: 12px; width: 100%; border: none; background: transparent; text-align: left; padding: 10px 16px; font-size: 0.875rem; color: #2f3542; cursor: pointer; } .stage-actions-item i[data-v-2a89d1d5] { width: 16px; text-align: center; color: #6b7280; } .stage-actions-item[data-v-2a89d1d5]:hover:not(:disabled) { background: #f3f6fb; } .stage-actions-item[data-v-2a89d1d5]:disabled { opacity: 0.45; cursor: not-allowed; } .stage-actions-item--danger[data-v-2a89d1d5] { color: #c62828; } .stage-actions-item--danger i[data-v-2a89d1d5] { color: #c62828; } .new-stage-modal-backdrop[data-v-08d72b3f] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; } .new-stage-modal[data-v-08d72b3f] { width: 100%; max-width: 480px; background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2); } .new-stage-modal-header[data-v-08d72b3f], .new-stage-modal-footer[data-v-08d72b3f] { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #e9ecef; } .new-stage-modal-footer[data-v-08d72b3f] { border-bottom: none; border-top: 1px solid #e9ecef; justify-content: flex-end; gap: 8px; } .new-stage-modal-body[data-v-08d72b3f] { padding: 16px 20px; } .mode-toolbar[data-v-08d72b3f] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; } .create-stage-form[data-v-08d72b3f] { display: flex; flex-direction: column; align-items: stretch; } .back-link[data-v-08d72b3f] { display: block; width: -moz-fit-content; width: fit-content; margin-bottom: 12px; text-decoration: none; } .create-stage-label[data-v-08d72b3f] { display: block; margin-bottom: 6px; } .form-control.has-category-picker[data-v-08d72b3f] { margin-bottom: 0; } .form-control.is-invalid[data-v-08d72b3f] { border-color: #dc2626; } .form-control.is-invalid[data-v-08d72b3f]:focus { border-color: #dc2626; box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.15); } .stage-name-error[data-v-08d72b3f] { color: #dc2626; font-size: 0.8125rem; margin: 6px 0 0; } .form-control.has-category-picker + .stage-name-error[data-v-08d72b3f] { margin-bottom: 12px; } .catalog-list[data-v-08d72b3f] { max-height: 280px; overflow-y: auto; border: 1px solid #e9ecef; border-radius: 8px; } .catalog-item[data-v-08d72b3f] { display: flex; align-items: center; justify-content: space-between; width: 100%; border: none; background: #fff; text-align: left; padding: 10px 12px; border-bottom: 1px solid #f1f3f5; cursor: pointer; } .catalog-item[data-v-08d72b3f]:last-child { border-bottom: none; } .catalog-item[data-v-08d72b3f]:hover, .catalog-item.active[data-v-08d72b3f] { background: #e3f2fd; } .catalog-item-label[data-v-08d72b3f] { flex: 1; min-width: 0; } .catalog-item-category[data-v-08d72b3f] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 12px; } .category-icon[data-v-08d72b3f] { font-size: 1rem; } .category-icon--closed[data-v-08d72b3f] { color: #16a34a; } .category-icon--omitted[data-v-08d72b3f] { color: #dc2626; } .category-icon--open[data-v-08d72b3f] { color: #2563eb; } .category-picker[data-v-08d72b3f] { display: flex; gap: 10px; margin-top: 12px; } .category-picker-btn[data-v-08d72b3f] { display: flex; align-items: center; justify-content: center; flex: 1; padding: 12px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; cursor: pointer; font-size: 0.875rem; color: #374151; } .category-picker-btn[data-v-08d72b3f]:hover { border-color: #cbd5e1; background: #f8fafc; } .category-picker-btn.active[data-v-08d72b3f] { border-color: #93c5fd; background: #eff6ff; box-shadow: inset 0 0 0 1px #93c5fd; } .category-picker-btn .category-icon[data-v-08d72b3f] { font-size: 1.5rem; } .leads-kanban-layout[data-v-7ea49171] { --kanban-board-height: calc(80vh - 120px); --kanban-column-width: 16.5rem; --kanban-stage-heading-size: 0.8125rem; --kanban-card-title-size: 0.8125rem; --kanban-text-secondary: 0.75rem; --kanban-text-meta: 0.6875rem; --kanban-text-tiny: 0.625rem; display: flex; align-items: stretch; gap: 0; height: var(--kanban-board-height); max-height: var(--kanban-board-height); min-height: var(--kanban-board-height); border: 1px solid #e9ecef; border-radius: 8px; background: #fff; overflow: hidden; } .leads-kanban-layout--fields-editor-open .kanban-main[data-v-7ea49171], .leads-kanban-layout--fields-editor-open .pipeline-sidebar[data-v-7ea49171] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pipeline-sidebar[data-v-7ea49171] { width: 260px; flex-shrink: 0; align-self: stretch; height: 100%; max-height: 100%; border-right: 1px solid #e9ecef; background: #fafbfc; padding: 12px 0 0; display: flex; flex-direction: column; overflow: hidden; transition: width 0.2s ease; border-radius: 8px 0 0 8px; } .pipeline-sidebar.collapsed[data-v-7ea49171] { width: 52px; } .pipeline-sidebar-body[data-v-7ea49171] { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; padding-bottom: 0; display: flex; flex-direction: column; scrollbar-width: thin; scrollbar-color: #c5cdd8 transparent; } .pipeline-sidebar-body[data-v-7ea49171]::-webkit-scrollbar { width: 6px; } .pipeline-sidebar-body[data-v-7ea49171]::-webkit-scrollbar-thumb { background: #c5cdd8; border-radius: 999px; } .pipeline-sidebar-pipelines[data-v-7ea49171] { flex-shrink: 0; } .pipeline-sidebar-header[data-v-7ea49171] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px 10px; border-bottom: 1px solid #e9ecef; margin-bottom: 8px; } .pipeline-sidebar.collapsed .pipeline-sidebar-header[data-v-7ea49171] { justify-content: center; padding: 0 8px 10px; } .pipeline-sidebar-title[data-v-7ea49171] { font-weight: 600; font-size: 0.9rem; color: #333; white-space: nowrap; } .pipeline-sidebar-actions[data-v-7ea49171] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin-left: auto; } .pipeline-icon-btn[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: none; background: transparent; color: #6c757d; border-radius: 4px; text-decoration: none; cursor: pointer; } .pipeline-icon-btn[data-v-7ea49171]:hover { background: #eef2f7; color: #333; } .pipeline-create-btn[data-v-7ea49171] { position: relative; } .pipeline-create-btn[data-v-7ea49171]:hover, .pipeline-create-btn[data-v-7ea49171]:focus-visible { color: #16a34a; background: #ecfdf5; } .pipeline-create-label[data-v-7ea49171] { position: absolute; top: calc(100% + 6px); right: 0; z-index: 20; display: inline-block; padding: 6px 10px; border-radius: 6px; background: #16a34a; color: #fff; font-size: 0.75rem; font-weight: 500; line-height: 1.2; white-space: nowrap; box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease; pointer-events: none; } .pipeline-create-btn:hover .pipeline-create-label[data-v-7ea49171], .pipeline-create-btn:focus-visible .pipeline-create-label[data-v-7ea49171] { opacity: 1; visibility: visible; transform: translateY(0); } .pipeline-collapse-btn[data-v-7ea49171] { flex-shrink: 0; } .pipeline-list-item[data-v-7ea49171] { display: flex; align-items: center; gap: 8px; padding: 10px 14px; cursor: pointer; font-size: 0.875rem; color: #444; border-left: 3px solid transparent; position: relative; } .pipeline-sidebar.collapsed .pipeline-list-item[data-v-7ea49171] { justify-content: center; padding: 10px 8px; } .pipeline-list-item[data-v-7ea49171]:hover { background: #eef2f7; } .pipeline-list-item.active[data-v-7ea49171] { background: #e3f2fd; border-left-color: #1976d2; color: #1565c0; font-weight: 500; } .pipeline-list-icon[data-v-7ea49171] { width: 16px; text-align: center; flex-shrink: 0; font-size: 0.8rem; } .pipeline-list-name[data-v-7ea49171] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pipeline-default-badge[data-v-7ea49171] { font-size: 0.65rem; background: #e8f5e9; color: #2e7d32; padding: 1px 5px; border-radius: 4px; flex-shrink: 0; } .pipeline-menu-btn[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: none; background: transparent; color: #9aa0a6; border-radius: 4px; flex-shrink: 0; opacity: 0; transition: opacity 0.15s ease; } .pipeline-list-item:hover .pipeline-menu-btn[data-v-7ea49171], .pipeline-list-item.active .pipeline-menu-btn[data-v-7ea49171] { opacity: 1; } .pipeline-menu-btn[data-v-7ea49171]:hover { background: #eef2f7; color: #4b5563; } .pipeline-templates-section[data-v-7ea49171] { flex: 0 0 auto; display: flex; flex-direction: column; border-top: 1px solid #e9ecef; margin-top: 8px; } .pipeline-templates-header[data-v-7ea49171] { flex-shrink: 0; padding: 10px 12px; background: #fafbfc; } .pipeline-templates-title-row[data-v-7ea49171] { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .pipeline-templates-title[data-v-7ea49171] { font-size: 0.9rem; font-weight: 600; color: #333; letter-spacing: 0; text-transform: none; padding: 0; } .pipeline-template-search-toggle[data-v-7ea49171], .pipeline-template-search-close[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: none; border-radius: 4px; background: transparent; color: #6c757d; cursor: pointer; flex-shrink: 0; padding: 0; } .pipeline-template-search-toggle[data-v-7ea49171]:hover, .pipeline-template-search-close[data-v-7ea49171]:hover { background: #eef2f7; color: #333; } .pipeline-templates-search-row[data-v-7ea49171] { display: flex; align-items: center; gap: 8px; margin-top: 10px; } .pipeline-templates-search-wrap[data-v-7ea49171] { position: relative; flex: 1; min-width: 0; } .pipeline-templates-search-input[data-v-7ea49171] { width: 100%; height: 34px; padding: 0 34px 0 12px; font-size: 0.875rem; color: #333; background: #fff; border: 1px solid #16a34a; border-radius: 6px; outline: none; box-shadow: none; } .pipeline-templates-search-input[data-v-7ea49171]::-moz-placeholder { color: #9ca3af; } .pipeline-templates-search-input[data-v-7ea49171]::placeholder { color: #9ca3af; } .pipeline-templates-search-input[data-v-7ea49171]::-webkit-search-cancel-button, .pipeline-templates-search-input[data-v-7ea49171]::-webkit-search-decoration { display: none; } .pipeline-templates-search-input[data-v-7ea49171]:focus { border-color: #16a34a; box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.15); } .pipeline-templates-search-icon[data-v-7ea49171] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 0.8rem; pointer-events: none; } .pipeline-templates-search-clear[data-v-7ea49171] { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; border-radius: 50%; background: transparent; color: #9ca3af; font-size: 0.7rem; cursor: pointer; padding: 0; } .pipeline-templates-search-clear[data-v-7ea49171]:hover { background: #f3f4f6; color: #6b7280; } .pipeline-template-search-close[data-v-7ea49171] { background: #f3f4f6; } .pipeline-templates-scroll[data-v-7ea49171] { flex: 0 0 auto; overflow: visible; padding-bottom: 8px; } .pipeline-template-group-toggle[data-v-7ea49171] { display: flex; align-items: center; gap: 8px; width: 100%; border: none; background: transparent; text-align: left; padding: 8px 14px; font-size: 0.8125rem; font-weight: 600; color: #444; cursor: pointer; } .pipeline-template-group-toggle[data-v-7ea49171]:hover { background: #eef2f7; } .pipeline-template-chevron[data-v-7ea49171] { font-size: 0.65rem; transition: transform 0.15s ease; } .pipeline-template-chevron.open[data-v-7ea49171] { transform: rotate(90deg); } .pipeline-template-install-btn[data-v-7ea49171] { display: flex; align-items: center; gap: 8px; width: 100%; border: none; background: transparent; text-align: left; padding: 7px 14px 7px 28px; font-size: 0.8125rem; color: #555; cursor: pointer; } .pipeline-template-install-btn[data-v-7ea49171]:hover:not(:disabled), .pipeline-template-install-btn.active[data-v-7ea49171] { background: #e3f2fd; color: #1565c0; } .pipeline-template-install-btn[data-v-7ea49171]:disabled { opacity: 0.6; cursor: default; } .pipeline-template-icon[data-v-7ea49171] { width: 14px; text-align: center; flex-shrink: 0; font-size: 0.75rem; } .pipeline-template-name[data-v-7ea49171] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pipeline-installed-tag[data-v-7ea49171] { font-size: 0.65rem; color: #2e7d32; } .kanban-main[data-v-7ea49171] { position: relative; flex: 1; min-width: 0; min-height: 0; height: 100%; max-height: 100%; align-self: stretch; overflow-x: auto; overflow-y: hidden; padding: 0; display: flex; flex-direction: column; } .leads-filter-bar[data-v-7ea49171] { display: flex; align-items: center; gap: 16px; min-height: 48px; padding: 8px 12px 12px; flex-shrink: 0; position: relative; z-index: 10; background: #fff; } .kanban-main > .kanban-cont[data-v-7ea49171], .kanban-main > .kanban-loading[data-v-7ea49171], .kanban-main > .kanban-empty-board[data-v-7ea49171] { flex: 1 1 auto; min-height: 0; } .leads-filter-left[data-v-7ea49171] { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; } .leads-filter-bar .filter-search-input[data-v-7ea49171] { position: relative; width: 300px; flex-shrink: 0; } .leads-filter-bar .filter-search-input input[data-v-7ea49171] { padding-right: 35px; border: 1px solid #dfe1e6; border-radius: 6px; font-size: 13px; } .leads-filter-bar .filter-search-input input[data-v-7ea49171]:focus { border-color: #0052cc; box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2); outline: none; } .leads-filter-bar .search-icon[data-v-7ea49171] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #5e6c84; pointer-events: none; } .leads-filter-bar .quick-filters[data-v-7ea49171] { display: flex; gap: 6px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .leads-filter-bar .quick-filters[data-v-7ea49171]::-webkit-scrollbar { display: none; } .leads-filter-bar .filter-btn[data-v-7ea49171] { display: flex; align-items: center; gap: 4px; padding: 6px 12px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; color: #5e6c84; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; flex-shrink: 0; } .leads-filter-bar .filter-btn[data-v-7ea49171]:hover { background: #f4f5f7; border-color: #b3bac5; color: #172b4d; } .leads-filter-bar .filter-btn.active[data-v-7ea49171] { background: #0052cc; border-color: #0052cc; color: #fff; } .kanban-main .kanban-cont[data-v-7ea49171] { flex: 1 1 auto; min-height: 0; height: 100%; max-height: 100%; width: -moz-max-content; width: max-content; min-width: 100%; padding: 16px; box-sizing: border-box; overflow-x: visible; overflow-y: hidden; } .kanban-cont[data-v-7ea49171] { display: flex; align-items: flex-start; overflow-x: visible; overflow-y: hidden; } .kanban-columns-row[data-v-7ea49171] { align-items: flex-start; flex: 1 1 auto; min-height: 0; height: 100%; } .kanban-column[data-v-7ea49171] { display: flex; flex-direction: column; align-self: flex-start; height: auto; min-height: 0; overflow: visible; border-radius: 8px; min-width: var(--kanban-column-width); width: var(--kanban-column-width); margin-right: 12px; flex-shrink: 0; } .kanban-column[data-v-7ea49171]:not(.kanban-column--collapsed) { height: auto; max-height: var(--kanban-column-max-height, 100%); overflow: hidden; align-self: flex-start; } .kanban-column[data-v-7ea49171]:last-child { margin-right: 0; } .kanban-column--collapsed[data-v-7ea49171] { min-width: 42px; width: 42px; overflow: hidden; } .kanban-list--collapsed[data-v-7ea49171], .kanban-list--expanded[data-v-7ea49171] { display: flex; flex: 0 0 auto; flex-direction: column; align-self: flex-start; min-height: 0; height: auto; border-radius: 8px; overflow: visible; } .kanban-list--collapsed[data-v-7ea49171] { min-height: 160px; overflow: hidden; } .kanban-list--expanded[data-v-7ea49171] { position: relative; flex: 0 0 auto; align-self: flex-start; height: auto; max-height: var(--kanban-column-max-height, 100%); overflow: hidden; min-height: 0; } .kanban-cont .kanban-list[data-v-7ea49171] { width: 100%; min-width: 0; max-width: 100%; margin: 0; border-radius: 8px; } .kanban-cont .kanban-list .kanban-wrap[data-v-7ea49171] { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; max-height: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 8px; margin-bottom: 0; scrollbar-width: thin; scrollbar-color: #c5cdd8 transparent; } .kanban-cont .kanban-list .kanban-wrap[data-v-7ea49171]::-webkit-scrollbar { width: 6px; } .kanban-cont .kanban-list .kanban-wrap[data-v-7ea49171]::-webkit-scrollbar-thumb { background: #c5cdd8; border-radius: 999px; } .kanban-cards-area[data-v-7ea49171] { display: flex; flex: 0 0 auto; flex-direction: column; min-height: 0; } .kanban-cards-area--empty[data-v-7ea49171] { flex: 0 0 auto; justify-content: center; } .kanban-empty[data-v-7ea49171] { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 120px; padding: 16px 8px; } .kanban-empty--overlay[data-v-7ea49171] { position: relative; inset: auto; min-height: 120px; padding: 16px 8px; pointer-events: none; } .kanban-stage-dropzone[data-v-7ea49171] { position: relative; display: flex; flex: 0 0 auto; flex-direction: column; min-height: 0; } .kanban-draggable-list[data-v-7ea49171] { flex: 0 0 auto; min-height: 48px; } .kanban-draggable-list--empty[data-v-7ea49171] { min-height: 48px; } .kanban-draggable-list .card.panel[data-v-7ea49171]:not(.card--locked) { cursor: grab; } .kanban-draggable-list .card.panel[data-v-7ea49171]:not(.card--locked):active { cursor: grabbing; } .kanban-static-list[data-v-7ea49171] { min-height: 48px; } .kanban-drag-ghost[data-v-7ea49171] { opacity: 0.55; } .card--locked[data-v-7ea49171] { cursor: default; } .kanban-stage-drag-handle[data-v-7ea49171] { flex-shrink: 0; margin-top: 0; opacity: 0.8; cursor: grab; } .kanban-stage-drag-handle[data-v-7ea49171]:active { cursor: grabbing; } .kanban-cont .kanban-list .kanban-header[data-v-7ea49171] { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 4px 8px; flex-shrink: 0; border-radius: 8px 8px 0 0; } .kanban-header--light[data-v-7ea49171] { background: transparent; color: #1f2937; border-top: none; } .kanban-header--light .kanban-header-meta[data-v-7ea49171] { color: #6b7280; } .kanban-header--light .kanban-stage-drag-handle[data-v-7ea49171] { color: #9ca3af; } .kanban-header--light .kanban-stage-menu-btn[data-v-7ea49171] { background: transparent; color: #6b7280; } .kanban-header--light .kanban-stage-menu-btn[data-v-7ea49171]:hover { background: rgba(15, 23, 42, 0.08); color: #374151; } .kanban-header-top[data-v-7ea49171] { width: 100%; display: flex; align-items: center; gap: 6px; } .kanban-header-start[data-v-7ea49171] { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; } .kanban-header-copy[data-v-7ea49171] { flex: 1; min-width: 0; } .kanban-stage-heading[data-v-7ea49171] { display: block; margin: 0; height: 22px; box-sizing: border-box; font-size: var(--kanban-stage-heading-size); font-weight: 700; line-height: 20px; color: #111827; min-width: 0; padding: 0 4px; border: 1px solid transparent; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .kanban-header-count[data-v-7ea49171] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 1.25em; height: 22px; font-size: var(--kanban-text-meta); font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; color: #6b7280; white-space: nowrap; } .kanban-stage-heading--editable[data-v-7ea49171] { cursor: text; } .kanban-stage-heading--editable[data-v-7ea49171]:hover { background: rgba(15, 23, 42, 0.06); } .kanban-stage-rename[data-v-7ea49171] { position: relative; height: 22px; } .kanban-stage-rename-input[data-v-7ea49171] { display: block; width: 100%; height: 22px; box-sizing: border-box; margin: 0; font-size: var(--kanban-stage-heading-size); font-weight: 700; line-height: 20px; color: #111827; padding: 0 4px; border: 1px solid #93c5fd; border-radius: 4px; background: #fff; outline: none; } .kanban-stage-rename-input--error[data-v-7ea49171] { border-color: #dc2626; } .kanban-stage-rename-input--shake[data-v-7ea49171] { animation: kanban-rename-shake-7ea49171 0.35s; } .kanban-stage-rename-error[data-v-7ea49171] { position: absolute; left: 0; top: calc(100% + 2px); z-index: 2; display: block; font-size: 0.72rem; font-weight: 600; line-height: 1.2; color: #dc2626; pointer-events: none; } @keyframes kanban-rename-shake-7ea49171 { 10%, 90% { transform: translateX(-1px); } 20%, 80% { transform: translateX(2px); } 30%, 50%, 70% { transform: translateX(-4px); } 40%, 60% { transform: translateX(4px); } } .kanban-collapsed-strip[data-v-7ea49171] { flex: 0 0 auto; width: 100%; min-height: 160px; height: auto; border-top: 3px solid; border-radius: 8px; box-shadow: 1px 1px 4px rgba(15, 23, 42, 0.08); cursor: pointer; display: flex; align-items: flex-start; justify-content: center; padding: 14px 0; color: #374151; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background-color 0.15s ease, box-shadow 0.15s ease; } .kanban-collapsed-strip[data-v-7ea49171]:hover { box-shadow: 1px 2px 8px rgba(15, 23, 42, 0.14); filter: brightness(0.98); } .kanban-collapsed-strip[data-v-7ea49171]:focus-visible { outline: 2px solid #42a5f5; outline-offset: -2px; } .kanban-collapsed-text[data-v-7ea49171] { writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); display: inline-flex; align-items: center; gap: 10px; font-size: 0.8125rem; line-height: 1.3; max-height: 100%; overflow: hidden; } .kanban-collapsed-name[data-v-7ea49171] { font-weight: 600; max-width: 5.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-collapsed-amount[data-v-7ea49171], .kanban-collapsed-count[data-v-7ea49171] { font-weight: 500; white-space: nowrap; opacity: 0.95; } .kanban-collapsed-dot[data-v-7ea49171] { color: #9ca3af; font-size: 0.625rem; line-height: 1; } .kanban-header-actions[data-v-7ea49171] { position: relative; flex: 0 0 auto; display: flex; align-items: center; min-width: 22px; min-height: 22px; } .kanban-stage-menu-btn[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; border-radius: 4px; background: transparent; color: #6b7280; cursor: pointer; } .kanban-stage-menu-btn[data-v-7ea49171]:hover { background: rgba(15, 23, 42, 0.08); color: #374151; } .stage-description-modal-backdrop[data-v-7ea49171] { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(9, 30, 66, 0.45); } .stage-description-modal[data-v-7ea49171] { width: 100%; max-width: 520px; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(9, 30, 66, 0.18); overflow: hidden; } .stage-description-modal-header[data-v-7ea49171] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e9ecef; } .stage-description-modal-body[data-v-7ea49171] { padding: 16px 20px; } .stage-description-modal-textarea[data-v-7ea49171] { min-height: 140px; resize: vertical; font-size: 0.875rem; } .stage-description-modal-footer[data-v-7ea49171] { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 16px; border-top: 1px solid #e9ecef; } .kanban-column-footer[data-v-7ea49171] { position: relative; left: auto; right: auto; bottom: auto; z-index: 2; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px 10px; border-top: 1px solid rgba(0, 0, 0, 0.08); background: #fff; box-shadow: none; opacity: 0; transform: none; pointer-events: none; border-radius: 0 0 8px 8px; transition: opacity 0.18s ease; } .kanban-list--expanded:hover .kanban-column-footer[data-v-7ea49171], .kanban-column-footer[data-v-7ea49171]:focus-within { opacity: 1; pointer-events: auto; } .kanban-footer-spacer[data-v-7ea49171] { flex: 1; } .kanban-footer-add-btn[data-v-7ea49171] { display: inline-flex; align-items: center; gap: 6px; border: none; background: transparent; color: #1565c0; font-size: 0.875rem; font-weight: 500; cursor: pointer; padding: 0; } .kanban-footer-add-btn[data-v-7ea49171]:hover { color: #0d47a1; } .kanban-footer-collapse-btn[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #d1d5db; border-radius: 4px; background: #fff; color: #4b5563; font-size: 0.8rem; cursor: pointer; flex-shrink: 0; } .kanban-footer-collapse-btn[data-v-7ea49171]:hover { background: #f9fafb; border-color: #9ca3af; color: #1f2937; } .kanban-header-meta[data-v-7ea49171] { margin: 0; font-size: var(--kanban-text-meta); line-height: 1.2; color: #6b7280; } .kanban-header-dot[data-v-7ea49171] { margin: 0 4px; } .kanban-cont .kanban-list .kanban-wrap .card.panel[data-v-7ea49171] { position: relative; border-radius: 8px; margin: 0 0 8px; background: #fff; border: 1px solid #dfe1e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); cursor: default; overflow: visible; width: 100%; box-sizing: border-box; transition: border-color 0.25s ease; } .kanban-cont .kanban-list .kanban-wrap .card.panel[data-v-7ea49171]:hover { border-color: #0052cc; } .kanban-cont .kanban-list .kanban-wrap .card.panel:hover .kanban-card-title[data-v-7ea49171] { color: #0052cc; } .kanban-box[data-v-7ea49171] { padding: 10px 12px; cursor: pointer; overflow: visible; font-size: var(--kanban-text-secondary); } .kanban-cont .kanban-list .kanban-wrap .card.panel.card--selected[data-v-7ea49171] { border-color: #2f2d8f; box-shadow: 0 0 0 2px rgba(47, 45, 143, 0.18); } .kanban-card-controls[data-v-7ea49171] { position: absolute; top: 4px; right: 4px; z-index: 4; display: flex; align-items: center; gap: 4px; opacity: 0; transition: opacity 0.12s ease; } .card.panel:hover .kanban-card-controls[data-v-7ea49171], .card.panel.card--selected .kanban-card-controls[data-v-7ea49171], .kanban-card-controls--flagged[data-v-7ea49171] { opacity: 1; } .kanban-card-select[data-v-7ea49171] { display: inline-flex; align-items: center; margin: 0; cursor: pointer; } .kanban-card-select input[data-v-7ea49171] { cursor: pointer; width: 15px; height: 15px; } .kanban-card-delete[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid #f1c0c5; border-radius: 4px; background: #fff; color: #dc3545; font-size: 0.7rem; cursor: pointer; } .kanban-card-delete[data-v-7ea49171]:hover { background: #dc3545; color: #fff; border-color: #dc3545; } .kanban-bulk-bar[data-v-7ea49171] { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 11000; display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: #1f2937; color: #fff; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); } .kanban-bulk-bar__count[data-v-7ea49171] { font-weight: 600; font-size: 0.875rem; } .kanban-bulk-bar__delete[data-v-7ea49171] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border: 0; border-radius: 8px; background: linear-gradient(to left, #dc3545 0%, #bd2130 100%); color: #fff; font-weight: 600; font-size: 0.875rem; cursor: pointer; } .kanban-bulk-bar__delete[data-v-7ea49171]:hover { filter: brightness(1.06); } .kanban-bulk-bar__delete[data-v-7ea49171]:disabled { opacity: 0.6; cursor: not-allowed; } .kanban-bulk-bar__clear[data-v-7ea49171] { padding: 6px 12px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; background: transparent; color: #fff; font-size: 0.875rem; cursor: pointer; } .kanban-bulk-bar__clear[data-v-7ea49171]:hover { background: rgba(255, 255, 255, 0.12); } .kanban-bulk-bar__clear[data-v-7ea49171]:disabled { opacity: 0.6; cursor: not-allowed; } .kanban-card-list[data-v-7ea49171] { min-height: 8px; } .kanban-card-title[data-v-7ea49171] { font-weight: 600; font-size: var(--kanban-card-title-size); color: #000; margin-bottom: 4px; word-break: break-word; line-height: 1.3; transition: color 0.25s ease; } .kanban-card-flag-wrap[data-v-7ea49171] { position: relative; display: inline-flex; line-height: 0; } .kanban-card-flag[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; color: #adb5bd; font-size: 0.8rem; cursor: pointer; transition: color 0.12s ease, transform 0.12s ease; } .kanban-card-flag[data-v-7ea49171]:hover { transform: scale(1.15); } .kanban-card-color-menu[data-v-7ea49171] { position: absolute; top: 26px; right: 0; left: auto; display: flex; align-items: center; gap: 6px; padding: 6px; background: #fff; border: 1px solid #dfe1e6; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 20; } .kanban-card-color-option[data-v-7ea49171] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; color: #adb5bd; font-size: 0.85rem; cursor: pointer; border-radius: 4px; transition: transform 0.12s ease; } .kanban-card-color-option[data-v-7ea49171]:hover { transform: scale(1.15); } .kanban-card-color-option--active[data-v-7ea49171] { box-shadow: 0 0 0 2px rgba(47, 45, 143, 0.3); } .kanban-cont .kanban-list .kanban-wrap .card.panel.card--flagged[data-v-7ea49171] { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .card.panel.card--flagged.card--selected[data-v-7ea49171] { box-shadow: 0 0 0 2px rgba(47, 45, 143, 0.35); } .kanban-box--colored .kanban-card-title[data-v-7ea49171] { color: #1a1a1a; } .kanban-box--colored .kanban-card-subline[data-v-7ea49171] { color: #2b2b2b; } .kanban-box--colored .kanban-card-date[data-v-7ea49171] { color: #2b2b2b; } .kanban-card-subline[data-v-7ea49171] { font-size: var(--kanban-text-secondary); color: #5e6c84; margin-bottom: 10px; word-break: break-word; line-height: 1.3; } .kanban-card-tags[data-v-7ea49171] { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; } .kanban-card-tag[data-v-7ea49171] { display: inline-block; max-width: 100%; padding: 1px 6px; border-radius: 999px; background: #edf2f7; color: #4a5568; font-size: var(--kanban-text-tiny); font-weight: 500; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kanban-card-tag--more[data-v-7ea49171] { background: #e2e8f0; color: #718096; } .kanban-card-footer[data-v-7ea49171] { display: flex; justify-content: space-between; align-items: center; font-size: var(--kanban-text-secondary); gap: 8px; min-width: 0; } .kanban-card-amount[data-v-7ea49171] { font-weight: 500; font-size: var(--kanban-text-secondary); color: #172b4d; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kanban-card-date[data-v-7ea49171] { font-size: var(--kanban-text-secondary); color: #5e6c84; display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; white-space: nowrap; } .kanban-card-date i[data-v-7ea49171] { font-size: var(--kanban-text-meta); } .kanban-empty[data-v-7ea49171] { text-align: center; } .template-picker-backdrop[data-v-7ea49171] { position: fixed; inset: 0; z-index: 1400; background: transparent; pointer-events: none; } .template-picker-backdrop--open[data-v-7ea49171] { pointer-events: auto; } .template-picker-drawer[data-v-7ea49171] { position: fixed; inset: 0; width: 100vw; background: #f4f6f8; transform: translateX(100%); transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; overflow: hidden; } .template-picker-drawer--open[data-v-7ea49171] { transform: translateX(0); } .pipeline-template-picker--drawer[data-v-7ea49171] { flex: 1; min-height: 0; height: 100%; } .leads-view-toggle .btn[data-v-6d282336] { min-width: 88px; } .leads-vue-select[data-v-6d282336] { width: 100%; } .lead-create-rich-text[data-v-6d282336] .simple-rich-text-editor { min-height: 160px; } .loading-indicator[data-v-697f0c8e] { padding: 24px; text-align: center; color: #666; } .pipeline-tabs-row[data-v-697f0c8e] { margin-bottom: 12px; padding: 0 1.25rem; } .pipeline-tabs[data-v-697f0c8e] { flex-wrap: wrap; gap: 6px; } .pipeline-tabs .nav-link[data-v-697f0c8e] { border: 1px solid #dfe1e6; border-radius: 20px; padding: 6px 16px; font-size: 0.875rem; color: #172b4d; background: #fff; } .pipeline-tabs .nav-link.active[data-v-697f0c8e] { background: #e6f4ea; border-color: #2ea44f; color: #1a7f37; font-weight: 600; } .pipeline-table-wrap[data-v-697f0c8e] { overflow-x: auto; } .pipeline-table[data-v-697f0c8e] { margin-bottom: 0; } .pipeline-table thead th[data-v-697f0c8e] { background: #f8f9fa; font-weight: 600; font-size: 0.8125rem; color: #5e6c84; border-bottom: 1px solid #dfe1e6; white-space: nowrap; } .pipeline-row[data-v-697f0c8e] { cursor: pointer; } .pipeline-row[data-v-697f0c8e]:hover { background: #f8f9fa; } .deal-name[data-v-697f0c8e] { font-weight: 600; color: #0052cc; } .stage-cell[data-v-697f0c8e] { display: flex; align-items: center; gap: 8px; } .stage-bar[data-v-697f0c8e] { display: inline-block; width: 40px; height: 6px; border-radius: 4px; } .contacts-vue-select[data-v-7fe1fde9] { width: 100%; } .contact-header-row[data-v-7fe1fde9] { gap: 0.25rem; } .min-w-0[data-v-7fe1fde9] { min-width: 0; } .contact-avatar-circle[data-v-7fe1fde9] { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: #3182ce; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; } .contact-content[data-v-7fe1fde9] { padding: 0; } .sidebar-content[data-v-7fe1fde9] { padding: 1rem; } .sidebar-card[data-v-7fe1fde9] { border: 1px solid #e5e8eb; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .sidebar-card-header[data-v-7fe1fde9] { background: #fff; border-bottom: 1px solid #e5e8eb; font-size: 0.8125rem; font-weight: 600; color: #2d3748; padding: 0.6rem 0.9rem; } .sidebar-card .card-body[data-v-7fe1fde9] { padding: 0.75rem 0.9rem; } .info-item[data-v-7fe1fde9] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; padding: 0.35rem 0; justify-content: space-between; } .info-item i[data-v-7fe1fde9] { width: 16px; flex-shrink: 0; } .info-item[data-v-7fe1fde9]:first-child { padding-top: 0; } .contact-description[data-v-7fe1fde9] { font-size: 0.8125rem; color: #4a5568; white-space: pre-wrap; } .stat-row[data-v-7fe1fde9] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; padding: 0.3rem 0; } .stat-dot[data-v-7fe1fde9] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .stat-dot--won[data-v-7fe1fde9] { background: #2ea44f; } .stat-dot--open[data-v-7fe1fde9] { background: #3182ce; } .stat-dot--lost[data-v-7fe1fde9] { background: #e53e3e; } .stat-label[data-v-7fe1fde9] { flex-grow: 1; color: #4a5568; } .stat-value[data-v-7fe1fde9] { font-weight: 600; color: #2d3748; } .sidebar-footer[data-v-7fe1fde9] { padding-top: 0.25rem; } .contact-tabs-wrap[data-v-7fe1fde9] { padding: 0 0.75rem; } .contact-tabs[data-v-7fe1fde9] { border: none; padding-top: 0; } .contact-tabs .nav-link[data-v-7fe1fde9] { border: none; color: #718096; font-size: 0.85rem; font-weight: 500; margin-bottom: -1px; position: relative; padding: 0.6rem 0.9rem; } .contact-tabs .nav-link.active[data-v-7fe1fde9] { color: #3182ce; background: transparent; border: none; box-shadow: inset 0 -2px 0 #3182ce; } .contact-tabs .nav-link.active[data-v-7fe1fde9]:after { content: none; display: none; } .contact-tabs .nav-link[data-v-7fe1fde9]:hover { color: #3182ce; } .contact-tab-body[data-v-7fe1fde9] { padding: 1rem 0.75rem; background-color: #f6f7f9; } .tab-section-card[data-v-7fe1fde9] { background: #fff; border: 1px solid #e3e6f0; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 1.25rem 0 0 0; overflow: hidden; } .tab-section-card[data-v-7fe1fde9] .table-responsive { border-radius: 0 !important; border: none !important; box-shadow: none !important; margin-bottom: 0 !important; } .tab-section-card[data-v-7fe1fde9] .table thead tr:first-child th:first-child, .tab-section-card[data-v-7fe1fde9] .table thead tr:first-child th:last-child, .tab-section-card[data-v-7fe1fde9] .table tbody tr:last-child td:first-child, .tab-section-card[data-v-7fe1fde9] .table tbody tr:last-child td:last-child { border-radius: 0 !important; } .tab-empty-state[data-v-7fe1fde9] { text-align: center; padding: 3rem 1rem; color: #a0aec0; } .tab-empty-state i[data-v-7fe1fde9] { font-size: 1.75rem; margin-bottom: 0.75rem; display: block; } .tab-empty-state p[data-v-7fe1fde9] { margin: 0; font-size: 0.875rem; } @media (max-width: 991px) { .col-lg-3.border-end[data-v-7fe1fde9] { border-right: none !important; border-bottom: 1px solid #e5e8eb; } } .stage-active-card[data-v-355a3062], .stage-gallery-card[data-v-355a3062] { border: 1px solid #e9ecef; border-radius: 10px; padding: 1rem; background: #fff; display: flex; flex-direction: column; } .stage-gallery-card[data-v-355a3062] { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } .stage-icon-wrap[data-v-355a3062] { width: 42px; height: 42px; border-radius: 10px; background: #e8f5e9; color: #2e7d32; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; } .stage-icon-wrap--gallery[data-v-355a3062] { background: #e3f2fd; color: #1565c0; } .stage-preview[data-v-355a3062] { min-height: 28px; } .audio-player[data-v-3e5cb537] { display: flex; align-items: center; gap: 8px; min-width: 200px; } .audio-play-btn[data-v-3e5cb537] { width: 32px; height: 32px; border-radius: 50%; border: none; background: #3b82f6; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; font-size: 12px; flex-shrink: 0; } .audio-play-btn[data-v-3e5cb537]:hover { background: #2563eb; transform: scale(1.05); } .audio-play-btn.playing[data-v-3e5cb537] { background: #ef4444; } .audio-waveform[data-v-3e5cb537] { flex: 1; height: 20px; position: relative; margin: 0 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%23bfdbfe%27 opacity=%270.6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; } .audio-waveform[data-v-3e5cb537]::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%233b82f6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; width: var(--progress, 0%); transition: width 0.1s ease; } .audio-progress[data-v-3e5cb537] { display: none; } .audio-duration[data-v-3e5cb537] { font-size: 11px; color: #6b7280; white-space: nowrap; min-width: 35px; text-align: right; flex-shrink: 0; } .lead-chat-panel[data-v-02bc5631] { display: flex; flex-direction: column; min-height: 0; height: 100%; } .chat-loading[data-v-02bc5631] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 1rem; } /* Aligned with MeetingDetails.vue chat */ .chat-content[data-v-02bc5631] { flex: 1; display: flex; flex-direction: column; height: 100%; min-height: 0; } .chat-drop-zone-fill[data-v-02bc5631] { flex: 1; min-height: 0; display: flex; flex-direction: column; width: 100%; } .chat-layout[data-v-02bc5631] { flex: 1; min-height: 0; width: 100%; display: flex; flex-direction: column; } .chat-wrapper[data-v-02bc5631] { display: flex; flex-direction: column; flex: 1; min-height: 0; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); position: relative; overflow: hidden; } .chat-messages[data-v-02bc5631] { flex: 1; overflow-y: auto; padding: 1rem; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #6b7ba0 transparent; } .chat-messages[data-v-02bc5631]::-webkit-scrollbar { width: 6px; } .chat-messages[data-v-02bc5631]::-webkit-scrollbar-track { background: transparent; } .chat-messages[data-v-02bc5631]::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; } .chat-messages[data-v-02bc5631]::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; } .empty-state[data-v-02bc5631] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #6b7280; text-align: center; padding: 2rem; } .empty-state-icon[data-v-02bc5631] { margin-bottom: 1rem; color: #9ca3af; } .empty-state h3[data-v-02bc5631] { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .empty-state p[data-v-02bc5631] { font-size: 0.875rem; color: #6b7280; margin: 0; } .message-group[data-v-02bc5631] { margin-bottom: 1.5rem; } .date-separator[data-v-02bc5631] { text-align: center; margin: 0.75rem 0; position: relative; } .date-separator span[data-v-02bc5631] { background: #f3f4f6; padding: 0.25rem 0.75rem; border-radius: 0.75rem; font-size: 0.75rem; color: #6b7280; } .message[data-v-02bc5631] { margin-bottom: 0.5rem; max-width: 65%; width: -moz-fit-content; width: fit-content; } .message.chat-right[data-v-02bc5631] { margin-left: auto; margin-right: 0; } .message-inner[data-v-02bc5631] { display: flex; align-items: flex-start; gap: 0.375rem; } .message-content[data-v-02bc5631] { flex: 0 1 auto; min-width: 0; } .username[data-v-02bc5631] { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; color: #1e3a8a; } .message-bubble[data-v-02bc5631] { position: relative; padding: 0.375rem 0.625rem; border-radius: 0.75rem; background: #ffffff; border: 1px solid #e0e4e8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); font-size: 0.875rem; line-height: 1.4; display: inline-block; max-width: 100%; } .chat-right .message-bubble[data-v-02bc5631] { background: #e7efff; border-color: #c1d7f0; border-top-right-radius: 0.25rem; } .chat-left .message-bubble[data-v-02bc5631] { border-top-left-radius: 0.25rem; } .message-text[data-v-02bc5631] { word-wrap: break-word; margin: 0; color: #333; } .message-time[data-v-02bc5631] { font-size: 0.625rem; color: #9ca3af; margin-top: 0.125rem; text-align: right; padding-top: 0.25rem; } .typing-indicator-row[data-v-02bc5631] { max-width: none; } .typing-indicator[data-v-02bc5631] { padding: 8px 12px; background-color: #ffffff; border: 1px solid #e0e4e8; border-radius: 0.75rem; width: -moz-fit-content; width: fit-content; max-width: 260px; display: flex; align-items: center; gap: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .typing-dots[data-v-02bc5631] { display: flex; align-items: center; gap: 4px; } .typing-dots span[data-v-02bc5631] { width: 6px; height: 6px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); border-radius: 50%; display: inline-block; animation: typing-02bc5631 1.4s infinite ease-in-out; } .typing-dots span[data-v-02bc5631]:nth-child(1) { animation-delay: 0s; } .typing-dots span[data-v-02bc5631]:nth-child(2) { animation-delay: 0.2s; } .typing-dots span[data-v-02bc5631]:nth-child(3) { animation-delay: 0.4s; } .typing-text[data-v-02bc5631] { font-size: 12px; color: #6b7280; font-style: italic; } @keyframes typing-02bc5631 { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } } .chat-input[data-v-02bc5631] { padding: 0.5rem 0.75rem; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); flex-shrink: 0; } .modern-input-container[data-v-02bc5631] { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 0.25rem 0.5rem; transition: border-color 0.2s; margin: 0; } .modern-input-container[data-v-02bc5631]:focus-within { border-color: #1e3a8a; } .lead-field-loading-wrap[data-v-1b1105dd] { position: relative; } .lead-field-spinner[data-v-1b1105dd] { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); } .lead-topbar-meta[data-v-50cefb3e] { display: flex; align-items: center; gap: 12px; font-size: 12px; color: #6b7280; } .lead-topbar-meta__field[data-v-50cefb3e] { display: flex; align-items: center; gap: 4px; white-space: nowrap; } .lead-topbar-meta__field > i[data-v-50cefb3e] { font-size: 11px; color: #9ca3af; } .lead-topbar-meta__value[data-v-50cefb3e] { font-size: 12px; } .lead-details-page[data-v-50cefb3e] { height: calc(100vh - 60px); display: flex; flex-direction: column; background-color: #f6f7f9; position: relative; width: 100%; overflow: hidden; } .lead-header[data-v-50cefb3e] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 10; overflow: visible; } .lead-stage-timeline-bar[data-v-50cefb3e] { flex-shrink: 0; z-index: 9; overflow: visible; } .lead-stage-timeline[data-v-50cefb3e] { padding: 0.85rem 0 1rem; overflow: visible; } .lead-stage-timeline-track[data-v-50cefb3e] { display: flex; align-items: stretch; width: 100%; min-height: 40px; overflow-x: auto; scrollbar-width: thin; } .lead-stage-timeline-segment + .lead-stage-timeline-segment[data-v-50cefb3e] { margin-left: -10px; } .lead-stage-timeline-segment[data-v-50cefb3e] { position: relative; flex: 1 1 0; min-width: 88px; display: flex; align-items: center; justify-content: center; padding: 0.45rem 1.1rem 0.45rem 0.95rem; background: var(--stage-segment-bg, #f1f5f9); color: var(--stage-segment-color, #64748b); clip-path: polygon( 0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50% ); transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s ease; } .lead-stage-timeline-track--animating .lead-stage-timeline-segment--completed[data-v-50cefb3e] { transition-delay: 0.04s; } .lead-stage-timeline-track--forward.lead-stage-timeline-track--animating .lead-stage-timeline-segment--completed[data-v-50cefb3e] { transition-delay: 0.06s; } .lead-stage-timeline-track--backward.lead-stage-timeline-track--animating .lead-stage-timeline-segment--upcoming[data-v-50cefb3e] { transition-delay: 0.06s; } .lead-stage-timeline-segment[data-v-50cefb3e]:first-child { padding-left: 0.75rem; clip-path: polygon( 0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100% ); } .lead-stage-timeline-segment[data-v-50cefb3e]:last-child { padding-right: 0.75rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%); } .lead-stage-timeline-segment--current[data-v-50cefb3e] { overflow: visible; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18); } .lead-stage-timeline-segment--clickable[data-v-50cefb3e] { cursor: pointer; } .lead-stage-timeline-segment--clickable[data-v-50cefb3e]:hover { filter: brightness(0.94); box-shadow: 0 1px 6px rgba(15, 23, 42, 0.12); } .lead-stage-timeline-segment--clickable[data-v-50cefb3e]:active { filter: brightness(0.9); } .lead-stage-timeline-current[data-v-50cefb3e] { width: 100%; min-width: 0; } .lead-stage-timeline-label[data-v-50cefb3e] { display: block; width: 100%; font-size: 0.75rem; font-weight: 600; line-height: 1.25; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lead-stage-timeline-select[data-v-50cefb3e] { width: 100%; --vs-width: 100%; --vs-min-height: 28px; --vs-padding: 0 0.2rem; --vs-background-color: var(--stage-timeline-stage-color, #64748b); --vs-text-color: #ffffff; --vs-placeholder-color: rgba(255, 255, 255, 0.9); --vs-indicator-icon-color: #ffffff; --vs-border: 0; --vs-outline-width: 2px; --vs-outline-color: rgba(255, 255, 255, 0.55); --vs-option-selected-background-color: var(--stage-timeline-stage-color, #64748b); --vs-option-selected-text-color: #ffffff; --vs-option-focused-background-color: color-mix(in srgb, var(--stage-timeline-stage-color, #64748b) 82%, #ffffff); } .lead-stage-timeline-select[data-v-50cefb3e] .vue-select { width: 100%; } .lead-stage-timeline-select[data-v-50cefb3e] .control { min-height: 28px; border: 0 !important; background-color: var(--stage-timeline-stage-color, #64748b) !important; box-shadow: none !important; } .lead-stage-timeline-select[data-v-50cefb3e] .control.focused { border: 0 !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.45) !important; } .lead-stage-timeline-select[data-v-50cefb3e] .value-container { justify-content: center; padding: 0 0.15rem; } .lead-stage-timeline-select[data-v-50cefb3e] .single-value, .lead-stage-timeline-select[data-v-50cefb3e] .lead-stage-timeline-single-value { width: 100%; text-align: center; font-size: 0.75rem; font-weight: 600; color: #ffffff !important; opacity: 1 !important; } .lead-stage-timeline-select[data-v-50cefb3e] .dropdown-icon { color: #ffffff !important; } .lead-stage-timeline-select[data-v-50cefb3e] .indicators-container { padding: 0; } .lead-stage-timeline-spinner[data-v-50cefb3e] { position: absolute; top: 50%; right: 0.35rem; transform: translateY(-50%); pointer-events: none; } .lead-stage-timeline-fallback[data-v-50cefb3e] { padding: 0.85rem 0; } .lead-stage-timeline-menu { z-index: 10600 !important; margin-top: 6px !important; } .lead-stage-timeline-menu .menu-option.selected { background-color: var(--lead-active-stage-color, #64748b) !important; color: #ffffff !important; } .lead-stage-timeline-menu .menu-option.focused:not(.selected) { background-color: color-mix(in srgb, var(--lead-active-stage-color, #64748b) 16%, #ffffff) !important; } .lead-header-row[data-v-50cefb3e] { flex-wrap: nowrap; gap: 0.5rem; max-width: 100%; overflow: visible; } .lead-title[data-v-50cefb3e] { overflow: visible; } .lead-header-top-row[data-v-50cefb3e] { position: relative; min-width: 0; max-width: 100%; } .lead-header-name[data-v-50cefb3e], .lead-header-name-input[data-v-50cefb3e] { display: block; width: 100%; min-width: 0; font-size: 1.25rem; font-weight: 500; color: #2d3748; line-height: 1.3; } .lead-header-name[data-v-50cefb3e] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-header-name-input[data-v-50cefb3e] { border: 1px solid transparent; border-radius: 6px; padding: 0.15rem 0.4rem; margin: 0 0 0 -0.4rem; background: transparent; } .lead-header-name-input[data-v-50cefb3e]:hover:not(:disabled) { border-color: #e2e8f0; background: #fff; } .lead-header-name-input[data-v-50cefb3e]:focus { outline: none; border-color: #cbd5e1; background: #fff; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12); } .lead-header-name-input[data-v-50cefb3e]:disabled { opacity: 0.75; } .lead-field-spinner--header-name[data-v-50cefb3e] { position: absolute; top: 50%; right: 0.25rem; transform: translateY(-50%); } .lead-header-meta-row[data-v-50cefb3e] { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; flex-wrap: wrap; min-width: 0; } .lead-meta[data-v-50cefb3e] { font-size: 0.875rem; color: #718096; margin-top: 0.25rem; overflow: visible; } .lead-header-amount[data-v-50cefb3e], .lead-header-closing-date[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.35rem; flex-shrink: 0; } .lead-header-amount-input-wrap[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.2rem; } .lead-header-field-icon[data-v-50cefb3e] { flex-shrink: 0; font-size: 0.8125rem; color: #94a3b8; } .lead-header-currency[data-v-50cefb3e] { font-size: 0.875rem; color: #64748b; line-height: 1; } .lead-header-input[data-v-50cefb3e] { border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; color: #475569; font-size: 0.875rem; line-height: 1.25; padding: 0.2rem 0.45rem; min-height: 28px; } .lead-header-input[data-v-50cefb3e]:focus { outline: none; border-color: #cbd5e1; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12); } .lead-header-input[data-v-50cefb3e]:disabled { background: #f8fafc; opacity: 0.75; } .lead-header-input--amount[data-v-50cefb3e] { width: 7rem; } .lead-header-input--date[data-v-50cefb3e] { width: 9.5rem; } .lead-header-readonly[data-v-50cefb3e] { font-size: 0.875rem; color: #64748b; white-space: nowrap; } .lead-field-spinner--header-field[data-v-50cefb3e] { position: static; transform: none; margin-left: 0.15rem; } .lead-owner-meta[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0; flex: 0 1 auto; } .lead-header-closing-date[data-v-50cefb3e] { flex: 0 0 auto; } .lead-owner-meta__icon[data-v-50cefb3e] { flex-shrink: 0; font-size: 0.8125rem; } .lead-header-owner-select[data-v-50cefb3e] { min-width: 0; width: min(280px, 100%); } .lead-field-spinner--header[data-v-50cefb3e] { right: 1.75rem; } .leads-vue-select--header[data-v-50cefb3e] .vue-select { width: 100%; } .leads-vue-select--header[data-v-50cefb3e] .control { min-height: 28px; padding: 0 0.35rem; border-color: #e2e8f0 !important; background: #fff !important; box-shadow: none !important; } .leads-vue-select--header[data-v-50cefb3e] .control.focused { border-color: #cbd5e1 !important; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12) !important; } .leads-vue-select--header[data-v-50cefb3e] .single-value, .leads-vue-select--header[data-v-50cefb3e] .lead-header-owner-single-value { font-size: 0.875rem; color: #718096 !important; } .leads-vue-select--header[data-v-50cefb3e] .value-container { padding: 0 0.15rem; } .leads-vue-select--header[data-v-50cefb3e] .indicators-container { padding: 0; } .lead-header-owner-menu { z-index: 10600 !important; margin-top: 4px !important; } .lead-header-actions[data-v-50cefb3e] { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0.375rem; flex-shrink: 0; justify-content: flex-end; } .lead-header-action-btn[data-v-50cefb3e] { white-space: nowrap; flex-shrink: 1; min-width: 0; padding: 0.25rem 0.5rem; font-size: 0.8125rem; line-height: 1.25; } .lead-header-btn-text[data-v-50cefb3e] { display: inline-block; max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .lead-header-btn-text--long[data-v-50cefb3e] { max-width: 6.5rem; } .lead-content[data-v-50cefb3e] { flex: 1; min-height: 0; margin: 0; border-radius: 8px 8px 0 0; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; } .lead-content > .row.g-0.h-100[data-v-50cefb3e] { flex: 1; margin: 0; height: 100%; overflow: hidden; } .col-md-3[data-v-50cefb3e] { flex: 0 0 25%; max-width: 25%; height: 100%; overflow: hidden; } .col-md-9[data-v-50cefb3e] { flex: 0 0 75%; max-width: 75%; border-left: 1px solid #e5e8eb; height: 100%; overflow: hidden; display: flex; flex-direction: column; } .sidebar-content[data-v-50cefb3e] { padding: 1rem; height: 100%; overflow-y: auto; } .lead-main-content[data-v-50cefb3e] { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .lead-tabs .nav-tabs[data-v-50cefb3e] { padding: 0 0.75rem; border: none; } .lead-tabs .nav-link[data-v-50cefb3e] { border: none; color: #718096; font-size: 0.8rem; font-weight: 500; margin-bottom: -1px; position: relative; } .lead-tabs .nav-link.active[data-v-50cefb3e] { color: #3182ce; background: transparent; border: none; box-shadow: inset 0 -2px 0 #3182ce; } .lead-tabs .nav-link.active[data-v-50cefb3e]:after { content: none; display: none; } .lead-tabs .nav-link[data-v-50cefb3e]:hover { color: #3182ce; } .lead-activity-timeline-tab[data-v-50cefb3e], .lead-stage-history-tab[data-v-50cefb3e] { padding: 0.25rem 0; } .lead-timeline-toolbar[data-v-50cefb3e] { display: flex; justify-content: flex-end; margin-bottom: 0.75rem; } .lead-timeline-filter-select[data-v-50cefb3e] { min-width: 180px; max-width: 220px; } .lead-document-dropzone[data-v-50cefb3e] { border: 1px dashed #cbd5e0; border-radius: 6px; background: #f8fafc; padding: 1rem 1.25rem; margin-bottom: 0.75rem; transition: border-color 0.15s ease, background-color 0.15s ease; } .lead-document-dropzone--active[data-v-50cefb3e] { border-color: #3182ce; background: #ebf8ff; } .lead-document-dropzone--disabled[data-v-50cefb3e] { opacity: 0.75; pointer-events: none; } .lead-document-dropzone__inner[data-v-50cefb3e] { display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .lead-document-dropzone__icon[data-v-50cefb3e] { color: #4a5568; font-size: 1rem; flex-shrink: 0; } .lead-document-dropzone__text[data-v-50cefb3e] { font-size: 0.875rem; color: #4a5568; line-height: 1.4; } .lead-document-dropzone__browse[data-v-50cefb3e] { background: none; border: none; padding: 0; margin: 0 0.2rem; color: #3182ce; text-decoration: underline; font-size: inherit; line-height: inherit; cursor: pointer; } .lead-document-dropzone__browse[data-v-50cefb3e]:hover { color: #2c5282; } .lead-document-dropzone__hint[data-v-50cefb3e] { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: #a0aec0; } .lead-activity-day-group + .lead-activity-day-group[data-v-50cefb3e] { margin-top: 1.25rem; } .lead-activity-day-label[data-v-50cefb3e] { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: #64748b; margin-bottom: 0.75rem; } .lead-activity-item[data-v-50cefb3e] { display: flex; gap: 0.75rem; padding: 0.65rem 0; border-bottom: 1px solid #f1f5f9; } .lead-activity-item[data-v-50cefb3e]:last-child { border-bottom: none; } .lead-activity-icon[data-v-50cefb3e] { width: 2rem; height: 2rem; border-radius: 50%; background: #edf2f7; color: #4a5568; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.8rem; } .lead-activity-icon--stage_changed[data-v-50cefb3e], .lead-activity-icon--qualified[data-v-50cefb3e], .lead-activity-icon--converted[data-v-50cefb3e] { background: #ebf8ff; color: #2b6cb0; } .lead-activity-icon--note_added[data-v-50cefb3e], .lead-activity-icon--note_updated[data-v-50cefb3e] { background: #fefcbf; color: #975a16; } .lead-activity-icon--document_uploaded[data-v-50cefb3e] { background: #e6fffa; color: #285e61; } .lead-activity-body[data-v-50cefb3e] { min-width: 0; flex: 1; } .lead-activity-summary[data-v-50cefb3e] { font-size: 0.875rem; color: #2d3748; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; word-break: break-word; } .lead-activity-summary[data-v-50cefb3e] strong { font-weight: 600; color: #1a202c; } .lead-activity-meta[data-v-50cefb3e] { margin-top: 0.2rem; font-size: 0.75rem; color: #718096; } .lead-activity-separator[data-v-50cefb3e], .lead-stage-history-separator[data-v-50cefb3e] { margin: 0 0.35rem; } .lead-stage-history-item[data-v-50cefb3e] { display: flex; gap: 0.85rem; padding: 0.85rem 0; } .lead-stage-history-item--current .lead-stage-history-content[data-v-50cefb3e] { background: #f8fafc; border-radius: 8px; padding: 0.75rem 0.85rem; margin: -0.35rem 0; } .lead-stage-history-marker[data-v-50cefb3e] { position: relative; width: 1rem; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } .lead-stage-history-dot[data-v-50cefb3e] { width: 0.75rem; height: 0.75rem; border-radius: 50%; margin-top: 0.35rem; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #e2e8f0; } .lead-stage-history-line[data-v-50cefb3e] { flex: 1; width: 2px; background: #e2e8f0; margin-top: 0.35rem; min-height: 2.5rem; } .lead-stage-history-content[data-v-50cefb3e] { flex: 1; min-width: 0; } .lead-stage-history-header[data-v-50cefb3e] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.35rem; } .lead-stage-history-stage-badge[data-v-50cefb3e] { display: inline-block; color: #fff; font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.55rem; border-radius: 4px; line-height: 1.3; } .lead-stage-history-current-badge[data-v-50cefb3e] { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #2b6cb0; background: #ebf8ff; padding: 0.15rem 0.45rem; border-radius: 999px; } .lead-stage-history-detail[data-v-50cefb3e] { font-size: 0.8125rem; color: #4a5568; line-height: 1.45; } .lead-stage-history-prev[data-v-50cefb3e], .lead-stage-history-next[data-v-50cefb3e] { font-weight: 600; } .lead-stage-history-meta[data-v-50cefb3e] { margin-top: 0.35rem; font-size: 0.75rem; color: #718096; } .lead-tab-body[data-v-50cefb3e] { flex: 1; overflow-y: auto; background: #fff; min-height: 0; } .lead-tab-body--chat[data-v-50cefb3e] { padding: 0 !important; overflow: hidden; display: flex; flex-direction: column; background: transparent; } .lead-chat-tab-pane[data-v-50cefb3e] { display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%; padding: 0 !important; margin: 0; } .lead-chat-tab-pane[data-v-50cefb3e] .lead-chat-panel { flex: 1; min-height: 0; } .collapsible-card[data-v-50cefb3e] { border: 1px solid #e5e8eb; border-radius: 6px; margin-bottom: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .collapsible-header[data-v-50cefb3e] { background: white; border-bottom: 1px solid #e5e8eb; padding: 0.75rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 48px; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s ease; } .collapsible-header[data-v-50cefb3e]:hover { background-color: #f8fafc; } .header-content[data-v-50cefb3e] { display: flex; align-items: center; flex: 1; } .header-icon[data-v-50cefb3e] { font-size: 16px; color: #718096; margin-right: 0.75rem; } .header-title[data-v-50cefb3e] { color: #2d3748; font-size: 0.875rem; font-weight: 600; } .chevron-icon[data-v-50cefb3e] { font-size: 12px; color: #718096; } .collapsible-card .card-body[data-v-50cefb3e] { padding: 0.75rem; background-color: white; } .collapsible-card + .collapsible-card[data-v-50cefb3e] { margin-top: 0.5rem; } .collapsible-card .form-label[data-v-50cefb3e] { font-size: 0.75rem; font-weight: 500; color: #718096; margin-bottom: 0.25rem; } .company-info[data-v-50cefb3e] { min-width: 0; } .lead-company-edit .leads-vue-select--inline[data-v-50cefb3e], .contact-info .leads-vue-select--inline[data-v-50cefb3e] { width: 100%; min-width: 0; } .lead-company-view-link[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.5rem; font-size: 0.75rem; font-weight: 500; color: #3182ce; text-decoration: none; } .lead-company-view-link i[data-v-50cefb3e] { font-size: 0.65rem; } .lead-company-error[data-v-50cefb3e] { color: #dc2626; font-size: 0.75rem; font-weight: 500; margin-bottom: 0.35rem; } .lead-company-customer-link[data-v-50cefb3e], .lead-company-static[data-v-50cefb3e] { display: flex; align-items: flex-start; gap: 0.75rem; min-width: 0; } .lead-company-customer-link[data-v-50cefb3e] { padding: 0.55rem 0.65rem; margin: -0.15rem -0.35rem; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; color: inherit; text-decoration: none; transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease; } .lead-company-customer-link[data-v-50cefb3e]:hover { border-color: #cbd5e1; background: #ffffff; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06); color: inherit; } .lead-company-customer-icon[data-v-50cefb3e], .lead-company-static-icon[data-v-50cefb3e] { flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #edf2f7; color: #4a5568; font-size: 0.9rem; } .lead-company-customer-link:hover .lead-company-customer-icon[data-v-50cefb3e] { background: #e2e8f0; color: #2d3748; } .lead-company-customer-body[data-v-50cefb3e], .lead-company-static-body[data-v-50cefb3e] { min-width: 0; flex: 1; } .lead-company-customer-name[data-v-50cefb3e] { display: block; font-size: 0.875rem; font-weight: 600; color: #2d3748; line-height: 1.35; word-break: break-word; } .lead-company-customer-action[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.2rem; font-size: 0.75rem; font-weight: 500; color: #3182ce; } .lead-company-customer-action i[data-v-50cefb3e] { font-size: 0.65rem; transition: transform 0.15s ease; } .lead-company-customer-link:hover .lead-company-customer-action i[data-v-50cefb3e] { transform: translateX(2px); } .lead-document-name[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.4rem; min-width: 0; } .lead-document-source-badge[data-v-50cefb3e] { display: inline-block; padding: 0.1rem 0.4rem; border-radius: 999px; background: #edf2f7; color: #4a5568; font-size: 0.65rem; font-weight: 600; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.02em; } .lead-tags-count[data-v-50cefb3e] { margin-left: 0.5rem; font-size: 0.7rem; font-weight: 600; color: #718096; background: #edf2f7; border-radius: 999px; padding: 0.1rem 0.45rem; line-height: 1.4; } .lead-tags-panel[data-v-50cefb3e] { display: flex; flex-direction: column; gap: 0.5rem; } .lead-tags-display[data-v-50cefb3e] { display: flex; flex-wrap: wrap; gap: 0.35rem; } .lead-tag-chip[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.25rem; max-width: 100%; padding: 0.2rem 0.45rem; border-radius: 999px; background: #edf2f7; color: #2d3748; font-size: 0.75rem; font-weight: 500; line-height: 1.3; word-break: break-word; } .lead-tag-remove[data-v-50cefb3e] { display: inline-flex; align-items: center; justify-content: center; border: none; background: transparent; color: rgba(255, 255, 255, 0.85); padding: 0; width: 14px; height: 14px; line-height: 1; cursor: pointer; } .lead-tag-color-swatch[data-v-50cefb3e] { width: 18px; height: 18px; border-radius: 50%; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.15); flex-shrink: 0; } .lead-tags-input-wrap[data-v-50cefb3e] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; } .lead-tag-remove[data-v-50cefb3e]:hover:not(:disabled) { color: #e53e3e; } .lead-tag-remove[data-v-50cefb3e]:disabled { opacity: 0.5; cursor: not-allowed; } .lead-tag-remove i[data-v-50cefb3e] { font-size: 10px; } .lead-tags-input-wrap[data-v-50cefb3e] { margin-top: 0.15rem; } .lead-tags-input[data-v-50cefb3e] { border-color: #e2e8f0; } .lead-tags-input[data-v-50cefb3e]:focus { border-color: #3182ce; box-shadow: 0 0 0 0.15rem rgba(49, 130, 206, 0.15); } .lead-tags-saving[data-v-50cefb3e] { display: flex; align-items: center; } .contact-item[data-v-50cefb3e] { display: flex; align-items: flex-start; font-size: 0.875rem; } .info-item label[data-v-50cefb3e] { display: block; } .avatar-circle[data-v-50cefb3e] { min-width: 48px; width: 48px; height: 48px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 500; margin-right: 1rem; flex-shrink: 0; } .collapse-enter-active[data-v-50cefb3e], .collapse-leave-active[data-v-50cefb3e] { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); max-height: 500px; opacity: 1; overflow: hidden; } .collapse-enter-from[data-v-50cefb3e], .collapse-leave-to[data-v-50cefb3e] { max-height: 0; opacity: 0; } .leads-vue-select[data-v-50cefb3e] { width: 100%; } .leads-vue-select--inline[data-v-50cefb3e] { width: auto; min-width: 160px; } .lead-field-loading-wrap[data-v-50cefb3e] { position: relative; } .lead-field-spinner[data-v-50cefb3e] { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); z-index: 2; pointer-events: none; } .lead-tab-overlay[data-v-50cefb3e] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.65); z-index: 2; border-radius: 0.25rem; } .lead-tab-overlay--list[data-v-50cefb3e] { min-height: 120px; } .lead-tab-pane--description .position-relative[data-v-50cefb3e] { min-height: 200px; } .lead-rich-text-wrap[data-v-50cefb3e] { min-height: 200px; } .lead-rich-text-wrap[data-v-50cefb3e] .simple-rich-text-editor { min-height: 200px; } .lead-notes-tab[data-v-50cefb3e] { display: flex; flex-direction: column; gap: 1.25rem; } .lead-notes-composer[data-v-50cefb3e] { margin-bottom: 0.25rem; } .lead-notes-composer--edit .lead-note-combined-field[data-v-50cefb3e] { border-color: #86efac; box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35); } .lead-note-combined-field[data-v-50cefb3e] { border: 1px solid #d1d5db; border-radius: 4px; background: #fff; overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .lead-note-combined-field[data-v-50cefb3e]:focus-within, .lead-note-combined-field--expanded[data-v-50cefb3e] { border-color: #22c55e; box-shadow: 0 0 0 1px #22c55e; } .lead-note-combined-expandable[data-v-50cefb3e] { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.28s ease, opacity 0.22s ease; } .lead-note-combined-field--expanded .lead-note-combined-expandable[data-v-50cefb3e] { max-height: 220px; opacity: 1; } .lead-note-composer-extras[data-v-50cefb3e] { overflow: hidden; } .lead-note-composer-reveal-enter-active[data-v-50cefb3e], .lead-note-composer-reveal-leave-active[data-v-50cefb3e] { transition: max-height 0.28s ease, opacity 0.22s ease, margin-top 0.28s ease; max-height: 320px; } .lead-note-composer-reveal-enter-from[data-v-50cefb3e], .lead-note-composer-reveal-leave-to[data-v-50cefb3e] { max-height: 0; opacity: 0; margin-top: 0; } .lead-note-combined-title[data-v-50cefb3e], .lead-note-combined-body[data-v-50cefb3e] { display: block; width: 100%; border: 0; outline: none; background: transparent; box-shadow: none; padding-left: 0.85rem; padding-right: 0.85rem; } .lead-note-combined-title[data-v-50cefb3e] { font-size: 0.9375rem; font-weight: 500; color: #111827; padding-top: 0.65rem; padding-bottom: 0.65rem; transition: padding 0.2s ease; } .lead-note-combined-field--expanded .lead-note-combined-title[data-v-50cefb3e] { padding-bottom: 0.55rem; } .lead-note-combined-title[data-v-50cefb3e]::-moz-placeholder { color: #9ca3af; font-weight: 400; } .lead-note-combined-title[data-v-50cefb3e]::placeholder { color: #9ca3af; font-weight: 400; } .lead-note-combined-divider[data-v-50cefb3e] { margin: 0 0.85rem; border-top: 1px dotted #d1d5db; } .lead-note-combined-body[data-v-50cefb3e] { font-size: 0.875rem; line-height: 1.5; color: #374151; padding-top: 0.55rem; padding-bottom: 0.7rem; min-height: 96px; resize: vertical; } .lead-note-combined-body[data-v-50cefb3e]::-moz-placeholder { color: #9ca3af; } .lead-note-combined-body[data-v-50cefb3e]::placeholder { color: #9ca3af; } .lead-note-combined-title[data-v-50cefb3e]:disabled, .lead-note-combined-body[data-v-50cefb3e]:disabled { opacity: 0.7; cursor: not-allowed; } .lead-note-form-actions[data-v-50cefb3e] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding: 0.75rem 0 0; } .lead-note-form-save[data-v-50cefb3e] { border: 0; border-radius: 999px; background: #22c55e; color: #fff; font-size: 0.875rem; font-weight: 600; padding: 0.4rem 1.35rem; line-height: 1.25; transition: background 0.15s ease; } .lead-note-form-save[data-v-50cefb3e]:hover:not(:disabled) { background: #16a34a; } .lead-note-form-save[data-v-50cefb3e]:disabled { opacity: 0.65; } .lead-note-form-cancel[data-v-50cefb3e] { border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #374151; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 1.15rem; line-height: 1.25; transition: background 0.15s ease, border-color 0.15s ease; } .lead-note-form-cancel[data-v-50cefb3e]:hover:not(:disabled) { background: #f9fafb; border-color: #9ca3af; } .lead-note-form-attach[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0 0 0 0.15rem; color: #4b5563; font-size: 0.875rem; font-weight: 500; cursor: pointer; } .lead-note-form-attach[data-v-50cefb3e]:hover { color: #111827; } .lead-note-form-visibility[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0.55rem 0 0; font-size: 0.8125rem; color: #64748b; } .lead-note-form-files[data-v-50cefb3e] { padding: 0.35rem 0 0.15rem; } .lead-note-form-file-row[data-v-50cefb3e] { display: flex; align-items: center; gap: 0.35rem; min-width: 0; padding: 0.3rem 0; position: relative; } .lead-note-form-file-name[data-v-50cefb3e] { font-size: 0.875rem; font-weight: 500; color: #1f2937; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-note-form-file-dot[data-v-50cefb3e] { color: #9ca3af; flex-shrink: 0; } .lead-note-form-file-size[data-v-50cefb3e] { font-size: 0.875rem; color: #9ca3af; flex-shrink: 0; } .lead-note-form-file-remove[data-v-50cefb3e] { margin-left: auto; border: 0; background: transparent; color: #6b7280; width: 1.5rem; height: 1.5rem; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 2; pointer-events: auto; } .lead-note-form-file-remove[data-v-50cefb3e]:hover:not(:disabled) { background: #f3f4f6; color: #111827; } .lead-notes-feed[data-v-50cefb3e] { display: flex; flex-direction: column; gap: 0; padding: 0.25rem 0; } .lead-note-card[data-v-50cefb3e] { padding: 0.85rem 0.9rem 1rem; margin: 0 -0.9rem; border-bottom: 1px solid #e8edf3; border-radius: 6px; transition: background-color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, margin 0.15s ease; } .lead-note-card[data-v-50cefb3e]:hover:not(.lead-note-card--editing) { background: #f0f4f8; } .lead-note-card--editing[data-v-50cefb3e] { background: #f0fdf4; border-left: 3px solid #22c55e; padding-left: calc(0.9rem - 3px); } .lead-note-card[data-v-50cefb3e]:last-child { border-bottom: 0; } .lead-note-card-header[data-v-50cefb3e] { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.55rem; } .lead-note-card-header-main[data-v-50cefb3e] { display: flex; align-items: center; gap: 0.7rem; min-width: 0; flex: 1; } .lead-note-card-actions[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.2rem; flex-shrink: 0; opacity: 0; transition: opacity 0.15s ease; } .lead-note-card:hover .lead-note-card-actions[data-v-50cefb3e], .lead-note-card--editing .lead-note-card-actions[data-v-50cefb3e], .lead-note-card:focus-within .lead-note-card-actions[data-v-50cefb3e] { opacity: 1; } .lead-note-action-btn[data-v-50cefb3e] { width: 2rem; height: 2rem; border: 0; border-radius: 6px; background: transparent; color: #94a3b8; display: inline-flex; align-items: center; justify-content: center; transition: background 0.15s ease, color 0.15s ease; } .lead-note-action-btn[data-v-50cefb3e]:hover:not(:disabled) { background: #e2e8f0; color: #475569; } .lead-note-action-btn--danger[data-v-50cefb3e]:hover:not(:disabled) { background: #fef2f2; color: #dc2626; } .lead-note-avatar[data-v-50cefb3e] { width: 2.35rem; height: 2.35rem; border-radius: 50%; background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: #fff; font-size: 0.78rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; letter-spacing: 0.02em; } .lead-note-meta[data-v-50cefb3e] { min-width: 0; flex: 1; } .lead-note-author-row[data-v-50cefb3e] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; } .lead-note-author[data-v-50cefb3e] { font-size: 0.9375rem; font-weight: 600; color: #111827; line-height: 1.3; } .lead-note-date[data-v-50cefb3e] { font-size: 0.75rem; color: #9ca3af; margin-top: 0.12rem; } .lead-note-visibility-badge[data-v-50cefb3e] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.12rem 0.45rem; border-radius: 999px; background: #ecfdf5; color: #047857; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; } .lead-note-card-body[data-v-50cefb3e] { padding: 0 0 0 3.05rem; } .lead-note-card-title[data-v-50cefb3e] { font-size: 0.9375rem; font-weight: 700; color: #111827; line-height: 1.35; margin-bottom: 0.35rem; } .lead-note-body[data-v-50cefb3e] { font-size: 0.875rem; line-height: 1.55; color: #4b5563; word-break: break-word; } .lead-note-body--plain[data-v-50cefb3e] { white-space: pre-wrap; } .lead-note-card-attachments[data-v-50cefb3e] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.65rem; padding-left: 3.05rem; } .lead-note-attachment-chip[data-v-50cefb3e] { display: flex; align-items: center; gap: 0.55rem; min-width: 0; padding: 0.45rem 0.5rem 0.45rem 0.45rem; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .lead-note-attachment-chip[data-v-50cefb3e]:hover, .lead-note-attachment-chip[data-v-50cefb3e]:focus-visible { border-color: #4ade80; box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.35); outline: none; } .lead-note-attachment-chip:hover .lead-note-attachment-download[data-v-50cefb3e], .lead-note-attachment-chip:focus-visible .lead-note-attachment-download[data-v-50cefb3e] { background: #ecfdf5; border-color: #4ade80; color: #16a34a; } .lead-notes-file-icon[data-v-50cefb3e] { width: 1.9rem; height: 1.9rem; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.85rem; } .lead-notes-file-icon.tone-pdf[data-v-50cefb3e] { background: #fce7f3; color: #db2777; } .lead-notes-file-icon.tone-word[data-v-50cefb3e] { background: #eff6ff; color: #2563eb; } .lead-notes-file-icon.tone-excel[data-v-50cefb3e] { background: #ecfdf5; color: #059669; } .lead-notes-file-icon.tone-image[data-v-50cefb3e] { background: #ecfdf5; color: #16a34a; } .lead-notes-file-icon.tone-generic[data-v-50cefb3e] { background: #f3e8ff; color: #9333ea; } .lead-notes-file-icon.tone-default[data-v-50cefb3e] { background: #f3e8ff; color: #9333ea; } .lead-note-attachment-info[data-v-50cefb3e] { min-width: 0; flex: 1; } .lead-note-attachment-name[data-v-50cefb3e] { display: block; font-size: 0.8125rem; font-weight: 500; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lead-note-attachment-size[data-v-50cefb3e] { display: block; font-size: 0.6875rem; color: #9ca3af; margin-top: 0.08rem; } .lead-note-attachment-download[data-v-50cefb3e] { width: 1.85rem; height: 1.85rem; border: 1px solid transparent; border-radius: 50%; background: #f3f4f6; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } .lead-note-attachment-download[data-v-50cefb3e]:hover:not(:disabled) { background: #dcfce7; border-color: #22c55e; color: #15803d; } @media (max-width: 767px) { .lead-note-card-attachments[data-v-50cefb3e] { grid-template-columns: 1fr; } .lead-note-card-body[data-v-50cefb3e], .lead-note-card-attachments[data-v-50cefb3e] { padding-left: 0; } } .lead-notes-empty[data-v-50cefb3e] { text-align: center; padding: 2.5rem 1.5rem; border: 1px dashed #dbe4ee; border-radius: 12px; background: #f8fafc; } .lead-notes-empty-icon[data-v-50cefb3e] { width: 3rem; height: 3rem; margin: 0 auto 0.75rem; border-radius: 50%; background: #eff6ff; color: #3b82f6; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; } .lead-notes-empty-title[data-v-50cefb3e] { margin: 0 0 0.35rem; font-size: 1rem; font-weight: 600; color: #334155; } .lead-notes-empty-text[data-v-50cefb3e] { margin: 0; font-size: 0.875rem; color: #94a3b8; max-width: 28rem; margin-left: auto; margin-right: auto; } .lead-file-preview-modal[data-v-50cefb3e] { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgba(15, 23, 42, 0.55); } .lead-file-preview-dialog[data-v-50cefb3e] { width: min(920px, 100%); max-height: calc(100vh - 3rem); background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25); display: flex; flex-direction: column; overflow: hidden; } .lead-file-preview-header[data-v-50cefb3e] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 1rem; border-bottom: 1px solid #e2e8f0; } .lead-file-preview-title[data-v-50cefb3e] { font-size: 0.9375rem; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lead-file-preview-close[data-v-50cefb3e] { border: 0; background: transparent; color: #64748b; width: 2rem; height: 2rem; border-radius: 8px; } .lead-file-preview-close[data-v-50cefb3e]:hover { background: #f1f5f9; color: #0f172a; } .lead-file-preview-body[data-v-50cefb3e] { flex: 1; min-height: 320px; max-height: calc(100vh - 10rem); background: #f8fafc; display: flex; align-items: center; justify-content: center; overflow: auto; } .lead-file-preview-loading[data-v-50cefb3e], .lead-file-preview-unsupported[data-v-50cefb3e] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; color: #475569; } .lead-file-preview-image[data-v-50cefb3e] { max-width: 100%; max-height: calc(100vh - 10rem); -o-object-fit: contain; object-fit: contain; } .lead-file-preview-frame[data-v-50cefb3e] { width: 100%; height: calc(100vh - 10rem); min-height: 420px; border: 0; background: #fff; } .lead-file-preview-footer[data-v-50cefb3e] { padding: 0.75rem 1rem; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; } .lead-file-preview-word[data-v-50cefb3e] { width: 100%; align-self: flex-start; padding: 1.25rem; background: #fff; text-align: left; } .lead-file-preview-excel[data-v-50cefb3e] { width: 100%; align-self: flex-start; padding: 1rem; background: #fff; } @media (min-width: 1400px) { .lead-header-btn-text[data-v-50cefb3e] { max-width: 10rem; } .lead-header-btn-text--long[data-v-50cefb3e] { max-width: 9rem; } } @media (max-width: 991px) { .lead-header-row[data-v-50cefb3e] { flex-wrap: wrap; } .lead-header-top-row[data-v-50cefb3e], .lead-header-meta-row[data-v-50cefb3e] { flex-wrap: wrap; gap: 0.5rem; } .lead-header-actions[data-v-50cefb3e] { width: 100%; justify-content: flex-end; } .lead-content > .row[data-v-50cefb3e] { min-height: auto; } .sidebar-content[data-v-50cefb3e] { max-height: none; border-bottom: 1px solid #dee2e6; } .col-md-3[data-v-50cefb3e], .col-md-9[data-v-50cefb3e] { flex: 0 0 100%; max-width: 100%; } } /* Existing styles */ .file-list[data-v-7d799c30] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; } .file-item[data-v-7d799c30] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .file-item[data-v-7d799c30]:last-child { border-bottom: none; } .file-name[data-v-7d799c30] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size[data-v-7d799c30] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-7d799c30] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-7d799c30]:hover { color: #bd2130; } /* Loading state styles */ .submit-btn[data-v-7d799c30]:disabled { cursor: not-allowed; opacity: 0.7; } .fa-spinner[data-v-7d799c30] { animation: spin-7d799c30 1s linear infinite; } @keyframes spin-7d799c30 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Add any additional styling if necessary */ .attachment-list[data-v-102ced4e], .file-list[data-v-102ced4e] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; } .attachment-item[data-v-102ced4e], .file-item[data-v-102ced4e] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .attachment-item[data-v-102ced4e]:last-child, .file-item[data-v-102ced4e]:last-child { border-bottom: none; } .attachment-item i[data-v-102ced4e], .file-item i[data-v-102ced4e] { margin-right: 8px; font-size: 1.1rem; } .attachment-name[data-v-102ced4e], .file-name[data-v-102ced4e] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2196f3; text-decoration: none; } .attachment-name[data-v-102ced4e]:hover { text-decoration: underline; } .attachment-size[data-v-102ced4e], .file-size[data-v-102ced4e] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-102ced4e] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-102ced4e]:hover { color: #bd2130; } /* Loading state styles */ .submit-btn[data-v-102ced4e]:disabled { cursor: not-allowed; opacity: 0.7; } .fa-spinner[data-v-102ced4e] { animation: spin-102ced4e 1s linear infinite; } @keyframes spin-102ced4e { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* File type icons */ .fas[data-v-102ced4e] { width: 16px; text-align: center; } .fa-file-pdf[data-v-102ced4e] { color: #dc3545; } .fa-file-word[data-v-102ced4e] { color: #2196f3; } .fa-file-image[data-v-102ced4e] { color: #4caf50; } .fa-file-archive[data-v-102ced4e] { color: #ff9800; } .fa-file-text[data-v-102ced4e] { color: #607d8b; } .fa-file[data-v-102ced4e] { color: #9e9e9e; } .modal-sub-title[data-v-886b8236] { font-size: 1.2rem; margin-bottom: 1rem; } .table[data-v-886b8236] { width: 100%; margin-top: 1rem; } .scrollable-feedback-list[data-v-5cee9453] { max-height: 200px; overflow-y: auto; } .comment-section[data-v-5cee9453] { margin-top: 20px; } .custom-table[data-v-75a811f1] { width: 100%; min-width: 1000px; table-layout: fixed; border-collapse: collapse; overflow-x: auto; /* Enables horizontal scrolling */ } .custom-table th[data-v-75a811f1], .custom-table td[data-v-75a811f1] { text-align: left; vertical-align: middle; padding: 10px; border-bottom: 1px solid #f0f0f0; width: 1%; /* Makes all columns take equal width */ } .custom-table th[data-v-75a811f1] { white-space: nowrap; font-weight: bold; background-color: #f9f9f9; } /* First column should be smaller */ .custom-table th[data-v-75a811f1]:first-child, .custom-table td[data-v-75a811f1]:first-child { width: 0.2%; /* Adjust this width as per your need */ } .table-responsive[data-v-75a811f1] { overflow-x: auto; } .text-center[data-v-75a811f1] { text-align: center; } .custom-table thead[data-v-75a811f1] { background-color: #f9f9f9; font-weight: bold; } .table-responsive[data-v-75a811f1] { overflow-x: auto !important; } .dropdown-menu[data-v-75a811f1] { position: absolute; z-index: 1050 !important; margin-top: 0.5rem; } .table-striped tbody tr[data-v-75a811f1]:nth-of-type(odd) { background-color: #f5f5f5; } .table-striped tbody tr[data-v-75a811f1]:nth-of-type(even) { background-color: #fafafa; } .table-striped tbody tr[data-v-75a811f1]:hover { background-color: #fafafa; } .performance-appraisal-table-region[data-v-75a811f1] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .performance-appraisal-page-loading-block[data-v-75a811f1] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .performance-appraisal-page-loading-spinner[data-v-75a811f1] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .performance-appraisal-page-loading-label[data-v-75a811f1] { font-size: 0.95rem; } /* Tab styling */ .nav-tabs-bottom[data-v-75a811f1] { border-bottom: 1px solid #e9ecef; } .nav-tabs-bottom .nav-link[data-v-75a811f1] { border: none; color: #6c757d; font-weight: 500; margin-bottom: -1px; transition: all 0.3s ease; position: relative; z-index: 1; box-shadow: none; } .nav-tabs-bottom .nav-link[data-v-75a811f1]:hover { color: #495057; } .nav-tabs-bottom .nav-link.active[data-v-75a811f1] { color: #495057; background-color: transparent; border: none; box-shadow: inset 0 -2px 0 #007bff; z-index: 2; } .tab-content[data-v-75a811f1] { min-height: 400px; } .tab-pane[data-v-75a811f1] { animation: fadeIn-75a811f1 0.3s ease-in-out; } @keyframes fadeIn-75a811f1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Pagination Styling */ .table-footer-controls[data-v-75a811f1] { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e9ecef; } .showentries label[data-v-75a811f1] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-75a811f1] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; } .custom-select[data-v-75a811f1]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-75a811f1] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-75a811f1] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .modal-sub-title[data-v-0051bb30] { font-size: 1.2rem; margin-bottom: 1rem; } .table[data-v-0051bb30] { width: 100%; margin-top: 1rem; } /* .table-avatar's real styling lives under the `.ant-table` ancestor selector in the global stylesheet — it no longer applies now that this table isn't an , so restate the essentials locally. */ .performance-indicator-table[data-v-02edde7d] .table-avatar { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } .performance-indicator-table[data-v-02edde7d] { width: 100%; min-width: 1000px; table-layout: fixed; border-collapse: collapse; overflow-x: auto; /* Enables horizontal scrolling */ } .performance-indicator-table th[data-v-02edde7d], .performance-indicator-table td[data-v-02edde7d] { text-align: left; vertical-align: middle; padding: 10px; width: 1%; /* Makes all columns take equal width */ } .performance-indicator-table th[data-v-02edde7d] { white-space: nowrap; } /* First column should be smaller */ .performance-indicator-table th[data-v-02edde7d]:first-child, .performance-indicator-table td[data-v-02edde7d]:first-child { width: 0.2%; /* Adjust this width as per your need */ } /* .custom-table td span.text-truncate { max-width: 150px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */ .table-responsive[data-v-02edde7d] { overflow-x: auto; } .text-center[data-v-02edde7d] { text-align: center; } .table-responsive[data-v-02edde7d] { overflow-x: auto !important; /* Ensure table scrolls horizontally if content overflows */ } .performance-indicator-table-region[data-v-02edde7d] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .performance-indicator-page-loading-block[data-v-02edde7d] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .performance-indicator-page-loading-spinner[data-v-02edde7d] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .performance-indicator-page-loading-label[data-v-02edde7d] { font-size: 0.95rem; } .table-wrapper[data-v-02edde7d] { overflow-x: auto; } .performance-indicator-table tbody tr[data-v-02edde7d]:hover { background-color: #f5f5f5; } .action-label .dropdown-menu[data-v-02edde7d] { margin-top: 0.5rem; /* Adjust spacing if needed */ } .performance-indicator-table thead th[data-v-02edde7d] { background-color: #4b5866 !important; border-bottom: 1px solid #dee2e6; color: #495057; font-weight: 600; padding: 12px 16px; } /* Custom Table Footer Styling */ .custom-table-footer[data-v-02edde7d] { background-color: #f8f9fa; border: 1px solid #dee2e6; border-top: none; border-radius: 0 0 12px 12px; font-size: 14px; } .entries-info[data-v-02edde7d] { color: #6c757d; font-weight: 500; font-size: 14px; } .entries-selector[data-v-02edde7d] { display: flex; align-items: center; gap: 8px; } .entries-selector label[data-v-02edde7d] { margin: 0; font-size: 14px; color: #495057; font-weight: 500; } .entries-selector select[data-v-02edde7d] { width: 80px; padding: 6px 12px; border: 1px solid #ced4da; /* border-radius: 4px; */ font-size: 14px; background-color: #fff; color: #495057; cursor: pointer; background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 6 7 7 7-7%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 8px center; background-size: 16px 12px; padding-right: 32px; } .pagination[data-v-02edde7d] { margin: 0; } .page-link[data-v-02edde7d] { color: #667eea; border-color: #dee2e6; padding: 6px 12px; font-size: 14px; } .page-link[data-v-02edde7d]:hover { color: #5a6fd8; background-color: #e9ecef; border-color: #adb5bd; } .page-item.active .page-link[data-v-02edde7d] { background-color: #667eea; border-color: #667eea; } .page-item.disabled .page-link[data-v-02edde7d] { color: #6c757d; background-color: #fff; border-color: #dee2e6; } @media (max-width: 768px) { .custom-table-footer[data-v-02edde7d] { flex-direction: column; gap: 15px; text-align: center; } .pagination-controls[data-v-02edde7d] { justify-content: center !important; } .entries-selector[data-v-02edde7d] { margin-right: 0 !important; margin-bottom: 10px; } } .required { color: red; margin-left: 4px; } .rating-scale-section[data-v-90b56004] { padding: 1.25rem 1.5rem; background: #f8f9fc; border: 1px solid #e9ecef; border-radius: 8px; } .rating-scale-label[data-v-90b56004] { display: block; font-weight: 600; font-size: 0.9375rem; color: #344767; margin-bottom: 0.75rem; } .rating-scale-options[data-v-90b56004] { display: flex; flex-wrap: wrap; gap: 0.75rem; } .rating-scale-option[data-v-90b56004] { position: relative; display: inline-flex; align-items: center; cursor: pointer; margin: 0; padding: 0.625rem 1.25rem; background: #fff; border: 1px solid #dee2e6; border-radius: 6px; font-size: 0.875rem; font-weight: 500; color: #495057; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .rating-scale-option[data-v-90b56004]:hover { border-color: #1e3a8a; background: #fff; } .rating-scale-option input[data-v-90b56004] { position: absolute; opacity: 0; width: 0; height: 0; } .rating-scale-option .option-label[data-v-90b56004] { pointer-events: none; } .rating-scale-option.active[data-v-90b56004] { border-color: #1e3a8a; background: rgba(102, 126, 234, 0.08); color: #1e3a8a; box-shadow: 0 0 0 1px #1e3a8a; } .custom-range-block[data-v-90b56004] { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #e9ecef; } .custom-range-label[data-v-90b56004] { display: block; font-weight: 500; font-size: 0.875rem; color: #495057; margin-bottom: 0.5rem; } .custom-range-inputs[data-v-90b56004] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .custom-range-field[data-v-90b56004] { display: flex; align-items: center; gap: 0.5rem; } .custom-range-field .form-control[data-v-90b56004] { width: 80px; min-width: 80px; text-align: center; font-weight: 500; } .custom-range-sep[data-v-90b56004] { font-size: 0.8125rem; color: #6c757d; font-weight: 500; } .rating-table-block[data-v-90b56004] { margin-top: 1.5rem; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .rating-tab-page-loading-block[data-v-90b56004] { min-height: 240px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .rating-tab-page-loading-spinner[data-v-90b56004] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .rating-tab-page-loading-label[data-v-90b56004] { font-size: 0.95rem; } .submit-section[data-v-90b56004] { margin-bottom: 10px !important; float: right !important; } .reply-list[data-v-3927ebc6] { margin-left: 30px; margin-top: 0px; padding-left: 10px; border-left: 2px solid #ccc; } .reply-list .comment[data-v-3927ebc6] { margin: 10px; margin-bottom: 0px; } .content-container[data-v-3927ebc6] { /* max-height: 500px; */ /*overflow-y: auto; /* Enable vertical scrolling */ /*border: 1px solid #ccc; /* Optional: Add a border for better visibility */ padding: 10px; /* Optional: Add some padding */ } /* Tabbed Interface Styles */ .interaction-container[data-v-3927ebc6] { background: #fff; /* border-radius: 16px; */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); overflow: hidden; } .tab-navigation[data-v-3927ebc6] { display: flex; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); overflow-x: auto; } .tab-button[data-v-3927ebc6] { background: transparent; border: none; padding: 0.7rem 1rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 500; color: #6c757d; position: relative; min-width: 120px; justify-content: center; flex-shrink: 0; } .tab-button[data-v-3927ebc6]:hover { background: rgba(102, 126, 234, 0.1); color: #1e3a8a; } .tab-button.active[data-v-3927ebc6] { background: #1e3a8a; color: white; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); } .tab-button.active[data-v-3927ebc6]::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: white; } .tab-button i[data-v-3927ebc6] { font-size: 1rem; } .tab-label[data-v-3927ebc6] { font-weight: 600; } .tab-badge[data-v-3927ebc6] { background: rgba(255, 255, 255, 0.2); color: white; padding: 0.2rem 0.5rem; border-radius: 10px; font-size: 0.75rem; font-weight: 600; margin-left: 0.25rem; } .tab-button:not(.active) .tab-badge[data-v-3927ebc6] { background: #dc3545; color: white; } .tab-content[data-v-3927ebc6] { padding: 0 !important; } .tab-panel[data-v-3927ebc6] { padding: 0; animation: fadeIn-3927ebc6 0.3s ease-in-out; } @keyframes fadeIn-3927ebc6 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Advanced Feedback Section Styles */ .feedback-section[data-v-3927ebc6] { margin: 2rem 0; } .feedback-card[data-v-3927ebc6] { /* background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); */ border-radius: 0px; padding: 2rem; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .feedback-card[data-v-3927ebc6]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,"); pointer-events: none; } .feedback-header[data-v-3927ebc6] { display: flex; align-items: center; margin-bottom: 2rem; position: relative; z-index: 1; } .feedback-icon[data-v-3927ebc6] { width: 60px; height: 60px; background: #1e3a8a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; backdrop-filter: blur(10px); border: 2px solid #1e3a8a; } .feedback-icon i[data-v-3927ebc6] { font-size: 1.5rem; color: white; } .feedback-title h4[data-v-3927ebc6] { margin: 0; font-size: 1.5rem; font-weight: 600; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .feedback-subtitle[data-v-3927ebc6] { margin: 0.5rem 0 0 0; opacity: 0.9; font-size: 0.95rem; } .feedback-actions[data-v-3927ebc6] { position: relative; z-index: 1; } .feedback-buttons[data-v-3927ebc6] { display: flex; gap: 1rem; margin-bottom: 1.5rem; } .feedback-btn[data-v-3927ebc6] { background: white; border: 2px solid #1e3a8a; border-radius: 8cm; color: #1e3a8a; cursor: pointer; position: relative; overflow: hidden; backdrop-filter: blur(10px); } .feedback-btn[data-v-3927ebc6]:hover { background: lightblue; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } .feedback-btn.active[data-v-3927ebc6] { background: #1e3a8a; color: white; border-color: white; } .feedback-btn.loading[data-v-3927ebc6] { opacity: 0.7; cursor: not-allowed; } .feedback-btn[data-v-3927ebc6]:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .btn-content[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.75rem; position: relative; z-index: 2; } .btn-icon[data-v-3927ebc6] { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } .btn-icon i[data-v-3927ebc6] { font-size: 1.1rem; } .btn-text[data-v-3927ebc6] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; } .btn-label[data-v-3927ebc6] { font-weight: 600; font-size: 0.9rem; } .btn-count[data-v-3927ebc6] { font-size: 0.8rem; opacity: 0.8; background: rgba(0, 0, 0, 0.1); padding: 0.2rem 0.5rem; border-radius: 10px; } .feedback-btn.active .btn-count[data-v-3927ebc6] { background: rgba(0, 0, 0, 0.1); } .btn-ripple[data-v-3927ebc6] { position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.3); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; } .feedback-btn:active .btn-ripple[data-v-3927ebc6] { width: 300px; height: 300px; } .feedback-stats[data-v-3927ebc6] { display: flex; gap: 2rem; flex-wrap: wrap; } .stat-item[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; opacity: 0.9; } .stat-item i[data-v-3927ebc6] { font-size: 0.8rem; } .file-content[data-v-3927ebc6] { max-height: 300px; /* Set a maximum height for the file content */ overflow-y: auto; /* Enable vertical scrolling */ position: relative; } .file-content-loading[data-v-3927ebc6] { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 20px; min-height: 300px; background-color: #f8f9fa; border-radius: 8px; margin: 20px 0; } .loading-content[data-v-3927ebc6] { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .loading-content .spinner-border[data-v-3927ebc6] { width: 3rem; height: 3rem; border-width: 0.3em; } .loading-message[data-v-3927ebc6] { margin: 0; font-size: 1.1rem; color: #666; font-weight: 500; } .file-loading-wrapper[data-v-3927ebc6] { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 20px; min-height: 200px; } .file-loading-wrapper .spinner-border[data-v-3927ebc6] { width: 3rem; height: 3rem; margin-bottom: 1rem; } .loading-text[data-v-3927ebc6] { color: #666; font-size: 1.1rem; margin: 0; } .categories-loading[data-v-3927ebc6] { display: flex; align-items: center; justify-content: center; padding: 20px; gap: 10px; } .loading-text-small[data-v-3927ebc6] { color: #666; font-size: 0.9rem; } .content-loading-overlay[data-v-3927ebc6] { position: absolute; top: 10px; right: 10px; z-index: 10; background: rgba(255, 255, 255, 0.9); padding: 5px 10px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .content[data-v-3927ebc6] { height: calc(100vh - 60px); display: flex; flex-direction: column; background-color: #f6f7f9; position: relative; width: 100%; overflow: hidden; padding: 0 !important; } .w-sidebar-height[data-v-3927ebc6] { height: 100%; background: #ffffff; } /* Knowledgebase Content Scrollable Area */ .kb-content-wrapper[data-v-3927ebc6] { height: 100%; flex: 1; overflow: hidden; margin: 0; display: flex; } .kb-sidebar-area[data-v-3927ebc6] { padding: 0; overflow: hidden; display: flex; flex-direction: column; height: 100%; flex: 0 0 320px; max-width: 320px; width: 320px; transition: width 0.3s ease; border-right: 1px solid #e5e7eb; } .kb-sidebar-area.collapsed[data-v-3927ebc6] { width: 60px !important; max-width: 60px !important; flex: 0 0 60px !important; } .kb-sidebar-area .widget[data-v-3927ebc6] { flex: 1; display: flex; flex-direction: column; height: 100%; } .widget-title-sidebar[data-v-3927ebc6] { padding: 6px 21px; border-bottom: 1px solid #e5e7eb; } .sidebar-toggle[data-v-3927ebc6] { color: #6c757d; text-decoration: none; padding: 0.25rem 0.5rem; border-radius: 4px; transition: background-color 0.2s ease; } .sidebar-toggle[data-v-3927ebc6]:hover { background-color: #f0f4ff; color: #1e40af; } .kb-sidebar-area .widget .file-list[data-v-3927ebc6] { overflow-y: auto; overflow-x: hidden; padding-right: 6px; } .kb-sidebar-area .file-item[data-v-3927ebc6] { display: flex; align-items: center; padding: 6px 21px; border-radius: 6px; transition: background-color 0.2s ease; } .kb-sidebar-area .file-item[data-v-3927ebc6]:hover { background-color: #f1f4f9; } .kb-sidebar-area .file-item .file-icon[data-v-3927ebc6] { font-size: 1rem; width: 28px; height: 28px; display: flex; align-items: center; color: #1e3a8a; } .kb-sidebar-area.collapsed .file-item[data-v-3927ebc6] { padding: 6px 21px; } .kb-sidebar-area.collapsed .file-details[data-v-3927ebc6], .kb-sidebar-area.collapsed .file-actions[data-v-3927ebc6] { display: none; } .kb-content-area[data-v-3927ebc6] { height: 100%; display: flex; flex-direction: column; overflow: hidden; padding: 0; transition: width 0.3s ease; flex: 1 1 auto; max-width: calc(100% - 320px); } .kb-content-area.expanded[data-v-3927ebc6] { max-width: calc(100% - 72px); width: calc(100% - 72px); } .kb-content-card[data-v-3927ebc6] { flex: 1; display: flex; flex-direction: column; overflow: hidden; height: 100%; margin: 0; } .kb-scrollable-body[data-v-3927ebc6] { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 1.5rem; } .comment-list[data-v-3927ebc6] { padding-left: 10px; } .reply-list[data-v-3927ebc6] { padding-left: 1rem; margin-top: 0.25rem; } .reply .card[data-v-3927ebc6] { box-shadow: none; border: 1px solid rgba(0,0,0,.125); } .reply .card-body[data-v-3927ebc6] { padding: 0.25rem 0.5rem; } .reply .author-name[data-v-3927ebc6] { font-size: 0.75rem; } .reply-body p[data-v-3927ebc6] { font-size: 0.85rem; line-height: 1.1; margin-top: 0.1rem; } .comment-list > li[data-v-3927ebc6] { margin-bottom: 0.5rem; } .card-body[data-v-3927ebc6] { padding: 0 !important; } .comment .card-body[data-v-3927ebc6] { padding: 0.5rem 0.75rem; } .comment .author-name[data-v-3927ebc6] { font-size: 0.85rem; } .comment-body p[data-v-3927ebc6] { font-size: 0.9rem; line-height: 1.2; margin-bottom: 0.25rem; } .btn .fa-spinner[data-v-3927ebc6] { margin-right: 4px; } /* Post header container */ .post-header[data-v-3927ebc6] { display: flex !important; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; } /* Meta info container */ .meta-info[data-v-3927ebc6] { align-items: center; } /* Individual meta items */ .meta-item[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.9rem; color: #666; } .meta-item span[data-v-3927ebc6]:first-child { font-weight: 500; color: #333; } /* Buttons container */ .post-header .btn-group[data-v-3927ebc6] { flex-shrink: 0; } /* Categories sidebar */ .widget-category ul[data-v-3927ebc6] { margin: 0; padding: 0; list-style: none; } .widget-category ul li[data-v-3927ebc6] { margin-bottom: 2px; } .widget-category ul li a[data-v-3927ebc6] { display: block; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; } .file-content pre[data-v-3927ebc6] { white-space: pre-wrap; /* Since CSS 2.1 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ overflow-wrap: break-word; /* Modern browsers */ max-width: 100%; /* Ensure content doesn't overflow container */ } .selectable-text[data-v-3927ebc6] { -webkit-user-select: text !important; -moz-user-select: text !important; user-select: text !important; /* Override the global user-select: none */ } .selectable-text pre[data-v-3927ebc6] { -webkit-user-select: text !important; -moz-user-select: text !important; user-select: text !important; cursor: text; white-space: pre-wrap; /* Preserve whitespace and wrapping */ word-wrap: break-word; /* Break long words */ } /* Advanced Comments Section Styles */ .comments-section[data-v-3927ebc6] { margin: 2rem 0; } .comments-container[data-v-3927ebc6] { background: #fff; border-radius: 0px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); overflow: hidden; } .comments-header[data-v-3927ebc6] { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem 2rem; border-bottom: 1px solid #e9ecef; } .comments-title[data-v-3927ebc6] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .comments-title h3[data-v-3927ebc6] { margin: 0; font-size: 1.5rem; font-weight: 600; color: #333; display: flex; align-items: center; gap: 0.75rem; } .comments-title i[data-v-3927ebc6] { color: #1e3a8a; } .comment-count[data-v-3927ebc6] { background: #1e3a8a; color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .comment-sort select[data-v-3927ebc6] { border: 1px solid #dee2e6; border-radius: 8px; padding: 0.5rem 1rem; font-size: 0.9rem; background: white; color: #495057; } .comments-list[data-v-3927ebc6] { padding: 0; } .comment-item[data-v-3927ebc6] { border-bottom: 1px solid #f1f3f4; transition: background-color 0.2s ease; } .comment-item[data-v-3927ebc6]:hover { background-color: #fafbfc; } .comment-item[data-v-3927ebc6]:last-child { border-bottom: none; } .comment-card[data-v-3927ebc6] { padding: 1.5rem 2rem; } .comment-header[data-v-3927ebc6] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; gap: 1rem; } .comment-author[data-v-3927ebc6] { display: flex; align-items: center; gap: 1rem; flex: 1; } .author-avatar[data-v-3927ebc6] { width: 48px; height: 48px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } .author-avatar.small[data-v-3927ebc6] { width: 36px; height: 36px; font-size: 1rem; } .author-info[data-v-3927ebc6] { flex: 1; } .author-name[data-v-3927ebc6] { margin: 0; font-size: 1rem; font-weight: 600; color: #333; line-height: 1.2; } .author-name h5[data-v-3927ebc6] { margin: 0; font-size: 1rem; } .author-name h6[data-v-3927ebc6] { margin: 0; font-size: 0.9rem; } .comment-time[data-v-3927ebc6], .reply-time[data-v-3927ebc6] { font-size: 0.85rem; color: #6c757d; margin-top: 0.25rem; } .comment-actions[data-v-3927ebc6] { display: flex; gap: 0.5rem; } .action-btn[data-v-3927ebc6] { background: transparent; border: 1px solid #dee2e6; border-radius: 8px; padding: 0.5rem 1rem; color: #6c757d; font-size: 0.85rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 0.5rem; } .action-btn[data-v-3927ebc6]:hover { background: #f8f9fa; border-color: #adb5bd; color: #495057; } .action-btn.active[data-v-3927ebc6] { background: #1e3a8a; border-color: #1e3a8a; color: white; } .action-btn.small[data-v-3927ebc6] { padding: 0.25rem 0.75rem; font-size: 0.8rem; } .action-btn i[data-v-3927ebc6] { font-size: 0.8rem; } .comment-content[data-v-3927ebc6] { margin-bottom: 1rem; } .comment-content p[data-v-3927ebc6] { margin: 0; line-height: 1.6; color: #333; font-size: 0.95rem; } .reply-form[data-v-3927ebc6] { background: #f8f9fa; border-radius: 12px; padding: 1.5rem; margin-top: 1rem; border: 1px solid #e9ecef; } .reply-form-header[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; font-weight: 600; color: #495057; font-size: 0.9rem; } .reply-form-header i[data-v-3927ebc6] { color: #1e3a8a; } .reply-textarea[data-v-3927ebc6] { border: 1px solid #dee2e6; border-radius: 8px; padding: 0.75rem; font-size: 0.9rem; resize: vertical; min-height: 80px; transition: border-color 0.2s ease; } .reply-textarea[data-v-3927ebc6]:focus { border-color: #1e3a8a; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } .reply-form-footer[data-v-3927ebc6] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; gap: 1rem; } .char-counter[data-v-3927ebc6] { font-size: 0.8rem; color: #6c757d; } .reply-actions[data-v-3927ebc6] { display: flex; gap: 0.5rem; } .replies-container[data-v-3927ebc6] { margin-top: 1rem; padding-left: 2rem; border-left: 3px solid #e9ecef; } .reply-item[data-v-3927ebc6] { margin-bottom: 1rem; } .reply-item[data-v-3927ebc6]:last-child { margin-bottom: 0; } .reply-card[data-v-3927ebc6] { background: #f8f9fa; border-radius: 12px; padding: 1rem; border: 1px solid #e9ecef; } .reply-header[data-v-3927ebc6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } .reply-author[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.75rem; } .reply-content p[data-v-3927ebc6] { margin: 0; line-height: 1.5; color: #333; font-size: 0.9rem; } .no-comments[data-v-3927ebc6] { text-align: center; padding: 3rem 2rem; color: #6c757d; } .no-comments-icon[data-v-3927ebc6] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; } .no-comments h4[data-v-3927ebc6] { margin: 0 0 0.5rem 0; font-size: 1.25rem; color: #495057; } .no-comments p[data-v-3927ebc6] { margin: 0; font-size: 0.95rem; } .comment-form-section[data-v-3927ebc6] { /* padding: 2rem; */ background: #f8f9fa; border-top: 1px solid #e9ecef; } .comment-form-card[data-v-3927ebc6] { /* background: white; */ border-radius: 0px; padding: 2rem; /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */ } .form-header[data-v-3927ebc6] { margin-bottom: 1.5rem; } .form-header h4[data-v-3927ebc6] { margin: 0 0 0.5rem 0; font-size: 1.25rem; font-weight: 600; color: #333; display: flex; align-items: center; gap: 0.75rem; } .form-header h4 i[data-v-3927ebc6] { color: #1e3a8a; } .form-header p[data-v-3927ebc6] { margin: 0; color: #6c757d; font-size: 0.9rem; } .form-group[data-v-3927ebc6] { margin-bottom: 0; } .form-label[data-v-3927ebc6] { font-weight: 600; color: #333; margin-bottom: 0.75rem; display: block; } .required[data-v-3927ebc6] { color: #dc3545; } .comment-textarea[data-v-3927ebc6] { border: 2px solid #e9ecef; border-radius: 12px; padding: 1rem; font-size: 0.95rem; resize: vertical; min-height: 120px; transition: all 0.2s ease; background: #fafbfc; } .comment-textarea[data-v-3927ebc6]:focus { border-color: #1e3a8a; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; background: white; } .comment-textarea[data-v-3927ebc6]::-moz-placeholder { color: #adb5bd; } .comment-textarea[data-v-3927ebc6]::placeholder { color: #adb5bd; } .form-footer[data-v-3927ebc6] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; gap: 1rem; } .form-actions[data-v-3927ebc6] { display: flex; gap: 0.75rem; } /* Responsive Design */ @media (max-width: 768px) { .feedback-card[data-v-3927ebc6] { padding: 1.5rem; } .feedback-buttons[data-v-3927ebc6] { flex-direction: column; gap: 0.75rem; } .feedback-btn[data-v-3927ebc6] { min-width: auto; width: 100%; } .feedback-stats[data-v-3927ebc6] { flex-direction: column; gap: 1rem; } .comments-header[data-v-3927ebc6] { padding: 1rem; } .comments-title[data-v-3927ebc6] { flex-direction: column; align-items: flex-start; } .comment-card[data-v-3927ebc6] { padding: 1rem; } .comment-header[data-v-3927ebc6] { flex-direction: column; align-items: flex-start; gap: 0.75rem; } .comment-actions[data-v-3927ebc6] { width: 100%; justify-content: flex-start; } .replies-container[data-v-3927ebc6] { padding-left: 1rem; } .comment-form-section[data-v-3927ebc6] { padding: 1rem; } .comment-form-card[data-v-3927ebc6] { padding: 1.5rem; } .form-footer[data-v-3927ebc6] { flex-direction: column; align-items: stretch; gap: 1rem; } .form-actions[data-v-3927ebc6] { justify-content: stretch; } .form-actions .btn[data-v-3927ebc6] { flex: 1; } } /* Share Tab Styles */ .share-container[data-v-3927ebc6] { padding: 2rem; } .share-header[data-v-3927ebc6] { display: flex; align-items: center; margin-bottom: 2rem; } .share-icon[data-v-3927ebc6] { width: 60px; height: 60px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } .share-icon i[data-v-3927ebc6] { font-size: 1.5rem; color: white; } .share-title h4[data-v-3927ebc6] { margin: 0; font-size: 1.5rem; font-weight: 600; color: #333; } .share-subtitle[data-v-3927ebc6] { margin: 0.5rem 0 0 0; color: #6c757d; font-size: 0.95rem; } .share-options[data-v-3927ebc6] { display: flex; flex-direction: column; gap: 2rem; } .share-platforms[data-v-3927ebc6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .share-btn[data-v-3927ebc6] { background: white; border: 2px solid #e9ecef; border-radius: 12px; padding: 1rem 1.5rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.75rem; font-weight: 600; color: #333; text-decoration: none; position: relative; overflow: hidden; } .share-btn[data-v-3927ebc6]:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-color: transparent; } .share-btn i[data-v-3927ebc6] { font-size: 1.2rem; } .share-btn.facebook[data-v-3927ebc6]:hover { background: #1877f2; color: white; } .share-btn.twitter[data-v-3927ebc6]:hover { background: #1da1f2; color: white; } .share-btn.linkedin[data-v-3927ebc6]:hover { background: #0077b5; color: white; } .share-btn.whatsapp[data-v-3927ebc6]:hover { background: #25d366; color: white; } .share-btn.telegram[data-v-3927ebc6]:hover { background: #0088cc; color: white; } .share-btn.email[data-v-3927ebc6]:hover { background: #ea4335; color: white; } .platform-name[data-v-3927ebc6] { font-size: 0.95rem; } .share-url-section[data-v-3927ebc6] { background: #f8f9fa; border-radius: 12px; padding: 1.5rem; border: 1px solid #e9ecef; } .share-url-label[data-v-3927ebc6] { font-weight: 600; color: #333; margin-bottom: 0.75rem; display: block; } .url-input-group[data-v-3927ebc6] { display: flex; gap: 0.5rem; } .share-url-input[data-v-3927ebc6] { flex: 1; padding: 0.75rem 1rem; border: 1px solid #dee2e6; border-radius: 8px; font-size: 0.9rem; background: white; color: #495057; } .share-url-input[data-v-3927ebc6]:focus { border-color: #1e3a8a; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } .copy-url-btn[data-v-3927ebc6] { background: #1e3a8a; border: none; border-radius: 8px; padding: 0.75rem 1rem; color: white; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; min-width: 50px; } .copy-url-btn[data-v-3927ebc6]:hover { background: #1e3a8a; transform: translateY(-1px); } .copy-url-btn i[data-v-3927ebc6] { font-size: 1rem; } .share-stats[data-v-3927ebc6] { display: flex; gap: 2rem; flex-wrap: wrap; } .share-stat-item[data-v-3927ebc6] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: #6c757d; } .share-stat-item i[data-v-3927ebc6] { font-size: 0.8rem; } /* Responsive Design for Tabs */ @media (max-width: 768px) { .tab-navigation[data-v-3927ebc6] { flex-direction: column; } .tab-button[data-v-3927ebc6] { min-width: auto; justify-content: flex-start; padding: 1rem; } .share-platforms[data-v-3927ebc6] { grid-template-columns: 1fr; } .share-container[data-v-3927ebc6] { padding: 1rem; } .share-header[data-v-3927ebc6] { flex-direction: column; text-align: center; gap: 1rem; } .share-icon[data-v-3927ebc6] { margin-right: 0; } .url-input-group[data-v-3927ebc6] { flex-direction: column; } .share-stats[data-v-3927ebc6] { flex-direction: column; gap: 1rem; } } .file-item[data-v-3927ebc6] { display: flex; align-items: center; padding: 6px 21px; border-radius: 6px; } .file-item[data-v-3927ebc6]:hover { background-color: #f0f0f0; } .file-icon[data-v-3927ebc6] { font-size: 1.2rem; color: #555; width: 20px; flex-shrink: 0; } .file-details[data-v-3927ebc6] { flex-grow: 1; display: flex; align-items: center; overflow: hidden; min-width: 0; } .file-details > a[data-v-3927ebc6] { flex-grow: 1; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; min-width: 0; } .file-actions[data-v-3927ebc6] { display: flex; gap: 10px; flex-shrink: 0; } .action-link[data-v-3927ebc6] { color: #666; text-decoration: none; transition: color 0.3s ease; } .action-link[data-v-3927ebc6]:hover { color: #007bff; } .action-link i[data-v-3927ebc6] { font-size: 0.8rem; } /* Knowledgebase Page Header Styles */ .kb-page-header[data-v-3927ebc6] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); z-index: 10; border-bottom: 1px solid #e5e8eb; } .kb-header-bar[data-v-3927ebc6] { width: 100%; height: 4px; background-color: #1e3a8a; margin-bottom: 0; } .kb-header-content .h4[data-v-3927ebc6] { font-size: 1.25rem; font-weight: 500; color: #2d3748; margin-bottom: 0.25rem; } .kb-header-content .kb-meta[data-v-3927ebc6] { font-size: 0.875rem; color: #718096; } .kb-back-btn[data-v-3927ebc6] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #1e3a8a; text-decoration: none; transition: all 0.2s ease; border-radius: 4px; } .kb-back-btn[data-v-3927ebc6]:hover { background-color: #f0f4ff; color: #1e40af; } .kb-back-btn i[data-v-3927ebc6] { font-size: 16px; } .kb-title[data-v-3927ebc6] { flex: 1; margin: 0; font-size: 1.5rem; font-weight: 700; color: #1a1a1a; line-height: 1.2; } .kb-external-link[data-v-3927ebc6] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #1e3a8a; text-decoration: none; transition: all 0.2s ease; border-radius: 4px; } .kb-external-link[data-v-3927ebc6]:hover { background-color: #f0f4ff; color: #1e40af; } .kb-external-link i[data-v-3927ebc6] { font-size: 14px; } .file-preview[data-v-3927ebc6] { position: relative; border-radius: 8px; background-color: #fdfdfd; min-height: 200px; } .document-frame iframe[data-v-3927ebc6] { width: 100%; height: 600px; border: none; border-radius: 6px; background: #fff; } .image-preview[data-v-3927ebc6] { display: flex; justify-content: center; align-items: center; padding: 1rem; background: #fff; } .image-preview img[data-v-3927ebc6] { max-width: 100%; max-height: 70vh; border-radius: 6px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15); -o-object-fit: contain; object-fit: contain; } .markdown-preview[data-v-3927ebc6] { max-height: 600px; overflow-y: auto; padding: 0.5rem; background: #fff; border-radius: 6px; } .markdown-preview h1[data-v-3927ebc6], .markdown-preview h2[data-v-3927ebc6], .markdown-preview h3[data-v-3927ebc6] { margin-top: 1rem; } .code-preview pre[data-v-3927ebc6], .text-preview pre[data-v-3927ebc6] { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: 6px; max-height: 600px; overflow: auto; font-size: 0.9rem; } .code-preview pre[data-v-3927ebc6] { background: #0b1120; } .fallback-preview[data-v-3927ebc6] { text-align: center; padding: 2rem 1rem; color: #6b7280; } .spreadsheet-preview[data-v-3927ebc6] { background: #fff; padding: 0.5rem; border-radius: 6px; max-height: 70vh; overflow: auto; } .spreadsheet-preview table[data-v-3927ebc6] { font-size: 0.875rem; } .spreadsheet-preview td[data-v-3927ebc6] { min-width: 120px; white-space: nowrap; } .notebook-preview[data-v-3927ebc6] { background: #fff; padding: 1rem; border-radius: 8px; max-height: 70vh; overflow: auto; display: flex; flex-direction: column; gap: 1rem; } .notebook-cell[data-v-3927ebc6] { border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; background: #f8fafc; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05); } .notebook-cell .cell-meta[data-v-3927ebc6] { margin-bottom: 0.5rem; } .notebook-cell .cell-content[data-v-3927ebc6] { font-size: 0.95rem; } .notebook-cell .cell-content.markdown[data-v-3927ebc6] { color: #0f172a; } .notebook-cell .cell-content.code pre[data-v-3927ebc6], .notebook-cell .cell-content.raw pre[data-v-3927ebc6] { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 6px; overflow-x: auto; } .cell-output[data-v-3927ebc6] { margin-top: 0.75rem; border-top: 1px dashed #cbd5f5; padding-top: 0.75rem; } .output-block + .output-block[data-v-3927ebc6] { margin-top: 0.75rem; } .output-block pre[data-v-3927ebc6] { background: #0b1120; color: #cbd5f5; padding: 0.5rem; border-radius: 4px; overflow-x: auto; } .output-image img[data-v-3927ebc6] { max-width: 100%; border-radius: 4px; border: 1px solid #e2e8f0; } /* Enhanced User Dashboard Styles */ .page-header-enhanced[data-v-4a992b67] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #e2e8f0; } .header-content[data-v-4a992b67] { flex: 1; } .page-title[data-v-4a992b67] { font-size: 2.25rem; font-weight: 700; color: #2d3748; margin: 0 0 8px 0; } .page-subtitle[data-v-4a992b67] { font-size: 1.125rem; color: #718096; margin: 0; } .header-actions[data-v-4a992b67] { display: flex; gap: 12px; } .btn-enhanced[data-v-4a992b67] { border-radius: 8px; font-weight: 600; padding: 12px 24px; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .btn-enhanced[data-v-4a992b67]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .widget-subtitle[data-v-4a992b67] { font-size: 0.875rem; color: #718096; margin-top: 4px; } .widget-progress[data-v-4a992b67] { margin-top: 16px; } .progress-info[data-v-4a992b67] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .progress[data-v-4a992b67] { height: 6px; border-radius: 3px; background-color: #e2e8f0; } .progress-bar[data-v-4a992b67] { border-radius: 3px; } .widget-stats[data-v-4a992b67] { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; } .stat-item[data-v-4a992b67] { text-align: center; flex: 1; } .stat-value[data-v-4a992b67] { display: block; font-size: 1.25rem; font-weight: 700; color: #2d3748; } .stat-label[data-v-4a992b67] { display: block; font-size: 0.75rem; color: #718096; margin-top: 2px; } /* Enhanced Card Styles */ .enhanced-chart-card[data-v-4a992b67], .enhanced-jobs-card[data-v-4a992b67], .enhanced-table-card[data-v-4a992b67] { border: none; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border-radius: 12px; } .enhanced-chart-card .card-header[data-v-4a992b67], .enhanced-jobs-card .card-header[data-v-4a992b67], .enhanced-table-card .card-header[data-v-4a992b67] { background: #f7fafc; border-bottom: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; padding: 20px; } .card-title i[data-v-4a992b67] { color: #667eea; } /* Job List Styles */ .job-list[data-v-4a992b67] { list-style: none; padding: 0; margin: 0; } .job-item[data-v-4a992b67] { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #e2e8f0; } .job-item[data-v-4a992b67]:last-child { border-bottom: none; } .job-info[data-v-4a992b67] { flex: 1; } .job-title[data-v-4a992b67] { font-size: 1rem; font-weight: 600; color: #2d3748; margin: 0 0 4px 0; } .job-date[data-v-4a992b67] { color: #718096; font-size: 0.875rem; } .job-actions[data-v-4a992b67] { margin-left: 16px; } /* Empty State Styles */ .empty-state[data-v-4a992b67] { text-align: center; padding: 40px 20px; } .empty-icon[data-v-4a992b67] { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; color: white; font-size: 24px; } .empty-message[data-v-4a992b67] { font-size: 1.125rem; font-weight: 600; color: #4a5568; margin-bottom: 8px; } .empty-subtitle[data-v-4a992b67] { color: #718096; font-size: 0.875rem; } /* Table Enhancements */ .job-link[data-v-4a992b67] { color: #667eea; text-decoration: none; font-weight: 600; } .job-link[data-v-4a992b67]:hover { color: #5a67d8; text-decoration: underline; } .badge-job-type[data-v-4a992b67] { background: #edf2f7; color: #4a5568; border: 1px solid #e2e8f0; } .badge-info[data-v-4a992b67] { background: #bee3f8; color: #2b6cb0; } .badge-success[data-v-4a992b67] { background: #c6f6d5; color: #276749; } .badge-warning[data-v-4a992b67] { background: #fef5e7; color: #b7791f; } .badge-danger[data-v-4a992b67] { background: #fed7d7; color: #c53030; } .badge-secondary[data-v-4a992b67] { background: #e2e8f0; color: #4a5568; } .header-filters[data-v-4a992b67] { display: flex; gap: 12px; align-items: center; } .form-select-sm[data-v-4a992b67] { border-radius: 6px; border: 1px solid #e2e8f0; padding: 6px 12px; font-size: 0.875rem; } /* Responsive Design */ @media (max-width: 768px) { .page-header-enhanced[data-v-4a992b67] { flex-direction: column; align-items: flex-start; gap: 16px; } .job-item[data-v-4a992b67] { flex-direction: column; align-items: flex-start; gap: 12px; } .job-actions[data-v-4a992b67] { margin-left: 0; width: 100%; } .header-filters[data-v-4a992b67] { width: 100%; justify-content: flex-end; } } @media (max-width: 576px) { .page-title[data-v-4a992b67] { font-size: 1.875rem; } .page-subtitle[data-v-4a992b67] { font-size: 1rem; } } .timelogs-table-region[data-v-7c7ad99c] { width: 100%; box-sizing: border-box; } /* This h2 relied on `.ant-table tbody td h2 { font-size: inherit; margin: 0 }` from the global stylesheet, which no longer applies now that this table isn't an — restate it locally so the name doesn't render at the browser's oversized default h2 size. */ .timelogs-table[data-v-7c7ad99c] .dt-td h2 { font-size: inherit; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .timelogs-page-loading-block[data-v-7c7ad99c] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .timelogs-page-loading-spinner[data-v-7c7ad99c] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .timelogs-page-loading-label[data-v-7c7ad99c] { font-size: 0.95rem; } .logs-table[data-v-7c7ad99c] { table-layout: fixed; width: 100%; word-wrap: break-word; } .logs-table th[data-v-7c7ad99c], .logs-table td[data-v-7c7ad99c] { text-align: left; overflow: hidden; } .truncate[data-v-7c7ad99c] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; /* Adjust as necessary */ } .truncate[data-v-7c7ad99c]:hover { cursor: pointer; } /* Ensure Daily Logs modal stacks above Weekly Reports when both are open */ #daily_logs_modal.modal.show[data-v-7c7ad99c] { z-index: 1065 !important; } /* Reports modal loading state */ .reports-loading-indicator[data-v-7c7ad99c] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 120px; padding: 24px; } .reports-loading-indicator .spinner-border[data-v-7c7ad99c] { width: 2.5rem; height: 2.5rem; } .reports-loading-indicator p[data-v-7c7ad99c] { color: #6c757d; font-size: 14px; } /* Table Styling */ .table-hover thead th[data-v-7c7ad99c] { background-color: #4b5866 !important; border-bottom: 1px solid #dee2e6; color: #495057; font-weight: 600; padding: 12px 16px; } .table-hover tbody tr[data-v-7c7ad99c]:hover { background-color: #f5f5f5; } .truncated-text[data-v-7c7ad99c] { max-width: 200px; /* Adjust as per your table width */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .truncated-text[data-v-7c7ad99c]:hover { white-space: normal; overflow: visible; text-overflow: unset; background-color: #f5f5f5; padding: 5px; z-index: 10; } .view-btn[data-v-7c7ad99c] { display: flex; /* Allows for flexible layout */ align-items: center; /* Centers icon vertically */ color: #667eea; /* Default color for the icon, adjust as needed */ font-size: 14px; /* Adjust icon size if needed */ text-decoration: none; /* Remove underline from link */ } .view-btn i[data-v-7c7ad99c] { margin-left: 1px; /* Space between text and icon */ } .view-btn[data-v-7c7ad99c]:hover { color: #6a98c9; /* Change color on hover */ } /* Custom Table Footer Styling */ .custom-table-footer[data-v-7c7ad99c] { background-color: #f8f9fa; border-top: none; border-radius: 0 0 12px 12px; font-size: 14px; } .entries-info[data-v-7c7ad99c] { color: #6c757d; font-weight: 500; font-size: 14px; } .entries-selector[data-v-7c7ad99c] { display: flex; align-items: center; gap: 8px; } .entries-selector label[data-v-7c7ad99c] { margin: 0; font-size: 14px; color: #495057; font-weight: 500; } .entries-selector select[data-v-7c7ad99c] { width: 80px; padding: 6px 12px; border: 1px solid #ced4da; /* border-radius: 4px; */ font-size: 14px; background-color: #fff; color: #495057; cursor: pointer; background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 6 7 7 7-7%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 8px center; background-size: 16px 12px; padding-right: 32px; } .pagination[data-v-7c7ad99c] { margin: 0; } .page-link[data-v-7c7ad99c] { color: #667eea; border-color: #dee2e6; padding: 6px 12px; font-size: 14px; } .page-link[data-v-7c7ad99c]:hover { color: #5a6fd8; background-color: #e9ecef; border-color: #adb5bd; } .page-item.active .page-link[data-v-7c7ad99c] { background-color: #667eea; border-color: #667eea; } .page-item.disabled .page-link[data-v-7c7ad99c] { color: #6c757d; background-color: #fff; border-color: #dee2e6; } @media (max-width: 768px) { .custom-table-footer[data-v-7c7ad99c] { flex-direction: column; gap: 15px; text-align: center; } .pagination-controls[data-v-7c7ad99c] { justify-content: center !important; } .entries-selector[data-v-7c7ad99c] { margin-right: 0 !important; margin-bottom: 10px; } } .google-icon { position: relative; width: 10%; /* Adjust size */ height: 10%; margin-right: 10px; transition: transform 0.3s ease-in-out; } .google-btn:hover .google-icon{ transform: rotate(360deg); background-color: white; } .success-container[data-v-6668e107] { max-width: 600px; margin: 0 auto; text-align: center; padding-top: 100px; } .loading-wrapper[data-v-d624fb84] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999; } .mandatory[data-v-d624fb84] { color: red; } .google-btn[data-v-d624fb84] { display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; color: #757575; border: 1px solid #ddd; } .google-btn[data-v-d624fb84]:hover { background-color: #f8f9fa; color: #757575; } .google-icon[data-v-d624fb84] { width: 18px; height: 18px; } .contact-info[data-v-d624fb84] { margin-top: 15px; font-size: 14px; color: #666; } .modal[data-v-082302fb] { background-color: rgba(0, 0, 0, 0.5); } .modal-header[data-v-082302fb] { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; } .modal-title[data-v-082302fb] { font-weight: 600; color: #495057; } .btn-close[data-v-082302fb] { background: none; border: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; opacity: 0.5; cursor: pointer; } .btn-close[data-v-082302fb]:hover { opacity: 0.75; } .form-label[data-v-082302fb] { font-weight: 500; color: #495057; margin-bottom: 0.5rem; } .tag-input-container[data-v-082302fb] { background: #f8f9fa; border: 1px solid #ced4da; border-radius: 0.375rem; padding: 0.5rem; } .tags-display[data-v-082302fb] { min-height: 1.5rem; } .badge[data-v-082302fb] { display: inline-flex; align-items: center; font-size: 0.75rem; } .btn-close-white[data-v-082302fb] { filter: brightness(0) invert(1); } .invalid-feedback[data-v-082302fb] { display: block; } .spinner-border-sm[data-v-082302fb] { width: 1rem; height: 1rem; } .modal-backdrop[data-v-082302fb] { background-color: rgba(0, 0, 0, 0.5); } .file-list[data-v-082302fb] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 10px; } .file-item[data-v-082302fb] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .file-item[data-v-082302fb]:last-child { border-bottom: none; } .file-item i[data-v-082302fb] { margin-right: 8px; font-size: 1.1rem; } .file-name[data-v-082302fb] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size[data-v-082302fb] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-082302fb] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-082302fb]:hover { color: #bd2130; } /* File type icons */ .fas[data-v-082302fb] { width: 16px; text-align: center; } .fa-file-pdf[data-v-082302fb] { color: #dc3545; } .fa-file-word[data-v-082302fb] { color: #2196f3; } .fa-file-image[data-v-082302fb] { color: #4caf50; } .fa-file-archive[data-v-082302fb] { color: #ff9800; } .fa-file-text[data-v-082302fb] { color: #607d8b; } .fa-file[data-v-082302fb] { color: #9e9e9e; } /* Loading state styles */ .submit-btn[data-v-082302fb]:disabled { cursor: not-allowed; opacity: 0.7; } .fa-spinner[data-v-082302fb] { animation: spin-082302fb 1s linear infinite; } @keyframes spin-082302fb { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .support-content[data-v-7ae509a6] { padding: 0; } .ticket-subject[data-v-7ae509a6] { max-width: 250px; } .ticket-subject strong[data-v-7ae509a6] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .table th[data-v-7ae509a6] { border-top: none; font-weight: 600; color: #555; } .badge[data-v-7ae509a6] { font-size: 0.75em; } .badge-outline-secondary[data-v-7ae509a6] { color: #6c757d; border: 1px solid #6c757d; background: transparent; } .card-header[data-v-7ae509a6] { background: #f8f9fc; border-bottom: 1px solid #e3e6f0; } /* Page-specific styles */ .ticket-details-page[data-v-c9f24ed2] { height: calc(100vh - 60px); display: flex; flex-direction: column; background-color: #f6f7f9; position: relative; width: 100%; overflow: hidden; } .ticket-header[data-v-c9f24ed2] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); z-index: 10; border-bottom: 1px solid #e5e8eb; } .ticket-title h4[data-v-c9f24ed2] { font-size: 1.25rem; font-weight: 500; color: #2d3748; margin-bottom: 0.25rem; } .ticket-title .ticket-meta[data-v-c9f24ed2] { font-size: 0.875rem; color: #718096; } .ticket-content[data-v-c9f24ed2] { flex: 1; margin: 0 0 0 0; border-radius: 8px 8px 0 0; background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); display: flex; flex-direction: column; overflow: hidden; height: calc(100vh - 180px); } .row.g-0.h-100[data-v-c9f24ed2] { flex: 1; margin: 0; height: 100%; overflow: hidden; } .col-md-9[data-v-c9f24ed2] { flex: 0 0 75%; max-width: 75%; border-left: 1px solid #e5e8eb; height: 100%; overflow: hidden; display: flex; flex-direction: column; } .col-md-3[data-v-c9f24ed2] { flex: 0 0 25%; max-width: 25%; height: 100%; overflow: hidden; } .ticket-tabs[data-v-c9f24ed2] { background-color: white; border-bottom: 1px solid #e5e8eb; } .ticket-tabs .nav-tabs[data-v-c9f24ed2] { padding: 0 0.75rem; border: none; } .ticket-tabs .nav-link[data-v-c9f24ed2] { border: none; color: #718096; font-size: 0.8rem; font-weight: 500; margin-bottom: -1px; position: relative; } .ticket-tabs .nav-link.active[data-v-c9f24ed2] { color: #3182ce; background: transparent; border: none; box-shadow: inset 0 -2px 0 #3182ce; } .ticket-tabs .nav-link.active[data-v-c9f24ed2]:after { content: none; display: none; } .ticket-tabs .nav-link[data-v-c9f24ed2]:hover { color: #3182ce; } .ticket-tabs .nav-link i[data-v-c9f24ed2] { margin-right: 0.5rem; } .conversation-item[data-v-c9f24ed2] { padding: 0.75rem; border-bottom: 1px solid #e5e8eb; } .conversation-item[data-v-c9f24ed2]:last-child { border-bottom: none; } .conversation-content[data-v-c9f24ed2] { background-color: #f8fafc; padding: 0.75rem; border-radius: 6px; border: 1px solid #e5e8eb; margin-top: 0.5rem; overflow-wrap: anywhere; } .card[data-v-c9f24ed2] { border: 1px solid #e5e8eb; border-radius: 8px; box-shadow: none; } .card .card-header[data-v-c9f24ed2] { background: white; border-bottom: 1px solid #e5e8eb; padding: 1rem 1.25rem; } .card .card-header h6[data-v-c9f24ed2] { font-size: 0.875rem; font-weight: 600; color: #2d3748; } .card .card-body[data-v-c9f24ed2] { padding: 1.25rem; } .edit-btn[data-v-c9f24ed2] { font-weight: 500; border-radius: 6px; max-height: 26px; max-width: 26px; } .btn[data-v-c9f24ed2] { font-weight: 500; padding: 0.5rem 1rem; border-radius: 6px; transition: all 0.2s; } .btn.btn-primary[data-v-c9f24ed2] { background: #3182ce; border-color: #3182ce; } .btn.btn-primary[data-v-c9f24ed2]:hover { background: #2c5282; border-color: #2c5282; } .btn.btn-outline-secondary[data-v-c9f24ed2] { color: #718096; border-color: #e5e8eb; } .btn.btn-outline-secondary[data-v-c9f24ed2]:hover { background: #f8fafc; color: #2d3748; } .badge[data-v-c9f24ed2] { font-weight: 500; padding: 0.35rem 0.75rem; font-size: 0.75rem; } .badge.bg-success[data-v-c9f24ed2] { background-color: #48bb78 !important; } .badge.bg-warning[data-v-c9f24ed2] { background-color: #ecc94b !important; color: #744210 !important; } .badge.bg-danger[data-v-c9f24ed2] { background-color: #f56565 !important; } .info-item[data-v-c9f24ed2] { margin-bottom: 1.25rem; } .info-item .form-label[data-v-c9f24ed2] { font-size: 0.75rem; font-weight: 600; color: #718096; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .ticket-main-content[data-v-c9f24ed2] { height: 100%; display: flex; flex-direction: column; overflow: hidden; } .tab-content[data-v-c9f24ed2] { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 0.75rem; } .tab-content[data-v-c9f24ed2]::-webkit-scrollbar { width: 6px; } .tab-content[data-v-c9f24ed2]::-webkit-scrollbar-track { background: transparent; } .tab-content[data-v-c9f24ed2]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .tab-content[data-v-c9f24ed2]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } .ticket-main-header[data-v-c9f24ed2] { flex-shrink: 0; padding: 0.75rem; } @media (max-width: 768px) { .ticket-content .row.g-0 > div[data-v-c9f24ed2] { min-height: auto; } .col-md-3[data-v-c9f24ed2]:first-child { display: none; } .col-md-9[data-v-c9f24ed2] { flex: 0 0 100%; max-width: 100%; } .sidebar-content[data-v-c9f24ed2] { height: auto; max-height: 300px; padding: 1rem; } .ticket-tabs .nav-tabs[data-v-c9f24ed2] { flex-wrap: nowrap; overflow-x: auto; padding: 0 0.5rem; } .ticket-tabs .nav-link[data-v-c9f24ed2] { white-space: nowrap; padding: 0.5rem 0.75rem; font-size: 0.7rem; } .attachment-grid[data-v-c9f24ed2] { grid-template-columns: 1fr; } .action-buttons .btn[data-v-c9f24ed2] { font-size: 0.75rem; padding: 0.375rem 0.75rem; } } @media print { .ticket-header[data-v-c9f24ed2], .col-md-3[data-v-c9f24ed2], .action-buttons[data-v-c9f24ed2], .quick-actions[data-v-c9f24ed2] { display: none !important; } .ticket-content[data-v-c9f24ed2] { height: auto !important; } .col-md-6[data-v-c9f24ed2] { flex: 0 0 100% !important; max-width: 100% !important; } .conversation-thread[data-v-c9f24ed2] { max-height: none !important; } .tab-content[data-v-c9f24ed2] { overflow: visible !important; } } .collapsible-card[data-v-c9f24ed2] { border: 1px solid #e5e8eb; border-radius: 6px; /* overflow: hidden; */ margin-bottom: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .collapsible-header[data-v-c9f24ed2] { background: white; border-bottom: 1px solid #e5e8eb; padding: 0.75rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 48px; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s ease; position: relative; } .collapsible-header[data-v-c9f24ed2]:hover { background-color: #f8fafc; border-bottom-color: #d1d9e0; } .collapsible-header[data-v-c9f24ed2]:active { background-color: #edf2f7; } .header-content[data-v-c9f24ed2] { display: flex; align-items: center; flex: 1; } .header-icon[data-v-c9f24ed2] { width: 18px; height: 18px; font-size: 16px; color: #718096; margin-right: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .header-title[data-v-c9f24ed2] { color: #2d3748; font-size: 0.875rem; font-weight: 600; margin: 0; line-height: 1.25; } .chevron-icon[data-v-c9f24ed2] { width: 16px; height: 16px; font-size: 12px; color: #718096; transition: transform 0.3s ease, color 0.2s ease; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .collapsible-header:hover .chevron-icon[data-v-c9f24ed2] { color: #4a5568; } .fa-chevron-up[data-v-c9f24ed2] { transform: rotate(180deg); } .fa-chevron-down[data-v-c9f24ed2] { transform: rotate(0deg); } .collapse-enter-active[data-v-c9f24ed2], .collapse-leave-active[data-v-c9f24ed2] { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); max-height: 500px; opacity: 1; overflow: hidden; } .collapse-enter-from[data-v-c9f24ed2], .collapse-leave-to[data-v-c9f24ed2] { max-height: 0; opacity: 0; transform: translateY(-10px); } .collapse-enter-to[data-v-c9f24ed2], .collapse-leave-from[data-v-c9f24ed2] { max-height: 500px; opacity: 1; transform: translateY(0); } .collapsible-card .card-body[data-v-c9f24ed2] { padding: 0.75rem; background-color: white; border-bottom: none; } /* Content sections styling */ .contact-info[data-v-c9f24ed2], .key-info[data-v-c9f24ed2], .ticket-info[data-v-c9f24ed2] { margin: 0; } .info-item[data-v-c9f24ed2] { margin-bottom: 0.75rem; } .info-item[data-v-c9f24ed2]:last-child { margin-bottom: 0; } /* Remove body scrolling and fit content next to sidebar */ body[data-v-c9f24ed2] { overflow: hidden !important; } /* .page-wrapper { margin-left: 250px !important; margin-top: 60px !important; margin-right: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } .content { margin: 0 !important; padding: 0 !important; width: 100% !important; } .main-wrapper { overflow: hidden !important; } */ .ticket-details-page[data-v-c9f24ed2] { width: 100%; max-width: none !important; } .contact-info[data-v-c9f24ed2] { font-size: 0.875rem; } .contact-item[data-v-c9f24ed2] { display: flex; align-items: center; margin-bottom: 0.75rem; } .contact-item[data-v-c9f24ed2]:last-child { margin-bottom: 0; } .contact-item a[data-v-c9f24ed2] { color: #3182ce; text-decoration: none; transition: color 0.2s ease; } .contact-item a[data-v-c9f24ed2]:hover { color: #2c5282; text-decoration: underline !important; } .contact-item i[data-v-c9f24ed2] { width: 20px; color: #718096; } .avatar-circle[data-v-c9f24ed2] { min-width: 48px; width: 48px; height: 48px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 500; margin-right: 1rem; } .avatar-circle-sm[data-v-c9f24ed2] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } /* Additional improvements for consistent spacing */ .collapsible-card + .collapsible-card[data-v-c9f24ed2] { margin-top: 0; } .collapsible-card .card-body > div[data-v-c9f24ed2]:first-child { margin-top: 0; } .collapsible-card .card-body > div[data-v-c9f24ed2]:last-child { margin-bottom: 0; } /* Sidebar content with independent scrolling */ .sidebar-content[data-v-c9f24ed2] { height: calc(100vh - 150px); overflow-y: auto; overflow-x: hidden; padding: 0.75rem; display: flex; flex-direction: column; scrollbar-width: thin; scrollbar-color: #cbd5e0 transparent; } .sidebar-content[data-v-c9f24ed2]::-webkit-scrollbar { width: 6px; } .sidebar-content[data-v-c9f24ed2]::-webkit-scrollbar-track { background: transparent; } .sidebar-content[data-v-c9f24ed2]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .sidebar-content[data-v-c9f24ed2]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } .collapsible-card[data-v-c9f24ed2] { flex-shrink: 0; } /* Ticket header info styling */ .ticket-header-info[data-v-c9f24ed2] { background: white; padding: 0.75rem; border-radius: 6px; border: 1px solid #e5e8eb; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 0.5rem; } .ticket-header-info h6[data-v-c9f24ed2] { color: #2d3748; font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } .ticket-header-info .text-muted[data-v-c9f24ed2] { font-size: 0.875rem; line-height: 1.4; } /* Override any bootstrap card styling that might interfere */ .collapsible-card.card[data-v-c9f24ed2] { margin-bottom: 1rem; } .collapsible-card.card[data-v-c9f24ed2]:last-child { margin-bottom: 0; } /* Ensure proper spacing for form elements in cards */ .collapsible-card .form-label[data-v-c9f24ed2] { font-size: 0.75rem; font-weight: 600; color: #718096; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .collapsible-card .small[data-v-c9f24ed2] { font-size: 0.875rem; line-height: 1.4; } /* Ticket Action Bar - within main content */ .ticket-action-bar[data-v-c9f24ed2] { background: #f8fafc; border-top: 1px solid #e5e8eb; padding: 0.75rem; margin-top: auto; flex-shrink: 0; } .ticket-action-bar .btn[data-v-c9f24ed2] { font-weight: 500; padding: 0.5rem 1rem; border-radius: 6px; transition: all 0.2s ease; } .ticket-action-bar .action-group[data-v-c9f24ed2] { display: flex; align-items: center; } .ticket-action-bar .status-actions[data-v-c9f24ed2] { display: flex; align-items: center; } .upload-area[data-v-c9f24ed2] { border: 2px dashed #e2e8f0; border-radius: 8px; padding: 2rem; transition: all 0.3s ease; cursor: pointer; } .upload-area[data-v-c9f24ed2]:hover, .upload-area.dragging[data-v-c9f24ed2] { border-color: #3182ce; background-color: #ebf8ff; } .upload-content[data-v-c9f24ed2] { color: #4a5568; } .selected-file-item[data-v-c9f24ed2] { padding: 0.5rem; border: 1px solid #e2e8f0; border-radius: 4px; margin-bottom: 0.5rem; } .selected-file-item[data-v-c9f24ed2]:last-child { margin-bottom: 0; } .attachment-grid[data-v-c9f24ed2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; padding: 1rem; } .attachment-card[data-v-c9f24ed2] { border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; display: flex; align-items: flex-start; background: white; transition: all 0.2s ease; } .attachment-card[data-v-c9f24ed2]:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .attachment-icon[data-v-c9f24ed2] { font-size: 2rem; color: #4a5568; margin-right: 1rem; width: 40px; text-align: center; } .attachment-details[data-v-c9f24ed2] { flex: 1; } .attachment-name[data-v-c9f24ed2] { font-weight: 500; margin-bottom: 0.25rem; word-break: break-all; } .attachment-size[data-v-c9f24ed2] { font-size: 0.875rem; margin-bottom: 0.5rem; } .attachment-info[data-v-c9f24ed2] { font-size: 0.75rem; line-height: 1.4; } .attachment-actions[data-v-c9f24ed2] { display: flex; gap: 0.5rem; margin-left: 1rem; } .dropdown-menu[data-v-c9f24ed2] { min-width: 120px; } .dropdown-item[data-v-c9f24ed2] { display: flex; align-items: center; padding: 0.5rem 1rem; } .dropdown-item[data-v-c9f24ed2]:hover { background-color: #f8fafc; } .input-group[data-v-c9f24ed2] { width: auto; } .input-group .form-control[data-v-c9f24ed2] { max-width: 150px; } .input-group .btn[data-v-c9f24ed2] { padding: 0.25rem 0.5rem; } .conversation-filter[data-v-c9f24ed2] { padding: 1rem; background: white; border-bottom: 1px solid #e5e8eb; } .conversation-filter .btn-group[data-v-c9f24ed2] { display: inline-flex; gap: 0; } .conversation-filter .btn[data-v-c9f24ed2] { border-radius: 0; margin: 0; position: relative; } .conversation-filter .btn[data-v-c9f24ed2]:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .conversation-filter .btn[data-v-c9f24ed2]:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .conversation-filter .btn-outline-primary[data-v-c9f24ed2] { background-color: white; } .conversation-filter .btn-outline-primary[data-v-c9f24ed2]:hover { background-color: #edf2f7; } .scroll-controls[data-v-c9f24ed2] { display: flex; align-items: center; gap: 0.25rem; } .scroll-controls .btn[data-v-c9f24ed2] { padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 4px; transition: all 0.2s ease; } .scroll-controls .btn[data-v-c9f24ed2]:hover { background-color: #f8fafc; border-color: #cbd5e0; } .conversation-tab-content[data-v-c9f24ed2] { position: relative; } /* Floating scroll to bottom button for mobile/small screens */ .floating-scroll-bottom[data-v-c9f24ed2] { position: absolute; bottom: 20px; right: 20px; z-index: 10; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: all 0.3s ease; } .floating-scroll-bottom[data-v-c9f24ed2]:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.2); } @media (max-width: 768px) { .scroll-controls[data-v-c9f24ed2] { display: none; } .floating-scroll-bottom[data-v-c9f24ed2] { display: flex; } } @media (min-width: 769px) { .floating-scroll-bottom[data-v-c9f24ed2] { display: none; } } .avatar-circle.private[data-v-c9f24ed2] { background-color: #718096; } .conversation-content.private[data-v-c9f24ed2] { background-color: #f8fafc; border-color: #cbd5e0; } .form-check-label[data-v-c9f24ed2] { font-size: 0.875rem; color: #4a5568; } .ticket-description[data-v-c9f24ed2] { /* Ensure rich text content is displayed correctly */ max-width: 100%; word-wrap: break-word; } .ticket-description img[data-v-c9f24ed2] { max-width: 100%; height: auto; } .conversation-original-description[data-v-c9f24ed2] { padding-top: 1rem; border-top: 1px solid #e2e8f0; } .activity-badge[data-v-c9f24ed2] { font-weight: 500; padding: 0.35em 0.6em; } /* Description tab styling */ .description-section[data-v-c9f24ed2] { padding: 1rem; } .description-section .card[data-v-c9f24ed2] { border: 1px solid #e5e8eb; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .description-section .card-header[data-v-c9f24ed2] { background: #f8fafc; border-bottom: 1px solid #e5e8eb; padding: 1rem; } .description-section .card-header h6[data-v-c9f24ed2] { color: #2d3748; font-weight: 600; margin: 0; } .description-section .card-body[data-v-c9f24ed2] { padding: 1.5rem; } .description-editor[data-v-c9f24ed2] { position: relative; } .description-readonly[data-v-c9f24ed2] { min-height: 400px; padding: 1rem; border: 1px solid #e5e8eb; border-radius: 6px; background: #f8fafc; } .description-content[data-v-c9f24ed2] { line-height: 1.6; color: #2d3748; } .description-content img[data-v-c9f24ed2] { max-width: 100%; height: auto; border-radius: 4px; margin: 0.5rem 0; } .description-content p[data-v-c9f24ed2] { margin-bottom: 1rem; } .description-content p[data-v-c9f24ed2]:last-child { margin-bottom: 0; } .description-content ul[data-v-c9f24ed2], .description-content ol[data-v-c9f24ed2] { margin-bottom: 1rem; padding-left: 1.5rem; } .description-content li[data-v-c9f24ed2] { margin-bottom: 0.25rem; } .description-content a[data-v-c9f24ed2] { color: #3182ce; text-decoration: none; } .description-content a[data-v-c9f24ed2]:hover { text-decoration: underline; } /* Assignee Dropdown Styling */ .assignee-dropdown[data-v-c9f24ed2] { position: relative; } .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2] { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0.75rem; border: 1px solid #ced4da; background-color: #fff; background-image: none; color: #212529; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2]:hover, .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2]:focus, .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2]:active, .assignee-dropdown .dropdown-toggle.show[data-v-c9f24ed2] { background-color: #fff !important; background-image: none !important; color: #212529 !important; border-color: #3182ce; box-shadow: none; } .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2]:focus, .assignee-dropdown .dropdown-toggle.show[data-v-c9f24ed2]:focus { box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .dropdown-toggle .fw-medium[data-v-c9f24ed2] { color: #212529; } .assignee-dropdown .dropdown-toggle:hover .fw-medium[data-v-c9f24ed2], .assignee-dropdown .dropdown-toggle:focus .fw-medium[data-v-c9f24ed2], .assignee-dropdown .dropdown-toggle:active .fw-medium[data-v-c9f24ed2], .assignee-dropdown .dropdown-toggle.show .fw-medium[data-v-c9f24ed2] { color: #212529 !important; } .assignee-dropdown .dropdown-toggle .text-muted[data-v-c9f24ed2] { color: #6c757d !important; } .assignee-dropdown .dropdown-toggle[data-v-c9f24ed2]::after { margin-left: auto; flex-shrink: 0; } .assignee-dropdown .dropdown-menu[data-v-c9f24ed2] { position: absolute; top: 100%; left: 0; right: 0; max-height: 300px; overflow: hidden; border: 1px solid #e5e8eb; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1050; background: white; margin-top: 2px; } .assignee-dropdown .dropdown-menu.show[data-v-c9f24ed2] { display: block; } .assignee-dropdown .dropdown-search[data-v-c9f24ed2] { background: #f8fafc; border-bottom: 1px solid #e5e8eb; position: sticky; top: 0; z-index: 10; } .assignee-dropdown .dropdown-search input[data-v-c9f24ed2] { border: 1px solid #e5e8eb; border-radius: 4px; padding: 0.5rem; font-size: 0.875rem; } .assignee-dropdown .dropdown-search input[data-v-c9f24ed2]:focus { border-color: #3182ce; box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .assignee-options[data-v-c9f24ed2] { max-height: 200px; overflow-y: auto; } .assignee-dropdown .assignee-option[data-v-c9f24ed2] { padding: 0.75rem; border: none; background: none; transition: background-color 0.2s ease; border-bottom: 1px solid #f8fafc; } .assignee-dropdown .assignee-option[data-v-c9f24ed2]:hover, .assignee-dropdown .assignee-option[data-v-c9f24ed2]:focus { background-color: #f8fafc; background-image: none; color: #212529; text-decoration: none; } .assignee-dropdown .assignee-option:hover small[data-v-c9f24ed2], .assignee-dropdown .assignee-option:focus small[data-v-c9f24ed2] { color: #718096 !important; } .assignee-dropdown .assignee-option.active[data-v-c9f24ed2]:hover, .assignee-dropdown .assignee-option.active[data-v-c9f24ed2]:focus { background-color: #dbeafe; background-image: none; color: #1d4ed8; } .assignee-dropdown .assignee-option.active:hover small[data-v-c9f24ed2], .assignee-dropdown .assignee-option.active:focus small[data-v-c9f24ed2] { color: #64748b !important; } .assignee-dropdown .assignee-option.active[data-v-c9f24ed2] { background-color: #ebf8ff; color: #3182ce; } .assignee-dropdown .assignee-option .avatar-circle-sm[data-v-c9f24ed2] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } .assignee-dropdown .assignee-option .avatar-circle-sm.bg-secondary[data-v-c9f24ed2] { background-color: #6c757d; } .assignee-dropdown .assignee-option .fw-medium[data-v-c9f24ed2] { font-weight: 500; margin-bottom: 0.125rem; line-height: 1.2; } .assignee-dropdown .assignee-option small[data-v-c9f24ed2] { font-size: 0.75rem; line-height: 1.2; } .assignee-dropdown .dropdown-item-text[data-v-c9f24ed2] { padding: 1rem; font-style: italic; } /* Scrollbar styling for assignee options */ .assignee-dropdown .assignee-options[data-v-c9f24ed2]::-webkit-scrollbar { width: 6px; } .assignee-dropdown .assignee-options[data-v-c9f24ed2]::-webkit-scrollbar-track { background: #f8fafc; } .assignee-dropdown .assignee-options[data-v-c9f24ed2]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .assignee-dropdown .assignee-options[data-v-c9f24ed2]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } .ai-agent-wrapper .chat-panel, .chat-panel--compose { display: flex; flex-direction: column; overflow: hidden; } .chat-row { display: contents; } .chat-date-separator { display: flex; justify-content: center; margin: 10px 0; pointer-events: none; } .chat-date-separator-pill { font-size: 12px; font-weight: 600; color: #0f172a; /* slate-900 for strong contrast */ background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(30, 58, 138, 0.18); /* subtle brand-tint border */ padding: 5px 12px; border-radius: 999px; backdrop-filter: blur(10px); } .ai-agent-wrapper .chat-body, .chat-panel--compose .chat-body { flex: 1 1 0 !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } .ai-agent-wrapper .chat-body .chat-messages-wrap, .chat-panel--compose .chat-body .chat-messages-wrap { flex: 1 1 0 !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; position: relative !important; overflow: hidden !important; } .ai-agent-wrapper .chat-body .chat-messages-wrap .chat-messages, .chat-panel--compose .chat-body .chat-messages-wrap .chat-messages { flex: 1 1 0 !important; min-height: 0 !important; overflow-y: auto !important; } /* Empty chat: let the welcome block own the full height so its suggestions are not pushed past the clipped bottom edge of the messages wrapper. */ .ai-agent-wrapper .chat-body .chat-messages-wrap .chat-messages.chat-messages-empty, .chat-panel--compose .chat-body .chat-messages-wrap .chat-messages.chat-messages-empty { flex: 0 0 auto !important; overflow: visible !important; } .ai-agent-wrapper .chat-body .message-input-container, .chat-panel--compose .chat-body .message-input-container { flex-shrink: 0 !important; background: #ffffff !important; border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 14px 16px 16px !important; margin-top: 0 !important; } .ai-agent-wrapper .chat-body .input-wrap, .chat-panel--compose .chat-body .input-wrap { background: transparent !important; border: 1px solid rgba(0, 0, 0, 0.08); } .ai-agent-wrapper .chat-body .message-input, .chat-panel--compose .chat-body .message-input { background: transparent !important; } .ai-agent-wrapper[data-v-6b38ceb0] { position: fixed; bottom: 100px; right: 20px; z-index: 2000; } /* Header button hosts the unavailable hint; chat panel is teleported to body */ .ai-agent-wrapper--dropdown[data-v-6b38ceb0] { position: absolute; top: 100%; right: 0; bottom: auto; left: auto; z-index: 1100; margin-top: 6px; width: 0; height: 0; overflow: visible; pointer-events: none; } .ai-agent-wrapper--dropdown .ai-unavailable-hint[data-v-6b38ceb0] { pointer-events: auto; } .ai-agent-icon[data-v-6b38ceb0] { width: 56px; height: 56px; background: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(30, 58, 138, 0.4); transition: transform 0.2s; position: relative; } .ai-agent-icon[data-v-6b38ceb0]:hover:not(.ai-agent-icon--disabled) { transform: scale(1.1); } .ai-agent-icon--disabled[data-v-6b38ceb0] { opacity: 0.6; cursor: not-allowed; box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25); } .ai-unavailable-hint[data-v-6b38ceb0] { position: absolute; bottom: 72px; right: 0; max-width: 280px; display: flex; align-items: flex-start; gap: 8px; padding: 10px 10px 10px 14px; background: #1e293b; color: #f8fafc; font-size: 13px; line-height: 1.45; border-radius: 8px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25); z-index: 2001; pointer-events: auto; } .ai-agent-wrapper--dropdown .ai-unavailable-hint[data-v-6b38ceb0] { bottom: auto; top: 8px; right: 0; } .ai-agent-wrapper--dropdown .ai-unavailable-hint[data-v-6b38ceb0]::after { bottom: auto; top: -6px; border-top-color: transparent; border-bottom-color: #1e293b; } .ai-unavailable-hint__text[data-v-6b38ceb0] { flex: 1; min-width: 0; padding-top: 1px; } .ai-unavailable-hint__close[data-v-6b38ceb0] { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -2px -2px -2px 0; padding: 0; border: none; border-radius: 6px; background: transparent; color: #94a3b8; cursor: pointer; transition: background 0.15s, color 0.15s; } .ai-unavailable-hint__close[data-v-6b38ceb0]:hover { background: rgba(255, 255, 255, 0.1); color: #f8fafc; } .ai-unavailable-hint__close i[data-v-6b38ceb0] { font-size: 12px; line-height: 1; } .ai-unavailable-hint[data-v-6b38ceb0]::after { content: ''; position: absolute; bottom: -6px; right: 22px; border: 6px solid transparent; border-top-color: #1e293b; } .hint-fade-enter-active[data-v-6b38ceb0], .hint-fade-leave-active[data-v-6b38ceb0] { transition: opacity 0.2s ease, transform 0.2s ease; } .hint-fade-enter-from[data-v-6b38ceb0], .hint-fade-leave-to[data-v-6b38ceb0] { opacity: 0; transform: translateY(4px); } .ai-agent-icon .speech-bubble-icon[data-v-6b38ceb0] { width: 32px; height: 32px; display: block; } .header-title .header-speech-icon[data-v-6b38ceb0] { width: 24px; height: 24px; flex-shrink: 0; } .ai-agent-icon i[data-v-6b38ceb0] { color: white; font-size: 24px; } .notification-badge[data-v-6b38ceb0] { position: absolute; top: -5px; right: -5px; background: #dc3545; color: white; border-radius: 50%; padding: 2px 6px; font-size: 12px; min-width: 20px; text-align: center; } /* Chat panel open/close animation (from/to icon) */ .chat-panel-enter-active[data-v-6b38ceb0], .chat-panel-leave-active[data-v-6b38ceb0] { transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease-out; transform-origin: 100% 100%; } .chat-panel-enter-from[data-v-6b38ceb0], .chat-panel-leave-to[data-v-6b38ceb0] { transform: scale(0.15); opacity: 0; } .chat-panel-enter-to[data-v-6b38ceb0], .chat-panel-leave-from[data-v-6b38ceb0] { transform: scale(1); opacity: 1; } .chat-panel[data-v-6b38ceb0] { position: absolute; bottom: 70px; right: 0; width: 360px; min-width: 320px; max-width: 640px; height: 520px; min-height: 400px; max-height: 800px; background: white; border-radius: 10px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box; transform-origin: 100% 100%; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.15); } /* Gmail-style compose: fixed bottom-right of the viewport */ .chat-panel--compose[data-v-6b38ceb0] { position: fixed; bottom: 0; right: 24px; top: auto; left: auto; z-index: 2100; border-radius: 12px 12px 0 0; border-bottom: none; transform-origin: 100% 100%; box-shadow: 0 -2px 8px rgba(15, 23, 42, 0.06), 0 12px 40px rgba(15, 23, 42, 0.18); } .chat-panel--compose.chat-panel-enter-active[data-v-6b38ceb0], .chat-panel--compose.chat-panel-leave-active[data-v-6b38ceb0] { transform-origin: 100% 100%; } .chat-panel--compose .chat-header[data-v-6b38ceb0] { border-top-left-radius: 12px; border-top-right-radius: 12px; } @media (max-width: 576px) { .chat-panel--compose[data-v-6b38ceb0] { right: 0; left: 0; width: 100% !important; max-width: 100%; min-width: 0; border-radius: 12px 12px 0 0; } } /* Body wrapper: takes all space below header; messages scroll, input at bottom */ .chat-body[data-v-6b38ceb0] { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .resize-btn[data-v-6b38ceb0] { background: transparent; border: none; cursor: se-resize; padding: 5px; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; } .resize-btn[data-v-6b38ceb0]:hover { background: #f3f4f6; } .resize-btn i[data-v-6b38ceb0] { font-size: 15px; color: #4b5563; } .chat-header[data-v-6b38ceb0] { padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #ffffff; border-bottom: 1px solid #e5e7eb; } .header-title[data-v-6b38ceb0] { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 16px; color: #111827; } .header-title i[data-v-6b38ceb0] { font-size: 18px; } .header-title .connection-status[data-v-6b38ceb0] { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #28a745; /* Green for connected */ } .header-title .connection-status.disconnected[data-v-6b38ceb0] { color: #dc3545; /* Red for disconnected */ } .header-title .connection-status i[data-v-6b38ceb0] { font-size: 10px; } .header-actions[data-v-6b38ceb0] { display: flex; align-items: center; gap: 4px; } .close-btn[data-v-6b38ceb0] { background: transparent; border: none; cursor: pointer; padding: 5px; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, color 0.2s; color: #6b7280; } .close-btn[data-v-6b38ceb0]:hover { background: #f3f4f6; color: #111827; } .close-btn i[data-v-6b38ceb0] { font-size: 14px; line-height: 1; } .reconnect-btn[data-v-6b38ceb0] { background: transparent; border: none; cursor: pointer; padding: 5px; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, transform 0.2s; } .reconnect-btn[data-v-6b38ceb0]:hover { background: #f3f4f6; } .reconnect-btn.connecting[data-v-6b38ceb0] { color: #ffc107; /* Amber color to indicate connecting state */ cursor: wait; animation: pulse-6b38ceb0 1.5s infinite; } .reconnect-btn.connecting[data-v-6b38ceb0]:hover { background: none; } .reconnect-btn i[data-v-6b38ceb0] { font-size: 16px; } @keyframes pulse-6b38ceb0 { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .voice-toggle[data-v-6b38ceb0] { background: transparent; border: none; cursor: pointer; padding: 5px; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; } .voice-toggle[data-v-6b38ceb0]:hover { background: #f3f4f6; } .voice-toggle i[data-v-6b38ceb0] { font-size: 16px; color: #4b5563; } .chat-messages-wrap[data-v-6b38ceb0] { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; position: relative; overflow: hidden; } .chat-messages[data-v-6b38ceb0] { flex-grow: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column-reverse; background-color: #ffffff; min-height: 0; } .chat-messages.chat-messages-empty[data-v-6b38ceb0] { flex: 0 0 auto; padding: 0; } .scroll-to-bottom-btn[data-v-6b38ceb0] { position: absolute; bottom: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; border: none; background: #ffffff; color: #1e3a8a; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; } .scroll-to-bottom-btn[data-v-6b38ceb0]:hover { background: #f1f5f9; transform: scale(1.05); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); } .scroll-to-bottom-btn i[data-v-6b38ceb0] { font-size: 14px; } .scroll-btn-fade-enter-active[data-v-6b38ceb0], .scroll-btn-fade-leave-active[data-v-6b38ceb0] { transition: opacity 0.2s ease, transform 0.2s ease; } .scroll-btn-fade-enter-from[data-v-6b38ceb0], .scroll-btn-fade-leave-to[data-v-6b38ceb0] { opacity: 0; transform: translateY(4px); } .scroll-btn-fade-enter-to[data-v-6b38ceb0], .scroll-btn-fade-leave-from[data-v-6b38ceb0] { opacity: 1; transform: translateY(0); } .message-item[data-v-6b38ceb0] { padding: 6px 12px; margin-bottom: 6px; position: relative; align-self: flex-start; } /* User message styling */ .message-item.user-message[data-v-6b38ceb0] { align-self: flex-end; background: #e7efff; border: 1px solid #c1d7f0; border-radius: 18px; max-width: 50%; } .message-item.ai-message[data-v-6b38ceb0] { align-self: stretch; width: 100%; max-width: 100%; background: transparent; border: none; border-radius: 0; padding: 6px 4px; } .message-content[data-v-6b38ceb0] { position: relative; word-break: break-word; font-size: 12px; } h3[data-v-6b38ceb0] { font-size: 18px !important; } .message-footer[data-v-6b38ceb0] { display: flex; align-items: center; justify-content: flex-end; } .message-time[data-v-6b38ceb0] { font-size: 11px; color: #666; margin-top: 2px; } /* Welcome state: greeting + suggested prompts (white theme) */ .chat-welcome[data-v-6b38ceb0] { padding: 24px 16px 20px; text-align: left; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 16px; overflow-y: auto; } .chat-greeting[data-v-6b38ceb0] { margin: 0; } .greeting-title[data-v-6b38ceb0] { font-size: 22px; font-weight: 700; color: #111827; margin: 0 0 6px 0; line-height: 1.3; } .greeting-subtitle[data-v-6b38ceb0] { font-size: 15px; color: #6b7280; margin: 0; font-weight: 400; } .chat-suggestions[data-v-6b38ceb0] { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 12px; flex-shrink: 0; } .suggestion-pill[data-v-6b38ceb0] { display: block; width: 100%; text-align: left; padding: 14px 16px; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 12px; font-size: 14px; color: #111827; cursor: pointer; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } .suggestion-pill[data-v-6b38ceb0]:hover { background: #e5e7eb; border-color: #d1d5db; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08); } .suggestion-bold[data-v-6b38ceb0] { font-weight: 600; } .empty-state[data-v-6b38ceb0] { text-align: center; padding: 20px; color: #6c757d; } .chat-body .message-input-container[data-v-6b38ceb0] { flex-shrink: 0; padding: 14px 16px 16px; margin-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.06); background: #ffffff !important; } .chat-body .input-wrap[data-v-6b38ceb0] { position: relative; display: flex; align-items: center; background: transparent !important; border-radius: 14px; border: 1px solid rgba(0, 0, 0, 0.08); padding: 4px; } .input-add-btn[data-v-6b38ceb0] { width: 36px; height: 36px; min-width: 36px; border: none; background: transparent; color: #4b5563; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, color 0.2s; } .input-add-btn[data-v-6b38ceb0]:hover { background: #e5e7eb; color: #111827; } .input-add-btn i[data-v-6b38ceb0] { font-size: 16px; } .message-input[data-v-6b38ceb0] { flex: 1; min-width: 0; padding: 10px 44px 10px 8px; border: none; background: transparent !important; border-radius: 10px; outline: none; font-size: 14px; color: #111827; } .message-input[data-v-6b38ceb0]::-moz-placeholder { color: #9ca3af; } .message-input[data-v-6b38ceb0]::placeholder { color: #9ca3af; } .message-input[data-v-6b38ceb0]:focus { outline: none; } .action-button-container[data-v-6b38ceb0] { position: absolute; right: 6px; width: 36px; height: 36px; } .action-button[data-v-6b38ceb0] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; padding: 8px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .action-button.send-button[data-v-6b38ceb0] { background: #1e3a8a; color: #fff; } .action-button.send-button[data-v-6b38ceb0]:hover { background: #1e40af; } .action-button i[data-v-6b38ceb0] { font-size: 16px; } .action-button.send-button i[data-v-6b38ceb0] { color: #fff; } .action-button[data-v-6b38ceb0] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; padding: 8px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .action-button[data-v-6b38ceb0]:hover { background: rgba(30, 58, 138, 0.1); } .action-button i[data-v-6b38ceb0] { font-size: 18px; color: #1e3a8a; } .voice-input-button.recording[data-v-6b38ceb0] { color: #dc3545; background: rgba(220, 53, 69, 0.1); } /* Processing indicator: smooth enter and leave animation */ .typing-fade-enter-active[data-v-6b38ceb0] { transition: opacity 0.35s ease-out, transform 0.35s ease-out; } .typing-fade-leave-active[data-v-6b38ceb0] { transition: opacity 0.3s ease-in, transform 0.3s ease-in; } .typing-fade-enter-from[data-v-6b38ceb0] { opacity: 0; transform: translateY(-6px); } .typing-fade-enter-to[data-v-6b38ceb0] { opacity: 1; transform: translateY(0); } .typing-fade-leave-from[data-v-6b38ceb0] { opacity: 1; transform: translateY(0); } .typing-fade-leave-to[data-v-6b38ceb0] { opacity: 0; transform: translateY(-4px); } .typing-indicator[data-v-6b38ceb0] { padding: 0; margin-bottom: 0; background: none; } .typing-indicator-processing .message-content[data-v-6b38ceb0] { display: flex; align-items: center; gap: 8px; } .processing-sparkle[data-v-6b38ceb0] { display: inline-flex; align-items: center; justify-content: center; color: #1e3a8a; animation: sparkle-twinkle-6b38ceb0 1.2s ease-in-out infinite; } .processing-sparkle svg[data-v-6b38ceb0] { width: 16px; height: 16px; } @keyframes sparkle-twinkle-6b38ceb0 { 0%, 100% { opacity: 0.5; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.1); } } .processing-text[data-v-6b38ceb0] { font-size: 14px; font-weight: 500; background: linear-gradient( 90deg, #9ca3af 0%, #6b7280 15%, #1e3a8a 35%, #2563eb 50%, #1e3a8a 65%, #6b7280 85%, #9ca3af 100% ); background-size: 200% 100%; background-clip: text; -webkit-background-clip: text; color: transparent; animation: processing-gradient-6b38ceb0 2s linear infinite; } @keyframes processing-gradient-6b38ceb0 { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Streaming text and caret for AI responses */ .ai-message-body[data-v-6b38ceb0] { word-break: break-word; } .ai-message-streaming[data-v-6b38ceb0] { word-break: break-word; } .ai-message-caret[data-v-6b38ceb0] { display: inline-block; margin-left: 1px; color: #1e3a8a; font-weight: 300; animation: caret-blink-6b38ceb0 0.9s step-end infinite; vertical-align: text-bottom; } @keyframes caret-blink-6b38ceb0 { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* Ensure typing indicator appears at the bottom of messages */ .chat-body .chat-messages[data-v-6b38ceb0] { flex: 1 1 0; min-height: 0; overflow-y: auto; display: flex; flex-direction: column-reverse; padding: 10px; } .chat-body .chat-messages.chat-messages-empty[data-v-6b38ceb0] { flex: 0 0 auto; padding: 0; } .message-item[data-v-6b38ceb0] { margin-top: 6px; margin-bottom: 0; } .message-item[data-v-6b38ceb0]:last-child { margin-bottom: 6px; } .header-stop-btn[data-v-6b38ceb0] { background: transparent; border: none; color: white; cursor: pointer; padding: 5px; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; position: relative; } .header-stop-btn[data-v-6b38ceb0]:hover { background: rgba(255, 255, 255, 0.1); } .speaking-waves[data-v-6b38ceb0] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 2px; } .speaking-waves span[data-v-6b38ceb0] { position: absolute; width: 100%; height: 100%; border: 2px solid currentColor; border-radius: 50%; animation: wave-6b38ceb0 1.5s infinite; opacity: 0; } .speaking-waves span[data-v-6b38ceb0]:nth-child(1) { animation-delay: 0s; } .speaking-waves span[data-v-6b38ceb0]:nth-child(2) { animation-delay: 0.5s; } .speaking-waves span[data-v-6b38ceb0]:nth-child(3) { animation-delay: 1s; } @keyframes wave-6b38ceb0 { 0% { transform: scale(0.5); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 0; } } .stop-speaking-btn[data-v-6b38ceb0] { background: transparent; border: none; color: #dc3545; cursor: pointer; padding: 4px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; position: relative; } .stop-speaking-btn[data-v-6b38ceb0]:hover { background: rgba(220, 53, 69, 0.1); } .stop-speaking-btn .speaking-waves span[data-v-6b38ceb0] { border-color: #dc3545; } .voice-input-button[data-v-6b38ceb0] { background: transparent; color: #1e3a8a; border: none; padding: 8px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .voice-input-button[data-v-6b38ceb0]:hover { background: rgba(30, 58, 138, 0.1); } .voice-input-button i[data-v-6b38ceb0] { font-size: 18px; } .voice-input-button.recording[data-v-6b38ceb0] { color: #dc3545; background: rgba(220, 53, 69, 0.1); } .recording-waves[data-v-6b38ceb0] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .recording-waves span[data-v-6b38ceb0] { position: absolute; width: 100%; height: 100%; border: 2px solid currentColor; border-radius: 50%; animation: recording-wave-6b38ceb0 1.5s infinite; opacity: 0; } .recording-waves span[data-v-6b38ceb0]:nth-child(1) { animation-delay: 0s; } .recording-waves span[data-v-6b38ceb0]:nth-child(2) { animation-delay: 0.5s; } .recording-waves span[data-v-6b38ceb0]:nth-child(3) { animation-delay: 1s; } @keyframes recording-wave-6b38ceb0 { 0% { transform: scale(0.5); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 0; } } /* Recording indicator - listening style */ .recording-indicator.listening-style[data-v-6b38ceb0] { display: flex; flex-direction: column; align-items: center; background: white; border-radius: 12px; padding: 24px 16px 16px; border: 1px solid #e5e7eb; } .listening-content[data-v-6b38ceb0] { display: flex; flex-direction: column; align-items: center; width: 100%; } .listening-mic-waves[data-v-6b38ceb0] { display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 12px; } .listening-mic-circle[data-v-6b38ceb0] { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4); flex-shrink: 0; } .listening-mic-circle i[data-v-6b38ceb0] { color: white; font-size: 22px; } .sound-waves[data-v-6b38ceb0] { display: flex; align-items: center; gap: 3px; } .sound-waves-left[data-v-6b38ceb0] { flex-direction: row-reverse; } .wave-bar[data-v-6b38ceb0] { width: 3px; height: 12px; background: linear-gradient(180deg, #93c5fd 0%, #3b82f6 100%); border-radius: 2px; animation: sound-wave-pulse-6b38ceb0 1s ease-in-out infinite; } .wave-bar[data-v-6b38ceb0]:nth-child(odd) { height: 8px; } .wave-bar[data-v-6b38ceb0]:nth-child(3n) { height: 16px; } @keyframes sound-wave-pulse-6b38ceb0 { 0%, 100% { transform: scaleY(0.5); opacity: 0.6; } 50% { transform: scaleY(1); opacity: 1; } } .listening-text[data-v-6b38ceb0] { font-size: 14px; font-weight: 500; color: #6b7280; margin-bottom: 16px; } .listening-actions[data-v-6b38ceb0] { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 0 0; border-top: 1px solid #f3f4f6; gap: 12px; } .listening-btn[data-v-6b38ceb0] { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 40px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.2s; background: #f3f4f6; color: #4b5563; } .listening-btn[data-v-6b38ceb0]:hover { background: #e5e7eb; } .listening-btn.cancel-btn[data-v-6b38ceb0], .listening-btn.pause-btn[data-v-6b38ceb0] { max-width: 48px; } .listening-btn i[data-v-6b38ceb0] { font-size: 16px; } @keyframes pulse-6b38ceb0 { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } /* Markdown Styles for AI responses */ .markdown-content[data-v-6b38ceb0] { line-height: 1.6; } .markdown-content h1[data-v-6b38ceb0], .markdown-content h2[data-v-6b38ceb0], .markdown-content h3[data-v-6b38ceb0], .markdown-content h4[data-v-6b38ceb0], .markdown-content h5[data-v-6b38ceb0], .markdown-content h6[data-v-6b38ceb0] { margin: 0.5em 0 0.3em 0; font-weight: 600; color: #1e3a8a; } .markdown-content h1[data-v-6b38ceb0] { font-size: 1.2em; } .markdown-content h2[data-v-6b38ceb0] { font-size: 1.1em; } .markdown-content h3[data-v-6b38ceb0] { font-size: 1.05em; } .markdown-content h4[data-v-6b38ceb0], .markdown-content h5[data-v-6b38ceb0], .markdown-content h6[data-v-6b38ceb0] { font-size: 1em; } .markdown-content p[data-v-6b38ceb0] { margin: 0.5em 0; } .markdown-content ul[data-v-6b38ceb0], .markdown-content ol[data-v-6b38ceb0] { margin: 0.5em 0; padding-left: 1.2em; } .markdown-content li[data-v-6b38ceb0] { margin: 0.2em 0; } .markdown-content strong[data-v-6b38ceb0] { font-weight: 600; color: #1e3a8a; } .markdown-content em[data-v-6b38ceb0] { font-style: italic; } .markdown-content code[data-v-6b38ceb0] { background: #f1f5f9; padding: 0.1em 0.3em; border-radius: 3px; font-family: 'Courier New', monospace; font-size: 0.9em; color: #dc2626; } .markdown-content pre[data-v-6b38ceb0] { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 0.8em; margin: 0.5em 0; overflow-x: auto; font-family: 'Courier New', monospace; font-size: 0.85em; } .markdown-content pre code[data-v-6b38ceb0] { background: none; padding: 0; color: #374151; } .markdown-content blockquote[data-v-6b38ceb0] { border-left: 3px solid #1e3a8a; margin: 0.5em 0; padding-left: 0.8em; color: #64748b; font-style: italic; } .markdown-content a[data-v-6b38ceb0] { color: #1e3a8a; text-decoration: underline; } .markdown-content a[data-v-6b38ceb0]:hover { color: #1e40af; } .markdown-content table[data-v-6b38ceb0] { border-collapse: collapse; width: 100%; margin: 0.5em 0; font-size: 0.9em; } .markdown-content th[data-v-6b38ceb0], .markdown-content td[data-v-6b38ceb0] { border: 1px solid #e2e8f0; padding: 0.3em 0.5em; text-align: left; } .markdown-content th[data-v-6b38ceb0] { background: #f8fafc; font-weight: 600; } .markdown-content hr[data-v-6b38ceb0] { border: none; border-top: 1px solid #e2e8f0; margin: 1em 0; } /* Copy message button styles */ .copy-message-btn[data-v-6b38ceb0] { background: transparent; border: none; color: #6c757d; cursor: pointer; padding: 4px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; margin-left: 6px; } .copy-message-btn[data-v-6b38ceb0]:hover { background: rgba(108, 117, 125, 0.1); color: #1e3a8a; } .copy-message-btn i[data-v-6b38ceb0] { font-size: 14px; } .copy-message-btn.copied[data-v-6b38ceb0] { color: #28a745; transform: scale(1.2); } /* Header Speaking Waves */ .voice-toggle[data-v-6b38ceb0] { position: relative; overflow: hidden; } .voice-toggle .header-speaking-waves[data-v-6b38ceb0] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; } .voice-toggle .header-speaking-waves span[data-v-6b38ceb0] { position: absolute; width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; animation: header-circular-wave-6b38ceb0 2s infinite; opacity: 0; } .voice-toggle .header-speaking-waves span[data-v-6b38ceb0]:nth-child(1) { animation-delay: 0s; } .voice-toggle .header-speaking-waves span[data-v-6b38ceb0]:nth-child(2) { animation-delay: 0.7s; } .voice-toggle .header-speaking-waves span[data-v-6b38ceb0]:nth-child(3) { animation-delay: 1.4s; } @keyframes header-circular-wave-6b38ceb0 { 0% { transform: scale(0.5); opacity: 0.8; } 50% { opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } } .voice-toggle.speaking[data-v-6b38ceb0] { position: relative; } /* Transcription Styles */ .message-transcription[data-v-6b38ceb0] { background-color: rgba(30, 58, 138, 0.05); border-top: 1px solid rgba(30, 58, 138, 0.1); padding: 8px 12px; margin-top: 6px; display: flex; align-items: center; justify-content: space-between; border-radius: 0 0 12px 12px; } .message-transcription .transcription-text[data-v-6b38ceb0] { flex-grow: 1; font-size: 13px; color: #374151; margin-right: 10px; font-style: italic; } .copy-transcription-btn[data-v-6b38ceb0] { background: transparent; border: none; color: #6c757d; cursor: pointer; padding: 4px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; } .copy-transcription-btn[data-v-6b38ceb0]:hover { background: rgba(108, 117, 125, 0.1); color: #1e3a8a; } .copy-transcription-btn i[data-v-6b38ceb0] { font-size: 14px; } /* Voice Note Styles */ .voice-note-container[data-v-6b38ceb0] { background-color: rgba(30, 58, 138, 0.05); border-radius: 12px; padding: 10px; margin-bottom: 10px; display: flex; align-items: center; } .voice-note-controls[data-v-6b38ceb0] { display: flex; align-items: center; width: 100%; gap: 10px; } .play-pause-btn[data-v-6b38ceb0] { width: 32px; height: 32px; border-radius: 50%; border: none; background: #3b82f6; color: #fff; justify-content: center; cursor: pointer; transition: all .2s ease; font-size: 12px; flex-shrink: 0; } .play-pause-btn[data-v-6b38ceb0]:hover { background-color: #1e40af; } .voice-note-waveform[data-v-6b38ceb0] { flex-grow: 1; height: 20px; background-color: white; border-radius: 10px; position: relative; overflow: hidden; } .waveform-line[data-v-6b38ceb0] { position: absolute; top: 0; left: 0; height: 100%; background: cornflowerblue; transition: width 0.1s linear; border-radius: 10px; } .voice-note-time[data-v-6b38ceb0] { font-size: 12px; color: #6b7280; min-width: 70px; text-align: right; } /* New styles for transcribe button and original text */ .transcribe-btn[data-v-6b38ceb0] { background: transparent; border: none; color: #6c757d; cursor: pointer; padding: 4px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; margin-left: 10px; /* Add some space between play/pause and transcribe */ } .transcribe-btn[data-v-6b38ceb0]:hover { background: rgba(108, 117, 125, 0.1); color: #1e3a8a; } .transcribe-btn i[data-v-6b38ceb0] { font-size: 14px; } .original-text-container[data-v-6b38ceb0] { background-color: #f1f5f9; /* Light gray background */ border-radius: 12px; padding: 10px; margin-top: 10px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 8px; } .original-text[data-v-6b38ceb0] { color: #374151; font-style: italic; flex-grow: 1; word-break: break-word; } .copy-original-btn[data-v-6b38ceb0] { background: transparent; border: none; color: #6c757d; cursor: pointer; padding: 4px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; } .copy-original-btn[data-v-6b38ceb0]:hover { background: rgba(108, 117, 125, 0.1); color: #1e3a8a; } .copy-original-btn i[data-v-6b38ceb0] { font-size: 14px; } .loading-container[data-v-6b38ceb0], .error-container[data-v-6b38ceb0] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; } .chat-body .loading-container[data-v-6b38ceb0], .chat-body .error-container[data-v-6b38ceb0] { flex: 1 1 0; min-height: 0; } .spinner-border[data-v-6b38ceb0] { width: 3rem; height: 3rem; margin-bottom: 15px; } .error-container .text-danger[data-v-6b38ceb0] { color: #dc3545; font-size: 2rem; margin-bottom: 10px; } /* Initially hide the mark-as-unread/read buttons */ .btn-mark-read[data-v-74cd9d79], .btn-mark-unread[data-v-74cd9d79] { display: none; background: transparent; border: none; color: #007bff; cursor: pointer; } .btn-mark-read[data-v-74cd9d79]:hover, .btn-mark-unread[data-v-74cd9d79]:hover { color: #0056b3; } /* Show the buttons when hovering over the notification */ .notification-message:hover .btn-mark-read[data-v-74cd9d79], .notification-message:hover .btn-mark-unread[data-v-74cd9d79] { display: inline-block; } /* General button styling for both actions */ .btn-action[data-v-74cd9d79] { background-color: #007bff !important; /* Blue background */ color: white !important; /* White text */ border: none; /* No border */ padding: 8px 16px; /* Padding for both buttons */ border-radius: 4px; /* Rounded corners */ cursor: pointer; /* Pointer cursor */ font-size: 14px; /* Font size */ transition: background-color 0.3s ease; /* Smooth hover transition */ text-decoration: none; /* Remove underline */ display: inline-block; /* Button appearance */ } /* Button hover effect */ .btn-action[data-v-74cd9d79]:hover { background-color: #0056b3; /* Darker blue on hover */ text-decoration: none; /* No un derline */ } /* Aligning buttons within the footer */ .topnav-dropdown-footer[data-v-74cd9d79] { padding: 10px; border-top: 1px solid #ddd; background-color: #f9f9f9; display: flex; justify-content: space-between; align-items: center; } .view-all-messages[data-v-74cd9d79] { color: white !important; } .noti-subtitle[data-v-74cd9d79] { font-size: 13px; color: #6b7280; margin-top: 2px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .noti-title[data-v-74cd9d79] { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } /* Notification List Styles */ /* Notification List Styles */ /* Initially, all notifications will be bold */ .notification-list .notification-message[data-v-74cd9d79] { font-weight: bold; /* Default bold for unread notifications */ } /* Hover affordance for both notifications + messages dropdown lists */ .notification-list .notification-message[data-v-74cd9d79] { cursor: pointer; transition: background-color 0.15s ease, box-shadow 0.15s ease; } .notification-list .notification-message[data-v-74cd9d79]:hover { background-color: rgba(0, 0, 0, 0.045); } .notification-list .notification-message[data-v-74cd9d79]:active { background-color: rgba(0, 0, 0, 0.07); } .notification-link[data-v-74cd9d79] { display: block; color: inherit; text-decoration: none; } .notification-link[data-v-74cd9d79]:hover, .notification-link[data-v-74cd9d79]:focus { color: inherit; text-decoration: none; } .topnav-dropdown-footer .btn.view-all-messages[data-v-74cd9d79] { color: white !important; background-color: #007bff !important; } .topnav-dropdown-footer .btn.view-all-messages[data-v-74cd9d79]:hover { background-color: #0056b3 !important; color: white !important; } /* When a notification is marked as read, it will no longer be bold */ .notification-list .notification-message.read[data-v-74cd9d79] { font-weight: normal; /* Unbold for read notifications */ } #messages-dropdown .view-all-messages[data-v-74cd9d79] { color: white !important; } /* Avatar for the notifications/messages */ .avatar[data-v-74cd9d79] { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .notification-icon[data-v-74cd9d79] { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } .notification-icon--event[data-v-74cd9d79] { background: #2563eb; } .notification-icon--leave[data-v-74cd9d79] { background: #7c3aed; } .notification-icon--task[data-v-74cd9d79] { background: #059669; } .notification-icon--project[data-v-74cd9d79] { background: #0ea5e9; } .notification-icon--ticket[data-v-74cd9d79] { background: #f97316; } .notification-icon--meeting[data-v-74cd9d79] { background: #8b5cf6; } .notification-icon--payslip[data-v-74cd9d79] { background: #16a34a; } .notification-icon--shift[data-v-74cd9d79] { background: #64748b; } .notification-icon--generic[data-v-74cd9d79] { background: #111827; } /* Notification details and time styling */ .noti-details[data-v-74cd9d79] { font-size: 14px; color: #333; } .notification-time[data-v-74cd9d79] { font-size: 12px; color: #999; text-align: right; } /* Badge styling for notification counts */ .badge[data-v-74cd9d79] { padding: 6px 12px; font-size: 12px; } .btn-mark-unread[data-v-74cd9d79] { background-color: transparent; border: none; cursor: pointer; color: #007bff; font-size: 14px; } .btn-mark-unread[data-v-74cd9d79]:hover { color: #0056b3; } /* Dot styling for indicating unread/read state */ .notification-list .notification-dot[data-v-74cd9d79] { display: inline-block; width: 10px; /* Size of the dot */ height: 10px; /* Size of the dot */ border-radius: 50%; /* Make it round */ background-color: red; /* Red for unread notifications */ margin-left: 8px; /* Spacing between message content and dot */ vertical-align: middle; /* Align with the text */ } /* When the notification is read, change the dot color to blue */ .notification-list .notification-message.read .notification-dot[data-v-74cd9d79] { background-color: blue !important; } /* Button styling for "Mark All as Read" and other buttons */ .btn-mark-read[data-v-74cd9d79] { background-color: #007bff !important; /* Blue background */ color: white !important; /* White text */ border: none; /* No border */ padding: 6px 12px; /* Padding for size */ border-radius: 4px; /* Rounded corners */ cursor: pointer; /* Pointer cursor */ transition: background-color 0.3s ease; /* Smooth hover transition */ font-size: 14px; /* Font size */ } /* Button hover effect */ .btn-mark-read[data-v-74cd9d79]:hover { background-color: #0056b3 !important; /* Darker blue on hover */ } /* .btn { padding: 6px 12px; font-size: 14px; color: white !important; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } */ /* Button hover effect */ .btn[data-v-74cd9d79]:hover { background-color: #0056b3 !important; /* Darker blue on hover */ } /* General text button link styling */ .btn-link[data-v-74cd9d79] { color: #007bff !important; text-decoration: none; } .btn-link[data-v-74cd9d79]:hover { text-decoration: underline; } /* Footer section for notification dropdown (View all notifications and Mark all as read) */ .topnav-dropdown-footer[data-v-74cd9d79] { padding: 10px; border-top: 1px solid #ddd; background-color: #f9f9f9; } /* Mobile view adjustments for header dropdowns */ .mobile-user-menu .dropdown-menu[data-v-74cd9d79] { right: 0; left: auto; } /* Loading overlays & per-row spinners for notification dropdowns */ .notification-panel-loading[data-v-74cd9d79] { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.72); pointer-events: auto; } .notification-item-spinner[data-v-74cd9d79] { flex-shrink: 0; margin-left: 8px; color: #6c757d; } .notification-item-spinner--messages[data-v-74cd9d79] { position: absolute; top: 2px; right: 0; margin-left: 0; } .list-body.position-relative[data-v-74cd9d79] { padding-right: 22px; } .notification-message-main[data-v-74cd9d79] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .notification-message-body[data-v-74cd9d79] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .notification-message-meta[data-v-74cd9d79] { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; min-width: 56px; } .notification-meta-count[data-v-74cd9d79] { min-height: 18px; display: flex; align-items: center; justify-content: flex-end; } /* Override global notification.scss floats so title/subtitle stack */ .list-body .chat-notification-title[data-v-74cd9d79], .list-body .chat-notification-subtitle[data-v-74cd9d79], .list-body .chat-notification-time[data-v-74cd9d79] { float: none !important; width: auto !important; max-width: 100%; } .chat-notification-title[data-v-74cd9d79] { display: block; font-weight: 500; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-notification-title.unread[data-v-74cd9d79], .chat-notification-subtitle.unread[data-v-74cd9d79] { font-weight: 600; } .chat-notification-subtitle[data-v-74cd9d79] { display: block; font-size: 13px; color: #6b7280; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-notification-time[data-v-74cd9d79] { display: block; font-size: 12px; color: #999; margin-top: 4px; white-space: nowrap; text-align: right; } .green-circle[data-v-74cd9d79] { min-width: 18px; height: 18px; background-color: #28a745; color: white; font-size: 11px; font-weight: 600; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; white-space: nowrap; line-height: 1; flex-shrink: 0; } /* Chat block styles */ .chat-block[data-v-74cd9d79] { display: flex; align-items: center; } .chat-block .media-body[data-v-74cd9d79] { flex-grow: 1; } /* Styling for empty notification message or no notifications */ .notification-empty[data-v-74cd9d79] { text-align: center; font-size: 14px; color: #999; padding: 20px; } /* Styling for both buttons */ .view-notifications-link[data-v-74cd9d79], .btn-mark-read[data-v-74cd9d79] { color: white !important; /* White text color */ background-color: #007bff !important; /* Blue background */ text-decoration: none; /* No underline */ padding: 6px 12px; /* Padding */ border-radius: 4px; /* Rounded corners */ display: inline-block; /* Button appearance */ border: none; /* Remove border */ font-size: 14px; /* Text size */ cursor: pointer; /* Pointer cursor */ transition: background-color 0.3s ease; /* Smooth transition on hover */ } /* Hover effect for both buttons */ .view-notifications-link[data-v-74cd9d79]:hover, .btn-mark-read[data-v-74cd9d79]:hover { background-color: #0056b3 !important; /* Darker blue on hover */ text-decoration: none; /* No underline on hover */ } /* Inline header banners (left of bell / messages icons) */ .user-menu .header-banners-nav[data-v-74cd9d79] { display: flex; align-items: center; justify-content: flex-end; padding-right: 4px; max-width: min(440px, 46vw); min-height: 60px; list-style: none; } .header-banner-stack[data-v-74cd9d79] { width: 100%; display: flex; justify-content: flex-end; } .header-banner-stack__inner[data-v-74cd9d79] { position: relative; width: 100%; min-height: 44px; display: flex; justify-content: flex-end; align-items: flex-start; } .header-banner[data-v-74cd9d79] { display: flex; align-items: flex-start; gap: 8px; width: 100%; max-width: 360px; padding: 7px 8px 7px 12px; color: rgba(255, 255, 255, 0.98); border: none; border-radius: 2px; box-shadow: none; font-size: 13px; line-height: 1.4; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); } .header-banner__text[data-v-74cd9d79] { flex: 1; min-width: 0; word-break: break-word; } .header-banner__close[data-v-74cd9d79] { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: -2px -2px -2px 0; padding: 0; border: none; border-radius: 4px; background: transparent; color: rgba(255, 255, 255, 0.88); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; text-shadow: none; } .header-banner__close[data-v-74cd9d79]:hover { background: rgba(0, 0, 0, 0.12); color: #fff; } .header-banner__close i[data-v-74cd9d79] { font-size: 14px; line-height: 1; } .hb-banner-enter-active[data-v-74cd9d79], .hb-banner-leave-active[data-v-74cd9d79] { transition: opacity 0.28s ease, transform 0.28s ease; } .hb-banner-enter-from[data-v-74cd9d79] { opacity: 0; transform: translateY(6px); } .hb-banner-leave-to[data-v-74cd9d79] { opacity: 0; transform: translateX(10px); } .customers-table-region[data-v-a64783a6] { width: 100%; box-sizing: border-box; } .customers-table-region[data-v-a64783a6] .table-footer-controls { background-color: #ffffff; } .customer-add-contact-btn[data-v-a64783a6] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 8px; border-radius: 50%; background-color: #eef1fb; color: #4a5aa8; font-size: 12px; vertical-align: middle; transition: background-color 0.15s ease, color 0.15s ease; } .customer-add-contact-btn[data-v-a64783a6]:hover { background-color: #1957d6; color: #ffffff; } .customer-expand-toggle[data-v-a64783a6] { display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; width: 26px; height: 26px; border-radius: 999px; background-color: #f1f3f9; color: #5a6472; font-size: 12px; line-height: 1.6; vertical-align: middle; transition: background-color 0.15s ease, color 0.15s ease; } .customer-expand-toggle[data-v-a64783a6]:hover { background-color: #e3e9ff; color: #1957d6; } .customer-expand-toggle i[data-v-a64783a6] { font-size: 10px; } /* Expanded contacts panel */ .customer-contacts-sublist[data-v-a64783a6] { display: flex; flex-direction: column; gap: 6px; } .customer-contact-row[data-v-a64783a6] { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 8px; background-color: #ffffff; border: 1px solid #edf0f5; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease; } .customer-contact-row[data-v-a64783a6]:hover { border-color: #c9d6ff; box-shadow: 0 2px 8px rgba(24, 78, 217, 0.08); transform: translateY(-1px); } .customer-contact-avatar[data-v-a64783a6] { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #eef1fb; color: #4a5aa8; font-size: 12px; font-weight: 600; } .customer-contact-main[data-v-a64783a6] { flex: 1; min-width: 0; } .customer-contact-name-line[data-v-a64783a6] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .customer-contact-name[data-v-a64783a6] { font-weight: 600; font-size: 13.5px; color: #1f2430; } .customer-contact-title-badge[data-v-a64783a6] { font-size: 11px; font-weight: 500; color: #6c757d; background-color: #f1f3f9; border-radius: 4px; padding: 1px 6px; } .customer-contact-meta[data-v-a64783a6] { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 2px; font-size: 12px; color: #808a97; } .customer-contact-meta-item i[data-v-a64783a6] { margin-right: 6px; width: 12px; color: #a3acb8; } .customer-contact-chevron[data-v-a64783a6] { flex-shrink: 0; font-size: 11px; color: #c2c9d4; } .unassigned-contacts-name[data-v-a64783a6] { color: #2d3748; font-weight: 600; text-decoration: none; } .unassigned-contacts-name[data-v-a64783a6]:hover { color: #1957d6; } [data-v-a64783a6] .unassigned-contacts-row td { background-color: #fbfcff; } [data-v-a64783a6] .unassigned-contacts-row:hover td { background-color: #f5f8ff !important; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .customers-page-loading-block[data-v-a64783a6] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .customers-page-loading-spinner[data-v-a64783a6] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .customers-page-loading-label[data-v-a64783a6] { font-size: 0.95rem; } .avatar-placeholder[data-v-a64783a6] { width: 36px; height: 36px; border-radius: 50%; background-color: #007bff; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; } .table-avatar .avatar[data-v-a64783a6] { margin-right: 8px; } .badge[data-v-a64783a6] { font-size: 12px; } .submit-section[data-v-a64783a6] { margin-top: 20px; } .submit-section .btn[data-v-a64783a6] { margin-right: 10px; } .pagination-info[data-v-a64783a6] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-a64783a6] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } /* Base form styles */ .form-group[data-v-a64783a6] { margin-bottom: 1rem; } .form-label[data-v-a64783a6] { font-weight: 500; margin-bottom: 4px; color: #344767; display: block; font-size: 14px; } /* Search input styles */ [data-v-a64783a6] .custom-search-input { width: 100%; } [data-v-a64783a6] .custom-search-input .ant-input-affix-wrapper { border-radius: 6px; border: 1px solid #d9d9d9; padding: 4px 11px; height: 32px; background-color: #fff; } [data-v-a64783a6] .custom-search-input .ant-input { border: none !important; padding: 0; height: 24px; font-size: 14px; } [data-v-a64783a6] .custom-search-input .ant-input-prefix { margin-right: 8px; color: #bfbfbf; } [data-v-a64783a6] .custom-search-input .ant-input-clear-icon { font-size: 12px; margin-top: 0; } /* Select styles */ .custom-select[data-v-a64783a6] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; } .custom-select[data-v-a64783a6]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } /* Status option styles */ .status-option[data-v-a64783a6] { display: flex; align-items: center; gap: 8px; line-height: 30px; } .status-dot[data-v-a64783a6] { width: 6px; height: 6px; border-radius: 50%; display: inline-block; } .showentries label[data-v-a64783a6] { color: #6c757d; font-size: 14px; font-weight: 500; } /* Clickable row styles */ .clickable-row[data-v-a64783a6] { cursor: pointer; transition: background-color 0.2s ease; } .clickable-row[data-v-a64783a6]:hover { background-color: #f5f5f5 !important; } .clickable-row:hover td[data-v-a64783a6] { background-color: transparent !important; } /* Hover and focus states */ [data-v-a64783a6] .custom-search-input .ant-input-affix-wrapper:hover,[data-v-a64783a6] .custom-search-input .ant-input-affix-wrapper-focused,[data-v-a64783a6] .custom-select .ant-select-selector:hover,[data-v-a64783a6] .custom-select:focus-within .ant-select-selector { border-color: #1890ff !important; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1) !important; } /* Responsive styles */ @media (max-width: 768px) { .filter-row > div[data-v-a64783a6] { margin-bottom: 1rem; } } .badge[data-v-405724eb] { font-size: 12px; } .bg-orange[data-v-405724eb] { background-color: #ff6b35 !important; } .submit-section[data-v-405724eb] { margin-top: 20px; } .submit-section .btn[data-v-405724eb] { margin-right: 10px; } .text-primary[data-v-405724eb] { color: #007bff !important; text-decoration: none; } .text-primary[data-v-405724eb]:hover { text-decoration: underline; } /* New styles for improved UI */ .form-label[data-v-405724eb] { font-weight: 500; margin-bottom: 0.5rem; color: #344767; } .input-group-text[data-v-405724eb] { background-color: #f8f9fa; border-right: none; } .input-group .form-control[data-v-405724eb] { border-left: none; } .input-group .form-control[data-v-405724eb]:focus { border-color: #ced4da; box-shadow: none; } .avatar-initials[data-v-405724eb] { width: 24px; height: 24px; border-radius: 50%; background-color: #e9ecef; color: #6c757d; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; } /* Ant Design customizations */ [data-v-405724eb] .ant-select { width: 100%; } [data-v-405724eb] .ant-select-selector { border-radius: 4px !important; min-height: 38px !important; } [data-v-405724eb] .ant-select-selection-placeholder,[data-v-405724eb] .ant-select-selection-item { line-height: 36px !important; } [data-v-405724eb] .ant-table { border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05); } [data-v-405724eb] .ant-table-thead > tr > th { background-color: #f8f9fa; color: #344767; font-weight: 600; } [data-v-405724eb] .ant-table-tbody > tr > td { padding: 12px 16px; } [data-v-405724eb] .ant-table-row:hover { background-color: #f8f9fa; } [data-v-405724eb] .ant-dropdown-menu { border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } [data-v-405724eb] .ant-dropdown-menu-item { padding: 8px 16px; } [data-v-405724eb] .ant-dropdown-menu-item:hover { background-color: #f8f9fa; } [data-v-405724eb] .ant-pagination { margin-top: 16px; } .file-list[data-v-405724eb] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 10px; } .file-item[data-v-405724eb] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .file-item[data-v-405724eb]:last-child { border-bottom: none; } .file-item i[data-v-405724eb] { margin-right: 8px; font-size: 1.1rem; } .file-name[data-v-405724eb] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size[data-v-405724eb] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-405724eb] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-405724eb]:hover { color: #bd2130; } /* File type icons */ .fas[data-v-405724eb] { width: 16px; text-align: center; } .fa-file-pdf[data-v-405724eb] { color: #dc3545; } .fa-file-word[data-v-405724eb] { color: #2196f3; } .fa-file-image[data-v-405724eb] { color: #4caf50; } .fa-file-archive[data-v-405724eb] { color: #ff9800; } .fa-file-text[data-v-405724eb] { color: #607d8b; } .fa-file[data-v-405724eb] { color: #9e9e9e; } /* Attachment display styles */ .attachment-list[data-v-405724eb] { max-height: 300px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 8px; } .attachment-item[data-v-405724eb] { display: flex; align-items: center; justify-content: space-between; padding: 8px; border-bottom: 1px solid #f0f2f5; } .attachment-item[data-v-405724eb]:last-child { border-bottom: none; } .attachment-info[data-v-405724eb] { display: flex; align-items: center; flex: 1; } .attachment-info i[data-v-405724eb] { margin-right: 8px; font-size: 1.1rem; } .attachment-name[data-v-405724eb] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .attachment-size[data-v-405724eb] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .attachment-actions[data-v-405724eb] { display: flex; gap: 4px; } .attachment-actions .btn[data-v-405724eb] { padding: 4px 8px; font-size: 0.875rem; } /* Clickable ticket row styles */ [data-v-405724eb] .clickable-ticket-row { cursor: pointer; transition: background-color 0.15s ease-in-out; } [data-v-405724eb] .clickable-ticket-row:hover { background-color: #f8f9fa !important; } [data-v-405724eb] .clickable-ticket-row:hover td { background-color: transparent !important; } /* Prevent text selection on row hover to improve UX */ [data-v-405724eb] .clickable-ticket-row:hover { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Unsaved Changes Badge */ .modal-title .badge[data-v-405724eb] { font-size: 0.7rem; font-weight: 500; animation: pulse-405724eb 2s infinite; } @keyframes pulse-405724eb { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } .customer-support-table-region[data-v-405724eb] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .customer-support-page-loading-block[data-v-405724eb] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .customer-support-page-loading-spinner[data-v-405724eb] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .customer-support-page-loading-label[data-v-405724eb] { font-size: 0.95rem; } /* Multi-select controls styling */ .multiselect-controls[data-v-118f494f] { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 5px; } .multiselect-controls .btn[data-v-118f494f] { margin: 2px 0; min-width: 40px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid #dee2e6; background-color: #fff; color: #6c757d; transition: all 0.2s ease; } .multiselect-controls .btn[data-v-118f494f]:hover { background-color: #e9ecef; border-color: #adb5bd; color: #495057; } .input-block[data-v-118f494f] { margin-bottom: 1rem; } .input-block label[data-v-118f494f] { font-weight: 500; color: #374151; margin-bottom: 0.5rem; } .submit-section[data-v-118f494f] { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #dee2e6; } .submit-section .btn[data-v-118f494f] { margin-right: 0.5rem; } .modal.show[data-v-118f494f] { display: block !important; } .modal[data-v-118f494f] { background-color: rgba(0, 0, 0, 0.5); } [data-v-2e04e0aa] .table-footer-controls { background-color: #ffffff; } .clickable-stat[data-v-2e04e0aa] { cursor: pointer; transition: all 0.2s ease; } .clickable-stat[data-v-2e04e0aa]:hover { background-color: #f8f9fa; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .gap-2[data-v-2e04e0aa] { gap: 0.5rem; } .form-select-sm[data-v-2e04e0aa] { min-width: 120px; } .nav-tabs .nav-link[data-v-2e04e0aa] { color: #6c757d; border: 1px solid transparent; } .nav-tabs .nav-link.active[data-v-2e04e0aa] { color: #1e3a8a; background-color: transparent; border-color: transparent transparent #1e3a8a; border-bottom-width: 2px; } .card-header-tabs[data-v-2e04e0aa] { margin-bottom: -0.5rem; } .card-header[data-v-2e04e0aa] { background-color: transparent !important; border-bottom: 0 !important; } .card[data-v-2e04e0aa] { border: 1px solid #e3e6f0; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .card-title[data-v-2e04e0aa] { color: #5a5c69; font-weight: 600; } .text-muted[data-v-2e04e0aa] { color: #6c757d !important; } .badge[data-v-2e04e0aa] { font-size: 0.75rem; font-weight: 600; } .bg-orange[data-v-2e04e0aa] { background-color: #ff6b35 !important; } .submit-section[data-v-2e04e0aa] { margin-top: 20px; } .submit-section .btn[data-v-2e04e0aa] { margin-right: 10px; } .tab-box[data-v-2e04e0aa] { margin-bottom: 0; } /* Modal Enhancements */ .modal-xl[data-v-2e04e0aa] { max-width: 1200px; } .modal-header.bg-primary[data-v-2e04e0aa] { border-bottom: none; } .form-label.fw-bold[data-v-2e04e0aa] { color: #5a5c69; font-weight: 600 !important; margin-bottom: 0.5rem; } .form-control-lg[data-v-2e04e0aa] { font-size: 1.1rem; padding: 0.75rem 1rem; } .form-select option[data-v-2e04e0aa] { padding: 0.5rem; } .btn-close-white[data-v-2e04e0aa] { filter: invert(1) grayscale(100%) brightness(200%); } /* Status Colors */ .text-orange[data-v-2e04e0aa] { color: #fd7e14 !important; } @media (max-width: 768px) { .gap-2[data-v-2e04e0aa] { gap: 0.25rem; } .form-select-sm[data-v-2e04e0aa] { min-width: 100px; font-size: 0.875rem; } .col-md-4 .row.text-center .col-4[data-v-2e04e0aa] { margin-bottom: 0.5rem; } .d-flex.align-items-center.justify-content-end.gap-2[data-v-2e04e0aa] { flex-wrap: wrap; justify-content: center !important; } } /* Ant Design Table Customizations */ [data-v-2e04e0aa] .ant-table { border-radius: 0; } [data-v-2e04e0aa] .ant-table-thead > tr > th { background-color: #f8f9fa; color: #344767; font-weight: 600; padding: 12px 16px; } [data-v-2e04e0aa] .ant-table-tbody > tr > td { padding: 12px 16px; } [data-v-2e04e0aa] .ant-table-row:hover { background-color: #f8f9fa; } [data-v-2e04e0aa] .ant-progress { margin-bottom: 0; } [data-v-2e04e0aa] .ant-progress-text { font-size: 12px; } [data-v-2e04e0aa] .ant-table-filter-trigger { color: #6c757d; } [data-v-2e04e0aa] .ant-table-filter-trigger:hover { background: #e9ecef; color: #344767; } [data-v-2e04e0aa] .ant-table-column-sorter { color: #6c757d; } [data-v-2e04e0aa] .ant-table-column-sorter-up.active,[data-v-2e04e0aa] .ant-table-column-sorter-down.active { color: #1890ff; } [data-v-2e04e0aa] .ant-pagination { margin-top: 16px; } [data-v-2e04e0aa] .ant-pagination-total-text { color: #6c757d; } [data-v-2e04e0aa] .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: #6c757d; } /* Progress bar customizations */ [data-v-2e04e0aa] .ant-progress-bg { background: linear-gradient(to right, #1890ff, #52c41a); } [data-v-2e04e0aa] .ant-progress-status-success .ant-progress-bg { background: #52c41a; } /* Responsive adjustments */ @media (max-width: 768px) { [data-v-2e04e0aa] .ant-table { font-size: 0.875rem; } [data-v-2e04e0aa] .ant-table-thead > tr > th,[data-v-2e04e0aa] .ant-table-tbody > tr > td { padding: 8px 12px; } } .file-list[data-v-2e04e0aa] { max-height: 200px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 10px; } .file-item[data-v-2e04e0aa] { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #f0f2f5; } .file-item[data-v-2e04e0aa]:last-child { border-bottom: none; } .file-item i[data-v-2e04e0aa] { margin-right: 8px; font-size: 1.1rem; } .file-name[data-v-2e04e0aa] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size[data-v-2e04e0aa] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .btn-remove[data-v-2e04e0aa] { background: none; border: none; color: #dc3545; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .btn-remove[data-v-2e04e0aa]:hover { color: #bd2130; } /* File type icons */ .fas[data-v-2e04e0aa] { width: 16px; text-align: center; } .fa-file-pdf[data-v-2e04e0aa] { color: #dc3545; } .fa-file-word[data-v-2e04e0aa] { color: #2196f3; } .fa-file-image[data-v-2e04e0aa] { color: #4caf50; } .fa-file-archive[data-v-2e04e0aa] { color: #ff9800; } .fa-file-text[data-v-2e04e0aa] { color: #607d8b; } .fa-file[data-v-2e04e0aa] { color: #9e9e9e; } /* Attachment display styles */ .attachment-list[data-v-2e04e0aa] { max-height: 300px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 8px; } .attachment-item[data-v-2e04e0aa] { display: flex; align-items: center; justify-content: space-between; padding: 8px; border-bottom: 1px solid #f0f2f5; } .attachment-item[data-v-2e04e0aa]:last-child { border-bottom: none; } .attachment-info[data-v-2e04e0aa] { display: flex; align-items: center; flex: 1; } .attachment-info i[data-v-2e04e0aa] { margin-right: 8px; font-size: 1.1rem; } .attachment-name[data-v-2e04e0aa] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .attachment-size[data-v-2e04e0aa] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .attachment-actions[data-v-2e04e0aa] { display: flex; gap: 4px; } .attachment-actions .btn[data-v-2e04e0aa] { padding: 4px 8px; font-size: 0.875rem; } .form-control-static[data-v-2e04e0aa] { max-width: 100%; word-wrap: break-word; } .form-control-static img[data-v-2e04e0aa] { max-width: 100%; height: auto; } /* Optional: Add some styling for the editor */ [data-v-2e04e0aa] .p-editor-container { height: 320px; } [data-v-2e04e0aa] .p-editor-content { height: calc(100% - 50px); } /* Clickable ticket row styles */ [data-v-2e04e0aa] .clickable-ticket-row { cursor: pointer; transition: background-color 0.15s ease-in-out; } [data-v-2e04e0aa] .clickable-ticket-row:hover { background-color: #f8f9fa !important; } [data-v-2e04e0aa] .clickable-ticket-row:hover td { background-color: transparent !important; } /* Prevent text selection on row hover to improve UX */ [data-v-2e04e0aa] .clickable-ticket-row:hover { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Discard Changes Modal Styling */ .custom-modal .bordered-modal[data-v-2e04e0aa] { border-radius: 12px; border: none; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); max-width: 400px; margin: 0 auto; } .custom-modal .modal-body[data-v-2e04e0aa] { padding: 2rem; text-align: center; } .custom-modal .form-header h3[data-v-2e04e0aa] { color: #333; font-weight: 600; font-size: 1.25rem; margin-bottom: 1rem; } .custom-modal .form-header p[data-v-2e04e0aa] { color: #666; font-size: 1rem; line-height: 1.5; margin-bottom: 2rem; } .custom-modal .modal-btn .btn[data-v-2e04e0aa] { border-radius: 8px; font-weight: 500; padding: 0.75rem 1.5rem; font-size: 1rem; width: 100%; transition: all 0.2s ease; } .custom-modal .continue-btn[data-v-2e04e0aa] { background-color: #007bff; border-color: #007bff; color: white; } .custom-modal .continue-btn[data-v-2e04e0aa]:hover { background-color: #0056b3; border-color: #0056b3; transform: translateY(-1px); } .custom-modal .cancel-btn[data-v-2e04e0aa] { background-color: #007bff; border-color: #007bff; color: white; } .custom-modal .cancel-btn[data-v-2e04e0aa]:hover { background-color: #0056b3; border-color: #0056b3; transform: translateY(-1px); } .custom-modal .btn[data-v-2e04e0aa]:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-modal .delete-action .row[data-v-2e04e0aa] { margin-left: -0.5rem; margin-right: -0.5rem; } .custom-modal .delete-action .col-6[data-v-2e04e0aa] { padding-left: 0.5rem; padding-right: 0.5rem; } /* Unsaved Changes Badge */ .modal-title .badge[data-v-2e04e0aa] { font-size: 0.7rem; font-weight: 500; animation: pulse-2e04e0aa 2s infinite; } @keyframes pulse-2e04e0aa { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .customer-view-page-loading-block[data-v-2e04e0aa] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .customer-view-page-loading-spinner[data-v-2e04e0aa] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .customer-view-page-loading-label[data-v-2e04e0aa] { font-size: 0.95rem; } /* Contact-view-style layout: info panel on the left, tabs on the right */ .contact-details-page[data-v-2e04e0aa] { height: calc(100vh - 60px); display: flex; flex-direction: column; background-color: #f6f7f9; position: relative; width: 100%; overflow: hidden; } .contact-header[data-v-2e04e0aa] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 10; overflow: visible; } .contact-header-row[data-v-2e04e0aa] { gap: 0.25rem; } .min-w-0[data-v-2e04e0aa] { min-width: 0; } .contact-avatar-circle[data-v-2e04e0aa] { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: #3182ce; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; overflow: hidden; } .contact-avatar-img[data-v-2e04e0aa] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contact-content[data-v-2e04e0aa] { flex: 1; min-height: 0; margin: 0; padding: 0; border-radius: 8px 8px 0 0; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; } .contact-content > .row.g-0.h-100[data-v-2e04e0aa] { flex: 1; margin: 0; height: 100%; overflow: hidden; } .col-lg-3[data-v-2e04e0aa] { height: 100%; overflow: hidden; } .col-lg-9[data-v-2e04e0aa] { border-left: 1px solid #e5e8eb; height: 100%; overflow: hidden; display: flex; flex-direction: column; } .sidebar-content[data-v-2e04e0aa] { padding: 1rem; height: 100%; overflow-y: auto; } .sidebar-card[data-v-2e04e0aa] { border: 1px solid #e5e8eb; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .sidebar-card-header[data-v-2e04e0aa] { background: #fff; border-bottom: 1px solid #e5e8eb; font-size: 0.8125rem; font-weight: 600; color: #2d3748; padding: 0.6rem 0.9rem; } .sidebar-card .card-body[data-v-2e04e0aa] { padding: 0.75rem 0.9rem; } .info-item[data-v-2e04e0aa] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; padding: 0.35rem 0; justify-content: space-between; } .info-item i[data-v-2e04e0aa] { width: 16px; flex-shrink: 0; } .info-item[data-v-2e04e0aa]:first-child { padding-top: 0; } .stat-row[data-v-2e04e0aa] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; padding: 0.4rem 0; } .stat-dot[data-v-2e04e0aa] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .stat-dot--won[data-v-2e04e0aa] { background: #2ea44f; } .stat-dot--open[data-v-2e04e0aa] { background: #3182ce; } .stat-dot--lost[data-v-2e04e0aa] { background: #e53e3e; } .stat-label[data-v-2e04e0aa] { flex-grow: 1; color: #4a5568; } .stat-value[data-v-2e04e0aa] { font-weight: 600; color: #2d3748; } .contact-tabs-wrap[data-v-2e04e0aa] { height: 100%; display: flex; flex-direction: column; overflow: hidden; } .contact-tabs[data-v-2e04e0aa] { border: none; padding-top: 0; } .contact-tabs .nav-link[data-v-2e04e0aa] { border: none; color: #718096; font-size: 0.8rem; font-weight: 500; margin-bottom: -1px; position: relative; padding: 0.6rem 0.9rem; } .contact-tabs .nav-link.active[data-v-2e04e0aa] { color: #3182ce; background: transparent; border: none; box-shadow: inset 0 -2px 0 #3182ce; } .contact-tabs .nav-link.active[data-v-2e04e0aa]:after { content: none; display: none; } .contact-tabs .nav-link[data-v-2e04e0aa]:hover { color: #3182ce; } .contact-tab-body[data-v-2e04e0aa] { padding: 1rem 0.75rem; flex: 1; overflow-y: auto; min-height: 0; background-color: #f6f7f9; } .tab-section-card[data-v-2e04e0aa] { background: #fff; border: 1px solid #e3e6f0; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 1.25rem 0 0 0; overflow: hidden; } /* Override global table-white-border.css rounding/shadow/spacing inside our card */ .tab-section-card[data-v-2e04e0aa] .table-responsive { border-radius: 0 !important; border: none !important; box-shadow: none !important; margin-bottom: 0 !important; } .tab-section-card[data-v-2e04e0aa] .ant-table, .tab-section-card[data-v-2e04e0aa] .ant-table-content, .tab-section-card[data-v-2e04e0aa] .ant-table table, .tab-section-card[data-v-2e04e0aa] .ant-table-wrapper, .tab-section-card[data-v-2e04e0aa] .ant-table-container { border-radius: 0 !important; } .tab-section-card[data-v-2e04e0aa] .table thead tr:first-child th:first-child, .tab-section-card[data-v-2e04e0aa] .ant-table-thead > tr:first-child > th:first-child, .tab-section-card[data-v-2e04e0aa] .table thead tr:first-child th:last-child, .tab-section-card[data-v-2e04e0aa] .ant-table-thead > tr:first-child > th:last-child, .tab-section-card[data-v-2e04e0aa] .table tbody tr:last-child td:first-child, .tab-section-card[data-v-2e04e0aa] .ant-table-tbody > tr:last-child > td:first-child, .tab-section-card[data-v-2e04e0aa] .table tbody tr:last-child td:last-child, .tab-section-card[data-v-2e04e0aa] .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0 !important; } .tab-section-card[data-v-2e04e0aa] .table-footer-controls { padding: 0.75rem 1.25rem !important; background-color: #fff !important; border-top: 1px solid #f0f0f0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-top: 0 !important; } .tab-section-header[data-v-2e04e0aa] { margin: 0 0 1rem; padding: 0 1.25rem; flex-wrap: wrap; gap: 0.75rem; } .tab-section-title[data-v-2e04e0aa] { color: #2d3748; font-weight: 600; } .tab-empty-state[data-v-2e04e0aa] { text-align: center; padding: 3rem 1rem; color: #a0aec0; } .tab-empty-state i[data-v-2e04e0aa] { font-size: 1.75rem; margin-bottom: 0.75rem; display: block; } .tab-empty-state p[data-v-2e04e0aa] { margin: 0; font-size: 0.875rem; } @media (max-width: 991px) { .col-lg-3.border-end[data-v-2e04e0aa] { border-right: none !important; border-bottom: 1px solid #e5e8eb; } .contact-content > .row[data-v-2e04e0aa] { min-height: auto; } .sidebar-content[data-v-2e04e0aa] { max-height: none; border-bottom: 1px solid #dee2e6; } .col-lg-3[data-v-2e04e0aa], .col-lg-9[data-v-2e04e0aa] { flex: 0 0 100%; max-width: 100%; height: auto; } } .wl-task-list[data-v-323f4366] { padding: 8px 12px; } .wl-task-table th[data-v-323f4366] { font-size: 11px; text-transform: uppercase; color: #8a94a6; border-bottom: 1px solid #e9ecef; white-space: nowrap; } .wl-task-table td[data-v-323f4366] { font-size: 13px; vertical-align: middle; } .badge-light-primary[data-v-323f4366] { background-color: rgba(0, 123, 255, 0.1); color: #007bff; } .badge-light-success[data-v-323f4366] { background-color: rgba(40, 167, 69, 0.1); color: #28a745; } .badge-light-warning[data-v-323f4366] { background-color: rgba(255, 193, 7, 0.1); color: #d39e00; } .badge-light-danger[data-v-323f4366] { background-color: rgba(220, 53, 69, 0.1); color: #dc3545; } .dashboard-card[data-v-0718c7a2] { border: 1px solid #e9ecef; border-radius: 8px; transition: box-shadow 0.15s ease-in-out; } .dashboard-card[data-v-0718c7a2]:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* ---------------- Tabs ---------------- */ .workload-tabs .nav-link[data-v-0718c7a2] { cursor: pointer; color: #6c757d; font-weight: 500; } .workload-tabs .nav-link.active[data-v-0718c7a2] { color: #5e72e4; font-weight: 600; } /* ---------------- Utilization toolbar ---------------- */ .wl-toolbar .period-label[data-v-0718c7a2] { font-weight: 600; color: #333; min-width: 130px; text-align: center; } .wl-span-select[data-v-0718c7a2] { width: auto; } .wl-range-select[data-v-0718c7a2] { min-width: 140px; } .wl-capacity[data-v-0718c7a2] { width: auto; max-width: 180px; } .gap-2[data-v-0718c7a2] { gap: 0.5rem; } /* ---------------- Legend ---------------- */ .wl-legend[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; color: #6c757d; } .legend-item[data-v-0718c7a2] { display: inline-flex; align-items: center; } .legend-swatch[data-v-0718c7a2] { width: 16px; height: 16px; border-radius: 3px; display: inline-block; margin-right: 6px; border: 1px solid rgba(0,0,0,0.08); } /* ---------------- Grid ---------------- */ .wl-grid-wrap[data-v-0718c7a2] { overflow-x: auto; border: 1px solid #e9ecef; border-radius: 8px; } .wl-grid[data-v-0718c7a2] { border-collapse: collapse; width: 100%; min-width: 720px; } .wl-grid th[data-v-0718c7a2], .wl-grid td[data-v-0718c7a2] { border-bottom: 1px solid #eef0f3; border-right: 1px solid #eef0f3; padding: 6px 8px; text-align: center; font-size: 13px; } .wl-grid thead th[data-v-0718c7a2] { background: #f8f9fb; position: sticky; top: 0; z-index: 2; font-weight: 600; color: #495057; } .wl-member-col[data-v-0718c7a2] { text-align: left !important; min-width: 240px; position: sticky; left: 0; background: #fff; z-index: 1; } .wl-grid thead .wl-member-col[data-v-0718c7a2] { z-index: 3; background: #f8f9fb; } .wl-util-col[data-v-0718c7a2] { min-width: 150px; text-align: left !important; } .wl-day-col[data-v-0718c7a2] { min-width: 54px; line-height: 1.1; } .wl-day-name[data-v-0718c7a2] { font-size: 11px; text-transform: uppercase; color: #8a94a6; } .wl-day-num[data-v-0718c7a2] { font-size: 15px; font-weight: 600; } .wl-day-month[data-v-0718c7a2] { font-size: 10px; color: #8a94a6; } .wl-day-off[data-v-0718c7a2] { background: #f1f3f5 !important; color: #adb5bd; } .wl-day-today[data-v-0718c7a2] { background: #eef2ff !important; } .wl-grid thead .wl-day-today[data-v-0718c7a2] { box-shadow: inset 0 -3px 0 #5e72e4; } .wl-member-row:hover .wl-member-col[data-v-0718c7a2] { background: #fafbff; } .wl-member-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; } .wl-unassigned .wl-member-name[data-v-0718c7a2] { color: #868e96; font-style: italic; } .wl-expand-btn[data-v-0718c7a2] { color: #adb5bd; line-height: 1; } .wl-expand-btn[data-v-0718c7a2]:hover { color: #5e72e4; } .wl-avatar[data-v-0718c7a2] { width: 32px; height: 32px; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .wl-util-bar[data-v-0718c7a2] { width: 100%; height: 7px; background: #edf0f4; border-radius: 4px; overflow: hidden; margin-bottom: 3px; } .wl-util-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px; } .wl-util-low[data-v-0718c7a2] { background: #adb5bd; } .wl-util-optimal[data-v-0718c7a2] { background: #2dce89; } .wl-util-high[data-v-0718c7a2] { background: #ffbe3d; } .wl-util-over[data-v-0718c7a2] { background: #f5365c; } /* Cell capacity colors */ .wl-cell[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; } .cell-empty[data-v-0718c7a2] { background: #ffffff; color: transparent; } .cell-low[data-v-0718c7a2] { background: #d8f5e3; color: #1b8a52; } .cell-optimal[data-v-0718c7a2] { background: #a8ecc4; color: #136c41; } .cell-high[data-v-0718c7a2] { background: #ffe8b3; color: #9c6b00; } .cell-over[data-v-0718c7a2] { background: #ffc9d4; color: #b21e3c; } .cell-off[data-v-0718c7a2] { background: #f1f3f5; color: #ced4da; } /* Task detail row */ .wl-task-detail-row > td[data-v-0718c7a2] { background: #fbfcfe; padding: 0 !important; } .wl-task-list[data-v-0718c7a2] { padding: 8px 12px; } .wl-task-table th[data-v-0718c7a2] { font-size: 11px; text-transform: uppercase; color: #8a94a6; border-bottom: 1px solid #e9ecef; } .wl-task-table td[data-v-0718c7a2] { font-size: 13px; vertical-align: middle; } /* ---------------- Summary strip (capacity + projects) ---------------- */ .cap-summary[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 12px; } .cap-summary-item[data-v-0718c7a2] { flex: 1; min-width: 140px; background: #f8f9fb; border: 1px solid #eef0f3; border-radius: 8px; padding: 12px 16px; display: flex; flex-direction: column; } .cap-summary-label[data-v-0718c7a2] { font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #8a94a6; } .cap-summary-value[data-v-0718c7a2] { font-size: 1.35rem; font-weight: 700; color: #2b2f38; } /* ---------------- Capacity planning ---------------- */ .cap-row[data-v-0718c7a2] { display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid #f1f3f5; gap: 18px; } .cap-row[data-v-0718c7a2]:last-child { border-bottom: none; } .cap-member[data-v-0718c7a2] { display: flex; align-items: center; min-width: 240px; width: 240px; flex-shrink: 0; } .cap-member-info[data-v-0718c7a2] { min-width: 0; } .cap-member-meta[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 10px; font-size: 11px; color: #8a94a6; margin-top: 2px; } .cap-bar-wrap[data-v-0718c7a2] { flex: 1; min-width: 0; } .cap-bar[data-v-0718c7a2] { position: relative; display: flex; height: 18px; background: #eef0f4; border-radius: 9px; overflow: hidden; } .cap-seg[data-v-0718c7a2] { height: 100%; transition: width 0.3s ease; } .cap-within[data-v-0718c7a2] { background: linear-gradient(90deg, #2dce89, #26b87a); } .cap-over[data-v-0718c7a2] { background: linear-gradient(90deg, #f5365c, #e11d48); } .cap-free[data-v-0718c7a2] { background: transparent; } .cap-marker[data-v-0718c7a2] { position: absolute; top: -2px; bottom: -2px; width: 2px; background: #2b2f38; z-index: 2; } .cap-scale[data-v-0718c7a2] { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; gap: 8px; } .cap-stats[data-v-0718c7a2] { width: 110px; flex-shrink: 0; text-align: right; } .cap-util[data-v-0718c7a2] { font-size: 1.35rem; font-weight: 700; line-height: 1.1; } .legend-free[data-v-0718c7a2] { background: #eef0f4 !important; border: 1px dashed #ced4da !important; } .legend-marker[data-v-0718c7a2] { width: 2px; height: 16px; background: #2b2f38; display: inline-block; margin-right: 6px; vertical-align: middle; } /* ===================== Workload Balancer ===================== */ .wb-top[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 18px; align-items: stretch; } .wb-score-card[data-v-0718c7a2] { flex: 0 0 300px; max-width: 320px; background: linear-gradient(160deg, #fbfcff 0%, #f4f7fc 100%); border: 1px solid #e9eef5; border-radius: 14px; padding: 10px 14px 16px; display: flex; flex-direction: column; align-items: center; } .wb-score-caption[data-v-0718c7a2] { text-align: center; margin-top: -6px; } .wb-score-verdict[data-v-0718c7a2] { display: block; font-weight: 700; font-size: 1rem; } .wb-score-help[data-v-0718c7a2] { display: block; font-size: 11px; color: #8a94a6; margin-top: 2px; line-height: 1.3; } .wb-kpis[data-v-0718c7a2] { flex: 1 1 320px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; align-content: center; } .wb-kpi[data-v-0718c7a2] { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e9eef5; border-left: 4px solid #ced4da; border-radius: 12px; padding: 14px 16px; } .wb-kpi-icon[data-v-0718c7a2] { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; background: #f1f3f9; color: #8a94a6; flex-shrink: 0; } .wb-kpi-num[data-v-0718c7a2] { font-size: 1.4rem; font-weight: 700; line-height: 1.1; color: #1f2d3d; } .wb-kpi-label[data-v-0718c7a2] { font-size: 12px; color: #8a94a6; } .wb-kpi-danger[data-v-0718c7a2] { border-left-color: #f5365c; } .wb-kpi-danger .wb-kpi-icon[data-v-0718c7a2] { background: rgba(245, 54, 92, 0.12); color: #f5365c; } .wb-kpi-success[data-v-0718c7a2] { border-left-color: #2dce89; } .wb-kpi-success .wb-kpi-icon[data-v-0718c7a2] { background: rgba(45, 206, 137, 0.12); color: #2dce89; } .wb-kpi-info[data-v-0718c7a2] { border-left-color: #11cdef; } .wb-kpi-info .wb-kpi-icon[data-v-0718c7a2] { background: rgba(17, 205, 239, 0.12); color: #11cdef; } .wb-kpi-primary[data-v-0718c7a2] { border-left-color: #5e72e4; } .wb-kpi-primary .wb-kpi-icon[data-v-0718c7a2] { background: rgba(94, 114, 228, 0.12); color: #5e72e4; } .wb-section[data-v-0718c7a2] { background: #fff; border: 1px solid #e9eef5; border-radius: 14px; padding: 16px 18px; } .wb-section-head[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 12px; } .wb-sug-empty[data-v-0718c7a2] { background: #f6faf7; border: 1px dashed #c7e7d3; border-radius: 10px; padding: 14px 16px; color: #4a5568; font-size: 14px; } .wb-sug-list[data-v-0718c7a2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; } .wb-sug[data-v-0718c7a2] { border: 1px solid #eef1f6; border-radius: 12px; padding: 12px 14px; background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%); transition: box-shadow 0.15s ease, transform 0.15s ease; } .wb-sug[data-v-0718c7a2]:hover { box-shadow: 0 6px 18px rgba(31, 45, 61, 0.08); transform: translateY(-1px); } .wb-sug-task[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .wb-sug-task-text[data-v-0718c7a2] { min-width: 0; flex: 1; } .wb-sug-task-name[data-v-0718c7a2] { font-weight: 600; font-size: 13px; color: #1f2d3d; } .wb-sug-hours[data-v-0718c7a2] { background: #eef1fb; color: #5e72e4; font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 20px; white-space: nowrap; } .wb-sug-flow[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; } .wb-sug-person[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; } .wb-sug-person-info[data-v-0718c7a2] { min-width: 0; font-size: 13px; line-height: 1.2; } .wb-sug-person-info > div[data-v-0718c7a2] { font-weight: 600; color: #1f2d3d; } .wb-sug-arrow[data-v-0718c7a2] { color: #adb5bd; flex-shrink: 0; } .wb-cols[data-v-0718c7a2] { margin-top: 4px; } .wb-col-head[data-v-0718c7a2] { display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 14px; padding: 10px 14px; border-radius: 10px; margin-bottom: 12px; } .wb-col-over[data-v-0718c7a2] { background: rgba(245, 54, 92, 0.1); color: #d3294e; } .wb-col-free[data-v-0718c7a2] { background: rgba(45, 206, 137, 0.12); color: #1f9d63; } .wb-col-count[data-v-0718c7a2] { background: #fff; border-radius: 20px; min-width: 26px; text-align: center; padding: 0 8px; font-size: 13px; } .wb-col-empty[data-v-0718c7a2] { color: #8a94a6; font-size: 14px; padding: 18px; text-align: center; border: 1px dashed #e3e8ef; border-radius: 10px; } .wb-person-card[data-v-0718c7a2] { border: 1px solid #eef1f6; border-radius: 12px; padding: 12px 14px; margin-bottom: 12px; background: #fff; } .wb-person-over[data-v-0718c7a2] { border-left: 4px solid #f5365c; } .wb-person-free[data-v-0718c7a2] { border-left: 4px solid #2dce89; } .wb-person-top[data-v-0718c7a2] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .wb-person-meta[data-v-0718c7a2] { flex: 1; min-width: 0; } .wb-person-util[data-v-0718c7a2] { font-size: 1.2rem; font-weight: 700; line-height: 1; } .wb-person-bar[data-v-0718c7a2] { display: flex; height: 10px; border-radius: 6px; overflow: hidden; background: #eef0f4; } .wb-person-fill[data-v-0718c7a2] { height: 100%; } .wb-fill-within[data-v-0718c7a2] { background: #2dce89; } .wb-fill-over[data-v-0718c7a2] { background: #f5365c; } .wb-fill-ok[data-v-0718c7a2] { background: linear-gradient(90deg, #4fd1a5, #2dce89); } .wb-person-foot[data-v-0718c7a2] { display: flex; justify-content: space-between; margin-top: 6px; } .wb-person-tasks[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .wb-task-chip[data-v-0718c7a2] { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; background: #f5f7fb; border: 1px solid #eceff5; border-radius: 20px; padding: 3px 10px; font-size: 12px; color: #495057; } .wb-task-chip .text-truncate[data-v-0718c7a2] { max-width: 140px; } .wb-task-dot[data-v-0718c7a2] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .wb-task-chip-hrs[data-v-0718c7a2] { font-weight: 700; color: #5e72e4; } .wb-free-meter[data-v-0718c7a2] { margin-top: 10px; padding-top: 8px; border-top: 1px dashed #eef1f6; color: #4a5568; } /* ---------------- By project ---------------- */ .proj-dot[data-v-0718c7a2] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: middle; } .prio-dot[data-v-0718c7a2] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; vertical-align: middle; } .proj-table td[data-v-0718c7a2] { vertical-align: middle; } .prio-mix[data-v-0718c7a2] { display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: #eef0f4; margin-bottom: 4px; } .prio-mix-seg[data-v-0718c7a2] { height: 100%; } .wl-subcard[data-v-0718c7a2] { border: 1px solid #eef1f6; box-shadow: none; } .wl-subcard .card-header[data-v-0718c7a2] { background: #fafbfc; } /* Project staffing */ .ps-card[data-v-0718c7a2] { border: 1px solid #eef1f6; border-radius: 10px; padding: 14px 16px; height: 100%; background: #fff; } .ps-head[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f2f6; } .ps-head .proj-dot[data-v-0718c7a2] { margin-right: 0; width: 12px; height: 12px; } .ps-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; flex: 1; min-width: 0; } .ps-hours[data-v-0718c7a2] { font-weight: 700; color: #5e72e4; font-size: 0.9rem; white-space: nowrap; } .ps-member[data-v-0718c7a2] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .ps-member[data-v-0718c7a2]:last-child { margin-bottom: 0; } .ps-member-info[data-v-0718c7a2] { flex: 1; min-width: 0; } .ps-member-line[data-v-0718c7a2] { display: flex; justify-content: space-between; gap: 8px; font-size: 0.85rem; margin-bottom: 3px; } .ps-member-line > span[data-v-0718c7a2] { min-width: 0; } .ps-bar[data-v-0718c7a2] { height: 6px; border-radius: 3px; background: #eef0f4; overflow: hidden; } .ps-bar-fill[data-v-0718c7a2] { height: 100%; border-radius: 3px; transition: width 0.3s ease; } /* ---------------- Insights ---------------- */ .insight-card[data-v-0718c7a2] { position: relative; overflow: hidden; } .insight-card .card-body[data-v-0718c7a2] { padding: 18px; } .insight-card h5[data-v-0718c7a2] { font-weight: 700; color: #2b2f38; } .insight-icon[data-v-0718c7a2] { position: absolute; top: 12px; right: 14px; font-size: 28px; opacity: 0.18; } .insight-danger[data-v-0718c7a2] { border-left: 3px solid #f5365c; } .insight-danger .insight-icon[data-v-0718c7a2] { color: #f5365c; } .insight-success[data-v-0718c7a2] { border-left: 3px solid #2dce89; } .insight-success .insight-icon[data-v-0718c7a2] { color: #2dce89; } .insight-primary[data-v-0718c7a2] { border-left: 3px solid #5e72e4; } .insight-primary .insight-icon[data-v-0718c7a2] { color: #5e72e4; } .insight-warning[data-v-0718c7a2] { border-left: 3px solid #ffbe3d; } .insight-warning .insight-icon[data-v-0718c7a2] { color: #ffbe3d; } .band-bar[data-v-0718c7a2] { display: flex; height: 28px; border-radius: 6px; overflow: hidden; background: #eef0f4; } .band-seg[data-v-0718c7a2] { height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 13px; transition: width 0.3s ease; min-width: 0; } .band-tile[data-v-0718c7a2] { padding: 8px 4px; } .band-dot[data-v-0718c7a2] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; } .band-count[data-v-0718c7a2] { font-size: 1.5rem; font-weight: 700; color: #2b2f38; line-height: 1.1; } /* Key takeaways */ .wl-take-grid[data-v-0718c7a2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; } .wl-take[data-v-0718c7a2] { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 10px; background: #fafbfc; border: 1px solid #eef1f6; border-left-width: 3px; } .wl-take-icon[data-v-0718c7a2] { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; } .wl-take-text[data-v-0718c7a2] { font-size: 0.88rem; color: #3a4150; line-height: 1.4; } .wl-take-danger[data-v-0718c7a2] { border-left-color: #f5365c; } .wl-take-danger .wl-take-icon[data-v-0718c7a2] { background: #f5365c; } .wl-take-success[data-v-0718c7a2] { border-left-color: #2dce89; } .wl-take-success .wl-take-icon[data-v-0718c7a2] { background: #2dce89; } .wl-take-info[data-v-0718c7a2] { border-left-color: #11cdef; } .wl-take-info .wl-take-icon[data-v-0718c7a2] { background: #11cdef; } .wl-take-warning[data-v-0718c7a2] { border-left-color: #ffbe3d; } .wl-take-warning .wl-take-icon[data-v-0718c7a2] { background: #ffbe3d; } .wl-take-primary[data-v-0718c7a2] { border-left-color: #5e72e4; } .wl-take-primary .wl-take-icon[data-v-0718c7a2] { background: #5e72e4; } /* Capacity by role */ .role-row[data-v-0718c7a2] { padding: 10px 0; border-bottom: 1px solid #f4f6f9; } .role-row[data-v-0718c7a2]:last-child { border-bottom: none; } .role-row-head[data-v-0718c7a2] { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 5px; } .role-bar[data-v-0718c7a2] { height: 8px; border-radius: 4px; background: #eef0f4; overflow: hidden; margin-bottom: 4px; } .role-bar-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px; transition: width 0.3s ease; } /* ---------------- Overview ---------------- */ .team-workload-chart-wrap[data-v-0718c7a2] { overflow-x: auto; min-height: 280px; } .workload-indicator .workload-progress-bar[data-v-0718c7a2] { width: 120px; max-width: 100%; height: 8px; margin-bottom: 0; } .workload-indicator .progress[data-v-0718c7a2] { margin-bottom: 0; } .performer-item[data-v-0718c7a2] { padding: 10px 0; border-bottom: 1px solid #f8f9fa; } .performer-item[data-v-0718c7a2]:last-child { border-bottom: none; } .rank-badge .badge[data-v-0718c7a2] { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; } .performance-score[data-v-0718c7a2] { font-size: 14px; } .badge-light-primary[data-v-0718c7a2] { background-color: rgba(0, 123, 255, 0.1); color: #007bff; } .badge-light-success[data-v-0718c7a2] { background-color: rgba(40, 167, 69, 0.1); color: #28a745; } .badge-light-warning[data-v-0718c7a2] { background-color: rgba(255, 193, 7, 0.1); color: #d39e00; } .badge-light-danger[data-v-0718c7a2] { background-color: rgba(220, 53, 69, 0.1); color: #dc3545; } .top-performers[data-v-0718c7a2] { max-height: 400px; overflow-y: auto; } .table th[data-v-0718c7a2] { font-weight: 600; color: #333; border-top: none; } .table td[data-v-0718c7a2] { vertical-align: middle; } /* ============================================================ */ /* WORKLOAD REPORT (Bar / Heatmap / Timeline) */ /* ============================================================ */ .wl-avatar-sm[data-v-0718c7a2] { width: 28px; height: 28px; font-size: 11px; } .wl-report-toggle .btn[data-v-0718c7a2] { min-width: 78px; } /* ---- Bar view (grid of mini-bars) ---- */ .barfill-ok[data-v-0718c7a2] { background: linear-gradient(90deg, #2dce89, #26b87a); } .barfill-near[data-v-0718c7a2] { background: linear-gradient(90deg, #ffbe3d, #f5a623); } .barfill-over[data-v-0718c7a2] { background: linear-gradient(90deg, #f5365c, #e11d48); } .legend-swatch.barfill-ok[data-v-0718c7a2] { background: #2dce89; } .legend-swatch.barfill-near[data-v-0718c7a2] { background: #ffbe3d; } .legend-swatch.barfill-over[data-v-0718c7a2] { background: #f5365c; } .rep-bargrid[data-v-0718c7a2] { border-collapse: collapse; width: 100%; min-width: 760px; } .rep-bargrid th[data-v-0718c7a2], .rep-bargrid td[data-v-0718c7a2] { border-bottom: 1px solid #eef0f3; border-right: 1px solid #eef0f3; padding: 6px 6px; font-size: 12px; vertical-align: middle; } .rep-bargrid thead th[data-v-0718c7a2] { background: #f8f9fb; position: sticky; top: 0; z-index: 2; font-weight: 600; color: #495057; text-align: center; line-height: 1.1; } .rep-bg-member-col[data-v-0718c7a2] { text-align: left !important; min-width: 220px; position: sticky; left: 0; background: #fff; z-index: 1; } .rep-bargrid thead .rep-bg-member-col[data-v-0718c7a2] { z-index: 3; background: #f8f9fb; } .rep-bg-row:hover .rep-bg-member-col[data-v-0718c7a2] { background: #fafbff; } .rep-bg-total-col[data-v-0718c7a2] { min-width: 130px; background: #fcfcfe; text-align: center; } .rep-bg-total-num[data-v-0718c7a2] { font-size: 1.05rem; font-weight: 700; line-height: 1.2; } .rep-bg-track[data-v-0718c7a2] { height: 9px; background: #edf0f4; border-radius: 5px; overflow: hidden; margin: 3px 0; } .rep-bg-fill[data-v-0718c7a2] { height: 100%; border-radius: 5px; transition: width 0.4s ease; } .rep-bg-day[data-v-0718c7a2] { min-width: 54px; } .rep-bg-cell[data-v-0718c7a2] { text-align: center; min-width: 54px; } .rep-bg-cell-num[data-v-0718c7a2] { font-size: 11px; font-weight: 600; color: #495057; height: 14px; line-height: 14px; } .rep-bg-cell-track[data-v-0718c7a2] { height: 8px; background: #f0f2f5; border-radius: 4px; overflow: hidden; } .rep-bg-cell-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px; transition: width 0.4s ease; } /* ---- Heatmap view ---- */ .rep-heatmap[data-v-0718c7a2] { border-collapse: collapse; width: 100%; min-width: 720px; } .rep-heatmap th[data-v-0718c7a2], .rep-heatmap td[data-v-0718c7a2] { border: 1px solid #eef0f3; text-align: center; font-size: 12px; } .rep-heatmap thead th[data-v-0718c7a2] { background: #f8f9fb; position: sticky; top: 0; z-index: 2; padding: 5px 4px; line-height: 1.1; } .rep-heat-member-col[data-v-0718c7a2] { text-align: left !important; min-width: 220px; position: sticky; left: 0; background: #fff; z-index: 1; padding: 6px 10px !important; } .rep-heatmap thead .rep-heat-member-col[data-v-0718c7a2] { z-index: 3; background: #f8f9fb; } .rep-heat-total-col[data-v-0718c7a2] { min-width: 86px; font-weight: 700; line-height: 1.15; padding: 4px 6px !important; } .rep-heat-total-num[data-v-0718c7a2] { font-size: 13px; } .rep-heat-total-col small[data-v-0718c7a2] { font-size: 10px; opacity: 0.85; } .rep-heat-day[data-v-0718c7a2] { min-width: 40px; } .rep-heat-cell[data-v-0718c7a2] { padding: 0 !important; height: 40px; font-weight: 600; font-size: 11px; } .rep-heat-fill[data-v-0718c7a2] { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; transition: filter 0.12s ease; } .rep-heat-cell:hover .rep-heat-fill[data-v-0718c7a2] { filter: brightness(0.92); } .rep-heat-total-col[data-v-0718c7a2] { padding: 0 !important; } .rep-heat-total-fill[data-v-0718c7a2] { flex-direction: column; line-height: 1.15; } .legend-swatch.heat-grad[data-v-0718c7a2] { background: linear-gradient(90deg, hsl(152,55%,86%), hsl(152,55%,45%)); } /* ---- Timeline view ---- */ .rep-timeline[data-v-0718c7a2] { min-width: calc(210px + var(--tl-cols, 14) * 34px); } .rep-tl-head[data-v-0718c7a2] { display: flex; align-items: stretch; background: #f8f9fb; border-bottom: 1px solid #e9ecef; position: sticky; top: 0; z-index: 2; } .rep-tl-member-head[data-v-0718c7a2] { width: 210px; min-width: 210px; padding: 6px 12px; font-weight: 600; color: #495057; font-size: 13px; display: flex; align-items: center; } .rep-tl-track-head[data-v-0718c7a2] { flex: 1; display: flex; } .rep-tl-daycol[data-v-0718c7a2] { flex: 1; text-align: center; line-height: 1.1; padding: 4px 0; border-left: 1px solid #eef0f3; } .rep-tl-rowgroup[data-v-0718c7a2] { border-bottom: 1px solid #f1f3f5; } .rep-tl-rowgroup[data-v-0718c7a2]:last-child { border-bottom: none; } .rep-tl-row[data-v-0718c7a2] { display: flex; align-items: stretch; } .rep-tl-row[data-v-0718c7a2]:hover { background: #fafbff; } .rep-tl-detail[data-v-0718c7a2] { background: #fbfcfe; border-top: 1px dashed #e9ecef; } .rep-tl-member[data-v-0718c7a2] { width: 210px; min-width: 210px; display: flex; align-items: center; padding: 8px 12px; } .rep-tl-track[data-v-0718c7a2] { flex: 1; position: relative; min-height: 38px; } .rep-tl-grid[data-v-0718c7a2] { position: absolute; inset: 0; display: flex; } .rep-tl-gridcol[data-v-0718c7a2] { flex: 1; border-left: 1px solid #f1f3f5; } .rep-tl-gridcol.rep-tl-off[data-v-0718c7a2] { background: #f6f7f9; } .rep-tl-gridcol.rep-tl-today[data-v-0718c7a2] { background: #eef2ff; } .rep-tl-bar[data-v-0718c7a2] { position: absolute; height: 22px; border-radius: 5px; color: #fff; font-size: 11px; font-weight: 600; display: flex; align-items: center; padding: 0 8px; overflow: hidden; cursor: default; box-shadow: 0 1px 3px rgba(16,24,40,0.18); transition: filter 0.15s ease, transform 0.15s ease; } .rep-tl-bar[data-v-0718c7a2]:hover { filter: brightness(1.05); transform: translateY(-1px); z-index: 3; } .rep-tl-bar-label[data-v-0718c7a2] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; } .rep-tl-bar-hrs[data-v-0718c7a2] { margin-left: 6px; padding-left: 6px; border-left: 1px solid rgba(255, 255, 255, 0.4); font-size: 10px; font-weight: 700; flex-shrink: 0; } .bar-critical[data-v-0718c7a2] { background: linear-gradient(90deg, #f5365c, #e11d48); } .bar-high[data-v-0718c7a2] { background: linear-gradient(90deg, #fb6340, #f5803e); } .bar-medium[data-v-0718c7a2] { background: linear-gradient(90deg, #5e72e4, #4f63d2); } .bar-low[data-v-0718c7a2] { background: linear-gradient(90deg, #2dce89, #26b87a); } .legend-swatch.bar-critical[data-v-0718c7a2] { background: #f5365c; } .legend-swatch.bar-high[data-v-0718c7a2] { background: #fb6340; } .legend-swatch.bar-medium[data-v-0718c7a2] { background: #5e72e4; } .legend-swatch.bar-low[data-v-0718c7a2] { background: #2dce89; } /* ============================================================ */ /* What-If Studio */ /* ============================================================ */ .wl-studio-tab[data-v-0718c7a2] { position: relative; } .wl-studio-badge[data-v-0718c7a2] { font-size: 9px; font-weight: 700; letter-spacing: 0.5px; background: linear-gradient(90deg, #5e72e4, #11cdef); color: #fff; border-radius: 8px; padding: 1px 6px; margin-left: 4px; vertical-align: top; } .wl-studio-head[data-v-0718c7a2] { background: linear-gradient(135deg, #f6f8ff 0%, #f3fbff 100%); border: 1px solid #e6ebfb; } /* Impact summary strip (legacy bits reused) */ .ws-strip-delta[data-v-0718c7a2] { font-size: 0.78rem; font-weight: 700; padding: 2px 8px; border-radius: 12px; } .ws-strip-delta.up[data-v-0718c7a2] { color: #1f9d6b; background: #e7f8f0; } .ws-strip-delta.down[data-v-0718c7a2] { color: #d83a5e; background: #fdebef; } .ws-strip-metric[data-v-0718c7a2] { font-size: 0.85rem; color: #5a6578; } .ws-strip-metric strong[data-v-0718c7a2] { color: #1f2d3d; } .ws-strip-metric-active strong[data-v-0718c7a2] { color: #5e72e4; } .ws-impact-chart[data-v-0718c7a2] { border: 1px solid #eef1f6; border-radius: 12px; padding: 12px 14px 4px; margin-bottom: 12px; background: #fff; } .ws-impact-chart[data-v-0718c7a2] .apexcharts-bar-area { cursor: pointer; } .ws-impact-chart-head[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; margin-bottom: 2px; } .ws-impact-chart-head h6[data-v-0718c7a2] { font-size: 0.92rem; font-weight: 700; color: #1f2d3d; } .ws-impact-chart-meta[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .ws-impact-verdict[data-v-0718c7a2] { font-weight: 700; font-size: 0.9rem; } .ws-selected-bar[data-v-0718c7a2] { background: #fff8e8; border: 1px solid #f0d080; color: #8a6318; border-radius: 10px; padding: 8px 14px; font-size: 0.85rem; margin-bottom: 12px; } .ws-people-help[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; line-height: 1.3; } .ws-board-toolbar[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; } .ws-search[data-v-0718c7a2] { max-width: 220px; border-radius: 20px; padding-left: 14px; } .ws-workspace-label[data-v-0718c7a2] { font-weight: 700; font-size: 0.88rem; color: #1f2d3d; } /* Scalable people + workspace layout */ .ws-layout[data-v-0718c7a2] { display: grid; grid-template-columns: minmax(240px, 300px) 1fr; gap: 14px; margin-bottom: 14px; min-height: 420px; } @media (max-width: 991px) { .ws-layout[data-v-0718c7a2] { grid-template-columns: 1fr; } } .ws-people[data-v-0718c7a2] { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; display: flex; flex-direction: column; min-height: 0; max-height: 70vh; overflow: hidden; } .ws-people-head[data-v-0718c7a2] { padding: 12px; border-bottom: 1px solid #eef1f6; display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .ws-people-title[data-v-0718c7a2] { font-weight: 700; font-size: 0.9rem; color: #1f2d3d; display: flex; align-items: center; justify-content: space-between; } .ws-people-count[data-v-0718c7a2] { font-size: 0.75rem; font-weight: 600; color: #8a94a6; background: #f1f3f7; border-radius: 10px; padding: 2px 8px; } .ws-people-filters[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 6px; } .ws-people-filter[data-v-0718c7a2] { border: 1px solid #e2e8f0; background: #fff; color: #5a6578; border-radius: 14px; font-size: 0.72rem; font-weight: 600; padding: 3px 10px; cursor: pointer; } .ws-people-filter.active[data-v-0718c7a2] { background: #5e72e4; border-color: #5e72e4; color: #fff; } .ws-people-list[data-v-0718c7a2] { overflow-y: auto; flex: 1; padding: 6px; min-height: 0; } .ws-people-empty[data-v-0718c7a2] { text-align: center; color: #a0aab8; font-size: 0.82rem; padding: 24px 12px; } .ws-person-row[data-v-0718c7a2] { position: relative; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; border: 1px solid transparent; cursor: pointer; transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease; } .ws-person-row[data-v-0718c7a2]:hover { background: #f7f9fc; } .ws-person-focus-a[data-v-0718c7a2] { background: #f0f4ff; border-color: #c5d0fb; } .ws-person-focus-b[data-v-0718c7a2] { background: #f3fbff; border-color: #b9e5f2; } .ws-person-target[data-v-0718c7a2] { box-shadow: 0 0 0 2px rgba(94, 114, 228, 0.45); border-color: #5e72e4 !important; background: #f4f7ff; } .ws-person-changed[data-v-0718c7a2] { border-left: 3px solid #5e72e4; } .ws-person-meta[data-v-0718c7a2] { flex: 1; min-width: 0; } .ws-person-name[data-v-0718c7a2] { font-weight: 600; font-size: 0.85rem; color: #1f2d3d; } .ws-person-sub[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; margin-bottom: 4px; } .ws-person-side[data-v-0718c7a2] { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 0 auto; } .ws-person-slot-btns[data-v-0718c7a2] { display: flex; gap: 4px; } .ws-slot-btn[data-v-0718c7a2] { min-width: 40px; height: 22px; border-radius: 6px; border: 1px solid #d9e0ea; background: #fff; color: #6b778c; font-size: 0.62rem; font-weight: 800; line-height: 1; padding: 0 6px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.2px; } .ws-slot-btn.active[data-v-0718c7a2] { background: #5e72e4; border-color: #5e72e4; color: #fff; } .ws-slot-btn-to.active[data-v-0718c7a2] { background: #11cdef; border-color: #11cdef; } .ws-cap-track-sm[data-v-0718c7a2] { height: 5px; margin: 0; } .ws-workspace[data-v-0718c7a2] { min-width: 0; display: flex; flex-direction: column; gap: 10px; } .ws-workspace-toolbar[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } .ws-slot-tag[data-v-0718c7a2] { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 18px; padding: 0 6px; border-radius: 5px; background: #5e72e4; color: #fff; font-size: 0.62rem; font-weight: 800; margin-right: 4px; vertical-align: middle; text-transform: uppercase; } .ws-slot-tag-b[data-v-0718c7a2] { background: #11cdef; } .ws-col-placeholder[data-v-0718c7a2] { background: #fafbfd; border: 2px dashed #d9e0ea; min-height: 280px; justify-content: center; } .ws-placeholder-body[data-v-0718c7a2] { text-align: center; color: #8a94a6; padding: 24px 16px; } .ws-placeholder-body i[data-v-0718c7a2] { font-size: 1.4rem; margin-bottom: 10px; display: block; color: #b5bdc9; } .ws-placeholder-body p[data-v-0718c7a2] { margin: 0; font-size: 0.85rem; } .ws-compare[data-v-0718c7a2] { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: stretch; min-width: 0; } .ws-swap-mid[data-v-0718c7a2] { align-self: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #d5dceb; background: #fff; color: #5e72e4; font-size: 0.68rem; font-weight: 700; cursor: pointer; box-shadow: 0 2px 8px rgba(16, 30, 54, 0.08); transition: background 0.12s ease, transform 0.12s ease, box-shadow 0.12s ease; flex: 0 0 auto; } .ws-swap-mid i[data-v-0718c7a2] { font-size: 0.95rem; } .ws-swap-mid[data-v-0718c7a2]:hover:not(:disabled) { background: #f0f4ff; transform: scale(1.05); box-shadow: 0 4px 12px rgba(94, 114, 228, 0.2); } .ws-swap-mid[data-v-0718c7a2]:disabled { opacity: 0.45; cursor: not-allowed; } @media (max-width: 1100px) { .ws-compare[data-v-0718c7a2] { grid-template-columns: 1fr; } .ws-swap-mid[data-v-0718c7a2] { width: 100%; height: 40px; border-radius: 10px; flex-direction: row; gap: 8px; } } /* Legacy impact dashboard (kept for reference elsewhere) */ .ws-impact[data-v-0718c7a2] { display: grid; grid-template-columns: 280px 1fr; gap: 16px; margin-bottom: 14px; } @media (max-width: 991px) { .ws-impact[data-v-0718c7a2] { grid-template-columns: 1fr; } } .ws-score-card[data-v-0718c7a2] { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 12px 12px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; } .ws-score-caption[data-v-0718c7a2] { display: flex; flex-direction: column; gap: 6px; margin-top: -6px; } .ws-score-verdict[data-v-0718c7a2] { font-weight: 700; font-size: 1.05rem; } .ws-score-delta[data-v-0718c7a2] { font-size: 0.82rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; display: inline-block; } .ws-score-delta.up[data-v-0718c7a2] { color: #1f9d6b; background: #e7f8f0; } .ws-score-delta.down[data-v-0718c7a2] { color: #d83a5e; background: #fdebef; } .ws-score-delta.flat[data-v-0718c7a2] { color: #8a94a6; background: #f1f3f7; } .ws-kpis[data-v-0718c7a2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; } .ws-kpi[data-v-0718c7a2] { background: #fff; border: 1px solid #eef1f6; border-left-width: 3px; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; } .ws-kpi-icon[data-v-0718c7a2] { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; flex: 0 0 auto; } .ws-kpi-num[data-v-0718c7a2] { font-size: 1.5rem; font-weight: 700; color: #1f2d3d; line-height: 1.1; } .ws-kpi-label[data-v-0718c7a2] { font-size: 0.82rem; color: #8a94a6; } .ws-kpi-base[data-v-0718c7a2] { font-size: 0.74rem; color: #aeb6c2; margin-top: 2px; } .ws-trend-up[data-v-0718c7a2] { color: #d83a5e; } .ws-trend-down[data-v-0718c7a2] { color: #1f9d6b; } .ws-trend-flat[data-v-0718c7a2] { color: #aeb6c2; } .ws-kpi-danger[data-v-0718c7a2] { border-left-color: #f5365c; } .ws-kpi-danger .ws-kpi-icon[data-v-0718c7a2] { background: #f5365c; } .ws-kpi-success[data-v-0718c7a2] { border-left-color: #2dce89; } .ws-kpi-success .ws-kpi-icon[data-v-0718c7a2] { background: #2dce89; } .ws-kpi-info[data-v-0718c7a2] { border-left-color: #11cdef; } .ws-kpi-info .ws-kpi-icon[data-v-0718c7a2] { background: #11cdef; } .ws-kpi-warning[data-v-0718c7a2] { border-left-color: #ffbe3d; } .ws-kpi-warning .ws-kpi-icon[data-v-0718c7a2] { background: #ffbe3d; } .ws-kpi-secondary[data-v-0718c7a2] { border-left-color: #8965e0; } .ws-kpi-secondary .ws-kpi-icon[data-v-0718c7a2] { background: #8965e0; } .ws-legend[data-v-0718c7a2] { display: inline-flex; gap: 14px; margin-left: 10px; } .ws-legend-item[data-v-0718c7a2] { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; color: #51607a; } .ws-legend-item i[data-v-0718c7a2] { color: #7a5af0; } .ws-legend-dot[data-v-0718c7a2] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; } .ws-legend-task[data-v-0718c7a2] { background: #fff; border: 1px solid #cfd6e4; border-left: 3px solid #5e72e4; } .ws-move-kind[data-v-0718c7a2] { color: #7a5af0; font-size: 0.78rem; flex: 0 0 auto; } /* studio: tasks + support tickets share one balancing board */ /* Board */ .ws-board-wrap[data-v-0718c7a2] { overflow-x: auto; padding-bottom: 8px; margin-bottom: 14px; } .ws-board[data-v-0718c7a2] { display: flex; gap: 12px; align-items: stretch; min-height: 280px; } .ws-board-fixed[data-v-0718c7a2] { display: grid; grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.6fr); gap: 12px; overflow: visible; } @media (max-width: 1100px) { .ws-board-fixed[data-v-0718c7a2] { grid-template-columns: 1fr; } } .ws-col[data-v-0718c7a2] { flex: 1 1 0; min-width: 0; width: auto; background: #f7f9fc; border: 1px solid #eef1f6; border-radius: 12px; display: flex; flex-direction: column; transition: box-shadow 0.15s ease, border-color 0.15s ease; max-height: 70vh; } .ws-col .ws-dropzone[data-v-0718c7a2] { overflow-y: auto; } .ws-board-dragging .ws-col[data-v-0718c7a2] { border-style: dashed; } .ws-board-selecting .ws-col-head[data-v-0718c7a2] { cursor: pointer; } .ws-col-target[data-v-0718c7a2] { box-shadow: 0 0 0 2px rgba(94, 114, 228, 0.45); border-color: #5e72e4 !important; } .ws-col-target .ws-col-head[data-v-0718c7a2] { background: rgba(94, 114, 228, 0.06); } .ws-col-changed[data-v-0718c7a2] { box-shadow: 0 0 0 2px rgba(94, 114, 228, 0.25); } .ws-col-backlog[data-v-0718c7a2] { background: #fffaf0; border-color: #f3e6c9; } .ws-state-over[data-v-0718c7a2] { border-color: #f7c4cf; } .ws-state-busy[data-v-0718c7a2] { border-color: #ffe0a3; } .ws-col-head[data-v-0718c7a2] { padding: 12px 12px 10px; border-bottom: 1px solid #eef1f6; } .ws-col-id[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; } .ws-col-name-wrap[data-v-0718c7a2] { flex: 1; min-width: 0; } .ws-col-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; font-size: 0.9rem; } .ws-backlog-icon[data-v-0718c7a2] { width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #f0a93b; color: #fff; flex: 0 0 auto; } .ws-util-badge[data-v-0718c7a2] { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 20px; flex: 0 0 auto; } .ws-badge-low[data-v-0718c7a2] { background: #eceff2; color: #8a94a6; } .ws-badge-ok[data-v-0718c7a2] { background: #e7f8f0; color: #1f9d6b; } .ws-badge-busy[data-v-0718c7a2] { background: #fff3da; color: #c98a17; } .ws-badge-over[data-v-0718c7a2] { background: #fdebef; color: #d83a5e; } .ws-cap-track[data-v-0718c7a2] { height: 7px; border-radius: 4px; background: #e9edf3; overflow: hidden; margin: 9px 0 4px; display: flex; } .ws-cap-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px 0 0 4px; transition: width 0.25s ease; } .ws-fill-low[data-v-0718c7a2] { background: #adb5bd; } .ws-fill-ok[data-v-0718c7a2] { background: #2dce89; } .ws-fill-busy[data-v-0718c7a2] { background: #ffbe3d; } .ws-fill-over[data-v-0718c7a2] { background: #f5365c; } .ws-cap-over[data-v-0718c7a2] { height: 100%; background: repeating-linear-gradient(45deg, #f5365c, #f5365c 4px, #c11d3f 4px, #c11d3f 8px); } .ws-cap-text[data-v-0718c7a2] { color: #8a94a6; font-size: 0.74rem; } .ws-dropzone[data-v-0718c7a2] { flex: 1; padding: 10px; display: flex; flex-direction: column; gap: 8px; min-height: 90px; } .ws-dropzone-empty[data-v-0718c7a2] { border: 2px dashed #d9e0ea; border-radius: 8px; margin: 8px; min-height: 70px; } .ws-empty-note[data-v-0718c7a2] { text-align: center; color: #b5bdc9; font-size: 0.78rem; padding: 0 0 12px; margin-top: -6px; } .ws-chip[data-v-0718c7a2] { background: #fff; border: 1px solid #eef1f6; border-left: 3px solid var(--chip-color, #adb5bd); border-radius: 8px; padding: 8px 10px; cursor: grab; box-shadow: 0 1px 2px rgba(16, 30, 54, 0.04); transition: box-shadow 0.12s ease, transform 0.12s ease; } .ws-chip[data-v-0718c7a2]:hover { box-shadow: 0 4px 10px rgba(16, 30, 54, 0.12); transform: translateY(-1px); } .ws-chip[data-v-0718c7a2]:active { cursor: grabbing; } .ws-chip-selected[data-v-0718c7a2] { box-shadow: 0 0 0 2px #5e72e4; background: #f4f7ff; } .ws-chip-moved[data-v-0718c7a2] { background: #f4f7ff; border-color: #c9d5fb; border-left-color: #5e72e4; } .ws-chip-ghost[data-v-0718c7a2] { opacity: 0.45; background: #e9f0ff; } /* Support-ticket chips get a tinted background + headset glyph to stand apart from tasks. */ .ws-chip-ticket[data-v-0718c7a2] { background: linear-gradient(0deg, #fbf8ff, #fbf8ff), #fff; border-style: dashed; } .ws-chip-ticket.ws-chip-moved[data-v-0718c7a2] { background: #f4f7ff; border-style: solid; } .ws-chip-kind[data-v-0718c7a2] { color: #7a5af0; font-size: 0.72rem; flex: 0 0 auto; } .ws-chip-top[data-v-0718c7a2] { display: flex; align-items: center; justify-content: space-between; gap: 6px; } .ws-chip-summary[data-v-0718c7a2] { font-size: 0.82rem; font-weight: 600; color: #2b2f38; min-width: 0; flex: 1; } .ws-chip-hrs[data-v-0718c7a2] { font-size: 0.74rem; font-weight: 700; color: #5e72e4; white-space: nowrap; } .ws-chip-meta[data-v-0718c7a2] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 3px; } .ws-chip-proj[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; min-width: 0; } .ws-chip-prio[data-v-0718c7a2] { font-size: 0.7rem; font-weight: 600; white-space: nowrap; } .ws-chip-from[data-v-0718c7a2] { font-size: 0.7rem; font-weight: 600; color: #5e72e4; white-space: nowrap; } /* Pending changes footer */ .ws-footer[data-v-0718c7a2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; position: sticky; bottom: 0; z-index: 5; background: #fff; border: 1px solid #dce3ef; border-radius: 12px; padding: 10px 14px; margin-top: 8px; box-shadow: 0 -4px 16px rgba(16, 30, 54, 0.06); } .ws-footer-toggle[data-v-0718c7a2] { border: none; background: transparent; font-weight: 600; font-size: 0.88rem; color: #5e72e4; cursor: pointer; padding: 0; } .ws-footer-actions[data-v-0718c7a2] { display: flex; align-items: center; gap: 8px; } .ws-moves-panel[data-v-0718c7a2] { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 4px 12px; margin-top: 8px; max-height: 220px; overflow-y: auto; } .ws-move-undo[data-v-0718c7a2] { color: #8a94a6; padding: 0 4px; flex: 0 0 auto; } .ws-move-undo[data-v-0718c7a2]:hover { color: #5e72e4; } /* Pending changes (legacy card) */ .ws-changes-badge[data-v-0718c7a2] { font-size: 0.78rem; padding: 5px 10px; } .ws-move[data-v-0718c7a2] { display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid #f4f6f9; } .ws-move[data-v-0718c7a2]:last-child { border-bottom: none; } .ws-move-bar[data-v-0718c7a2] { width: 4px; height: 26px; border-radius: 3px; flex: 0 0 auto; } .ws-move-task[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; font-size: 0.85rem; flex: 1; min-width: 0; } .ws-move-hrs[data-v-0718c7a2] { font-size: 0.78rem; font-weight: 700; color: #5e72e4; white-space: nowrap; } .ws-move-flow[data-v-0718c7a2] { font-size: 0.82rem; color: #4a5568; white-space: nowrap; display: flex; align-items: center; } .ws-move-from[data-v-0718c7a2] { color: #8a94a6; } .ws-move-to[data-v-0718c7a2] { font-weight: 600; color: #1f9d6b; } .ws-move-to.ws-move-backlog[data-v-0718c7a2] { color: #c98a17; } /* ===================== Availability tab ===================== */ .avail-top[data-v-0718c7a2] { display: grid; grid-template-columns: 220px 1fr; gap: 1rem; align-items: stretch; } @media (max-width: 768px) { .avail-top[data-v-0718c7a2] { grid-template-columns: 1fr; } } .avail-gauge[data-v-0718c7a2] { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 0.5rem 0.5rem 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .avail-gauge-meta[data-v-0718c7a2] { text-align: center; margin-top: -0.5rem; } .avail-gauge-title[data-v-0718c7a2] { display: block; font-weight: 700; color: #32325d; font-size: 0.9rem; } .avail-gauge-sub[data-v-0718c7a2] { display: block; font-size: 0.76rem; color: #8a94a6; margin-top: 2px; } .avail-kpis[data-v-0718c7a2] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; } @media (min-width: 1200px) { .avail-kpis[data-v-0718c7a2] { grid-template-columns: repeat(4, 1fr); } } .avail-kpi[data-v-0718c7a2] { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 0.85rem 1rem; display: flex; align-items: center; gap: 0.75rem; } .avail-kpi-icon[data-v-0718c7a2] { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #fff; flex: 0 0 auto; } .avail-kpi-icon.ic-cap[data-v-0718c7a2] { background: linear-gradient(135deg, #2dce89, #2dcecc); } .avail-kpi-icon.ic-off[data-v-0718c7a2] { background: linear-gradient(135deg, #fb6340, #fbb140); } .avail-kpi-icon.ic-today[data-v-0718c7a2] { background: linear-gradient(135deg, #5e72e4, #825ee4); } .avail-kpi-icon.ic-hol[data-v-0718c7a2] { background: linear-gradient(135deg, #11cdef, #1171ef); } .avail-kpi-value[data-v-0718c7a2] { font-size: 1.35rem; font-weight: 700; color: #32325d; line-height: 1.1; } .avail-kpi-label[data-v-0718c7a2] { font-size: 0.8rem; color: #525f7f; font-weight: 600; } .avail-kpi-foot[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; } .avail-section-title[data-v-0718c7a2] { font-weight: 700; color: #32325d; font-size: 0.92rem; margin-bottom: 0.75rem; display: flex; align-items: center; } .avail-count[data-v-0718c7a2] { background: #eef0f6; color: #5e72e4; border-radius: 20px; padding: 0 0.55rem; font-size: 0.75rem; margin-left: 0.5rem; } .avail-holidays[data-v-0718c7a2] { background: #f7faff; border: 1px solid #e7eefb; border-radius: 14px; padding: 1rem; } .avail-holiday-list[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 0.5rem; } .avail-holiday-chip[data-v-0718c7a2] { display: inline-flex; flex-direction: column; background: #fff; border: 1px solid #e1e9fb; border-radius: 10px; padding: 0.4rem 0.7rem; } .avail-holiday-name[data-v-0718c7a2] { font-weight: 600; color: #1171ef; font-size: 0.82rem; } .avail-holiday-date[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; } .avail-empty[data-v-0718c7a2] { background: #f0fbf5; border: 1px solid #cdeedd; color: #1f9d6b; border-radius: 12px; padding: 0.9rem 1rem; font-weight: 600; font-size: 0.88rem; } .avail-member-list[data-v-0718c7a2] { display: flex; flex-direction: column; gap: 0.75rem; } .avail-member[data-v-0718c7a2] { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 0.85rem 1rem; } .avail-member-head[data-v-0718c7a2] { display: flex; align-items: center; gap: 0.7rem; } .avail-member-id[data-v-0718c7a2] { display: flex; flex-direction: column; min-width: 0; flex: 1; } .avail-member-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; font-size: 0.9rem; display: flex; align-items: center; gap: 0.5rem; } .avail-member-role[data-v-0718c7a2] { font-size: 0.76rem; color: #8a94a6; } .avail-today-pill[data-v-0718c7a2] { background: #ffe9e3; color: #fb6340; border-radius: 20px; padding: 1px 8px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; } .avail-member-pct[data-v-0718c7a2] { text-align: right; font-weight: 700; font-size: 1.05rem; white-space: nowrap; } .avail-member-pct span[data-v-0718c7a2] { display: block; font-size: 0.66rem; font-weight: 500; color: #8a94a6; text-transform: uppercase; } .avail-member-pct.tone-ok[data-v-0718c7a2] { color: #2dce89; } .avail-member-pct.tone-warn[data-v-0718c7a2] { color: #fb8c00; } .avail-member-pct.tone-low[data-v-0718c7a2] { color: #f5365c; } .avail-bar[data-v-0718c7a2] { height: 7px; border-radius: 4px; background: #eef0f3; margin: 0.6rem 0; overflow: hidden; } .avail-bar-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px; transition: width 0.3s ease; } .avail-bar-fill.tone-ok[data-v-0718c7a2] { background: #2dce89; } .avail-bar-fill.tone-warn[data-v-0718c7a2] { background: #fb8c00; } .avail-bar-fill.tone-low[data-v-0718c7a2] { background: #f5365c; } .avail-leaves[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 0.4rem; } .avail-leave-chip[data-v-0718c7a2] { display: inline-flex; align-items: center; background: #f6f7fb; border: 1px solid #eceef5; border-radius: 20px; padding: 0.25rem 0.6rem; font-size: 0.76rem; color: #525f7f; } .avail-leave-chip i[data-v-0718c7a2] { color: #fb6340; font-size: 0.5rem; } .avail-leave-days[data-v-0718c7a2] { margin-left: 0.4rem; font-weight: 700; color: #32325d; } .avail-free-list[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 0.5rem; } .avail-free-chip[data-v-0718c7a2] { display: inline-flex; align-items: center; gap: 0.45rem; background: #f0fbf5; border: 1px solid #d6efe1; border-radius: 24px; padding: 0.25rem 0.7rem 0.25rem 0.25rem; font-size: 0.8rem; color: #2b2f38; } /* ===================== Support Load tab ===================== */ .sl-kpis[data-v-0718c7a2] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; } @media (min-width: 768px) { .sl-kpis[data-v-0718c7a2] { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .sl-kpis[data-v-0718c7a2] { grid-template-columns: repeat(6, 1fr); } } .sl-kpi[data-v-0718c7a2] { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 0.8rem 0.9rem; display: flex; align-items: center; gap: 0.6rem; } .sl-kpi-icon[data-v-0718c7a2] { width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #fff; flex: 0 0 auto; } .sl-kpi-icon.ic-open[data-v-0718c7a2] { background: linear-gradient(135deg, #5e72e4, #825ee4); } .sl-kpi-icon.ic-hours[data-v-0718c7a2] { background: linear-gradient(135deg, #11cdef, #1171ef); } .sl-kpi-icon.ic-overdue[data-v-0718c7a2] { background: linear-gradient(135deg, #f5365c, #f56036); } .sl-kpi-icon.ic-unassigned[data-v-0718c7a2] { background: linear-gradient(135deg, #fb6340, #fbb140); } .sl-kpi-icon.ic-avg[data-v-0718c7a2] { background: linear-gradient(135deg, #2dce89, #2dcecc); } .sl-kpi-icon.ic-resolved[data-v-0718c7a2] { background: linear-gradient(135deg, #2dce89, #1aae6f); } .sl-kpi-value[data-v-0718c7a2] { font-size: 1.3rem; font-weight: 700; color: #32325d; line-height: 1.1; } .sl-kpi-label[data-v-0718c7a2] { font-size: 0.78rem; color: #525f7f; font-weight: 600; } .sl-kpi-foot[data-v-0718c7a2] { font-size: 0.7rem; color: #8a94a6; } .sl-member-list[data-v-0718c7a2] { display: flex; flex-direction: column; gap: 0.65rem; } .sl-member[data-v-0718c7a2] { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 0.8rem 1rem; } .sl-member-head[data-v-0718c7a2] { display: flex; align-items: center; gap: 0.7rem; cursor: pointer; } .sl-member-id[data-v-0718c7a2] { display: flex; flex-direction: column; min-width: 0; } .sl-member-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; font-size: 0.9rem; } .sl-member-role[data-v-0718c7a2] { font-size: 0.74rem; color: #8a94a6; } .sl-prio-pills[data-v-0718c7a2] { display: flex; gap: 0.3rem; margin-left: auto; flex-wrap: wrap; } .sl-pill[data-v-0718c7a2] { color: #fff; border-radius: 20px; padding: 1px 8px; font-size: 0.7rem; font-weight: 700; } .sl-overdue[data-v-0718c7a2] { color: #f5365c; font-size: 0.76rem; font-weight: 700; white-space: nowrap; } .sl-member-hours[data-v-0718c7a2] { font-size: 0.8rem; font-weight: 700; color: #5e72e4; white-space: nowrap; } .sl-member-open[data-v-0718c7a2] { text-align: center; font-weight: 700; font-size: 1.1rem; line-height: 1; min-width: 44px; } .sl-member-open span[data-v-0718c7a2] { display: block; font-size: 0.62rem; font-weight: 500; color: #8a94a6; text-transform: uppercase; } .sl-member-open.tone-ok[data-v-0718c7a2] { color: #2dce89; } .sl-member-open.tone-warn[data-v-0718c7a2] { color: #fb8c00; } .sl-member-open.tone-low[data-v-0718c7a2] { color: #f5365c; } .sl-chev[data-v-0718c7a2] { color: #b5bccb; font-size: 0.8rem; } .sl-bar[data-v-0718c7a2] { height: 6px; border-radius: 4px; background: #eef0f3; margin-top: 0.55rem; overflow: hidden; } .sl-bar-fill[data-v-0718c7a2] { height: 100%; border-radius: 4px; transition: width 0.3s ease; } .sl-bar-fill.tone-ok[data-v-0718c7a2] { background: #2dce89; } .sl-bar-fill.tone-warn[data-v-0718c7a2] { background: #fb8c00; } .sl-bar-fill.tone-low[data-v-0718c7a2] { background: #f5365c; } .sl-tickets[data-v-0718c7a2] { margin-top: 0.7rem; border-top: 1px dashed #eceef5; padding-top: 0.5rem; display: flex; flex-direction: column; gap: 0.2rem; } .sl-ticket[data-v-0718c7a2] { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.3rem; font-size: 0.8rem; border-radius: 8px; } .sl-ticket[data-v-0718c7a2]:hover { background: #f8f9fc; } .sl-ticket-dot[data-v-0718c7a2] { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; } .sl-ticket-num[data-v-0718c7a2] { font-weight: 700; color: #5e72e4; white-space: nowrap; } .sl-ticket-subj[data-v-0718c7a2] { color: #2b2f38; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-ticket-proj[data-v-0718c7a2] { font-size: 0.72rem; color: #8a94a6; background: #f1f3f9; border-radius: 6px; padding: 1px 7px; white-space: nowrap; } .sl-ticket-status[data-v-0718c7a2] { font-size: 0.74rem; font-weight: 600; white-space: nowrap; } .sl-ticket-due[data-v-0718c7a2] { font-size: 0.74rem; color: #8a94a6; white-space: nowrap; } .sl-ticket-due.is-overdue[data-v-0718c7a2] { color: #f5365c; font-weight: 600; } .sl-proj-list[data-v-0718c7a2] { display: flex; flex-wrap: wrap; gap: 0.5rem; } .sl-proj[data-v-0718c7a2] { display: inline-flex; align-items: center; gap: 0.5rem; background: #fff; border: 1px solid #eef0f3; border-radius: 10px; padding: 0.4rem 0.75rem; } .sl-proj-name[data-v-0718c7a2] { font-weight: 600; color: #2b2f38; font-size: 0.82rem; } .sl-proj-open[data-v-0718c7a2] { font-size: 0.74rem; color: #5e72e4; font-weight: 600; } .sl-proj-overdue[data-v-0718c7a2] { font-size: 0.74rem; color: #f5365c; font-weight: 600; } /* Overview support banner */ .ov-support-banner[data-v-0718c7a2] { display: flex; align-items: center; gap: 0.85rem; background: linear-gradient(135deg, #eef1fe, #f4f0fe); border: 1px solid #e1e3fb; border-radius: 14px; padding: 0.85rem 1.1rem; cursor: pointer; transition: box-shadow 0.2s ease, transform 0.2s ease; } .ov-support-banner[data-v-0718c7a2]:hover { box-shadow: 0 6px 18px rgba(94, 114, 228, 0.18); transform: translateY(-1px); } .ov-support-ic[data-v-0718c7a2] { width: 44px; height: 44px; border-radius: 12px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #5e72e4, #825ee4); color: #fff; font-size: 1.2rem; } .ov-support-text[data-v-0718c7a2] { flex: 1; color: #4a5568; font-size: 0.9rem; } .ov-support-text strong[data-v-0718c7a2] { color: #32325d; font-size: 1.05rem; } .ov-support-sub[data-v-0718c7a2] { display: block; font-size: 0.76rem; color: #8a94a6; margin-top: 2px; } .ov-support-cta[data-v-0718c7a2] { color: #5e72e4; font-weight: 700; font-size: 0.84rem; white-space: nowrap; } /* Support badge shared across Overview / By Project links */ .wl-support-badge[data-v-0718c7a2] { display: inline-flex; align-items: center; gap: 0.3rem; background: #eef0fb; color: #5e72e4; border-radius: 20px; padding: 1px 9px; font-size: 0.72rem; font-weight: 700; } .wl-support-badge i[data-v-0718c7a2] { font-size: 0.7rem; } .nx-priority[data-v-0ecba4d0] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 560; } .nx-priority__dot[data-v-0ecba4d0] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .nx-priority--projects[data-v-0ecba4d0] { color: #6366f1; } .nx-team-card__stats-meta[data-v-0ecba4d0] { display: flex; justify-content: space-between; gap: 12px; font-size: 0.75rem; color: var(--nx-card-muted, #6b7280); } .nx-team-card__created[data-v-0ecba4d0] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: var(--nx-card-muted, #6b7280); white-space: nowrap; } .teams-cards-region[data-v-48a597be] { width: 100%; box-sizing: border-box; } .empty-state[data-v-48a597be] { background: #fff; border: 1px solid #e9ecef; border-radius: 12px; padding: 4rem 2rem; margin: 0 0 2rem; color: #6c757d; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .empty-state h4[data-v-48a597be], .empty-state h5[data-v-48a597be] { color: #343a40; margin-bottom: 0.75rem; font-weight: 600; } .empty-icon i[data-v-48a597be] { font-size: 3.5rem; opacity: 0.35; margin-bottom: 1.25rem; } .teams-list-table[data-v-48a597be] .dt-table tbody td { height: auto; white-space: normal; } .teams-list-table[data-v-48a597be] .dt-state-cell { height: auto; padding: 0; } .teams-list-table .empty-state[data-v-48a597be] { box-shadow: none; border: none; margin: 0; background: transparent; } .nx-team-cell[data-v-48a597be] { display: flex; align-items: flex-start; gap: 10px; min-width: 0; } .nx-team-cell__text[data-v-48a597be] { min-width: 0; } .nx-team-cell__title-row[data-v-48a597be] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .nx-team-cell__name[data-v-48a597be] { color: #111827; font-weight: 600; font-size: 0.9rem; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .nx-team-cell__name[data-v-48a597be]:hover { color: #2563eb; } .nx-team-cell__sub[data-v-48a597be] { margin-top: 3px; font-size: 0.75rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nx-team-members-cell[data-v-48a597be] { display: flex; align-items: center; gap: 10px; } .nx-team-members-cell__count[data-v-48a597be] { font-size: 0.8125rem; color: #374151; } .nx-team-projects[data-v-48a597be], .nx-team-created[data-v-48a597be] { font-size: 0.8125rem; color: #374151; } .nx-empty-dash[data-v-48a597be] { color: #9ca3af; font-size: 0.8125rem; } .nx-row-menu-btn[data-v-48a597be] { width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .nx-row-menu-btn[data-v-48a597be]::after { display: none; } .nx-row-menu-btn[data-v-48a597be]:hover { background: #f3f4f6; color: #111827; border-color: #e5e7eb; } .modal-btn.delete-action[data-v-48a597be] { padding: 0 1.5rem 1.5rem; } .modal-btn.delete-action .row[data-v-48a597be] { margin: 0 -6px; } .modal-btn.delete-action .col-6[data-v-48a597be] { padding: 0 6px; } .topbar-team-meta[data-v-26c35322] { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #6b7280; } .topbar-team-meta__item i[data-v-26c35322] { margin-right: 3px; font-size: 11px; } .topbar-team-meta__sep[data-v-26c35322] { margin: 0 2px; color: #9ca3af; } .team-details-page[data-v-26c35322] { display: flex; flex-direction: column; min-height: calc(100vh - 60px); background: #f8fafc; } .team-inline-header[data-v-26c35322] { position: sticky; top: 0; z-index: 10; } .team-header-top-row[data-v-26c35322] { display: flex; align-items: center; gap: 0.5rem; min-width: 0; } .team-header-name[data-v-26c35322] { font-size: 1.25rem; font-weight: 600; color: #1e293b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .team-header-name-input[data-v-26c35322] { width: 100%; max-width: 480px; border: 1px solid transparent; border-radius: 6px; background: transparent; font-size: 1.25rem; font-weight: 600; color: #1e293b; padding: 0.15rem 0.35rem; outline: none; } .team-header-name-input[data-v-26c35322]:hover, .team-header-name-input[data-v-26c35322]:focus { border-color: #cbd5e1; background: #fff; } .team-meta[data-v-26c35322] { font-size: 0.8125rem; margin-top: 0.2rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; } .team-meta-sep[data-v-26c35322] { margin: 0 0.15rem; } .team-field-spinner[data-v-26c35322] { display: inline-flex; align-items: center; } .team-content[data-v-26c35322] { flex: 1; display: flex; flex-direction: column; min-height: 0; } .team-main-content[data-v-26c35322] { display: flex; flex-direction: column; flex: 1; min-height: 0; background: #fff; } .team-tabs .nav-tabs[data-v-26c35322] { padding: 0 0.75rem; border: none; } .team-tabs .nav-link[data-v-26c35322] { border: none; color: #718096; font-size: 0.8rem; font-weight: 500; margin-bottom: -1px; position: relative; padding: 0.85rem 1rem; z-index: 1; box-shadow: none; } .team-tabs .nav-link.active[data-v-26c35322] { color: #3182ce; background: transparent; border: none; box-shadow: inset 0 -2px 0 #3182ce; z-index: 2; } .team-tabs .nav-link[data-v-26c35322]:hover { color: #3182ce; } .team-tab-body[data-v-26c35322] { flex: 1; overflow-y: auto; max-width: 920px; min-height: 0; } .team-tab-body--tasks[data-v-26c35322] { max-width: none; width: 100%; padding: 0 !important; overflow: hidden; display: flex; flex-direction: column; min-height: 0; } .team-tasks-pane[data-v-26c35322] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .team-tasks-shell[data-v-26c35322] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; } .project-view-task-tab-region[data-v-26c35322] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; flex-direction: column; overflow: hidden; } .project-view-work-toolbar[data-v-26c35322] { flex: 0 0 auto; padding: 10px 16px; margin: 0; border-bottom: none; background: #fff; } .project-view-work-toolbar[data-v-26c35322] .jira-filter-container { margin-bottom: 0; } .project-view-work-toolbar[data-v-26c35322] .jira-filter-bar, .project-view-work-toolbar[data-v-26c35322] .ef-row { flex-wrap: wrap; } .project-view-work-toolbar[data-v-26c35322] .ef-chip-row, .project-view-work-toolbar[data-v-26c35322] .active-filters-pills { margin-top: 8px; } .project-view-work-body[data-v-26c35322] { flex: 1 1 auto; min-height: 0; width: 100%; position: relative; } .project-view-work-body--list[data-v-26c35322] { overflow: auto; padding: 0; } .project-view-work-body--list[data-v-26c35322] .project-task { padding: 0; box-sizing: border-box; } .project-view-work-body--list[data-v-26c35322] .project-task, .project-view-work-body--list[data-v-26c35322] .card, .project-view-work-body--list[data-v-26c35322] .card-body { margin: 0; border: none; border-radius: 0; box-shadow: none; background: transparent; } .project-view-work-body--list[data-v-26c35322] .card-body { padding: 0 !important; } .project-view-work-body--list[data-v-26c35322] .table-responsive-custom { max-height: none !important; overflow: visible !important; border-radius: 0; } .project-view-task-tab-page-loading-block[data-v-26c35322], .team-tasks-empty-state[data-v-26c35322] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box; } .project-view-task-tab-page-loading-spinner[data-v-26c35322] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .project-view-task-tab-page-loading-label[data-v-26c35322] { font-size: 0.95rem; } .team-tasks-scope-select[data-v-26c35322] { min-width: 120px; flex-shrink: 0; } .team-tasks-scope-select--project[data-v-26c35322] { width: 180px; } .team-tasks-scope-select--status[data-v-26c35322] { width: 130px; } .team-tasks-scope-select[data-v-26c35322] .vue-select { width: 100%; font-size: 13px; } .team-tasks-scope-select[data-v-26c35322] .control { min-height: 34px !important; height: 34px !important; border: 1px solid #e3e3e3; border-radius: 6px; box-shadow: none; } .team-tasks-scope-select[data-v-26c35322] .value-container { min-height: 32px !important; height: 32px !important; padding: 0 8px !important; } .team-tasks-scope-select[data-v-26c35322] .single-value, .team-tasks-scope-select[data-v-26c35322] .placeholder { font-size: 13px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .team-section-heading[data-v-26c35322] { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #64748b; } .team-description-input[data-v-26c35322] { resize: vertical; min-height: 100px; } .team-description-text[data-v-26c35322] { white-space: pre-wrap; color: #334155; line-height: 1.6; } .team-member-list[data-v-26c35322] { display: flex; flex-direction: column; gap: 0.5rem; } .team-member-item[data-v-26c35322] { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 0.75rem; border: 1px solid #e9ecef; border-radius: 8px; background: #fff; } .team-member-avatar[data-v-26c35322] { width: 36px; height: 36px; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .team-member-initials[data-v-26c35322] { display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; color: #fff; } .team-member-info[data-v-26c35322] { display: flex; flex-direction: column; min-width: 0; flex: 1; } .team-member-name[data-v-26c35322] { font-size: 0.9rem; font-weight: 500; color: #1e293b; } .team-member-meta[data-v-26c35322] { font-size: 0.75rem; } .team-member-actions[data-v-26c35322] { display: flex; align-items: center; gap: 0.15rem; flex-shrink: 0; } .team-member-lead[data-v-26c35322] { color: #b45309; text-decoration: none; padding: 0.15rem 0.35rem; } .team-member-lead[data-v-26c35322]:hover { color: #92400e; } .team-member-remove[data-v-26c35322] { padding: 0.25rem 0.5rem; line-height: 1; } .team-project-list[data-v-26c35322] { display: flex; flex-direction: column; gap: 0.5rem; } .team-project-item[data-v-26c35322] { border: 1px solid #e9ecef; border-radius: 8px; background: #fff; overflow: hidden; } .team-project-link[data-v-26c35322] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 1rem; text-decoration: none; color: inherit; transition: background 0.15s ease; } .team-project-link[data-v-26c35322]:hover { background: #f8fafc; } .team-project-name[data-v-26c35322] { font-size: 0.9rem; font-weight: 500; color: #1e293b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .team-empty-block[data-v-26c35322] { padding: 1.5rem; border: 1px dashed #e2e8f0; border-radius: 8px; background: #f8fafc; font-size: 0.875rem; } .team-projects-empty[data-v-26c35322] { padding: 2.5rem 1.5rem; border: 1px dashed #e2e8f0; border-radius: 8px; background: #f8fafc; } .team-projects-empty-icon[data-v-26c35322] { font-size: 3rem; color: #cbd5e1; } .team-projects-empty-icon i[data-v-26c35322] { opacity: 0.7; } .modal-btn.delete-action[data-v-26c35322] { padding: 0 1.5rem 1.5rem; } .modal-btn.delete-action .row[data-v-26c35322] { margin: 0 -6px; } .modal-btn.delete-action .col-6[data-v-26c35322] { padding: 0 6px; } @media (max-width: 767.98px) { .team-header-name-input[data-v-26c35322] { max-width: 100%; font-size: 1.1rem; } } .project-view-page-wrapper[data-v-56f55f44] { height: 100vh; max-height: 100vh; overflow: hidden; display: flex; flex-direction: column; } .project-view-page.content.container-fluid[data-v-56f55f44] { padding: 0 !important; max-width: none; flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } .project-view-shell[data-v-56f55f44] { flex: 1 1 auto; min-height: 0; margin: 0; border: none; border-radius: 0; background: #fff; overflow: hidden; display: flex; flex-direction: column; } .project-view-shell[data-v-56f55f44] > .project-view-topbar { flex: 0 0 auto; } .project-view-shell__body[data-v-56f55f44] { flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: 0 !important; background: #fff; } .project-view-task-tab-region[data-v-56f55f44] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; flex-direction: column; overflow: hidden; } .project-view-work-toolbar[data-v-56f55f44] { flex: 0 0 auto; padding: 10px 16px; margin: 0; border-bottom: none; background: #fff; } .project-view-work-toolbar[data-v-56f55f44] .jira-filter-container { margin-bottom: 0; } .project-view-work-toolbar[data-v-56f55f44] .jira-filter-bar, .project-view-work-toolbar[data-v-56f55f44] .ef-row { flex-wrap: wrap; } .project-view-work-toolbar[data-v-56f55f44] .ef-chip-row, .project-view-work-toolbar[data-v-56f55f44] .active-filters-pills { margin-top: 8px; } .project-view-work-body[data-v-56f55f44] { flex: 1 1 auto; min-height: 0; width: 100%; position: relative; } .project-view-work-body--list[data-v-56f55f44] { overflow: auto; padding: 0; } .project-view-work-body--list[data-v-56f55f44] .project-task { padding: 0; box-sizing: border-box; } .project-view-work-body--list[data-v-56f55f44] .project-task, .project-view-work-body--list[data-v-56f55f44] .card, .project-view-work-body--list[data-v-56f55f44] .card-body { margin: 0; border: none; border-radius: 0; box-shadow: none; background: transparent; } .project-view-work-body--list[data-v-56f55f44] .card-body { padding: 0 !important; } .project-view-work-body--list[data-v-56f55f44] .table-responsive-custom { max-height: none !important; overflow: visible !important; border-radius: 0; } .project-view-task-tab-page-loading-block[data-v-56f55f44], .all-tasks-empty-state[data-v-56f55f44] { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box; } .project-view-task-tab-page-loading-spinner[data-v-56f55f44] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .project-view-task-tab-page-loading-label[data-v-56f55f44] { font-size: 0.95rem; } .all-tasks-scope-select[data-v-56f55f44] { min-width: 120px; flex-shrink: 0; } .all-tasks-scope-select--user[data-v-56f55f44] { width: 220px; } .all-tasks-scope-select--project[data-v-56f55f44] { width: 180px; } .all-tasks-scope-select--status[data-v-56f55f44] { width: 130px; } .all-tasks-scope-select[data-v-56f55f44] .vue-select { width: 100%; font-size: 13px; } .all-tasks-scope-select[data-v-56f55f44] .control { min-height: 34px !important; height: 34px !important; border: 1px solid #e3e3e3; border-radius: 6px; box-shadow: none; } .all-tasks-scope-select[data-v-56f55f44] .value-container { min-height: 32px !important; height: 32px !important; padding: 0 8px !important; } .all-tasks-scope-select[data-v-56f55f44] .single-value, .all-tasks-scope-select[data-v-56f55f44] .placeholder { font-size: 13px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.all-tasks-scroll-lock, html:has(body.all-tasks-scroll-lock) { overflow: hidden !important; height: 100%; } .rw-filters[data-v-e0585fae] { margin-bottom: 16px; } .rw-filters-grid[data-v-e0585fae] { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 12px; } .rw-filters-grid > .ra-field[data-v-e0585fae] { flex: 1 1 0; min-width: 0; } .rw-field-search[data-v-e0585fae] { flex: 1.4 1 0; } .form-label[data-v-e0585fae] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 4px; } .rw-kpi-info[data-v-9be7cb94] { color: #9ca3af; font-size: 11px; margin-left: 4px; cursor: help; } .ra-subpanel[data-v-9be7cb94] { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; } .ra-subpanel-title[data-v-9be7cb94] { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 10px; } .rw-status-panel[data-v-9be7cb94] { margin-bottom: 16px; } .rw-skeleton[data-v-9be7cb94] { background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%); background-size: 400% 100%; animation: rw-shimmer-9be7cb94 1.4s ease infinite; border-radius: 6px; } .rw-skeleton-count[data-v-9be7cb94] { height: 26px; width: 60px; } .rw-skeleton-chart[data-v-9be7cb94] { height: 240px; width: 100%; } @keyframes rw-shimmer-9be7cb94 { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .rw-table-scroll[data-v-147b438e] { border: 1px solid #e5e7eb; border-radius: 8px; overflow: auto; max-height: 62vh; } .ra-workload-table[data-v-147b438e] { font-size: 13px; margin: 0; } .ra-workload-table thead th[data-v-147b438e] { position: sticky; top: 0; background: #fafafa; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; font-weight: 600; border-bottom: 1px solid #e5e7eb; padding: 10px 12px; z-index: 1; white-space: nowrap; } .ra-workload-table tbody td[data-v-147b438e] { padding: 10px 12px; border-bottom: 1px solid #e5e7eb; vertical-align: middle; } .rw-row[data-v-147b438e] { cursor: pointer; } .rw-row[data-v-147b438e]:hover { background-color: #fafbff; } .rw-row[data-v-147b438e]:focus-visible { outline: 2px solid #4f46e5; outline-offset: -2px; } .ra-table-employee[data-v-147b438e] { display: flex; align-items: center; gap: 10px; } .initials-avatar[data-v-147b438e] { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 36px; border-radius: 50%; color: #fff; font-weight: 600; font-size: 12px; text-transform: uppercase; } .ra-table-workload[data-v-147b438e] { display: flex; align-items: center; gap: 8px; } .rw-workload-pct[data-v-147b438e] { font-weight: 600; font-size: 12px; min-width: 42px; text-align: right; } .rw-breakdown-bar[data-v-147b438e] { display: flex; height: 6px; border-radius: 4px; overflow: hidden; background: #f3f4f6; margin-bottom: 4px; } .rw-seg[data-v-147b438e] { height: 100%; min-width: 2px; } .rw-seg-task[data-v-147b438e] { background: #3b82f6; } .rw-seg-ticket[data-v-147b438e] { background: #f59e0b; } .rw-seg-lead[data-v-147b438e] { background: #8b5cf6; } .rw-breakdown-badges[data-v-147b438e] { display: flex; flex-wrap: wrap; gap: 4px; } .rw-mini-badge[data-v-147b438e] { font-size: 10px; font-weight: 600; padding: 1px 5px; border-radius: 4px; } .rw-badge-task[data-v-147b438e] { background: #dbeafe; color: #1d4ed8; } .rw-badge-ticket[data-v-147b438e] { background: #fef3c7; color: #b45309; } .rw-badge-lead[data-v-147b438e] { background: #ede9fe; color: #6d28d9; } .rw-status-badge[data-v-147b438e] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; white-space: nowrap; } .rw-status-badge + .rw-status-badge[data-v-147b438e] { display: inline-flex; margin-top: 4px; } .rw-tone-success[data-v-147b438e] { background: #ecfdf3; color: #15803d; } .rw-tone-info[data-v-147b438e] { background: #ecfeff; color: #0e7490; } .rw-tone-warning[data-v-147b438e] { background: #fffaeb; color: #b45309; } .rw-tone-danger[data-v-147b438e] { background: #fef2f2; color: #b91c1c; } .rw-tone-muted[data-v-147b438e] { background: #f3f4f6; color: #4b5563; } .rw-tone-planning[data-v-147b438e] { background: #f5f3ff; color: #6d28d9; } .rw-pagination[data-v-147b438e] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 4px 0; } .rw-pagination-left[data-v-147b438e], .rw-pagination-right[data-v-147b438e] { display: flex; align-items: center; gap: 8px; } .rw-page-size[data-v-147b438e] { width: auto; } .rw-pagination-info[data-v-147b438e], .rw-pagination-page[data-v-147b438e] { font-size: 12px; color: #6b7280; } .rw-skeleton[data-v-147b438e] { background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%); background-size: 400% 100%; animation: rw-shimmer-147b438e 1.4s ease infinite; border-radius: 6px; } .rw-skeleton-line[data-v-147b438e] { height: 20px; width: 100%; } @keyframes rw-shimmer-147b438e { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .rw-drawer-head[data-v-6bda7f3c] { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; } .initials-avatar[data-v-6bda7f3c] { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; min-width: 52px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 18px; text-transform: uppercase; } .rw-drawer-range[data-v-6bda7f3c] { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 8px 12px; font-size: 13px; color: #374151; margin-bottom: 16px; } .rw-metric-grid[data-v-6bda7f3c] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; } .rw-metric[data-v-6bda7f3c] { border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; } .rw-metric-label[data-v-6bda7f3c] { font-size: 11px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; } .rw-metric-value[data-v-6bda7f3c] { font-size: 18px; font-weight: 700; color: #111827; } .rw-status-row[data-v-6bda7f3c] { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; } .rw-status-badge[data-v-6bda7f3c], .rw-plan-badge[data-v-6bda7f3c] { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; } .rw-tone-success[data-v-6bda7f3c] { background: #ecfdf3; color: #15803d; } .rw-tone-info[data-v-6bda7f3c] { background: #ecfeff; color: #0e7490; } .rw-tone-warning[data-v-6bda7f3c] { background: #fffaeb; color: #b45309; } .rw-tone-danger[data-v-6bda7f3c] { background: #fef2f2; color: #b91c1c; } .rw-tone-muted[data-v-6bda7f3c] { background: #f3f4f6; color: #4b5563; } .rw-tone-planning[data-v-6bda7f3c] { background: #f5f3ff; color: #6d28d9; } .rw-section-title[data-v-6bda7f3c] { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 10px; margin-top: 16px; } .rw-task-table[data-v-6bda7f3c] { font-size: 12px; } .rw-task-table thead th[data-v-6bda7f3c] { white-space: nowrap; font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em; color: #6b7280; } .rw-priority[data-v-6bda7f3c] { font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; } .rw-pri-critical[data-v-6bda7f3c] { background: #fef2f2; color: #b91c1c; } .rw-pri-high[data-v-6bda7f3c] { background: #fff7ed; color: #c2410c; } .rw-pri-medium[data-v-6bda7f3c] { background: #fefce8; color: #a16207; } .rw-pri-low[data-v-6bda7f3c] { background: #f0fdf4; color: #15803d; } .rw-sla[data-v-6bda7f3c] { font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 4px; } .rw-sla-on_track[data-v-6bda7f3c] { background: #ecfdf3; color: #15803d; } .rw-sla-at_risk[data-v-6bda7f3c] { background: #fffaeb; color: #b45309; } .rw-sla-breached[data-v-6bda7f3c] { background: #fef2f2; color: #b91c1c; } /* ===== Design tokens shared by the whole page (and modals, which live in the same DOM subtree) ===== */ .main-wrapper[data-v-55b42ff6] { --ra-primary: #4f46e5; --ra-primary-soft: #eef0ff; --ra-success: #16a34a; --ra-success-soft: #ecfdf3; --ra-warning: #d97706; --ra-warning-soft: #fffaeb; --ra-danger: #dc2626; --ra-danger-soft: #fef2f2; --ra-info: #0891b2; --ra-border: #e5e7eb; --ra-muted: #6b7280; --ra-radius: 10px; } .ra-spin-block[data-v-55b42ff6] { display: flex; justify-content: center; align-items: center; width: 100%; } /* ===== Standalone KPI widgets (dashboard-style stat cards) ===== */ .ra-stats-row-standalone[data-v-55b42ff6] { margin-top: 4px; } /* Standalone filters row (no surrounding card) */ .ra-toolbar-standalone[data-v-55b42ff6] { background: transparent; } /* Toolbar */ .ra-toolbar[data-v-55b42ff6] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; } .ra-toolbar .ra-field[data-v-55b42ff6] { min-width: 170px; flex: 1 1 170px; } .ra-toolbar .form-label[data-v-55b42ff6] { font-size: 12px; font-weight: 600; color: var(--ra-muted); margin-bottom: 4px; } .ra-field--links[data-v-55b42ff6] { flex: 0 0 auto; min-width: auto; } .ra-inline-links a[data-v-55b42ff6] { color: #2c5282; text-decoration: none; font-weight: 500; } .ra-inline-links a[data-v-55b42ff6]:hover { text-decoration: underline; } /* Card polish to match the rest of the workload suite */ .card[data-v-55b42ff6] { border: 1px solid var(--ra-border); border-radius: var(--ra-radius); box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); } .card-header[data-v-55b42ff6] { background: #fafafa; border-bottom: 1px solid var(--ra-border); padding: 12px 16px; } .card-header .card-title[data-v-55b42ff6] { font-size: 14px; font-weight: 600; } .ra-subpanel[data-v-55b42ff6] { border: 1px solid var(--ra-border); border-radius: 8px; padding: 12px; background: #fff; height: 100%; } .ra-subpanel-title[data-v-55b42ff6] { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 10px; } .ra-scroll-area[data-v-55b42ff6] { max-height: 42vh; overflow-y: auto; padding-right: 2px; } .card-header p[data-v-55b42ff6] { font-size: 12px; } /* ===== Timeline Kanban board (Timeline view: a vertical Gantt - rail + employee columns, cards positioned/sized by date and laid out in lanes). `.ra-kanban-layout` is the ONE scroll container for the whole view - the rail is a normal (position: sticky) child of it rather than an independently-scrolling sibling, so it is physically impossible for the rail and the card grid to drift out of vertical alignment: they share the exact same scroll offset by construction. ===== */ .ra-kanban-layout[data-v-55b42ff6] { display: flex; align-items: flex-start; border: 1px solid var(--ra-border); border-radius: 0 0 var(--ra-radius) var(--ra-radius); overflow: auto; max-height: 75vh; } .ra-timeline-rail[data-v-55b42ff6] { position: sticky; left: 0; z-index: 5; width: 96px; flex-shrink: 0; background-color: #fafafa; border-right: 1px solid var(--ra-border); } .ra-timeline-rail-header[data-v-55b42ff6] { position: sticky; top: 0; z-index: 6; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 13px; background-color: #fafafa; border-bottom: 1px solid var(--ra-border); } .ra-timeline-rail-item[data-v-55b42ff6] { box-sizing: border-box; padding: 0 6px; text-align: center; border-bottom: 1px solid var(--ra-border); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; } .ra-timeline-rail-item.weekend[data-v-55b42ff6] { background-color: #f4f4f5; } .ra-timeline-rail-item.today[data-v-55b42ff6] { background-color: var(--ra-primary-soft); } .ra-timeline-rail-day[data-v-55b42ff6] { color: var(--ra-muted); font-size: 10px; text-transform: uppercase; } .ra-timeline-rail-date[data-v-55b42ff6] { font-size: 12px; font-weight: 600; color: #333; } .ra-kanban-board.kanban-cont[data-v-55b42ff6] { flex: 1; display: flex; padding: 0; } /* ----- Column shell: copied from the Projects Kanban board (kanban-board.vue) so the two boards render pixel-identical columns/cards. Prefixed with `ra-kanban-` on top of the real `kanban-*` classes so this stays scoped to this component (Vue scoped CSS doesn't cross components) while still picking up the shared global overrides in dashboard-box-customizations.css the same way the real board does. Column width/height come from inline styles (lane count, total date-row height) so they aren't fixed here. Neither the column nor the list wrapper can clip overflow here - an ancestor with `overflow` other than `visible` would become its own scroll/clip boundary and break the header's `position: sticky` below. ----- */ .ra-kanban-columns.kanban-columns-row[data-v-55b42ff6] { align-items: flex-start; min-width: -moz-max-content; min-width: max-content; } .ra-kanban-employee-columns[data-v-55b42ff6] { align-items: flex-start; } .ra-kanban-column.kanban-column[data-v-55b42ff6] { display: flex; flex-direction: column; flex-shrink: 0; margin-right: 12px; border-radius: 8px; } .ra-kanban-column.kanban-column[data-v-55b42ff6]:last-child { margin-right: 0; } .ra-kanban-list.kanban-list--expanded[data-v-55b42ff6] { display: flex; flex-direction: column; width: 100%; min-width: 0; /* A global unscoped rule (dashboard-box-customizations.css) forces `margin-right: 8px !important` on any bare `.kanban-list`, which would otherwise stack on top of the column's own margin-right below. */ margin: 0 !important; border-radius: 8px; position: relative; } .ra-kanban-list .kanban-header--light[data-v-55b42ff6] { position: sticky; top: 0; z-index: 3; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; padding: 6px 12px; flex-shrink: 0; background: #fff; color: #1f2937; border-top: 3px solid; border-radius: 8px 8px 0 0; overflow: hidden; } .ra-kanban-list .kanban-header-top[data-v-55b42ff6] { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; } .ra-kanban-drag-handle[data-v-55b42ff6] { flex-shrink: 0; margin-top: 3px; color: #9ca3af; cursor: grab; transition: color 0.15s ease; } .ra-kanban-drag-handle[data-v-55b42ff6]:hover { color: #4b5563; } .ra-kanban-drag-handle[data-v-55b42ff6]:active { cursor: grabbing; } .ra-kanban-list .kanban-header-copy[data-v-55b42ff6] { flex: 1; min-width: 0; } .ra-kanban-list .kanban-stage-heading[data-v-55b42ff6] { margin: 0; font-size: 0.95rem; font-weight: 700; line-height: 1.35; color: #111827; word-break: break-word; } .ra-kanban-list .kanban-header-meta[data-v-55b42ff6] { margin: 4px 0 0; font-size: 0.75rem; line-height: 1.3; color: #6b7280; } .ra-kanban-header-workload[data-v-55b42ff6] { flex-shrink: 0; } /* "Unassigned" pool column - not date-based, so it's a plain stacked list (unlike the employee columns' absolutely-positioned Gantt cards) with its own internal scroll, capped to the same height as the Gantt grid. Selector includes the full `.kanban-cont .kanban-list .kanban-wrap` ancestor chain so this reliably outweighs the global unscoped `padding: 20px` rule for `.kanban-cont .kanban-list .kanban-wrap` in style.css/task.scss. */ .ra-kanban-list .kanban-wrap.ra-pool-wrap[data-v-55b42ff6] { max-height: 70vh; overflow-y: auto; padding: 8px !important; display: flex; flex-direction: column; gap: 8px; border-radius: 0 0 8px 8px; } .ra-kanban-list .kanban-wrap .card.panel.ra-pool-card[data-v-55b42ff6] { position: static; margin: 0; border-radius: 6px; background: #fff; border: 1px solid #dfe1e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); cursor: grab; box-sizing: border-box; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .ra-kanban-list .kanban-wrap .card.panel.ra-pool-card[data-v-55b42ff6]:hover { background: #fff !important; border-color: #c1c7d0; box-shadow: 0 2px 6px rgba(9, 30, 66, 0.13); } .ra-kanban-list .kanban-wrap .card.panel.ra-pool-card .kanban-box[data-v-55b42ff6] { height: auto; } /* Card list: a vertical Gantt grid. Row backgrounds render in normal flow (stacked to the exact date-row heights, so their total matches the rail); the draggable card layer is absolutely positioned over them so each card's `top`/`height` (from getGanttCardStyle) lines up with its date range regardless of DOM order. `padding: 0 !important` is required here - a global unscoped rule (dashboard-box-customizations.css) forces `padding: 5px 4px !important` on any `.kanban-wrap` inside `.kanban-list`/ `.kanban-cont`, which would otherwise shift every row/card off of the rail's alignment by that exact amount. */ .ra-kanban-list .kanban-wrap.ra-gantt-wrap[data-v-55b42ff6] { position: relative; padding: 0 !important; overflow: hidden; border-radius: 0 0 8px 8px; } .ra-gantt-row[data-v-55b42ff6] { box-sizing: border-box; border-bottom: 1px solid var(--ra-border); } .ra-gantt-row.weekend[data-v-55b42ff6] { background-color: #f4f4f5; } .ra-gantt-row.today[data-v-55b42ff6] { background-color: var(--ra-primary-soft); } .ra-kanban-list .kanban-draggable-list.ra-gantt-draggable[data-v-55b42ff6] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Cards */ .ra-kanban-list .kanban-wrap .card.panel.ra-gantt-card[data-v-55b42ff6] { position: absolute; display: flex; flex-direction: column; border-radius: 6px; margin: 0; background: #fff; border: 1px solid #dfe1e6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); cursor: grab; overflow: hidden; box-sizing: border-box; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .ra-kanban-list .kanban-wrap .card.panel.ra-gantt-card[data-v-55b42ff6]:hover { background: #fff !important; border-color: #c1c7d0; box-shadow: 0 3px 8px rgba(9, 30, 66, 0.18); z-index: 2; } .ra-kanban-list .kanban-box[data-v-55b42ff6] { padding: 8px 10px; overflow: hidden; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } .ra-kanban-list .kanban-card-title[data-v-55b42ff6] { flex-shrink: 0; font-weight: 600; font-size: 0.8125rem; color: #0052cc; margin-bottom: 4px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ra-kanban-list .kanban-card-chips[data-v-55b42ff6] { flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; } .ra-kanban-list .kanban-card-chips .task-priority[data-v-55b42ff6] { font-size: 0.6875rem; font-weight: 600; } .ra-kanban-list .kanban-card-footer[data-v-55b42ff6] { margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; gap: 8px; min-width: 0; } .ra-kanban-list .kanban-card-foot-left[data-v-55b42ff6] { flex: 1; min-width: 0; color: #5e6c84; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Single-day tasks: not enough vertical room for the full card body, so show just the title, vertically centered, in a single line. */ .ra-gantt-card--compact .kanban-box[data-v-55b42ff6] { padding: 0 8px; flex-direction: row; align-items: center; } .ra-gantt-card--compact .kanban-card-title[data-v-55b42ff6] { margin-bottom: 0; -webkit-line-clamp: 1; white-space: nowrap; } .ra-gantt-card--compact .kanban-card-chips[data-v-55b42ff6], .ra-gantt-card--compact .kanban-card-footer[data-v-55b42ff6] { display: none; } .ra-kanban-empty[data-v-55b42ff6] { text-align: center; color: var(--ra-muted); font-size: 12px; padding: 20px 0; } .ra-ghost-card[data-v-55b42ff6] { opacity: 0.5; background-color: var(--ra-primary-soft); } .date-label[data-v-55b42ff6] { font-weight: 600; color: #333; line-height: 1; margin: 0; } .day-label[data-v-55b42ff6] { color: var(--ra-muted); margin: 0; /* Remove all margins */ line-height: 1; font-size: 11px; } .initials-avatar[data-v-55b42ff6] { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; color: #fff; font-weight: 600; font-size: 13px; margin-right: 12px; text-transform: uppercase; } .initials-avatar.initials-sm[data-v-55b42ff6] { width: 36px; height: 36px; min-width: 36px; font-size: 12px; } /* ===== Unified modal system (shared by Task Assignment + Warning Details modals) ===== */ .ra-modal-overlay[data-v-55b42ff6] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1050; padding: 16px; } .ra-modal[data-v-55b42ff6] { background-color: #fff; border-radius: var(--ra-radius); box-shadow: 0 12px 32px rgba(16, 24, 40, 0.2); max-width: 480px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; } .ra-modal.ra-modal-lg[data-v-55b42ff6] { max-width: 700px; } .ra-modal.ra-modal-xl[data-v-55b42ff6] { max-width: 960px; } .ra-modal-header[data-v-55b42ff6] { padding: 14px 20px; border-bottom: 1px solid var(--ra-border); display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; } .ra-modal-title[data-v-55b42ff6] { margin: 0; font-size: 1.05rem; font-weight: 600; color: #111827; display: flex; align-items: center; gap: 8px; } .ra-modal-close[data-v-55b42ff6] { background: none; border: none; font-size: 1rem; cursor: pointer; color: var(--ra-muted); width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: background-color 0.15s ease; } .ra-modal-close[data-v-55b42ff6]:hover { background-color: #f3f4f6; color: #111827; } .ra-modal-body[data-v-55b42ff6] { padding: 20px; overflow-y: auto; flex: 1 1 auto; min-height: 0; } .ra-assign-task-summary[data-v-55b42ff6] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #fafafa; border: 1px solid var(--ra-border); border-radius: 8px; margin-bottom: 16px; } .ra-modal-footer[data-v-55b42ff6] { padding: 12px 20px; border-top: 1px solid var(--ra-border); display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; } .resource-info[data-v-55b42ff6] { margin-bottom: 16px; padding: 10px 12px; background-color: #fafafa; border-radius: 6px; } .warning-reasons[data-v-55b42ff6] { margin-bottom: 16px; } .risk-list[data-v-55b42ff6] { list-style: none; padding: 0; margin: 0; max-height: 200px; overflow-y: auto; } .risk-item[data-v-55b42ff6] { padding: 6px 0; border-bottom: 1px solid #eee; display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.4; } .risk-item[data-v-55b42ff6]:last-child { border-bottom: none; } .wm-task-item[data-v-55b42ff6] { padding: 10px; margin-bottom: 8px; border: 1px solid var(--ra-border); border-radius: 6px; background-color: #fafafa; } .wm-task-item.risky-task[data-v-55b42ff6] { border-color: var(--ra-danger); background-color: var(--ra-danger-soft); } .tasks-breakdown[data-v-55b42ff6] { margin-bottom: 8px; } .wm-task-list[data-v-55b42ff6] { max-height: 250px; overflow-y: auto; border: 1px solid var(--ra-border); border-radius: 6px; padding: 8px; background-color: #fafafa; } .wm-task-info[data-v-55b42ff6] { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; } .task-priority[data-v-55b42ff6] { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: bold; } .priority-critical[data-v-55b42ff6] { background-color: var(--ra-danger); color: white; } .priority-high[data-v-55b42ff6] { background-color: #fd7e14; color: white; } .priority-medium[data-v-55b42ff6] { background-color: var(--ra-success); color: white; } .priority-low[data-v-55b42ff6] { background-color: var(--ra-muted); color: white; } .risk-badge[data-v-55b42ff6] { background-color: var(--ra-warning-soft); color: var(--ra-warning); padding: 2px 6px; border-radius: 10px; font-size: 10px; font-weight: bold; } .availability-indicator[data-v-55b42ff6] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: 50%; background-color: #28a745; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; border: 2px solid white; box-shadow: 0 2px 4px rgba(0,0,0,0.2); animation: pulse-55b42ff6 2s infinite; } .availability-indicator[data-v-55b42ff6]:hover { background-color: #218838; transform: translate(-50%, -50%) scale(1.1); } @keyframes pulse-55b42ff6 { 0% { box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 0 0 0 rgba(40, 167, 69, 0.7); } 70% { box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 0 0 10px rgba(40, 167, 69, 0); } 100% { box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 0 0 0 rgba(40, 167, 69, 0); } } .available-tasks-list[data-v-55b42ff6] { display: flex; flex-direction: column; gap: 6px; max-height: 50vh; overflow-y: auto; } .task-row[data-v-55b42ff6] { display: flex; align-items: center; gap: 12px; border: 1px solid var(--ra-border); border-radius: 8px; padding: 10px 12px; background-color: #fff; cursor: grab; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .task-row[data-v-55b42ff6]:hover { border-color: var(--ra-primary); box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06); } .task-row-disabled[data-v-55b42ff6] { cursor: not-allowed; opacity: 0.6; background-color: #f8f9fa; } .task-row-disabled[data-v-55b42ff6]:hover { border-color: var(--ra-border); box-shadow: none; } .task-row-handle[data-v-55b42ff6] { color: #d1d5db; font-size: 12px; } .task-key[data-v-55b42ff6] { font-family: monospace; font-weight: 600; color: var(--ra-muted); font-size: 12px; white-space: nowrap; } .task-row-main[data-v-55b42ff6] { flex: 1; min-width: 0; } .task-row-title[data-v-55b42ff6] { margin: 0; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .task-row-summary[data-v-55b42ff6] { margin: 0; color: var(--ra-muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .task-row-project[data-v-55b42ff6] { font-size: 12px; white-space: nowrap; min-width: 100px; } .task-row-points[data-v-55b42ff6] { font-size: 12px; white-space: nowrap; } /* Badge styles */ .badge-danger[data-v-55b42ff6] { background-color: #dc3545; } .badge-warning[data-v-55b42ff6] { background-color: #ffc107; color: #000; } .badge-info[data-v-55b42ff6] { background-color: #17a2b8; } .badge-secondary[data-v-55b42ff6] { background-color: #6c757d; } .badge-light[data-v-55b42ff6] { background-color: #f8f9fa; color: #000; } /* Workload View Styles */ .workload-badge[data-v-55b42ff6] { padding: 4px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; color: white; white-space: nowrap; } .badge-success[data-v-55b42ff6] { background-color: var(--ra-success); } .badge-warning[data-v-55b42ff6] { background-color: var(--ra-warning); } .badge-danger[data-v-55b42ff6] { background-color: var(--ra-danger); } .ra-table-scroll[data-v-55b42ff6] { border: 1px solid var(--ra-border); border-radius: 8px; overflow: auto; } .ra-workload-table[data-v-55b42ff6] { font-size: 13px; margin: 0; } .ra-workload-table thead th[data-v-55b42ff6] { position: sticky; top: 0; background: #fafafa; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ra-muted); font-weight: 600; border-bottom: 1px solid var(--ra-border); padding: 10px 12px; z-index: 1; } .ra-workload-table tbody td[data-v-55b42ff6] { padding: 10px 12px; border-bottom: 1px solid var(--ra-border); vertical-align: middle; } .ra-workload-table tbody tr:last-child td[data-v-55b42ff6] { border-bottom: none; } .ra-workload-table tbody tr[data-v-55b42ff6]:hover { background-color: #fafbff; } .ra-workload-table tbody tr.is-overloaded[data-v-55b42ff6] { background-color: var(--ra-danger-soft); } .ra-table-employee[data-v-55b42ff6] { display: flex; align-items: center; gap: 10px; } .ra-table-workload[data-v-55b42ff6] { display: flex; align-items: center; gap: 8px; } .ra-table-tasks[data-v-55b42ff6] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .ra-task-chip[data-v-55b42ff6] { display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: var(--ra-primary-soft); color: var(--ra-primary); border-radius: 10px; padding: 2px 8px; font-size: 11px; } .ra-task-chip-tag[data-v-55b42ff6] { display: inline-block; margin-left: 4px; font-style: normal; font-size: 9px; text-transform: uppercase; letter-spacing: 0.03em; opacity: 0.75; } /* Availability View Styles — sized to match the Timeline view for visual consistency */ .availability-calendar[data-v-55b42ff6] { overflow-x: auto; border: 1px solid var(--ra-border); border-radius: 0 0 var(--ra-radius) var(--ra-radius); } .calendar-header[data-v-55b42ff6] { display: flex; background-color: #fafafa; border-bottom: 1px solid var(--ra-border); } .resource-column[data-v-55b42ff6] { width: 240px; flex: 0 0 240px; padding: 12px 16px; border-right: 1px solid var(--ra-border); font-weight: 600; font-size: 13px; display: flex; align-items: center; box-sizing: border-box; } .dates-row[data-v-55b42ff6] { display: flex; flex: 1; } .date-cell[data-v-55b42ff6] { min-width: 110px; padding: 10px 5px; text-align: center; border-right: 1px solid var(--ra-border); font-size: 12px; } .calendar-body[data-v-55b42ff6] { max-height: 60vh; overflow-y: auto; overflow-x: hidden; } .availability-row[data-v-55b42ff6] { display: flex; border-bottom: 1px solid var(--ra-border); min-height: 76px; } .availability-row .resource-info[data-v-55b42ff6] { width: 240px; flex: 0 0 240px; margin-bottom: 0; padding: 10px 16px; background-color: transparent; border-radius: 0; border-right: 1px solid var(--ra-border); display: flex; align-items: center; box-sizing: border-box; } .resource-info-text[data-v-55b42ff6] { min-width: 0; flex: 1; } .availability-stats[data-v-55b42ff6] { margin-top: 6px; } .availability-cells[data-v-55b42ff6] { display: flex; flex: 1; } .availability-cell[data-v-55b42ff6] { min-width: 110px; min-height: 76px; border-right: 1px solid var(--ra-border); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: background-color 0.15s ease; } .availability-cell[data-v-55b42ff6]:hover { filter: brightness(0.97); } .availability-cell.available[data-v-55b42ff6] { background-color: var(--ra-success-soft); color: #14532d; } .availability-cell.occupied[data-v-55b42ff6] { background-color: #f4f4f5; padding: 0; } .availability-cell.unavailable[data-v-55b42ff6] { background-color: var(--ra-danger-soft); color: #7f1d1d; } .availability-cell.weekend[data-v-55b42ff6] { background-color: #f4f4f5; } .availability-cell.today[data-v-55b42ff6] { outline: 2px solid var(--ra-primary); outline-offset: -2px; } .available-indicator[data-v-55b42ff6], .occupied-indicator[data-v-55b42ff6], .unavailable-indicator[data-v-55b42ff6] { font-size: 15px; } .available-indicator[data-v-55b42ff6] { color: var(--ra-success); } .unavailable-indicator[data-v-55b42ff6] { color: var(--ra-danger); } /* Vertical workload bar shown in occupied Availability View cells - fills the whole cell like a water gauge; exact hours revealed on hover. */ .workload-bar[data-v-55b42ff6] { position: absolute; inset: 0; } .workload-bar-fill[data-v-55b42ff6] { position: absolute; bottom: 0; left: 0; right: 0; transition: height 0.25s ease, background-color 0.25s ease; } .workload-bar-fill.bar-green[data-v-55b42ff6] { background-color: var(--ra-success, #22c55e); } .workload-bar-fill.bar-yellow[data-v-55b42ff6] { background-color: #eab308; } .workload-bar-fill.bar-orange[data-v-55b42ff6] { background-color: #f97316; } .workload-bar-fill.bar-red[data-v-55b42ff6] { background-color: var(--ra-danger, #ef4444); } .workload-bar-tooltip[data-v-55b42ff6] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #111827; color: #fff; padding: 5px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.15s ease; pointer-events: none; z-index: 30; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .workload-bar:hover .workload-bar-tooltip[data-v-55b42ff6] { opacity: 1; visibility: visible; } /* Day Tasks Modal summary badge */ .dtm-summary[data-v-55b42ff6] { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } .dtm-hours[data-v-55b42ff6] { font-weight: 700; font-size: 14px; padding: 3px 10px; border-radius: 999px; color: #fff; } .dtm-hours.bar-green[data-v-55b42ff6] { background-color: var(--ra-success, #22c55e); } .dtm-hours.bar-yellow[data-v-55b42ff6] { background-color: #eab308; } .dtm-hours.bar-orange[data-v-55b42ff6] { background-color: #f97316; } .dtm-hours.bar-red[data-v-55b42ff6] { background-color: var(--ra-danger, #ef4444); } /* Chart Styles */ /* Responsive */ @media (max-width: 768px) { .date-cell[data-v-55b42ff6], .availability-cell[data-v-55b42ff6] { min-width: 70px; } .ra-kanban-column[data-v-55b42ff6] { width: 220px; } .task-row[data-v-55b42ff6] { flex-wrap: wrap; } .ra-modal[data-v-55b42ff6] { width: 95%; } .resource-column[data-v-55b42ff6], .availability-row .resource-info[data-v-55b42ff6] { width: 180px; flex-basis: 180px; } } .cf-toolbar-bar[data-v-563fded4] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.65rem; padding: 0.6rem 0.75rem; background: #f8fafc; border: 1px solid #e8eef4; border-radius: 10px; } .cf-toolbar-bar .cf-field[data-v-563fded4] { min-width: 150px; flex: 0 1 170px; } .cf-toolbar-bar .form-label[data-v-563fded4] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 4px; } .cf-view-tabs[data-v-563fded4] { gap: 0.35rem; } .cf-view-tabs .nav-link[data-v-563fded4] { border-radius: 999px; padding: 0.35rem 0.85rem; font-size: 0.85rem; color: #4a5568; background: #edf2f7; } .cf-view-tabs .nav-link.active[data-v-563fded4] { background: #2b6cb0; color: #fff; } .insights-toggle[data-v-563fded4] { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border: 0; background: transparent; padding: 0; margin-bottom: 0.75rem; font-weight: 600; color: #2d3748; } .insights-grid[data-v-563fded4] { margin-top: 0.25rem; } .ra-spin-block[data-v-563fded4] { display: flex; justify-content: center; align-items: center; width: 100%; } /* Toolbar + card polish */ .cf-toolbar .cf-field[data-v-563fded4] { min-width: 180px; flex: 1 1 180px; } .cf-toolbar .form-label[data-v-563fded4] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 4px; } .cf-field--links[data-v-563fded4] { flex: 0 0 auto; min-width: auto; } .cf-inline-links a[data-v-563fded4] { color: #2c5282; text-decoration: none; font-weight: 500; } .cf-inline-links a[data-v-563fded4]:hover { text-decoration: underline; } /* Forecast Timeline Styles */ .forecast-timeline[data-v-563fded4] { overflow-x: auto; border: 1px solid #e9ecef; border-radius: 8px; } .timeline-header[data-v-563fded4] { display: flex; background-color: #f8f9fa; border-bottom: 2px solid #e9ecef; } .project-column[data-v-563fded4] { min-width: 300px; padding: 15px; border-right: 1px solid #e9ecef; font-weight: 600; display: flex; align-items: center; } .months-row[data-v-563fded4] { display: flex; flex: 1; } .month-cell[data-v-563fded4] { min-width: 120px; padding: 10px 5px; text-align: center; border-right: 1px solid #e9ecef; font-size: 12px; } .month-label[data-v-563fded4] { font-weight: 600; color: #333; } .year-label[data-v-563fded4] { color: #666; margin-top: 2px; } .timeline-body[data-v-563fded4] { max-height: 60vh; overflow-y: auto; } .project-row[data-v-563fded4] { display: flex; border-bottom: 1px solid #e9ecef; min-height: 100px; } .project-info[data-v-563fded4] { min-width: 300px; padding: 15px; border-right: 1px solid #e9ecef; display: flex; flex-direction: column; justify-content: center; } .project-name[data-v-563fded4] { margin-bottom: 5px; font-size: 14px; } .project-meta[data-v-563fded4] { margin-top: 8px; display: flex; gap: 10px; align-items: center; } .project-timeline[data-v-563fded4] { display: flex; flex: 1; } .timeline-cell[data-v-563fded4] { min-width: 120px; min-height: 100px; border-right: 1px solid #e9ecef; display: flex; align-items: center; justify-content: center; position: relative; } .timeline-cell.has-gap[data-v-563fded4] { background-color: #fff5f5; } .timeline-cell.adequate-capacity[data-v-563fded4] { background-color: #f8fff8; } .project-bar[data-v-563fded4] { width: 90%; height: 60px; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; } .project-bar.capacity-shortage[data-v-563fded4] { background-color: #dc3545; color: white; } .project-bar.capacity-adequate[data-v-563fded4] { background-color: #28a745; color: white; } .capacity-info[data-v-563fded4] { display: flex; flex-direction: column; font-size: 10px; } /* Role Capacity Card Styles */ .role-capacity-card[data-v-563fded4] { border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; background: #fff; height: 100%; transition: box-shadow 0.2s ease, border-color 0.2s ease; } .role-capacity-card.has-shortage[data-v-563fded4] { border-color: #fecaca; background: linear-gradient(180deg, #fff 0%, #fff7f7 100%); } .role-capacity-card[data-v-563fded4]:hover { box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08); border-color: #cbd5e1; } .role-header[data-v-563fded4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .role-name[data-v-563fded4] { margin: 0; font-size: 16px; } .capacity-status[data-v-563fded4] { padding: 4px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; } .capacity-status.status-shortage[data-v-563fded4] { background-color: #dc3545; color: white; } .capacity-status.status-adequate[data-v-563fded4] { background-color: #28a745; color: white; } .capacity-metrics[data-v-563fded4] { margin-bottom: 16px; } .metric[data-v-563fded4] { display: flex; justify-content: space-between; margin-bottom: 8px; } .metric-label[data-v-563fded4] { font-size: 12px; color: #666; } .metric-value[data-v-563fded4] { font-weight: 600; font-size: 12px; } .capacity-chart[data-v-563fded4] { margin-bottom: 16px; min-height: 140px; padding: 0.35rem; border-radius: 8px; } .recommendations h6[data-v-563fded4] { font-size: 14px; margin-bottom: 8px; color: #333; } .recommendation-list[data-v-563fded4] { list-style: none; padding: 0; margin: 0; } .recommendation-list li[data-v-563fded4] { font-size: 12px; color: #666; margin-bottom: 4px; padding-left: 12px; position: relative; } .recommendation-list li[data-v-563fded4]:before { content: '•'; color: #007bff; position: absolute; left: 0; } /* Gap Item Styles */ .gap-item[data-v-563fded4] { border: 1px solid #f8d7da; border-radius: 6px; padding: 12px; background-color: #fff5f5; } .gap-header[data-v-563fded4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .gap-header h6[data-v-563fded4] { margin: 0; font-size: 14px; } .gap-details[data-v-563fded4] { display: flex; flex-direction: column; gap: 4px; } .gap-projects[data-v-563fded4] { display: flex; flex-direction: column; } /* Chart panel + interactive canvas (sharp HiDPI, no CSS stretch blur) */ .chart-panel[data-v-563fded4] { border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; overflow: hidden; } .chart-panel__header[data-v-563fded4] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.75rem 1rem; padding: 0.85rem 1rem 0.65rem; border-bottom: 1px solid #eef2f7; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); } .chart-panel__title[data-v-563fded4] { font-size: 0.95rem; font-weight: 700; color: #0f172a; line-height: 1.2; } .chart-panel__subtitle[data-v-563fded4] { margin-top: 0.2rem; font-size: 0.75rem; color: #64748b; line-height: 1.35; } .chart-legend[data-v-563fded4] { display: flex; flex-wrap: wrap; gap: 0.55rem 0.85rem; align-items: center; } .chart-legend__item[data-v-563fded4] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.72rem; font-weight: 600; color: #475569; } .chart-swatch[data-v-563fded4] { display: inline-block; width: 14px; height: 3px; border-radius: 2px; flex-shrink: 0; background: #64748b; } .chart-swatch--dashed[data-v-563fded4] { background: repeating-linear-gradient( 90deg, #64748b 0 4px, transparent 4px 7px ); } .chart-swatch--solid[data-v-563fded4] { background: #0f172a; height: 3px; } .chart-swatch--shortage[data-v-563fded4] { width: 8px; height: 8px; border-radius: 50%; background: #dc2626; } .chart-swatch--ok[data-v-563fded4] { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; } .chart-swatch--required[data-v-563fded4] { width: 10px; height: 10px; border-radius: 2px; background: #ef4444; } .chart-swatch--available[data-v-563fded4] { width: 10px; height: 10px; border-radius: 2px; background: #22c55e; } .chart-canvas-wrap[data-v-563fded4] { position: relative; width: 100%; padding: 0.5rem; background: #f8fafc; } .chart-canvas[data-v-563fded4] { display: block; width: auto; max-width: 100%; height: auto; border: 1px solid #e2e8f0; border-radius: 8px; background-color: #f8fafc; cursor: crosshair; } .chart-canvas--role[data-v-563fded4] { width: 100%; } .cf-chart-tooltip[data-v-563fded4] { position: absolute; z-index: 4; pointer-events: none; min-width: 140px; max-width: 260px; padding: 0.55rem 0.7rem; border-radius: 8px; background: rgba(15, 23, 42, 0.94); color: #f8fafc; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28); font-size: 0.72rem; line-height: 1.35; } .cf-chart-tooltip__title[data-v-563fded4] { font-weight: 700; font-size: 0.78rem; margin-bottom: 0.25rem; color: #fff; } .cf-chart-tooltip__line[data-v-563fded4] { color: #cbd5e1; } .cf-role-legend[data-v-563fded4] { padding: 0.75rem 0.85rem; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } .cf-role-legend__hint[data-v-563fded4] { font-size: 0.75rem; font-weight: 600; color: #64748b; margin-bottom: 0.55rem; } .cf-role-legend__items[data-v-563fded4] { display: flex; flex-wrap: wrap; gap: 0.45rem; } .cf-legend-chip[data-v-563fded4] { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.65rem; border-radius: 999px; border: 1px solid #e2e8f0; background: #fff; cursor: pointer; transition: background 0.15s ease, opacity 0.15s ease, border-color 0.15s ease; } .cf-legend-chip[data-v-563fded4]:hover { border-color: #cbd5e1; background: #f1f5f9; } .cf-legend-chip.is-off[data-v-563fded4] { opacity: 0.45; } .cf-legend-chip__swatch[data-v-563fded4] { width: 14px; height: 3px; border-radius: 2px; flex-shrink: 0; } .cf-legend-chip__label[data-v-563fded4] { font-size: 0.75rem; font-weight: 600; color: #334155; } .cf-legend-chip__status[data-v-563fded4] { font-size: 0.65rem; font-weight: 700; padding: 0.1rem 0.4rem; border-radius: 999px; background: #e2e8f0; color: #475569; } .cf-legend-chip__status.text-danger[data-v-563fded4] { background: #fee2e2; color: #b91c1c; } .cf-legend-chip__status.text-success[data-v-563fded4] { background: #dcfce7; color: #15803d; } .cf-gaps-side[data-v-563fded4] { height: 100%; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .chart-controls .btn-group[data-v-563fded4] { border-radius: 6px; overflow: hidden; } /* Keep legacy explanation samples usable */ .legend-line-sample[data-v-563fded4] { width: 20px; height: 3px; border-width: 2px; border-style: solid; margin-right: 5px; } .legend-line-sample.dashed[data-v-563fded4] { border-style: dashed; } .legend-line-sample.solid[data-v-563fded4] { border-style: solid; } .legend-dot-sample[data-v-563fded4] { width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; flex-shrink: 0; } .chart-stat[data-v-563fded4] { text-align: center; padding: 15px; background: white; border: 1px solid #e9ecef; border-radius: 6px; } .stat-value[data-v-563fded4] { font-size: 24px; font-weight: 700; margin-bottom: 5px; } .stat-label[data-v-563fded4] { color: #666; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .insights-panel[data-v-563fded4] { background: #f8f9fa; border-radius: 8px; padding: 20px; } .insights-title[data-v-563fded4] { margin-bottom: 20px; color: #333; font-weight: 600; } .insights-grid[data-v-563fded4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; } .insight-card[data-v-563fded4] { background: white; border-radius: 8px; padding: 16px; border-left: 4px solid #e9ecef; display: flex; gap: 12px; transition: all 0.2s ease; } .insight-card[data-v-563fded4]:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateY(-1px); } .insight-card.critical[data-v-563fded4] { border-left-color: #dc3545; } .insight-card.warning[data-v-563fded4] { border-left-color: #ffc107; } .insight-card.info[data-v-563fded4] { border-left-color: #17a2b8; } .insight-card.success[data-v-563fded4] { border-left-color: #28a745; } .insight-icon[data-v-563fded4] { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } .insight-card.critical .insight-icon[data-v-563fded4] { background-color: #fff5f5; color: #dc3545; } .insight-card.warning .insight-icon[data-v-563fded4] { background-color: #fffbf0; color: #ffc107; } .insight-card.info .insight-icon[data-v-563fded4] { background-color: #f0f9ff; color: #17a2b8; } .insight-card.success .insight-icon[data-v-563fded4] { background-color: #f0fdf4; color: #28a745; } .insight-content[data-v-563fded4] { flex: 1; } .insight-heading[data-v-563fded4] { font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #333; } .insight-description[data-v-563fded4] { font-size: 13px; color: #666; margin-bottom: 12px; line-height: 1.4; } .insight-actions[data-v-563fded4] { display: flex; flex-wrap: wrap; gap: 6px; } /* Responsive */ @media (max-width: 768px) { .project-column[data-v-563fded4], .project-info[data-v-563fded4] { min-width: 250px; } .month-cell[data-v-563fded4] { min-width: 80px; } .role-capacity-card[data-v-563fded4] { margin-bottom: 16px; } .cf-role-legend__items[data-v-563fded4] { gap: 0.35rem; } .insights-grid[data-v-563fded4] { grid-template-columns: 1fr; } .chart-controls .btn-group[data-v-563fded4] { flex-wrap: wrap; } } /* Insight action modal */ .cf-action-overlay[data-v-563fded4] { position: fixed; inset: 0; background: rgba(16, 24, 40, 0.45); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 16px; } .cf-action-modal[data-v-563fded4] { background: #fff; border-radius: 12px; width: 100%; max-width: 560px; max-height: 90vh; overflow: auto; box-shadow: 0 20px 40px rgba(16, 24, 40, 0.18); } .cf-action-header[data-v-563fded4] { display: flex; justify-content: space-between; align-items: flex-start; padding: 16px 20px; border-bottom: 1px solid #eef0f4; } .cf-action-close[data-v-563fded4] { border: none; background: transparent; color: #6b7280; font-size: 16px; cursor: pointer; padding: 4px 8px; } .cf-action-body[data-v-563fded4] { padding: 16px 20px; } .cf-action-summary[data-v-563fded4] { color: #374151; margin-bottom: 12px; line-height: 1.45; } .cf-action-lines[data-v-563fded4] { margin: 0; padding-left: 18px; color: #4b5563; } .cf-action-lines li[data-v-563fded4] { margin-bottom: 6px; } .cf-action-meta[data-v-563fded4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-top: 14px; } .cf-action-meta-item[data-v-563fded4] { background: #f8fafc; border: 1px solid #eef0f4; border-radius: 8px; padding: 10px 12px; } .cf-action-meta-label[data-v-563fded4] { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; margin-bottom: 2px; } .cf-action-meta-value[data-v-563fded4] { font-size: 15px; color: #111827; } .cf-action-footer[data-v-563fded4] { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 16px; border-top: 1px solid #eef0f4; } .pp-toolbar[data-v-6eacaa72] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem; padding: 0.65rem 0.75rem; background: #f8fafc; border: 1px solid #e8eef4; border-radius: 10px; } .pp-workspace-tabs[data-v-6eacaa72] { gap: 0.35rem; } .pp-workspace-tabs .nav-link[data-v-6eacaa72] { border-radius: 999px; padding: 0.35rem 0.85rem; font-size: 0.85rem; color: #4a5568; background: #edf2f7; } .pp-workspace-tabs .nav-link.active[data-v-6eacaa72] { background: #2b6cb0; color: #fff; } .pp-task-list[data-v-6eacaa72] { max-height: 420px; overflow: auto; } .pp-settings-drawer__title[data-v-6eacaa72] { font-weight: 600; color: #1a365d; } .pp-settings-drawer__body[data-v-6eacaa72] { display: flex; flex-direction: column; gap: 0; } .pp-settings-section[data-v-6eacaa72] { padding: 0 0 1.15rem; margin-bottom: 1.15rem; border-bottom: 1px solid #e8eef4; } .pp-settings-section--last[data-v-6eacaa72] { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .pp-settings-section__title[data-v-6eacaa72] { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 0.85rem; } .pp-settings-drawer__footer[data-v-6eacaa72] { position: sticky; bottom: -24px; margin: 1.25rem -24px -24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem; padding: 12px 20px; background: #fff; border-top: 1px solid #e8eef4; box-shadow: 0 -4px 12px rgba(26, 54, 93, 0.04); z-index: 2; } .or-project-planning[data-v-6eacaa72] { padding: 0; } .card[data-v-6eacaa72] { box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .pp-field[data-v-6eacaa72] { min-width: 240px; flex: 1 1 260px; } .pp-field .form-label[data-v-6eacaa72] { font-size: 12px; font-weight: 600; color: #6b7280; margin-bottom: 4px; } .pp-task-list[data-v-6eacaa72] { max-height: 360px; overflow-y: auto; } .pp-task-list .list-group-item[data-v-6eacaa72] { border-left: 0; border-right: 0; transition: background 0.15s ease; } .pp-task-list .list-group-item[data-v-6eacaa72]:hover { background: #f7f9fc; } .card-header[data-v-6eacaa72] { border-bottom: 1px solid rgba(0,0,0,0.125); } .list-group-item[data-v-6eacaa72] { border: 1px solid rgba(0,0,0,0.125); margin-bottom: 0.5rem; border-radius: 0.375rem; } .badge[data-v-6eacaa72] { font-size: 0.75em; } .btn[data-v-6eacaa72] { transition: all 0.2s ease; } .btn[data-v-6eacaa72]:hover { transform: translateY(-1px); } .alert[data-v-6eacaa72] { border-radius: 0.5rem; } .chart-panel[data-v-6eacaa72] { border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; overflow: hidden; } .chart-panel--scenario[data-v-6eacaa72] { height: 100%; } .chart-panel__header[data-v-6eacaa72] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.75rem 1rem; padding: 0.85rem 1rem 0.65rem; border-bottom: 1px solid #eef2f7; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); } .chart-panel__title[data-v-6eacaa72] { font-size: 0.95rem; font-weight: 700; color: #0f172a; line-height: 1.2; } .chart-panel__subtitle[data-v-6eacaa72] { margin-top: 0.2rem; font-size: 0.75rem; color: #64748b; line-height: 1.35; } .chart-legend[data-v-6eacaa72] { display: flex; flex-wrap: wrap; gap: 0.55rem 0.85rem; align-items: center; } .chart-legend__item[data-v-6eacaa72] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.72rem; font-weight: 600; color: #475569; } .chart-swatch[data-v-6eacaa72] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; } .chart-swatch--critical[data-v-6eacaa72] { background: #e11d48; } .chart-swatch--high[data-v-6eacaa72] { background: #f59e0b; } .chart-swatch--normal[data-v-6eacaa72] { background: #0d9488; } .chart-swatch--node[data-v-6eacaa72] { background: #2563eb; } .chart-swatch--duration[data-v-6eacaa72] { background: #f59e0b; } .chart-swatch--cost[data-v-6eacaa72] { background: #ef4444; } .chart-canvas-wrap[data-v-6eacaa72] { position: relative; width: 100%; padding: 0.5rem; background: #f8fafc; } .chart-panel.is-drawing .chart-canvas[data-v-6eacaa72] { animation: pp-canvas-fade-6eacaa72 0.45s ease-out; } .chart-canvas[data-v-6eacaa72] { display: block; width: auto; max-width: 100%; height: auto; border: 1px solid #e2e8f0; border-radius: 8px; background-color: #f8fafc; } .pp-scenario-canvas[data-v-6eacaa72] { min-height: 200px; } .pp-chart-tooltip[data-v-6eacaa72] { position: absolute; z-index: 4; pointer-events: none; min-width: 140px; max-width: 240px; padding: 0.55rem 0.7rem; border-radius: 8px; background: rgba(15, 23, 42, 0.94); color: #f8fafc; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28); font-size: 0.72rem; line-height: 1.35; } .pp-chart-tooltip__title[data-v-6eacaa72] { font-weight: 700; font-size: 0.78rem; margin-bottom: 0.25rem; color: #fff; } .pp-chart-tooltip__line[data-v-6eacaa72] { color: #cbd5e1; } .pp-opt-overlay[data-v-6eacaa72] { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(2px); border-radius: 4px; } .pp-opt-overlay__card[data-v-6eacaa72] { text-align: center; padding: 1.25rem 1.5rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12); min-width: 220px; } .pp-opt-spinner[data-v-6eacaa72] { width: 36px; height: 36px; margin: 0 auto; border: 3px solid #e5e7eb; border-top-color: #2563eb; border-radius: 50%; animation: pp-spin-6eacaa72 0.7s linear infinite; } .pp-opt-spinner--sm[data-v-6eacaa72] { width: 16px; height: 16px; margin: 0; border-width: 2px; flex-shrink: 0; } @keyframes pp-spin-6eacaa72 { to { transform: rotate(360deg); } } @keyframes pp-canvas-fade-6eacaa72 { 0% { opacity: 0.55; } 100% { opacity: 1; } } .gantt-container[data-v-6eacaa72], .network-container[data-v-6eacaa72] { position: relative; overflow-x: auto; } .score-breakdown .score-item[data-v-6eacaa72] { transition: background-color 0.2s ease; } .score-breakdown .score-item[data-v-6eacaa72]:hover { background-color: #f8f9fa; } .resource-grid[data-v-6eacaa72] { max-height: 300px; overflow-y: auto; } .resource-item[data-v-6eacaa72] { transition: none; } .pp-algo-list[data-v-6eacaa72] { display: flex; flex-direction: column; gap: 0.4rem; } .pp-algo-option[data-v-6eacaa72] { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0; padding: 0.55rem 0.6rem; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; } .pp-algo-option[data-v-6eacaa72]:hover { border-color: #cbd5e1; background: #f8fafc; } .pp-algo-option.is-selected[data-v-6eacaa72] { border-color: #86efac; background: #f0fdf4; box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.15); } .pp-algo-option .form-check-input[data-v-6eacaa72] { margin-top: 0.2rem; flex-shrink: 0; } .pp-algo-option__body[data-v-6eacaa72] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; } .pp-algo-option__title[data-v-6eacaa72] { font-size: 0.82rem; font-weight: 650; color: #1e293b; line-height: 1.25; } .pp-algo-option__hint[data-v-6eacaa72] { font-size: 0.72rem; color: #64748b; line-height: 1.35; } .pp-algo-info-btn[data-v-6eacaa72] { flex-shrink: 0; border: none; background: transparent; color: #94a3b8; padding: 0.1rem 0.2rem; line-height: 1; border-radius: 4px; cursor: pointer; transition: color 0.15s ease, background 0.15s ease; } .pp-algo-info-btn[data-v-6eacaa72]:hover, .pp-algo-info-btn[data-v-6eacaa72]:focus { color: #2563eb; background: rgba(37, 99, 235, 0.08); outline: none; } .pp-algo-info-btn i[data-v-6eacaa72] { font-size: 0.85rem; } /* Popover mounts outside the component — keep help readable for non-technical users. App .header uses z-index 1002; keep FAQ below so it never covers the navbar. */ .pp-algo-help-popover { z-index: 1000 !important; max-width: min(340px, calc(100vw - 24px)); } .pp-algo-help-popover .ant-popover-inner-content { max-width: 320px; max-height: min(420px, calc(100vh - 120px)); overflow-y: auto; padding: 10px 12px; } .pp-algo-help__steps { padding-left: 1.15rem; margin: 0; font-size: 0.82rem; color: #334155; line-height: 1.45; } .pp-algo-help__steps li + li { margin-top: 0.4rem; } .pp-algo-help__q { margin: 0 0 0.2rem; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #64748b; } .pp-algo-help__a { margin: 0 0 0.75rem; font-size: 0.82rem; color: #334155; line-height: 1.45; } .pp-algo-help__a:last-child { margin-bottom: 0; } .recent-activities-list .activity-badge[data-v-2f394f4e] { font-weight: 500; padding: 0.35em 0.6em; } .customer-item[data-v-2f394f4e] { padding: 10px 0; border-bottom: 1px solid #f8f9fa; } .customer-item[data-v-2f394f4e]:last-child { border-bottom: none; } .ticket-row[data-v-2f394f4e] { cursor: pointer; } .ticket-row[data-v-2f394f4e]:hover { background-color: #f8f9fa; } .ticket-subject h6[data-v-2f394f4e] { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customer-info h6[data-v-2f394f4e] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bulk-actions-bar[data-v-2f394f4e] { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000; } .filter-tags .badge[data-v-2f394f4e] { cursor: pointer; } .filter-tags .badge i[data-v-2f394f4e] { margin-left: 4px; opacity: 0.7; } .filter-tags .badge i[data-v-2f394f4e]:hover { opacity: 1; } .filter-dropdown-toggle[data-v-2f394f4e] { height: 30px; padding-top: 4px; padding-bottom: 4px; border-color: #dee2e6; } .filter-dropdown-menu[data-v-2f394f4e] { max-height: 260px; overflow: auto; } .badge-light-primary[data-v-2f394f4e] { background-color: rgba(0, 123, 255, 0.1); color: #007bff; } .badge-light-danger[data-v-2f394f4e] { background-color: rgba(220, 53, 69, 0.1); color: #dc3545; } .table th[data-v-2f394f4e] { font-weight: 600; color: #333; border-top: none; } .table td[data-v-2f394f4e] { vertical-align: middle; } .pagination .page-link[data-v-2f394f4e] { color: #6c757d; } .pagination .page-item.active .page-link[data-v-2f394f4e] { background-color: #007bff; border-color: #007bff; } /* Ensure table doesn't clip dropdowns - Popper strategy fixed in JS */ .table-responsive[data-v-2f394f4e] { overflow: visible; } /* Ant Design table: allow dropdown to escape so it can float on top */ [data-v-2f394f4e] .ant-table-body,[data-v-2f394f4e] .ant-table-content { overflow-x: auto !important; overflow-y: visible !important; } /* Server-side sort: make Ant Design sorter carets visible (up/down) and show active state clearly */ [data-v-2f394f4e] .ant-table-thead th.ant-table-column-has-sorters { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-v-2f394f4e] .ant-table-thead th.ant-table-column-sort { background: rgba(0, 0, 0, 0.04) !important; } [data-v-2f394f4e] .ant-table-column-sorter { display: inline-flex; flex-direction: column; align-items: center; margin-left: 6px; color: rgba(0, 0, 0, 0.45); line-height: 1; vertical-align: middle; } [data-v-2f394f4e] .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; gap: 0; } [data-v-2f394f4e] .ant-table-column-sorter-up,[data-v-2f394f4e] .ant-table-column-sorter-down { line-height: 0.6; color: rgba(0, 0, 0, 0.3); transition: color 0.2s; } [data-v-2f394f4e] .ant-table-column-sorter .anticon { font-size: 11px; display: block; line-height: 1; } [data-v-2f394f4e] .ant-table-column-sorter-up.active,[data-v-2f394f4e] .ant-table-column-sorter-down.active { color: #1890ff; } [data-v-2f394f4e] .ant-table-column-sorter-up.active .anticon,[data-v-2f394f4e] .ant-table-column-sorter-down.active .anticon { color: #1890ff; } .card .table-responsive[data-v-2f394f4e] { border: none !important; border-radius: 0 !important; } .card-body[data-v-2f394f4e] { overflow: visible; } .card[data-v-2f394f4e] { overflow: visible; } .table td[data-v-2f394f4e]:last-child { position: relative; } .table[data-v-2f394f4e] { overflow: visible; } /* Fix for table overflow on small screens */ @media (max-width: 768px) { .table-responsive[data-v-2f394f4e] { overflow-x: auto; overflow-y: visible; } } /* Customer selection styles */ .cursor-pointer[data-v-2f394f4e] { cursor: pointer; } .form-check[data-v-2f394f4e] { margin-right: 1rem; } .input-group .btn[data-v-2f394f4e] { border-left: none; } .sticky-top[data-v-2f394f4e] { position: sticky; top: 0; z-index: 10; } /* Attachment display styles */ .attachment-list[data-v-2f394f4e] { max-height: 300px; overflow-y: auto; border: 1px solid #e6e9f0; border-radius: 4px; padding: 8px; margin-top: 8px; } .attachment-item[data-v-2f394f4e] { display: flex; align-items: center; justify-content: space-between; padding: 8px; border-bottom: 1px solid #f0f2f5; } .attachment-item[data-v-2f394f4e]:last-child { border-bottom: none; } .attachment-info[data-v-2f394f4e] { display: flex; align-items: center; flex: 1; } .attachment-info i[data-v-2f394f4e] { margin-right: 8px; font-size: 1.1rem; } .attachment-name[data-v-2f394f4e] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .attachment-size[data-v-2f394f4e] { color: #6c757d; margin-right: 8px; font-size: 0.875rem; } .attachment-actions[data-v-2f394f4e] { display: flex; gap: 4px; } .attachment-actions .btn[data-v-2f394f4e] { padding: 4px 8px; font-size: 0.875rem; } /* File type icons */ .fa-file-pdf[data-v-2f394f4e] { color: #dc3545; } .fa-file-word[data-v-2f394f4e] { color: #2196f3; } .fa-file-image[data-v-2f394f4e] { color: #4caf50; } .fa-file-archive[data-v-2f394f4e] { color: #ff9800; } .fa-file-text[data-v-2f394f4e] { color: #607d8b; } .fa-file[data-v-2f394f4e] { color: #9e9e9e; } /* Create/Edit Ticket Modal Styles */ #createEditModal .modal-header[data-v-2f394f4e] { background-color: #2E3192; padding: 1rem 1.5rem; } #createEditModal .modal-title[data-v-2f394f4e] { font-size: 1.25rem; font-weight: 500; } #createEditModal .modal-body[data-v-2f394f4e] { padding: 1.5rem; background-color: #fff; } #createEditModal .section-header[data-v-2f394f4e] { margin-bottom: 1.25rem; } #createEditModal .section-header h5[data-v-2f394f4e] { font-size: 1.1rem; font-weight: 600; color: #333; } #createEditModal .section-header i[data-v-2f394f4e] { font-size: 1.1rem; color: #2E3192; } #createEditModal .form-label[data-v-2f394f4e] { font-weight: 500; color: #333; margin-bottom: 0.5rem; } #createEditModal .form-label.required[data-v-2f394f4e]::after { content: " *"; color: #dc3545; } #createEditModal .form-control[data-v-2f394f4e], #createEditModal .form-select[data-v-2f394f4e] { border: 1px solid #dee2e6; border-radius: 4px; padding: 0.5rem 0.75rem; font-size: 0.9rem; } #createEditModal .form-control[data-v-2f394f4e]:focus, #createEditModal .form-select[data-v-2f394f4e]:focus { border-color: #2E3192; box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.15); } #createEditModal .text-muted[data-v-2f394f4e] { color: #6c757d !important; font-size: 0.85rem; } #createEditModal .form-check-input[data-v-2f394f4e] { width: 1.1rem; height: 1.1rem; margin-top: 0.2rem; } #createEditModal .form-check-label[data-v-2f394f4e] { font-size: 0.95rem; color: #333; } #createEditModal .form-check-input[data-v-2f394f4e]:checked { background-color: #2E3192; border-color: #2E3192; } #createEditModal .modal-footer[data-v-2f394f4e] { padding: 1rem 1.5rem; border-top: 1px solid #dee2e6; background-color: #fff; } #createEditModal .btn-light[data-v-2f394f4e] { color: #333; background-color: #f8f9fa; border-color: #dee2e6; font-weight: 500; } #createEditModal .btn-light[data-v-2f394f4e]:hover { background-color: #e9ecef; border-color: #dee2e6; } #createEditModal .btn-primary[data-v-2f394f4e] { background-color: #2E3192; border-color: #2E3192; font-weight: 500; } #createEditModal .btn-primary[data-v-2f394f4e]:hover { background-color: #252878; border-color: #252878; } #createEditModal .btn[data-v-2f394f4e] { padding: 0.5rem 1rem; font-size: 0.95rem; } /* Gap between sections */ #createEditModal .mb-4[data-v-2f394f4e] { margin-bottom: 2rem !important; } /* Custom radio button spacing */ #createEditModal .gap-4[data-v-2f394f4e] { gap: 2rem !important; } #createEditModal .customer-fields[data-v-2f394f4e] { background-color: #f8f9fa; border-radius: 4px; padding: 1.25rem; margin-top: 1rem; } #createEditModal .selected-customer-info[data-v-2f394f4e] { background-color: #fff; } #createEditModal .selected-customer-info .fw-medium[data-v-2f394f4e] { color: #2E3192; } #createEditModal textarea.form-control[data-v-2f394f4e] { min-height: 100px; resize: vertical; } /* Dropzone styles */ #createEditModal .dropzone-container[data-v-2f394f4e] { background-color: #f8f9fa; border: 2px dashed #dee2e6; cursor: pointer; transition: border-color 0.3s ease; } #createEditModal .dropzone-container[data-v-2f394f4e]:hover { border-color: #2E3192; } #createEditModal .dz-message[data-v-2f394f4e] { text-align: center; padding: 2rem; } #createEditModal .dz-message .text-primary[data-v-2f394f4e] { color: #2E3192 !important; text-decoration: underline; cursor: pointer; } /* Attachment preview styles */ #createEditModal .attachment-preview[data-v-2f394f4e] { max-height: 200px; overflow-y: auto; } #createEditModal .attachment-item[data-v-2f394f4e] { background-color: #fff; transition: background-color 0.2s ease; } #createEditModal .attachment-item[data-v-2f394f4e]:hover { background-color: #f8f9fa; } #createEditModal .attachment-item .btn-link[data-v-2f394f4e] { text-decoration: none; opacity: 0.7; } #createEditModal .attachment-item .btn-link[data-v-2f394f4e]:hover { opacity: 1; } /* Form field spacing */ #createEditModal .row + .row[data-v-2f394f4e] { margin-top: 0.5rem; } .dragover[data-v-2f394f4e] { border-color: #2E3192; } /* Optional: Add some styling for the editor */ [data-v-2f394f4e] .p-editor-container { height: 320px; } [data-v-2f394f4e] .p-editor-content { height: calc(100% - 50px); } /* Clickable row styles */ [data-v-2f394f4e] .clickable-row { cursor: pointer; transition: background-color 0.15s ease-in-out; } [data-v-2f394f4e] .clickable-row:hover { background-color: #f8f9fa !important; } [data-v-2f394f4e] .clickable-row:hover td { background-color: transparent !important; } /* Prevent text selection on row hover to improve UX */ [data-v-2f394f4e] .clickable-row:hover { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Unsaved Changes Badge */ .modal-title .badge[data-v-2f394f4e] { font-size: 0.7rem; font-weight: 500; animation: pulse-2f394f4e 2s infinite; } @keyframes pulse-2f394f4e { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } /* Assign modal: searchable assignee dropdown (align with project tickets tab) */ .avatar-circle-sm[data-v-2f394f4e] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } .assignee-dropdown[data-v-2f394f4e] { position: relative; } .assignee-dropdown .dropdown-toggle[data-v-2f394f4e] { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0.75rem; border: 1px solid #ced4da; background-color: #fff; background-image: none; color: #212529; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .assignee-dropdown .dropdown-toggle[data-v-2f394f4e]:hover, .assignee-dropdown .dropdown-toggle[data-v-2f394f4e]:focus, .assignee-dropdown .dropdown-toggle[data-v-2f394f4e]:active, .assignee-dropdown .dropdown-toggle.show[data-v-2f394f4e] { background-color: #fff !important; background-image: none !important; color: #212529 !important; border-color: #3182ce; box-shadow: none; } .assignee-dropdown .dropdown-toggle[data-v-2f394f4e]:focus, .assignee-dropdown .dropdown-toggle.show[data-v-2f394f4e]:focus { box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .dropdown-toggle .fw-medium[data-v-2f394f4e] { color: #212529; } .assignee-dropdown .dropdown-toggle:hover .fw-medium[data-v-2f394f4e], .assignee-dropdown .dropdown-toggle:focus .fw-medium[data-v-2f394f4e], .assignee-dropdown .dropdown-toggle:active .fw-medium[data-v-2f394f4e], .assignee-dropdown .dropdown-toggle.show .fw-medium[data-v-2f394f4e] { color: #212529 !important; } .assignee-dropdown .dropdown-toggle .text-muted[data-v-2f394f4e] { color: #6c757d !important; } .assignee-dropdown .dropdown-toggle[data-v-2f394f4e]::after { margin-left: auto; flex-shrink: 0; } .assignee-dropdown .dropdown-menu[data-v-2f394f4e] { position: absolute; top: 100%; left: 0; right: 0; max-height: 300px; overflow: hidden; border: 1px solid #e5e8eb; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1050; background: white; margin-top: 2px; } .assignee-dropdown .dropdown-menu.show[data-v-2f394f4e] { display: block; } .assignee-dropdown .dropdown-search[data-v-2f394f4e] { background: #f8fafc; border-bottom: 1px solid #e5e8eb; position: sticky; top: 0; z-index: 10; } .assignee-dropdown .dropdown-search input[data-v-2f394f4e] { border: 1px solid #e5e8eb; border-radius: 4px; padding: 0.5rem; font-size: 0.875rem; } .assignee-dropdown .dropdown-search input[data-v-2f394f4e]:focus { border-color: #3182ce; box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25); } .assignee-dropdown .assignee-options[data-v-2f394f4e] { max-height: 200px; overflow-y: auto; } .assignee-dropdown .assignee-option[data-v-2f394f4e] { padding: 0.75rem; border: none; background: none; transition: background-color 0.2s ease; border-bottom: 1px solid #f8fafc; } .assignee-dropdown .assignee-option[data-v-2f394f4e]:hover, .assignee-dropdown .assignee-option[data-v-2f394f4e]:focus { background-color: #f8fafc; background-image: none; color: #212529; text-decoration: none; } .assignee-dropdown .assignee-option:hover small[data-v-2f394f4e], .assignee-dropdown .assignee-option:focus small[data-v-2f394f4e] { color: #718096 !important; } .assignee-dropdown .assignee-option.active[data-v-2f394f4e]:hover, .assignee-dropdown .assignee-option.active[data-v-2f394f4e]:focus { background-color: #dbeafe; background-image: none; color: #1d4ed8; } .assignee-dropdown .assignee-option.active:hover small[data-v-2f394f4e], .assignee-dropdown .assignee-option.active:focus small[data-v-2f394f4e] { color: #64748b !important; } .assignee-dropdown .assignee-option.active[data-v-2f394f4e] { background-color: #ebf8ff; color: #3182ce; } .assignee-dropdown .assignee-option .avatar-circle-sm[data-v-2f394f4e] { width: 32px; height: 32px; background-color: #3182ce; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 500; flex-shrink: 0; } .assignee-dropdown .assignee-option .avatar-circle-sm.bg-secondary[data-v-2f394f4e] { background-color: #6c757d; } .assignee-dropdown .assignee-option .fw-medium[data-v-2f394f4e] { font-weight: 500; margin-bottom: 0.125rem; line-height: 1.2; } .assignee-dropdown .assignee-option small[data-v-2f394f4e] { font-size: 0.75rem; line-height: 1.2; } .assignee-dropdown .dropdown-item-text[data-v-2f394f4e] { padding: 1rem; font-style: italic; } .assignee-dropdown .assignee-options[data-v-2f394f4e]::-webkit-scrollbar { width: 6px; } .assignee-dropdown .assignee-options[data-v-2f394f4e]::-webkit-scrollbar-track { background: #f8fafc; } .assignee-dropdown .assignee-options[data-v-2f394f4e]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .assignee-dropdown .assignee-options[data-v-2f394f4e]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } .meetings-list-region[data-v-93b66da2] { width: 100%; flex-grow: 1; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .meeting-list-page-loading-block[data-v-93b66da2] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .meeting-list-page-loading-spinner[data-v-93b66da2] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .meeting-list-page-loading-label[data-v-93b66da2] { font-size: 0.95rem; } .meetings-container[data-v-93b66da2] { background-color: #f4f6f9; min-height: 100vh; padding: 20px; } .meetings-header[data-v-93b66da2] { background-color: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 20px; } .header-content[data-v-93b66da2] { display: flex; justify-content: space-between; align-items: center; } .page-title[data-v-93b66da2] { color: #2c3e50; font-weight: 600; margin: 0; } .create-meeting-btn[data-v-93b66da2] { display: flex; align-items: center; } .meetings-content[data-v-93b66da2] { display: flex; } .meetings-filters[data-v-93b66da2] { width: 250px; background-color: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 20px; margin-right: 20px; } .filter-group[data-v-93b66da2] { margin-bottom: 15px; } .meetings-list[data-v-93b66da2] { flex-grow: 1; } .meeting-grid[data-v-93b66da2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; } .meeting-card[data-v-93b66da2] { transition: all 0.3s ease; } .meeting-card[data-v-93b66da2]:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .meeting-card .card-header[data-v-93b66da2] { display: flex; justify-content: space-between; align-items: center; color: white; } .meeting-details .detail-item[data-v-93b66da2] { display: flex; align-items: center; margin-bottom: 10px; } .detail-item i[data-v-93b66da2] { margin-right: 10px; color: #6c757d; } .no-meetings-placeholder[data-v-93b66da2] { text-align: center; padding: 50px; } .no-meetings-placeholder img[data-v-93b66da2] { max-width: 300px; margin-bottom: 20px; } .meeting-form .modal-footer[data-v-93b66da2] { display: flex; justify-content: space-between; } .meeting-participants-list[data-v-4095aeed] { display: flex; flex-wrap: wrap; gap: 10px; } .participant-item[data-v-4095aeed] { display: flex; align-items: center; padding: 10px; border: 1px solid #e0e0e0; border-radius: 8px; width: 250px; } .participant-avatar[data-v-4095aeed] { position: relative; margin-right: 15px; } .participant-avatar img[data-v-4095aeed] { width: 50px; height: 50px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .participant-status-indicators[data-v-4095aeed] { position: absolute; bottom: -5px; right: -5px; display: flex; gap: 5px; } .status-icon[data-v-4095aeed] { background: rgba(0,0,0,0.7); color: white; border-radius: 50%; padding: 3px; font-size: 0.7em; } .muted-audio[data-v-4095aeed] { background-color: red; } .muted-video[data-v-4095aeed] { background-color: orange; } .screen-sharing[data-v-4095aeed] { background-color: green; } .participant-details[data-v-4095aeed] { flex-grow: 1; } .participant-name[data-v-4095aeed] { font-weight: bold; } .host-badge[data-v-4095aeed] { background-color: #007bff; color: white; font-size: 0.7em; padding: 2px 5px; border-radius: 4px; margin-left: 5px; } .participant-offline[data-v-4095aeed] { opacity: 0.6; } .meeting-details-body-region[data-v-1fed382b] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .meeting-details-page-loading-block[data-v-1fed382b] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .meeting-details-page-loading-spinner[data-v-1fed382b] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .meeting-details-page-loading-label[data-v-1fed382b] { font-size: 0.95rem; } .meeting-details-container[data-v-1fed382b] { height: calc(100vh - 60px); display: flex; flex-direction: column; background-color: #f6f7f9; position: relative; width: 100%; overflow: hidden; } /* Top Header Bar */ .top-header-bar[data-v-1fed382b] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); z-index: 10; border-bottom: 1px solid #e5e8eb; } .header-content[data-v-1fed382b] { display: flex; align-items: center; flex: 1; } .header-icon[data-v-1fed382b] { width: 18px; height: 18px; font-size: 16px; color: #718096; margin-right: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .header-title[data-v-1fed382b] { color: #2d3748; font-size: 0.875rem; font-weight: 600; margin: 0; line-height: 1.25; } .chevron-icon[data-v-1fed382b] { width: 16px; height: 16px; font-size: 12px; color: #718096; transition: transform 0.3s ease, color 0.2s ease; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .collapsible-header[data-v-1fed382b] { background: white; border-bottom: 1px solid #e5e8eb; padding: 0.75rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 48px; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s ease; position: relative; } .collapsible-header[data-v-1fed382b]:hover { background-color: #f8fafc; border-bottom-color: #d1d9e0; } .collapsible-header[data-v-1fed382b]:active { background-color: #edf2f7; } .collapsible-header:hover .chevron-icon[data-v-1fed382b] { color: #4a5568; } .collapsible-card .small[data-v-1fed382b] { font-size: 0.875rem; line-height: 1.4; } .fa-chevron-up[data-v-1fed382b] { transform: rotate(180deg); } .fa-chevron-down[data-v-1fed382b] { transform: rotate(0deg); } .meeting-header[data-v-1fed382b] { flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); z-index: 10; border-bottom: 1px solid #e5e8eb; } .meeting-title[data-v-1fed382b] { font-size: 18px; font-weight: 600; margin: 0; color: #333; } .meeting-id[data-v-1fed382b] { display: flex; align-items: center; gap: 8px; } .meeting-id-text[data-v-1fed382b] { color: #6c757d; font-size: 14px; } .edit-icon[data-v-1fed382b] { color: #6c757d; cursor: pointer; font-size: 14px; } .edit-icon[data-v-1fed382b]:hover { color: #007bff; } /* Main Layout */ .meeting-layout[data-v-1fed382b] { flex: 1; margin: 0 0 0 0; border-radius: 8px 8px 0 0; background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); display: flex; flex-direction: column; overflow: hidden; height: calc(100vh - 180px); } /* Left Sidebar */ .meeting-sidebar[data-v-1fed382b] { flex: 0 0 25%; max-width: 25%; height: 100%; overflow: hidden; } /* Sidebar content with independent scrolling */ .sidebar-content[data-v-1fed382b] { height: calc(100vh - 150px); overflow-y: auto; overflow-x: hidden; padding: 0.75rem; display: flex; flex-direction: column; scrollbar-width: thin; scrollbar-color: #cbd5e0 transparent; } .sidebar-content[data-v-1fed382b]::-webkit-scrollbar { width: 6px; } .sidebar-content[data-v-1fed382b]::-webkit-scrollbar-track { background: transparent; } .sidebar-content[data-v-1fed382b]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .sidebar-content[data-v-1fed382b]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } /* Summary Card */ .summary-card[data-v-1fed382b] { background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 15px; margin-bottom: 20px; } .summary-title[data-v-1fed382b] { font-size: 16px; font-weight: 600; margin: 0 0 10px 0; color: #333; } .summary-meta[data-v-1fed382b] { display: flex; flex-direction: column; gap: 5px; margin-bottom: 15px; } .summary-meta .meeting-id[data-v-1fed382b] { color: #6c757d; font-size: 13px; } .summary-meta .meeting-time[data-v-1fed382b] { color: #6c757d; font-size: 13px; } .status-btn[data-v-1fed382b] { padding: 6px 12px; border: none; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; } .status-scheduled[data-v-1fed382b] { background-color: #ffc107; color: #212529; } .status-ongoing[data-v-1fed382b] { background-color: #28a745; color: white; } .status-completed[data-v-1fed382b] { background-color: #17a2b8; color: white; } .status-cancelled[data-v-1fed382b] { background-color: #dc3545; color: white; } /* Sidebar Sections */ .card[data-v-1fed382b] { border: 1px solid #e5e8eb; border-radius: 8px; box-shadow: none; } .card .card-header[data-v-1fed382b] { background: white; border-bottom: 1px solid #e5e8eb; padding: 1rem 1.25rem; } .card .card-header h6[data-v-1fed382b] { font-size: 0.875rem; font-weight: 600; color: #2d3748; } .card .card-body[data-v-1fed382b] { padding: 1.25rem; } /* Override any bootstrap card styling that might interfere */ .collapsible-card.card[data-v-1fed382b] { margin-bottom: 1rem; } .collapsible-card.card[data-v-1fed382b]:last-child { margin-bottom: 0; } /* Ensure proper spacing for form elements in cards */ .collapsible-card .form-label[data-v-1fed382b] { /* font-size: 0.75rem; */ font-weight: 600; color: #718096; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .collapsible-card[data-v-1fed382b] { border: 1px solid #e5e8eb; border-radius: 6px; overflow: hidden; margin-bottom: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .collapsible-card .card-body[data-v-1fed382b] { padding: 0.75rem; background-color: white; border-bottom: none; } .collapsible-card[data-v-1fed382b] { flex-shrink: 0; } /* Additional improvements for consistent spacing */ .collapsible-card + .collapsible-card[data-v-1fed382b] { margin-top: 0; } .collapsible-card .card-body > div[data-v-1fed382b]:first-child { margin-top: 0; } .collapsible-card .card-body > div[data-v-1fed382b]:last-child { margin-bottom: 0; } .section-header[data-v-1fed382b] { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; cursor: pointer; border-bottom: 1px solid #e9ecef; } .section-header h6[data-v-1fed382b] { margin: 0; font-size: 14px; font-weight: 600; color: #333; } .section-header i[data-v-1fed382b] { color: #6c757d; font-size: 12px; transition: transform 0.3s ease; } .section-header i.rotated[data-v-1fed382b] { transform: rotate(180deg); } .section-content[data-v-1fed382b] { padding: 15px 0; } /* Contact Profile */ .contact-profile[data-v-1fed382b] { display: flex; align-items: center; margin-bottom: 15px; } .contact-avatar[data-v-1fed382b] { width: 40px; height: 40px; border-radius: 50%; background-color: #007bff; color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-right: 12px; } .contact-info[data-v-1fed382b] { font-size: 0.875rem; margin: 0; } .avatar-circle[data-v-1fed382b] { width: 40px; height: 40px; border-radius: 50%; background-color: #3182ce; color: white; font-size: 1rem; font-weight: 500; display: flex; align-items: center; justify-content: center; } .avatar-circle-sm[data-v-1fed382b] { width: 24px; height: 24px; border-radius: 50%; background-color: #3182ce; color: white; font-size: 0.75rem; font-weight: 500; display: flex; align-items: center; justify-content: center; } .contact-name[data-v-1fed382b] { font-weight: 600; color: #333; font-size: 14px; } .contact-type[data-v-1fed382b] { color: #6c757d; font-size: 12px; } .contact-details[data-v-1fed382b] { display: flex; flex-direction: column; gap: 8px; } .contact-item[data-v-1fed382b] { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #6c757d; } .contact-item i[data-v-1fed382b]:first-child { width: 16px; color: #6c757d; } /* Info Items */ .info-item[data-v-1fed382b] { /* display: flex; */ justify-content: space-between; align-items: center; /* padding: 8px 0; */ /* border-bottom: 1px solid #f8f9fa; */ } .info-item[data-v-1fed382b]:last-child { border-bottom: none; } .info-item label[data-v-1fed382b] { font-size: 13px; color: #6c757d; margin: 0; } .info-value[data-v-1fed382b] { display: flex; align-items: center; gap: 8px; } .info-value span[data-v-1fed382b] { font-size: 13px; color: #333; } .info-value i[data-v-1fed382b] { color: #6c757d; font-size: 12px; cursor: pointer; } .priority-high[data-v-1fed382b] { color: #dc3545; font-weight: 500; } .tag[data-v-1fed382b] { background-color: #e9ecef; color: #6c757d; padding: 2px 8px; border-radius: 12px; font-size: 11px; } /* Meeting Description */ .meeting-description[data-v-1fed382b] { max-height: 200px; overflow-y: auto; padding: 8px 12px; background-color: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; } .meeting-description p[data-v-1fed382b] { color: #495057; line-height: 1.5; white-space: pre-wrap; word-wrap: break-word; } .description-edit-container textarea[data-v-1fed382b] { resize: vertical; min-height: 100px; } .description-edit-container .gap-2[data-v-1fed382b] { gap: 0.5rem; } /* Participants List */ .participants-list[data-v-1fed382b] { max-height: 200px; overflow-y: auto; } .participant-item[data-v-1fed382b] { display: flex; align-items: center; margin-bottom: 2px; padding: 8px; border-radius: 6px; background-color: #f8f9fa; transition: background-color 0.2s ease; } .participant-item[data-v-1fed382b]:hover { background-color: #e9ecef; } .participant-delete-btn[data-v-1fed382b] { opacity: 0; transition: opacity 0.2s ease; font-size: 0.875rem; } .participant-item:hover .participant-delete-btn[data-v-1fed382b] { opacity: 1; } .participant-delete-btn[data-v-1fed382b]:hover { color: #dc3545 !important; } .participant-avatar[data-v-1fed382b] { width: 32px; height: 32px; border-radius: 50%; background-color: #007bff; color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 12px; margin-right: 10px; } .participant-info[data-v-1fed382b] { display: flex; flex-direction: column; flex: 1; } .participant-name[data-v-1fed382b] { font-size: 13px; font-weight: 500; color: #333; margin-bottom: 2px; padding-left: 5px; } .participant-status[data-v-1fed382b] { font-size: 11px; padding: 2px 6px; border-radius: 10px; text-transform: capitalize; width: -moz-fit-content; width: fit-content; } .status-invited[data-v-1fed382b] { background-color: #ffc107; color: #212529; } .status-accepted[data-v-1fed382b] { background-color: #28a745; color: white; } .status-declined[data-v-1fed382b] { background-color: #dc3545; color: white; } .status-joined[data-v-1fed382b] { background-color: #17a2b8; color: white; } .no-participants[data-v-1fed382b] { text-align: center; padding: 20px; color: #6c757d; } .no-participants p[data-v-1fed382b] { margin-bottom: 10px; font-size: 13px; } .add-participants-section[data-v-1fed382b] { margin-top: 15px; } /* Main Content */ .main-content[data-v-1fed382b] { flex: 1; display: flex; flex-direction: column; background-color: white; } /* Top Header Bar */ .top-header-bar[data-v-1fed382b] { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #e9ecef; background-color: #f8f9fa; } /* Main Header */ .main-header[data-v-1fed382b] { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #e9ecef; } .head-left[data-v-1fed382b] { display: flex; align-items: center; } .back-btn[data-v-1fed382b] { color: #6c757d; cursor: pointer; font-size: 18px; } .back-btn[data-v-1fed382b]:hover { color: #1e3a8a; } .header-info[data-v-1fed382b] { display: flex; flex-direction: column; } .ticket-title h4[data-v-1fed382b] { font-size: 1.25rem; font-weight: 500; color: #2d3748; margin-bottom: 0.25rem; } .ticket-title .ticket-meta[data-v-1fed382b] { font-size: 0.875rem; color: #718096; } .ticket-title .text-muted[data-v-1fed382b] { font-size: 0.875rem; line-height: 1.4; } .separator[data-v-1fed382b] { color: #dee2e6; } .head-right[data-v-1fed382b] { display: flex; align-items: center; gap: 15px; } .reply-btn[data-v-1fed382b] { background-color: #007bff; border-color: #007bff; color: white; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; } .col-md-9[data-v-1fed382b] { flex: 0 0 75%; max-width: 75%; border-left: 1px solid #e5e8eb; height: 100%; overflow: hidden; display: flex; flex-direction: column; } .meeting-main-content[data-v-1fed382b] { height: 100%; display: flex; flex-direction: column; overflow: hidden; } /* Navigation Tabs */ .ticket-tabs[data-v-1fed382b] { background-color: white; border-bottom: 1px solid #e5e8eb; } .ticket-tabs .nav-tabs[data-v-1fed382b] { /* padding: 0 0.75rem; */ border: none; } .ticket-tabs .nav-link[data-v-1fed382b] { border: none; color: #718096; font-size: 0.8rem; font-weight: 500; margin-bottom: -1px; position: relative; } .ticket-tabs .nav-link.active[data-v-1fed382b] { color: #3182ce; background: transparent; border-radius: 0; border: none; box-shadow: inset 0 -2px 0 #3182ce; } .ticket-tabs .nav-link.active[data-v-1fed382b]:after { content: none; display: none; } .ticket-tabs .nav-link[data-v-1fed382b]:hover { color: #3182ce; } .ticket-tabs .nav-link i[data-v-1fed382b] { margin-right: 0.5rem; } /* Tab Content */ .tab-content[data-v-1fed382b] { flex: 1; overflow-y: auto; overflow-x: hidden; /* padding: 0.75rem; */ } .tab-content[data-v-1fed382b]::-webkit-scrollbar { width: 6px; } .tab-content[data-v-1fed382b]::-webkit-scrollbar-track { background: transparent; } .tab-content[data-v-1fed382b]::-webkit-scrollbar-thumb { background-color: #cbd5e0; border-radius: 3px; } .tab-content[data-v-1fed382b]::-webkit-scrollbar-thumb:hover { background-color: #a0aec0; } /* Chat Content */ .chat-content[data-v-1fed382b] { flex: 1; display: flex; flex-direction: column; height: 100%; } .chat-messages[data-v-1fed382b] { flex: 1; overflow-y: auto; /* margin-bottom: 20px; */ /* max-height: 400px; */ } .messages-list[data-v-1fed382b] { display: flex; flex-direction: column; gap: 15px; } .message-item[data-v-1fed382b] { display: flex; align-items: flex-start; gap: 12px; } .message-content[data-v-1fed382b] { flex: 1; border-radius: 8px; border-top-left-radius: 4px; } .message-header[data-v-1fed382b] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } .sender-name[data-v-1fed382b] { font-weight: 600; font-size: 13px; color: #333; } .message-time[data-v-1fed382b] { font-size: 11px; color: #6c757d; } .message-text[data-v-1fed382b] { font-size: 14px; color: #333; line-height: 1.4; } .no-messages[data-v-1fed382b] { text-align: center; padding: 40px 20px; color: #6c757d; } .no-messages p[data-v-1fed382b] { font-size: 14px; margin: 0; } /* Editor Toolbar */ .editor-toolbar[data-v-1fed382b] { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 10px 20px; border-bottom: 1px solid #e9ecef; background-color: #f8f9fa; } .toolbar-group[data-v-1fed382b] { display: flex; align-items: center; gap: 2px; margin-right: 10px; } .toolbar-btn[data-v-1fed382b] { background: none; border: none; padding: 6px 8px; border-radius: 3px; cursor: pointer; color: #6c757d; font-size: 14px; transition: all 0.2s ease; } .toolbar-btn[data-v-1fed382b]:hover { background-color: #e9ecef; color: #333; } .toolbar-btn.active[data-v-1fed382b] { background-color: #1e3a8a; color: white; } .style-select[data-v-1fed382b], .font-select[data-v-1fed382b] { border: 1px solid #ced4da; border-radius: 3px; padding: 4px 8px; font-size: 12px; background-color: white; color: #333; } .description-readonly[data-v-1fed382b] { min-height: 400px; padding: 1rem; border: 1px solid #e5e8eb; border-radius: 6px; background: #f8fafc; } /* Description Content */ .description-content[data-v-1fed382b] { flex: 1; display: flex; flex-direction: column; padding: 20px; } .description-editor[data-v-1fed382b] { position: relative; } .content-editor[data-v-1fed382b] { flex: 1; border: 1px solid #e9ecef; border-radius: 4px; overflow: hidden; } .rich-text-editor[data-v-1fed382b] { width: 100%; height: 100%; min-height: 300px; padding: 15px; border: none; outline: none; font-size: 14px; line-height: 1.5; color: #333; background-color: white; } .rich-text-editor[data-v-1fed382b]:focus { border: none; outline: none; } .auto-save-indicator[data-v-1fed382b] { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: #6c757d; } .auto-save-indicator i[data-v-1fed382b] { font-size: 14px; } /* Bottom Action Bar */ .bottom-action-bar[data-v-1fed382b] { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 15px 20px; border-top: 1px solid #e9ecef; background-color: #f8f9fa; } .quick-reply-btn[data-v-1fed382b], .print-btn[data-v-1fed382b] { padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; } .close-btn[data-v-1fed382b] { background-color: #dc3545; border-color: #dc3545; color: white; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; } .close-btn i[data-v-1fed382b] { margin-right: 5px; } .row.g-0.h-100[data-v-1fed382b] { flex: 1; margin: 0; height: 100%; overflow: hidden; } /* Responsive Design */ @media (max-width: 768px) { .meeting-layout .row.g-0 > div[data-v-1fed382b] { min-height: auto; } .meeting-sidebar[data-v-1fed382b]:first-child { display: none; } .main-content[data-v-1fed382b] { height: auto; } .editor-toolbar[data-v-1fed382b] { flex-wrap: wrap; } .toolbar-group[data-v-1fed382b] { margin-bottom: 5px; } .sidebar-content[data-v-1fed382b] { height: auto; max-height: 300px; padding: 1rem; } } /* Chat Wrapper Styles - Matching chat-left.vue */ .chat-wrapper[data-v-1fed382b] { display: flex; flex-direction: column; height: 500px; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); position: relative; overflow: hidden; } .chat-messages[data-v-1fed382b] { flex: 1; overflow-y: auto; padding: 1rem; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #6b7ba0 transparent; } /* Webkit scrollbar styling */ .chat-messages[data-v-1fed382b]::-webkit-scrollbar { width: 6px; } .chat-messages[data-v-1fed382b]::-webkit-scrollbar-track { background: transparent; } .chat-messages[data-v-1fed382b]::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; } .chat-messages[data-v-1fed382b]::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; } /* Empty State */ .empty-state[data-v-1fed382b] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #6b7280; text-align: center; padding: 2rem; } .empty-state-icon[data-v-1fed382b] { margin-bottom: 1rem; color: #9ca3af; } .empty-state h3[data-v-1fed382b] { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .empty-state p[data-v-1fed382b] { font-size: 0.875rem; color: #6b7280; } /* Messages */ .message-group[data-v-1fed382b] { margin-bottom: 1.5rem; } .date-separator[data-v-1fed382b] { text-align: center; margin: 0.75rem 0; position: relative; } .date-separator span[data-v-1fed382b] { background: #f3f4f6; padding: 0.25rem 0.75rem; border-radius: 0.75rem; font-size: 0.75rem; color: #6b7280; } .message[data-v-1fed382b] { margin-bottom: 0.5rem; max-width: 65%; width: -moz-fit-content; width: fit-content; } .message.chat-right[data-v-1fed382b] { margin-left: auto; margin-right: 0; } .message-inner[data-v-1fed382b] { display: flex; align-items: flex-start; gap: 0.375rem; } .message-content[data-v-1fed382b] { flex: 0 1 auto; min-width: 0; } .username[data-v-1fed382b] { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; color: #1e3a8a; } .message-bubble[data-v-1fed382b] { position: relative; padding: 0.375rem 0.625rem; border-radius: 0.75rem; background: #ffffff; border: 1px solid #e0e4e8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); font-size: 0.875rem; line-height: 1.4; display: inline-block; max-width: 100%; } .chat-right .message-bubble[data-v-1fed382b] { background: #e7efff; border-color: #c1d7f0; } .chat-left .message-bubble[data-v-1fed382b] { border-top-left-radius: 0.25rem; } .chat-right .message-bubble[data-v-1fed382b] { border-top-right-radius: 0.25rem; } .message-text[data-v-1fed382b] { word-wrap: break-word; margin: 0; color: #333; } .message-text p[data-v-1fed382b] { margin: 0; } .message-text p + p[data-v-1fed382b] { margin-top: 0.5rem; } .message-time[data-v-1fed382b] { font-size: 0.625rem; color: #9ca3af; margin-top: 0.125rem; text-align: right; padding-top: 0.25rem; } /* Chat Input Styles */ .chat-input[data-v-1fed382b] { padding: 0.75rem; background: linear-gradient(to bottom, #f0f2f5 0%, #e9eaed 100%); } .modern-input-container[data-v-1fed382b] { display: flex; align-items: flex-end; gap: 0.75rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 0.5rem 0.75rem; transition: border-color 0.2s; } .modern-input-container[data-v-1fed382b]:focus-within { border-color: #1e3a8a; } .modern-chat-input[data-v-1fed382b] { flex: 1; background: none; border: none; padding: 0.25rem 0; resize: none; max-height: 200px; font-size: 0.875rem; line-height: 1.4; outline: none; } .modern-chat-input[data-v-1fed382b]::-moz-placeholder { color: #9ca3af; } .modern-chat-input[data-v-1fed382b]::placeholder { color: #9ca3af; } .send-button[data-v-1fed382b] { padding: 0.375rem; background: none; border: none; color: #1e3a8a; cursor: pointer; border-radius: 0.5rem; transition: all 0.2s; display: flex; align-items: center; justify-content: center; } .send-button[data-v-1fed382b]:hover { background: #f3f4f6; } .send-button[data-v-1fed382b]:disabled { color: #9ca3af; cursor: not-allowed; } .send-button svg[data-v-1fed382b] { width: 1.25rem; height: 1.25rem; } /* Delete participant confirmation modal styles */ .participant-delete-info[data-v-1fed382b] { background-color: #f8f9fa; padding: 15px; border-radius: 5px; border-left: 4px solid #dc3545; } .participant-delete-info strong[data-v-1fed382b] { font-size: 16px; color: #333; } .participant-delete-info small[data-v-1fed382b] { font-size: 13px; } .edit-btn[data-v-1fed382b] { font-weight: 500; border-radius: 6px; max-height: 26px; max-width: 26px; } .week-input.empty[data-v-a09745e2] { color: transparent; } .week-input.empty[data-v-a09745e2]::-webkit-datetime-edit, .week-input.empty[data-v-a09745e2]::-webkit-datetime-edit-text, .week-input.empty[data-v-a09745e2]::-webkit-datetime-edit-week-field, .week-input.empty[data-v-a09745e2]::-webkit-datetime-edit-year-field { color: transparent; } .week-input.empty[data-v-a09745e2]:focus::-webkit-datetime-edit, .week-input[data-v-a09745e2]:not(.empty)::-webkit-datetime-edit { color: inherit; } .week-input.empty[data-v-a09745e2] { caret-color: transparent; } .week-input.empty[data-v-a09745e2]:focus { color: inherit; caret-color: inherit; } .meetings-table[data-v-999e22b6] .ant-table-tbody > tr { cursor: pointer; } .meetings-table[data-v-999e22b6] .ant-table-tbody > tr:hover { background-color: #f5f5f5; } .meeting-title-cell[data-v-999e22b6] { max-width: 200px; } .meeting-title-info h6[data-v-999e22b6] { font-weight: 600; color: #333; margin-bottom: 4px; } .meeting-title-info small[data-v-999e22b6] { font-size: 12px; color: #6c757d; } .meeting-time[data-v-999e22b6], .participants-info[data-v-999e22b6], .category-info[data-v-999e22b6] { display: flex; align-items: center; font-size: 14px; } .meeting-time i[data-v-999e22b6], .participants-info i[data-v-999e22b6], .category-info i[data-v-999e22b6] { color: #6c757d; width: 16px; } .badge[data-v-999e22b6] { padding: 6px 12px; border-radius: 4px; font-size: 12px; font-weight: 500; text-transform: capitalize; } .badge-warning[data-v-999e22b6] { background-color: #ffc107; color: #212529; } .badge-success[data-v-999e22b6] { background-color: #28a745; color: white; } .badge-info[data-v-999e22b6] { background-color: #17a2b8; color: white; } .badge-danger[data-v-999e22b6] { background-color: #dc3545; color: white; } .badge-secondary[data-v-999e22b6] { background-color: #6c757d; color: white; } .meetings-table[data-v-999e22b6] .dropdown-action-cell { width: 80px; text-align: right; } .meetings-table[data-v-999e22b6] .dropdown-item { cursor: pointer; } .showentries label[data-v-999e22b6] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-999e22b6] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; } .custom-select[data-v-999e22b6]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-999e22b6] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-999e22b6] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .meetings-management-content-region[data-v-56f4c248] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .meetings-management-page-loading-block[data-v-56f4c248] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .meetings-management-page-loading-spinner[data-v-56f4c248] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .meetings-management-page-loading-label[data-v-56f4c248] { font-size: 0.95rem; } .meetings-management-container[data-v-56f4c248] { background-color: #f4f6f9; min-height: 100vh; padding: 20px; } .meetings-content[data-v-56f4c248] { margin-top: 20px; } .meetings-list[data-v-56f4c248] { width: 100%; } .meeting-grid[data-v-56f4c248] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; align-items: stretch; } .meeting-card[data-v-56f4c248] { cursor: pointer; display: flex; } .meeting-card .card[data-v-56f4c248] { border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; width: 100%; } .meeting-card .card-body[data-v-56f4c248] { display: flex; flex-direction: column; gap: 12px; height: 100%; } .meeting-card .card-body .meeting-details[data-v-56f4c248] { flex-grow: 1; } .meeting-card .card-body .modal-footer[data-v-56f4c248] { margin-top: auto; padding: 12px 0 0; border-top: none; } .meeting-card:hover .card[data-v-56f4c248] { background-color: rgb(238, 238, 238); } .meeting-card .card-header[data-v-56f4c248] { display: flex; justify-content: space-between; align-items: center; color: white; } .header-actions[data-v-56f4c248] { display: flex; align-items: center; gap: 10px; } .delete-meeting-icon[data-v-56f4c248] { color: white; cursor: pointer; border-radius: 3px; transition: all 0.3s ease; font-size: 14px; } .delete-meeting-icon[data-v-56f4c248]:hover { background-color: rgba(255, 255, 255, 0.2); color: #ff6b6b; transform: scale(1.1); } .meeting-details .detail-item[data-v-56f4c248] { display: flex; align-items: center; margin-bottom: 10px; } .detail-item i[data-v-56f4c248] { margin-right: 10px; color: #6c757d; } /* Meeting Description in Card */ .meeting-description-card[data-v-56f4c248] { margin-bottom: 12px; padding: 10px 12px; background-color: #f8f9fa; border-left: 3px solid #007bff; border-radius: 4px; max-height: 80px; overflow-y: auto; } .meeting-description-card .description-text[data-v-56f4c248] { margin: 0; font-size: 13px; color: #495057; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .no-meetings-placeholder[data-v-56f4c248] { text-align: center; padding: 50px; } .no-meetings-placeholder img[data-v-56f4c248] { max-width: 300px; margin-bottom: 20px; } /* AI Toggle Styles - Toggle Switch Design */ .ai-toggle-container[data-v-56f4c248] { display: flex; flex-direction: row; align-items: center; justify-content: center; /* margin-top: 10px; */ gap: 8px; } .ai-toggle-label[data-v-56f4c248] { display: flex; /* flex-direction: column; */ align-items: center; cursor: pointer; margin: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: 5px; } .ai-edit-icon[data-v-56f4c248] { color: #6c757d; font-size: 14px; cursor: pointer; padding: 4px; border-radius: 3px; transition: all 0.3s ease; } .ai-edit-icon[data-v-56f4c248]:hover { color: #007bff; background-color: rgba(0, 123, 255, 0.1); transform: scale(1.1); } .ai-toggle-checkbox[data-v-56f4c248] { display: none; } /* Toggle Switch Container */ .ai-toggle-slider[data-v-56f4c248] { position: relative; width: 50px; height: 24px; background-color: #ccc; border-radius: 24px; transition: all 0.3s ease; border: none; cursor: pointer; } /* Toggle Switch Circle */ .ai-toggle-slider[data-v-56f4c248]::before { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: white; border-radius: 50%; transition: transform 0.3s ease, background-color 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } /* Active/Checked State */ .ai-toggle-checkbox:checked + .ai-toggle-slider[data-v-56f4c248] { background-color: #dc3545; /* Red color like in the image */ } .ai-toggle-checkbox:checked + .ai-toggle-slider[data-v-56f4c248]::before { transform: translateX(26px); /* Move the circle to the right */ } /* Hover Effect */ .ai-toggle-slider[data-v-56f4c248]:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } /* Text and Icon Styling */ .ai-icon[data-v-56f4c248] { font-size: 16px; color: #6c757d; transition: color 0.3s ease; } .ai-toggle-checkbox:checked ~ .ai-icon[data-v-56f4c248] { color: #dc3545; } .toggle-text[data-v-56f4c248] { font-weight: 500; font-size: 11px; color: #6c757d; text-align: center; margin-top: 2px; } .ai-toggle-checkbox:checked ~ .toggle-text[data-v-56f4c248] { color: #dc3545; } /* Participant Search Styles */ .participant-search-container[data-v-56f4c248] { position: relative; } .user-search-dropdown[data-v-56f4c248] { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .user-search-item[data-v-56f4c248] { display: flex; align-items: center; padding: 10px 12px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background-color 0.2s ease; } .user-search-item[data-v-56f4c248]:hover { background-color: #f8f9fa; } .user-search-item[data-v-56f4c248]:last-child { border-bottom: none; } .user-avatar[data-v-56f4c248] { width: 35px; height: 35px; border-radius: 50%; background-color: #007bff; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; margin-right: 10px; flex-shrink: 0; } .user-info[data-v-56f4c248] { flex: 1; min-width: 0; } .user-name[data-v-56f4c248] { font-weight: 500; color: #333; margin-bottom: 2px; } .user-email[data-v-56f4c248] { font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-results[data-v-56f4c248] { padding: 12px; text-align: center; color: #666; font-size: 14px; border: 1px solid #ddd; border-top: none; background: white; position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; } .selected-participants[data-v-56f4c248] { margin-top: 10px; } .participant-bubbles[data-v-56f4c248] { display: flex; flex-wrap: wrap; gap: 8px; } .participant-bubble[data-v-56f4c248] { display: inline-flex; align-items: center; background-color: #e3f2fd; border: 1px solid #2196f3; border-radius: 16px; padding: 4px 12px; font-size: 13px; color: #1976d2; gap: 6px; } .remove-participant[data-v-56f4c248] { cursor: pointer; color: #f44336; font-size: 11px; padding: 2px; border-radius: 50%; transition: background-color 0.2s ease; } .remove-participant[data-v-56f4c248]:hover { background-color: rgba(244, 67, 54, 0.1); } /* Form validation styles */ .btn[data-v-56f4c248]:disabled { opacity: 0.6; cursor: not-allowed; } .btn[data-v-56f4c248]:disabled:hover { opacity: 0.6; } .text-danger[data-v-56f4c248] { color: #dc3545 !important; } /* Delete confirmation modal styles */ .meeting-delete-info[data-v-56f4c248] { background-color: #f8f9fa; padding: 15px; border-radius: 5px; border-left: 4px solid #dc3545; } .meeting-delete-info strong[data-v-56f4c248] { font-size: 16px; color: #333; } .alert-warning[data-v-56f4c248] { background-color: #fff3cd; border-color: #ffecb5; color: #856404; } /* AI Instructions Modal Styles */ .ai-instructions-textarea[data-v-56f4c248] { font-family: 'Courier New', monospace; font-size: 13px; resize: vertical; min-height: 200px; } .default-instructions-section[data-v-56f4c248] { border-top: 1px solid #e9ecef; padding-top: 15px; } .default-instructions-content[data-v-56f4c248] { animation: slideDown-56f4c248 0.3s ease; } @keyframes slideDown-56f4c248 { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .default-instructions-text[data-v-56f4c248] { white-space: pre-wrap; font-family: 'Courier New', monospace; font-size: 12px; color: #495057; margin: 0; background-color: #f8f9fa; padding: 10px; border-radius: 4px; border: 1px solid #dee2e6; } .ai-instructions-info .alert[data-v-56f4c248] { margin-bottom: 0; } .btn-close-white[data-v-56f4c248] { filter: brightness(0) invert(1); } .modal.faded[data-v-56f4c248] { opacity: 0.3; pointer-events: none; } .modal.faded .modal-dialog[data-v-56f4c248] { transform: scale(0.98); transition: transform 0.15s ease-out, opacity 0.15s ease-out; } /* Copy Link Button */ .copy-link-btn[data-v-56f4c248] { color: white; cursor: pointer; border-radius: 3px; transition: all 0.3s ease; font-size: 14px; } .copy-link-btn[data-v-56f4c248]:hover { background-color: rgba(255, 255, 255, 0.2); color: #007bff; transform: scale(1.1); } .meeting-call-container[data-v-0c4da532] { display: flex; flex-direction: column; height: 100vh; background-color: #1e1e1e; color: white; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .meeting-call-page-loading-block[data-v-0c4da532] { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #1e1e1e; } .meeting-call-page-loading-spinner[data-v-0c4da532] { text-align: center; } .meeting-call-page-loading-block .spinner-border[data-v-0c4da532] { width: 4rem; height: 4rem; border-width: 0.4rem; } .meeting-call-page-loading-label[data-v-0c4da532] { margin-top: 20px; color: #a0a0a0; font-size: 1.1rem; } .unauthorized-container[data-v-0c4da532] { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #1e1e1e; } .unauthorized-message[data-v-0c4da532] { text-align: center; padding: 40px; background-color: #252525; border-radius: 10px; max-width: 500px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .unauthorized-message h2[data-v-0c4da532] { color: #e74c3c; margin: 0 0 15px 0; font-size: 2rem; } .unauthorized-message p[data-v-0c4da532] { color: #a0a0a0; margin-bottom: 30px; font-size: 1.1rem; } .btn-back[data-v-0c4da532] { background-color: #0074D9; color: white; border: none; padding: 12px 24px; border-radius: 5px; cursor: pointer; font-size: 1rem; transition: background-color 0.3s; } .btn-back[data-v-0c4da532]:hover { background-color: #0056a3; } .meeting-header[data-v-0c4da532] { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background-color: #252525; } .meeting-info h2[data-v-0c4da532] { margin: 0; font-size: 1.2rem; } .meeting-info p[data-v-0c4da532] { margin: 0; color: #a0a0a0; font-size: 0.9rem; } .meeting-controls[data-v-0c4da532] { display: flex; align-items: center; } .timer[data-v-0c4da532] { margin-right: 20px; color: #a0a0a0; } .action-buttons[data-v-0c4da532] { display: flex; align-items: center; gap: 10px; } .btn-control[data-v-0c4da532] { background-color: #3a3a3a; border: none; color: white; padding: 10px; border-radius: 50%; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s; } .btn-control.muted[data-v-0c4da532] { background-color: #ff4136; color: white; } .btn-control.camera-off[data-v-0c4da532] { background-color: #ff4136; color: white; } .btn-control.share[data-v-0c4da532] { background-color: #0074D9; } .btn-leave[data-v-0c4da532] { background-color: #ff4136; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } .meeting-body[data-v-0c4da532] { display: flex; flex-grow: 1; overflow: hidden; position: relative; } .main-content[data-v-0c4da532] { flex: 1; display: flex; transition: all 0.3s ease; margin-right: 0; } .main-content.collapsed[data-v-0c4da532] { margin-right: -350px; } .participants-grid[data-v-0c4da532] { flex-grow: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; padding: 15px; overflow-y: auto; background-color: #121212; } .participant-video[data-v-0c4da532], .participant-placeholder[data-v-0c4da532] { position: relative; background-color: #252525; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .participant-video video[data-v-0c4da532] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .participant-overlay[data-v-0c4da532] { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: white; padding: 5px; text-align: center; } .participant-placeholder[data-v-0c4da532] { flex-direction: column; color: #a0a0a0; position: relative; } .participant-placeholder .avatar[data-v-0c4da532] { font-size: 3rem; margin-bottom: 10px; } /* Ensure placeholder also uses the same avatar container structure */ .participant-placeholder .participant-avatar-container[data-v-0c4da532] { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; } /* New avatar container styles */ .participant-avatar-container[data-v-0c4da532] { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; } .participant-avatar-large[data-v-0c4da532] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; border-radius: 50%; background-color: #f5f5dc; /* Light beige color like in the image */ display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: bold; color: #2d5a2d; /* Dark green color like in the image */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); z-index: 2; } .participant-name-below[data-v-0c4da532] { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: white; font-size: 1.1rem; font-weight: 500; text-align: center; max-width: 200px; word-wrap: break-word; display: flex; flex-direction: column; align-items: center; gap: 5px; line-height: 1.3; z-index: 1; } .ai-thinking-badge[data-v-0c4da532] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%); border-radius: 12px; font-size: 0.75rem; font-weight: 600; color: white; box-shadow: 0 2px 8px rgba(255, 165, 0, 0.4); margin-top: 4px; } .ai-thinking-badge i[data-v-0c4da532] { font-size: 0.8rem; color: white; } .thinking-text[data-v-0c4da532] { text-transform: uppercase; letter-spacing: 0.5px; } .participant-status-center[data-v-0c4da532] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; z-index: 3; } .participant-video:hover .participant-status-center[data-v-0c4da532], .participant-placeholder:hover .participant-status-center[data-v-0c4da532] { opacity: 1; } .status-icons-container[data-v-0c4da532] { display: flex; gap: 12px; background-color: rgba(0, 0, 0, 0.7); padding: 8px 12px; border-radius: 20px; backdrop-filter: blur(10px); } .status-icons-container i[data-v-0c4da532] { font-size: 16px; color: #a0a0a0; transition: color 0.2s ease; } .status-icons-container .muted[data-v-0c4da532] { color: #ff4136; } .status-icons-container .camera-off[data-v-0c4da532] { color: #ff4136; } /* Sidebar Toggle Button */ .sidebar-toggle[data-v-0c4da532] { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px; height: 60px; background-color: #252525; border: 1px solid #3a3a3a; border-right: none; border-radius: 8px 0 0 8px; color: #a0a0a0; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1000; transition: all 0.3s ease; } .sidebar-toggle[data-v-0c4da532]:hover { background-color: #3a3a3a; color: #ffffff; } .sidebar-toggle.collapsed[data-v-0c4da532] { right: -30px; } .meeting-sidebar[data-v-0c4da532] { width: 350px; background-color: #252525; border-left: 1px solid #3a3a3a; display: flex; flex-direction: column; transition: transform 0.3s ease; position: relative; } .meeting-sidebar.collapsed[data-v-0c4da532] { transform: translateX(100%); } .sidebar-content[data-v-0c4da532] { display: flex; flex-direction: column; height: 100%; } /* Tab Navigation */ .sidebar-tabs[data-v-0c4da532] { display: flex; background-color: #1a1a1a; border-bottom: 1px solid #3a3a3a; } .tab-button[data-v-0c4da532] { flex: 1; background: none; border: none; color: #a0a0a0; padding: 15px 10px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 5px; transition: all 0.3s ease; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .tab-button[data-v-0c4da532]:hover { background-color: #2a2a2a; color: #ffffff; } .tab-button.active[data-v-0c4da532] { background-color: #252525; color: #ffffff; border-bottom: 2px solid #0074D9; } .tab-button[data-v-0c4da532] { position: relative; } .tab-button i[data-v-0c4da532] { font-size: 16px; } .tab-button span[data-v-0c4da532] { font-size: 11px; } .unread-badge[data-v-0c4da532] { position: absolute; /* top: 8px; */ right: 8px; background-color: #ff4136; color: white; border-radius: 10px; padding: 2px 6px; font-size: 10px; font-weight: bold; min-width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } @keyframes pulse-badge-0c4da532 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } /* Tab Content */ .tab-content[data-v-0c4da532] { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .tab-pane[data-v-0c4da532] { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .tab-content > .tab-pane[data-v-0c4da532] { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .sidebar-section[data-v-0c4da532] { flex: 1; display: flex; flex-direction: column; padding: 20px; border-bottom: 1px solid #3a3a3a; min-height: 0; /* Allow flex items to shrink */ overflow: hidden; } .sidebar-section[data-v-0c4da532]:last-child { border-bottom: none; } /* Participants tab specific styling */ .tab-pane .participants-section[data-v-0c4da532] { flex: 0 0 auto; min-height: 200px; } .tab-pane .invited-section[data-v-0c4da532] { flex: 1; min-height: 150px; } /* Chat tab specific styling */ .tab-pane .chat-section[data-v-0c4da532] { flex: 1; padding: 20px; border-bottom: none; } .sidebar-section h3[data-v-0c4da532] { margin: 0 0 15px 0; color: #a0a0a0; display: flex; align-items: center; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .sidebar-section h3 i[data-v-0c4da532] { margin-right: 10px; font-size: 16px; } .participant-list[data-v-0c4da532] { list-style: none; padding: 0; margin: 0; flex: 1; overflow-y: auto; } .participant-item[data-v-0c4da532] { display: flex; align-items: center; margin-bottom: 8px; padding: 10px 12px; background-color: #1a1a1a; border-radius: 6px; transition: background-color 0.2s ease; } .participant-item[data-v-0c4da532]:hover { background-color: #2a2a2a; } .participant-item.invited[data-v-0c4da532] { background-color: #1f1f1f; border: 1px solid #3a3a3a; } .participant-avatar[data-v-0c4da532] { background-color: #3a3a3a; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 12px; flex-shrink: 0; color: #ffffff; font-size: 14px; } .participant-name[data-v-0c4da532] { flex: 1; color: #ffffff; font-size: 14px; font-weight: 500; margin-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .participant-status[data-v-0c4da532] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .participant-status i[data-v-0c4da532] { font-size: 14px; color: #a0a0a0; transition: color 0.2s ease; } .participant-status .muted[data-v-0c4da532] { color: #ff4136; } .participant-status .camera-off[data-v-0c4da532] { color: #ff4136; } .mute-control-btn[data-v-0c4da532] { background: transparent; border: 1px solid #555; color: #a0a0a0; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-size: 12px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; } .mute-control-btn[data-v-0c4da532]:hover { background-color: #3a3a3a; border-color: #777; color: white; } .mute-control-btn.muted[data-v-0c4da532] { border-color: #ff4136; color: #ff4136; } .mute-control-btn.muted[data-v-0c4da532]:hover { background-color: rgba(255, 65, 54, 0.1); color: #ff6666; } .mute-control-btn.ai-mute[data-v-0c4da532] { border-color: #0074D9; color: #0074D9; } .mute-control-btn.ai-mute[data-v-0c4da532]:hover { background-color: rgba(0, 116, 217, 0.1); color: #4da6ff; } .mute-control-btn.ai-mute.muted[data-v-0c4da532] { border-color: #ff4136; color: #ff4136; } .mute-control-btn.ai-mute.muted[data-v-0c4da532]:hover { background-color: rgba(255, 65, 54, 0.1); color: #ff6666; } .ai-mode-toggle[data-v-0c4da532] { margin-left: 8px; } .ai-toggle-switch[data-v-0c4da532] { position: relative; display: inline-block; width: 44px; height: 24px; cursor: pointer; } .ai-toggle-switch input[data-v-0c4da532] { opacity: 0; width: 0; height: 0; } .ai-toggle-slider[data-v-0c4da532] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #3a3a3a; transition: 0.3s; border-radius: 24px; border: 1px solid #555; } .ai-toggle-slider[data-v-0c4da532]:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: white; transition: 0.3s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .ai-toggle-knob[data-v-0c4da532] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10px; color: #666; transition: 0.3s; pointer-events: none; } .ai-toggle-switch input:checked + .ai-toggle-slider[data-v-0c4da532] { background-color: #ff4136; border-color: #ff4136; } .ai-toggle-switch input:checked + .ai-toggle-slider[data-v-0c4da532]:before { transform: translateX(20px); } .ai-toggle-switch input:checked + .ai-toggle-slider .ai-toggle-knob[data-v-0c4da532] { color: white; } .ai-toggle-switch:hover .ai-toggle-slider[data-v-0c4da532] { border-color: #777; } .ai-toggle-switch input:checked:hover + .ai-toggle-slider[data-v-0c4da532] { background-color: #e63936; border-color: #e63936; } /* AI Playing Waves Animation */ .ai-playing-waves-overlay[data-v-0c4da532] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; border-radius: 8px; } .playing-waves[data-v-0c4da532] { display: flex; align-items: center; justify-content: center; gap: 3px; margin-bottom: 10px; } .wave[data-v-0c4da532] { width: 4px; height: 20px; background: linear-gradient(to top, #0074D9, #00D4FF); border-radius: 2px; animation: wave-animation-0c4da532 1.2s ease-in-out infinite; } .wave-1[data-v-0c4da532] { animation-delay: 0s; } .wave-2[data-v-0c4da532] { animation-delay: 0.1s; } .wave-3[data-v-0c4da532] { animation-delay: 0.2s; } .wave-4[data-v-0c4da532] { animation-delay: 0.3s; } .wave-5[data-v-0c4da532] { animation-delay: 0.4s; } @keyframes wave-animation-0c4da532 { 0%, 40%, 100% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } .ai-speaking-indicator[data-v-0c4da532] { display: flex; align-items: center; gap: 6px; background: rgba(0, 116, 217, 0.9); padding: 6px 12px; border-radius: 20px; color: white; font-size: 12px; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 116, 217, 0.3); } .ai-speaking-indicator i[data-v-0c4da532] { font-size: 14px; } /* Sidebar Playing Waves */ .sidebar-playing-waves[data-v-0c4da532] { display: flex; align-items: center; justify-content: center; gap: 2px; } .sidebar-wave[data-v-0c4da532] { width: 3px; height: 12px; background: linear-gradient(to top, #0074D9, #00D4FF); border-radius: 1.5px; animation: sidebar-wave-animation-0c4da532 1s ease-in-out infinite; } .sidebar-wave-1[data-v-0c4da532] { animation-delay: 0s; } .sidebar-wave-2[data-v-0c4da532] { animation-delay: 0.2s; } .sidebar-wave-3[data-v-0c4da532] { animation-delay: 0.4s; } @keyframes sidebar-wave-animation-0c4da532 { 0%, 40%, 100% { transform: scaleY(0.3); } 20% { transform: scaleY(1); } } /* Avatar Waves around participant avatar */ .participant-avatar-large[data-v-0c4da532] { /* position: relative; */ z-index: 2; } .avatar-waves-container[data-v-0c4da532] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1; } .avatar-wave[data-v-0c4da532] { position: absolute; border: 2px solid; border-radius: 50%; animation: avatar-pulse-0c4da532 1.5s ease-out infinite; background: transparent; } .avatar-wave-1[data-v-0c4da532] { width: 120px; height: 120px; border-color: rgba(0, 116, 217, 0.8); animation-delay: 0s; top: -60px; left: -60px; } .avatar-wave-2[data-v-0c4da532] { width: 140px; height: 140px; border-color: rgba(0, 116, 217, 0.6); animation-delay: 0.3s; top: -70px; left: -70px; } .avatar-wave-3[data-v-0c4da532] { width: 160px; height: 160px; border-color: rgba(0, 116, 217, 0.4); animation-delay: 0.6s; top: -80px; left: -80px; } .avatar-wave-4[data-v-0c4da532] { width: 180px; height: 180px; border-color: rgba(0, 116, 217, 0.2); animation-delay: 0.9s; top: -90px; left: -90px; } @keyframes avatar-pulse-0c4da532 { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } .participant-avatar-container.ai-speaking .participant-avatar-large[data-v-0c4da532] { box-shadow: 0 0 20px rgba(0, 116, 217, 0.5); animation: avatar-glow-0c4da532 1s ease-in-out infinite alternate; } @keyframes avatar-glow-0c4da532 { from { box-shadow: 0 0 20px rgba(0, 116, 217, 0.5); } to { box-shadow: 0 0 30px rgba(0, 116, 217, 0.8); } } /* Video Waves around participant video */ .video-container[data-v-0c4da532] { position: relative; width: 100%; height: 100%; } .video-container video[data-v-0c4da532] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } .video-waves-container[data-v-0c4da532] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 10; } .video-wave[data-v-0c4da532] { position: absolute; border: 3px solid; border-radius: 12px; animation: video-pulse-0c4da532 1.5s ease-out infinite; background: transparent; } .video-wave-1[data-v-0c4da532] { width: 120%; height: 120%; border-color: rgba(0, 116, 217, 0.8); animation-delay: 0s; top: -10%; left: -10%; } .video-wave-2[data-v-0c4da532] { width: 140%; height: 140%; border-color: rgba(0, 116, 217, 0.6); animation-delay: 0.3s; top: -20%; left: -20%; } .video-wave-3[data-v-0c4da532] { width: 160%; height: 160%; border-color: rgba(0, 116, 217, 0.4); animation-delay: 0.6s; top: -30%; left: -30%; } .video-wave-4[data-v-0c4da532] { width: 180%; height: 180%; border-color: rgba(0, 116, 217, 0.2); animation-delay: 0.9s; top: -40%; left: -40%; } @keyframes video-pulse-0c4da532 { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } .video-container.ai-speaking video[data-v-0c4da532] { box-shadow: 0 0 25px rgba(0, 116, 217, 0.6); animation: video-glow-0c4da532 1s ease-in-out infinite alternate; } @keyframes video-glow-0c4da532 { from { box-shadow: 0 0 25px rgba(0, 116, 217, 0.6); } to { box-shadow: 0 0 35px rgba(0, 116, 217, 0.9); } } .invited-icon[data-v-0c4da532] { color: #ffa500 !important; /* Orange color for invited status */ } .in-call[data-v-0c4da532] { border: 2px solid #0074D9; /* Highlight in-call participants */ } .not-in-call[data-v-0c4da532] { color: #ff4136; /* Red color for not in call */ font-size: 0.8rem; } .chat-messages[data-v-0c4da532] { flex: 1; overflow-y: auto; background-color: #1e1e1e; padding: 15px; margin-bottom: 15px; border-radius: 8px; min-height: 0; /* Allow flex item to shrink */ } .chat-message[data-v-0c4da532] { margin-bottom: 10px; background-color: #252525; padding: 10px; border-radius: 5px; } .message-header[data-v-0c4da532] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .message-header strong[data-v-0c4da532] { color: #0074D9; font-size: 14px; } .message-time[data-v-0c4da532] { color: #a0a0a0; font-size: 11px; font-weight: normal; } .message-text[data-v-0c4da532] { color: #ffffff; font-size: 14px; line-height: 1.4; word-wrap: break-word; } .chat-input[data-v-0c4da532] { display: flex; gap: 10px; } .chat-input input[data-v-0c4da532] { flex-grow: 1; background-color: #3a3a3a; border: none; color: white; padding: 10px; border-radius: 5px; } .chat-input button[data-v-0c4da532] { background-color: #0074D9; border: none; color: white; padding: 10px; border-radius: 5px; cursor: pointer; } /* New styles for camera and screen share views */ .camera-view[data-v-0c4da532], .screen-share-view[data-v-0c4da532] { position: relative; background-color: #252525; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .camera-view video[data-v-0c4da532], .screen-share-view video[data-v-0c4da532] { width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; } .camera-view .participant-overlay[data-v-0c4da532], .screen-share-view .participant-overlay[data-v-0c4da532] { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: white; padding: 5px; text-align: center; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; } .screen-share-view .participant-overlay span[data-v-0c4da532] { flex: 1; } /* Pin Button */ .pin-button[data-v-0c4da532] { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); color: white; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; margin-left: 10px; flex-shrink: 0; } .pin-button[data-v-0c4da532]:hover { background-color: rgba(255, 255, 255, 0.3); transform: scale(1.1); } .pin-button.pinned[data-v-0c4da532] { background-color: #0074D9; border-color: #0074D9; } .pin-button i[data-v-0c4da532] { font-size: 14px; } /* Pinned screen share - fullscreen effect */ .screen-share-view.pinned[data-v-0c4da532] { grid-column: 1 / -1; grid-row: 1 / -1; z-index: 100; border: 3px solid #0074D9; box-shadow: 0 0 20px rgba(0, 116, 217, 0.5); } .participants-grid.has-pinned[data-v-0c4da532] { grid-template-columns: 1fr; grid-template-rows: 1fr; } /* Recording waves animation */ .camera-view.recording[data-v-0c4da532]::after, .screen-share-view.recording[data-v-0c4da532]::after { content: ''; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; } .camera-view.recording::after span[data-v-0c4da532], .screen-share-view.recording::after span[data-v-0c4da532] { display: inline-block; width: 5px; height: 15px; background-color: #0074D9; animation: recording-waves-0c4da532 1s infinite alternate; } .camera-view.recording::after span[data-v-0c4da532]:nth-child(1), .screen-share-view.recording::after span[data-v-0c4da532]:nth-child(1) { animation-delay: -0.4s; } .camera-view.recording::after span[data-v-0c4da532]:nth-child(2), .screen-share-view.recording::after span[data-v-0c4da532]:nth-child(2) { animation-delay: -0.2s; } @keyframes recording-waves-0c4da532 { 0% { height: 5px; background-color: #0074D9; } 100% { height: 20px; background-color: #00a2ff; } } /* Speaking waves animation */ .camera-view.speaking[data-v-0c4da532]::after, .screen-share-view.speaking[data-v-0c4da532]::after { content: ''; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; } .camera-view.speaking::after span[data-v-0c4da532], .screen-share-view.speaking::after span[data-v-0c4da532] { display: inline-block; width: 5px; height: 15px; background-color: #00a2ff; animation: speaking-waves-0c4da532 1s infinite alternate; } .camera-view.speaking::after span[data-v-0c4da532]:nth-child(1), .screen-share-view.speaking::after span[data-v-0c4da532]:nth-child(1) { animation-delay: -0.4s; } .camera-view.speaking::after span[data-v-0c4da532]:nth-child(2), .screen-share-view.speaking::after span[data-v-0c4da532]:nth-child(2) { animation-delay: -0.2s; } @keyframes speaking-waves-0c4da532 { 0% { height: 5px; background-color: #0074D9; } 100% { height: 20px; background-color: #00a2ff; } } /* Responsive adjustments for avatar alignment */ @media (max-width: 768px) { .participant-avatar-large[data-v-0c4da532] { width: 80px; height: 80px; font-size: 2rem; } .participant-name-below[data-v-0c4da532] { font-size: 0.9rem; bottom: 15px; } .status-icons-container[data-v-0c4da532] { gap: 8px; padding: 6px 10px; } .status-icons-container i[data-v-0c4da532] { font-size: 14px; } } /* AI Powered Participants Styling */ .ai-participants-section h3[data-v-0c4da532] { color: #00d4aa; font-size: 14px; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .ai-participants-section h3 i[data-v-0c4da532] { color: #00d4aa; } .participant-item.ai-powered[data-v-0c4da532] { background-color: #1a2a1a; border: 1px solid #2a4a2a; position: relative; } .participant-item.ai-powered[data-v-0c4da532]::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #00d4aa, #00a2ff); border-radius: 0 2px 2px 0; } .ai-avatar[data-v-0c4da532] { background: linear-gradient(135deg, #00d4aa, #00a2ff) !important; color: white !important; } .ai-avatar i[data-v-0c4da532] { color: white !important; } .ai-mode-icon[data-v-0c4da532] { color: #00d4aa !important; font-size: 16px; } /* AI Thinking Indicator */ .ai-thinking-indicator[data-v-0c4da532] { display: flex; align-items: center; justify-content: center; color: #ffa500; font-size: 16px; } .ai-thinking-indicator i[data-v-0c4da532] { animation: spin-0c4da532 1s linear infinite; color: #ffa500; } @keyframes spin-0c4da532 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ai-powered .ai-toggle-switch[data-v-0c4da532] { opacity: 1; } .ai-powered .ai-toggle-switch input:checked + .ai-toggle-slider[data-v-0c4da532] { background-color: #00d4aa; } .ai-powered .ai-toggle-switch input:checked + .ai-toggle-slider .ai-toggle-knob[data-v-0c4da532] { transform: translateX(20px); background-color: white; } .onboarding-modules-page[data-v-6261cd40] { background-color: #f4f6f9; min-height: 100vh; display: flex; flex-direction: column; padding: 2rem; } .container[data-v-6261cd40] { max-width: none; width: 100%; flex-grow: 1; } .card[data-v-6261cd40] { height: 100%; display: flex; flex-direction: column; } .card-header[data-v-6261cd40] { text-align: center; padding: 1.5rem; } .card-body[data-v-6261cd40] { flex-grow: 1; display: flex; flex-direction: column; } .module-grid[data-v-6261cd40] { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; flex-grow: 1; overflow-y: auto; padding: 1rem; } .module-item[data-v-6261cd40] { background-color: white; border: 2px solid #e0e0e0; border-radius: 10px; padding: 20px; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .module-item[data-v-6261cd40]:hover { box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); transform: translateY(-5px); border-color: #1e3a8a; } .module-item.selected[data-v-6261cd40] { border-color: #1e3a8a; background-color: #f0f7ff; box-shadow: 0 6px 12px rgba(0, 123, 255, 0.15); } .module-icon[data-v-6261cd40] { font-size: 3rem; margin-right: 20px; color: #1e3a8a;; opacity: 0.8; transition: opacity 0.3s ease; } .module-item:hover .module-icon[data-v-6261cd40] { opacity: 1; } .module-details[data-v-6261cd40] { flex-grow: 1; } .module-details h5[data-v-6261cd40] { margin-bottom: 0.5rem; color: #333; font-weight: 600; transition: color 0.3s ease; } .module-item:hover .module-details h5[data-v-6261cd40] { color: #1e3a8a; } .module-details p[data-v-6261cd40] { color: #6c757d; font-size: 0.875rem; line-height: 1.4; } .module-checkbox[data-v-6261cd40] { display: flex; align-items: center; } .module-checkbox input[type="checkbox"][data-v-6261cd40] { transform: scale(1.3); accent-color: #1e3a8a; } .btn-primary[data-v-6261cd40] { padding: 12px 30px; font-size: 1.1rem; margin-top: 1rem; background-color: #007bff; border-color: #007bff; transition: all 0.3s ease; } .btn-primary[data-v-6261cd40]:hover { background-color: #0056b3; border-color: #0056b3; transform: translateY(-2px); } .btn-primary[data-v-6261cd40]:disabled { background-color: #6c757d; border-color: #6c757d; transform: none; } /* Responsive adjustments */ @media (max-width: 768px) { .onboarding-modules-page[data-v-6261cd40] { padding: 1rem; } .module-grid[data-v-6261cd40] { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } .module-item[data-v-6261cd40] { padding: 15px; } .module-icon[data-v-6261cd40] { font-size: 2.5rem; margin-right: 15px; } } .public-layout[data-v-692b8df9] { min-height: 100vh; display: flex; flex-direction: column; position: relative; } .navbar[data-v-692b8df9] { padding: 0.75rem 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1030; min-height: 70px; max-height: 70px; overflow: visible; border-bottom: none; backdrop-filter: blur(15px) saturate(180%); -webkit-backdrop-filter: blur(15px) saturate(180%); background: rgba(255, 255, 255, 0.75); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); } .navbar-scrolled[data-v-692b8df9] { background: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(30, 58, 138, 0.05); border-bottom: 3px solid; -o-border-image: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%) 1; border-image: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%) 1; backdrop-filter: blur(25px) saturate(200%); -webkit-backdrop-filter: blur(25px) saturate(200%); transform: translateY(0); } .navbar .container[data-v-692b8df9] { position: relative; overflow: visible; display: flex; align-items: center; } @media (max-width: 991.98px) { .navbar .container[data-v-692b8df9] { justify-content: flex-start; } .navbar-toggler[data-v-692b8df9] { order: -1; margin-right: 1rem; } .navbar-brand[data-v-692b8df9] { order: 0; margin-right: auto; } } .navbar-brand[data-v-692b8df9] { font-size: 1.25rem; font-weight: 700; text-decoration: none; display: flex; align-items: center; } .navbar-brand .text-primary[data-v-692b8df9] { color: var(--navbar-primary-color, #1e3a8a) !important; } .navbar-brand img[data-v-692b8df9] { max-height: 35px; width: auto; } .nav-link[data-v-692b8df9] { font-weight: 500; color: #333 !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); padding: 0.5rem 1rem !important; text-decoration: none; font-size: 0.95rem; position: relative; border-radius: 8px; } .nav-link[data-v-692b8df9]::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: linear-gradient(90deg, var(--navbar-primary-color, #1e3a8a), var(--navbar-primary-color, #1e40af)); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(-50%); border-radius: 3px 3px 0 0; box-shadow: 0 2px 8px rgba(30, 58, 138, 0.3); } .nav-link[data-v-692b8df9]::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.05), rgba(30, 64, 175, 0.05)); border-radius: 8px; opacity: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } .nav-link[data-v-692b8df9]:hover::before, .nav-link.router-link-active[data-v-692b8df9]::before { width: 80%; } .nav-link[data-v-692b8df9]:hover::after, .nav-link.router-link-active[data-v-692b8df9]::after { opacity: 1; } .nav-link[data-v-692b8df9]:hover, .nav-link.router-link-active[data-v-692b8df9] { color: var(--navbar-primary-color, #1e3a8a) !important; transform: translateY(-2px); text-shadow: 0 1px 3px rgba(30, 58, 138, 0.1); } .navbar-nav[data-v-692b8df9] { gap: 0; justify-content: flex-end; width: 100%; } .navbar-nav .nav-item[data-v-692b8df9] { margin: 0 0.25rem; position: relative; } .navbar-nav .nav-item.dropdown[data-v-692b8df9] { position: static; } @media (min-width: 992px) { .navbar-nav .nav-item.dropdown[data-v-692b8df9] { position: relative; } } .dropdown-menu[data-v-692b8df9] { border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); margin-top: 0.5rem; padding: 0.5rem 0; min-width: 250px; position: absolute; right: 0; left: auto; border-radius: 12px; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1050; } .dropdown-menu-end[data-v-692b8df9] { right: 0; left: auto; } .dropdown-header[data-v-692b8df9] { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: #6c757d; padding: 0.5rem 1.25rem; margin-bottom: 0.25rem; } .dropdown-item[data-v-692b8df9] { padding: 0.75rem 1.25rem; transition: all 0.2s ease; display: flex; align-items: center; } .dropdown-item i[data-v-692b8df9] { width: 20px; text-align: center; } .dropdown-item[data-v-692b8df9] { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; } .dropdown-item[data-v-692b8df9]::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(90deg, rgba(30, 58, 138, 0.1), transparent); transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .dropdown-item[data-v-692b8df9]:hover { background-color: #f8f9fa; color: #1e3a8a; padding-left: 1.5rem; transform: translateX(5px); } .dropdown-item[data-v-692b8df9]:hover::before { width: 4px; } .main-content[data-v-692b8df9] { flex: 1; padding-top: 70px; width: 100%; overflow-x: hidden; animation: fadeInContent-692b8df9 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @keyframes fadeInContent-692b8df9 { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .footer[data-v-692b8df9] { margin-top: auto; background: linear-gradient(135deg, #e0e7ff 0%, #f0f4ff 50%, #ffffff 100%); border-top: 3px solid; -o-border-image: linear-gradient(to right, rgba(30, 58, 138, 0.2), rgba(30, 64, 175, 0.1)) 1; border-image: linear-gradient(to right, rgba(30, 58, 138, 0.2), rgba(30, 64, 175, 0.1)) 1; position: relative; overflow: hidden; } .footer[data-v-692b8df9]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(30, 58, 138, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(30, 64, 175, 0.05) 0%, transparent 50%); pointer-events: none; z-index: 0; } .footer[data-v-692b8df9] > * { position: relative; z-index: 1; } .bg-gradient-light[data-v-692b8df9] { background: linear-gradient(135deg, #e0e7ff 0%, #f0f4ff 50%, #ffffff 100%); } .social-links a[data-v-692b8df9] { font-size: 1.2rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.1), rgba(30, 64, 175, 0.1)); position: relative; overflow: hidden; } .social-links a[data-v-692b8df9]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.2), rgba(30, 64, 175, 0.2)); transform: translate(-50%, -50%); transition: width 0.4s, height 0.4s; z-index: 0; } .social-links a[data-v-692b8df9]:hover::before { width: 100%; height: 100%; } .social-links a[data-v-692b8df9]:hover { transform: translateY(-5px) scale(1.1); color: #1e40af !important; box-shadow: 0 8px 20px rgba(30, 58, 138, 0.3); } .social-links a[data-v-692b8df9] > * { position: relative; z-index: 1; } .navbar-toggler[data-v-692b8df9] { border: none; padding: 0.25rem 0.5rem; } .navbar-toggler[data-v-692b8df9]:focus { box-shadow: none; } .navbar-collapse[data-v-692b8df9] { max-height: calc(100vh - 70px); overflow-y: auto; } /* Desktop View - Show navigation */ @media (min-width: 992px) { .navbar-toggler[data-v-692b8df9] { display: none !important; } /* Override Bootstrap collapse behavior on desktop */ .navbar-collapse.collapse[data-v-692b8df9], .navbar-collapse.collapse[data-v-692b8df9]:not(.show), .navbar-collapse.d-lg-block[data-v-692b8df9] { display: flex !important; flex-basis: auto !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; max-height: none !important; } .navbar-nav[data-v-692b8df9] { display: flex !important; flex-direction: row !important; } } /* Mobile View - Hide desktop navigation */ @media (max-width: 991.98px) { .navbar-collapse[data-v-692b8df9] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; } .navbar-collapse.show[data-v-692b8df9] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; max-height: 0 !important; } .navbar-nav[data-v-692b8df9] { display: none !important; } .main-content[data-v-692b8df9] { padding-top: 70px; } } @media (min-width: 992px) { .dropdown-menu[data-v-692b8df9] { display: block; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; position: absolute !important; z-index: 1050; right: 0 !important; left: auto !important; } .dropdown-menu.show[data-v-692b8df9] { opacity: 1; visibility: visible; transform: translateY(0); } .navbar-nav .nav-item.dropdown[data-v-692b8df9] { position: relative; } } /* Prevent horizontal scroll */ .public-layout[data-v-692b8df9] { overflow-x: hidden; width: 100%; max-width: 100%; } .navbar .container[data-v-692b8df9] { overflow: visible; max-width: 100%; } /* Ensure content doesn't get hidden behind navbar */ section[data-v-692b8df9] { position: relative; z-index: 1; } /* Mobile Sidebar Styles */ .mobile-sidebar-overlay[data-v-692b8df9] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1040; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); animation: fadeInOverlay-692b8df9 0.4s ease; } @keyframes fadeInOverlay-692b8df9 { from { opacity: 0; } to { opacity: 1; } } .mobile-sidebar[data-v-692b8df9] { position: fixed; top: 0; left: 0; width: 280px; height: 100vh; background: white; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15); z-index: 1050; transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow-y: auto; display: flex; flex-direction: column; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .mobile-sidebar-open[data-v-692b8df9] { transform: translateX(0); box-shadow: 2px 0 30px rgba(0, 0, 0, 0.2); } .mobile-sidebar-header[data-v-692b8df9] { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #e9ecef; background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); min-height: 70px; } .mobile-sidebar-close[data-v-692b8df9] { background: none; border: none; font-size: 1.5rem; color: #333; cursor: pointer; padding: 0.5rem; display: flex; align-items: center; justify-content: center; transition: color 0.3s ease; } .mobile-sidebar-close[data-v-692b8df9]:hover { color: #1e3a8a; } .mobile-sidebar-content[data-v-692b8df9] { flex: 1; padding: 1rem 0; overflow-y: auto; } .mobile-nav-list[data-v-692b8df9] { list-style: none; padding: 0; margin: 0; } .mobile-nav-list > li[data-v-692b8df9] { margin: 0; } .mobile-nav-link[data-v-692b8df9] { display: flex; align-items: center; padding: 0.875rem 1.25rem; color: #333; text-decoration: none; font-weight: 500; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-left: 3px solid transparent; position: relative; overflow: hidden; } .mobile-nav-link[data-v-692b8df9]::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(90deg, rgba(30, 58, 138, 0.1), transparent); transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mobile-nav-link[data-v-692b8df9]:hover, .mobile-nav-link.router-link-active[data-v-692b8df9] { background-color: #f8f9fa; color: #1e3a8a; border-left-color: #1e3a8a; transform: translateX(5px); } .mobile-nav-link[data-v-692b8df9]:hover::before, .mobile-nav-link.router-link-active[data-v-692b8df9]::before { width: 100%; } .mobile-nav-link i[data-v-692b8df9] { width: 20px; text-align: center; } .mobile-nav-button[data-v-692b8df9] { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: white !important; margin: 0.5rem 1.25rem; border-radius: 8px; justify-content: center; border-left: none !important; } .mobile-nav-button[data-v-692b8df9]:hover { background: linear-gradient(to right, #1e40af 0%, #1e3a8a 100%); color: white !important; } .mobile-nav-divider[data-v-692b8df9] { height: 1px; background-color: #e9ecef; margin: 0.5rem 0; } .mobile-dropdown[data-v-692b8df9] { list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background-color: #f8f9fa; } .mobile-dropdown.show[data-v-692b8df9] { max-height: 500px; } .mobile-dropdown-item[data-v-692b8df9] { display: flex; align-items: center; padding: 0.75rem 1.25rem 0.75rem 3rem; color: #666; text-decoration: none; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; } .mobile-dropdown-item[data-v-692b8df9]::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(90deg, rgba(30, 58, 138, 0.1), transparent); transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mobile-dropdown-item[data-v-692b8df9]:hover { background-color: #e9ecef; color: #1e3a8a; padding-left: 3.5rem; transform: translateX(5px); } .mobile-dropdown-item[data-v-692b8df9]:hover::before { width: 4px; } .mobile-dropdown-item i[data-v-692b8df9] { width: 20px; text-align: center; } .rotate-180[data-v-692b8df9] { transform: rotate(180deg); transition: transform 0.3s ease; } .text-teal[data-v-692b8df9] { color: #14b8a6 !important; } .text-purple[data-v-692b8df9] { color: #9333ea !important; } @media (min-width: 992px) { .mobile-sidebar[data-v-692b8df9], .mobile-sidebar-overlay[data-v-692b8df9] { display: none !important; } } /* Hero Section */ .hero-section[data-v-6ff20eba] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); min-height: 100vh; height: 100vh; display: flex; align-items: center; padding: 0; position: relative; overflow: hidden; } .hero-section[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(30, 58, 138, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(30, 64, 175, 0.05) 0%, transparent 50%); pointer-events: none; animation: gradientShift-6ff20eba 15s ease infinite; } @keyframes gradientShift-6ff20eba { 0%, 100% { opacity: 1; } 50% { opacity: 0.8; } } /* Animated Background Elements - Business Network Theme */ .hero-background-animation[data-v-6ff20eba] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Network Nodes - Connected Business Elements */ .network-node[data-v-6ff20eba] { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.15), rgba(30, 64, 175, 0.08)); border: 2px solid rgba(30, 58, 138, 0.2); animation: nodePulse-6ff20eba 4s ease-in-out infinite; } .node-1[data-v-6ff20eba] { top: 15%; left: 10%; animation-delay: 0s; } .node-2[data-v-6ff20eba] { top: 40%; right: 15%; animation-delay: 0.8s; } .node-3[data-v-6ff20eba] { bottom: 25%; left: 20%; animation-delay: 1.6s; } .node-4[data-v-6ff20eba] { top: 60%; right: 25%; animation-delay: 2.4s; } .node-5[data-v-6ff20eba] { bottom: 15%; right: 10%; animation-delay: 3.2s; } @keyframes nodePulse-6ff20eba { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.2); opacity: 0.9; } } /* Network Connections - Business Relationships */ .network-connection[data-v-6ff20eba] { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, rgba(30, 58, 138, 0.2), transparent); animation: connectionFlow-6ff20eba 6s ease-in-out infinite; } .conn-1[data-v-6ff20eba] { width: 200px; top: 20%; left: 15%; transform: rotate(25deg); animation-delay: 0s; } .conn-2[data-v-6ff20eba] { width: 180px; top: 50%; right: 20%; transform: rotate(-35deg); animation-delay: 2s; } .conn-3[data-v-6ff20eba] { width: 220px; bottom: 20%; left: 25%; transform: rotate(45deg); animation-delay: 4s; } @keyframes connectionFlow-6ff20eba { 0%, 100% { opacity: 0.3; transform: scaleX(0.8); } 50% { opacity: 0.6; transform: scaleX(1.2); } } /* Geometric Shapes - Modern Business Elements */ .geometric-shape[data-v-6ff20eba] { position: absolute; background: linear-gradient(135deg, rgba(30, 58, 138, 0.1), rgba(30, 64, 175, 0.05)); animation: geometricFloat-6ff20eba 12s ease-in-out infinite; } .geo-1[data-v-6ff20eba] { width: 80px; height: 80px; top: 25%; right: 20%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); animation-delay: 0s; } .geo-2[data-v-6ff20eba] { width: 60px; height: 60px; bottom: 30%; right: 15%; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); animation-delay: 4s; } .geo-3[data-v-6ff20eba] { width: 100px; height: 100px; top: 55%; left: 8%; border-radius: 20px; animation-delay: 8s; } @keyframes geometricFloat-6ff20eba { 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.4; } 50% { transform: translate(30px, -30px) rotate(180deg); opacity: 0.7; } } /* Hero Badge */ .hero-badge[data-v-6ff20eba] { display: inline-block; animation: badgeFloat-6ff20eba 3s ease-in-out infinite; } @keyframes badgeFloat-6ff20eba { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .badge-text[data-v-6ff20eba] { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85)); padding: 0.6rem 1.8rem; border-radius: 50px; font-size: 0.9rem; font-weight: 500; color: #1e3a8a; box-shadow: 0 6px 25px rgba(30, 58, 138, 0.15), 0 0 0 1px rgba(30, 58, 138, 0.05); backdrop-filter: blur(15px) saturate(180%); -webkit-backdrop-filter: blur(15px) saturate(180%); border: 1px solid rgba(30, 58, 138, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .hero-badge:hover .badge-text[data-v-6ff20eba] { opacity: 0.9; } /* Hero Features */ .hero-features[data-v-6ff20eba] { margin: 2rem 0; } .hero-feature-item[data-v-6ff20eba] { background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)); padding: 0.6rem 1.2rem; border-radius: 30px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 4px 15px rgba(30, 58, 138, 0.1), 0 0 0 1px rgba(30, 58, 138, 0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(15px) saturate(180%); -webkit-backdrop-filter: blur(15px) saturate(180%); border: 1px solid rgba(30, 58, 138, 0.1); position: relative; overflow: hidden; } .hero-feature-item[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(30, 58, 138, 0.1), transparent); transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .hero-feature-item[data-v-6ff20eba]:hover::before { left: 100%; } .hero-feature-item[data-v-6ff20eba]:hover { opacity: 0.9; } /* Hero Trust */ .hero-trust[data-v-6ff20eba] { margin-top: 1rem; } .min-vh-75[data-v-6ff20eba] { min-height: 75vh; } .max-w-800[data-v-6ff20eba] { max-width: 800px; } /* Badge Section */ .badge-section[data-v-6ff20eba] { display: flex; align-items: center; justify-content: center; font-size: 0.9rem; color: #64748b; margin-bottom: 2rem; } .badge-text[data-v-6ff20eba] { font-weight: 500; } .badge-logo[data-v-6ff20eba] { display: inline-flex; align-items: center; gap: 0.5rem; background: white; padding: 0.4rem 0.8rem; border-radius: 50px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .badge-circle[data-v-6ff20eba] { width: 24px; height: 24px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.85rem; } .badge-name[data-v-6ff20eba] { font-weight: 600; color: #1e3a8a; font-size: 0.9rem; } /* Gradient Text */ .gradient-text-1[data-v-6ff20eba] { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gradient-text-2[data-v-6ff20eba] { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Feature Pills */ .feature-pills[data-v-6ff20eba] { margin-top: 3rem; } .feature-pill[data-v-6ff20eba] { background: white; color: #475569; padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 500; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .feature-pill[data-v-6ff20eba]:hover { opacity: 0.9; color: #1e3a8a; } .bg-gradient-primary[data-v-6ff20eba] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } .bg-gradient-light[data-v-6ff20eba] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } /* Override Bootstrap primary color to match new gradient */ .text-primary[data-v-6ff20eba] { color: #1e3a8a !important; } /* Enhanced Button Styles */ .btn-primary[data-v-6ff20eba] { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); border: none; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none !important; text-shadow: none !important; } .btn-primary[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .btn-primary[data-v-6ff20eba]::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; z-index: 0; } .btn-primary[data-v-6ff20eba]:hover::before { left: 100%; } .btn-primary[data-v-6ff20eba]:hover::after { width: 300px; height: 300px; } .btn-primary[data-v-6ff20eba]:hover { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); opacity: 0.9; } .btn-primary[data-v-6ff20eba]:active { transform: translateY(-2px) scale(1); } .btn-primary[data-v-6ff20eba] > * { position: relative; z-index: 2; } .btn-outline-primary[data-v-6ff20eba] { border: 2px solid #1e3a8a; color: #1e3a8a; background: transparent; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 10px rgba(30, 58, 138, 0.1); } .btn-outline-primary[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0; } .btn-outline-primary[data-v-6ff20eba]::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(30, 58, 138, 0.1); transform: translate(-50%, -50%); transition: width 0.5s, height 0.5s; z-index: 0; } .btn-outline-primary[data-v-6ff20eba]:hover { color: white; border-color: #1e3a8a; opacity: 0.9; } .btn-outline-primary[data-v-6ff20eba]:hover::before { left: 0; } .btn-outline-primary[data-v-6ff20eba]:hover::after { width: 300px; height: 300px; } .btn-outline-primary[data-v-6ff20eba] > * { position: relative; z-index: 2; } .btn-smooth[data-v-6ff20eba] { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn-icon[data-v-6ff20eba] { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: inline-block; } .btn-smooth:hover .btn-icon[data-v-6ff20eba] { transform: translateX(5px); } /* Enhanced Animations */ .animate-fade-in[data-v-6ff20eba] { animation: fadeIn-6ff20eba 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-6ff20eba { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in-up[data-v-6ff20eba] { animation: fadeInUp-6ff20eba 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeInUp-6ff20eba { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } /* Smooth Section Transitions */ .features-section[data-v-6ff20eba], .solution-section[data-v-6ff20eba], .testimonials-section[data-v-6ff20eba], .cta-section[data-v-6ff20eba], .newsletter-section[data-v-6ff20eba] { opacity: 0; animation: fadeInSection-6ff20eba 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } .features-section[data-v-6ff20eba] { animation-delay: 0.2s; } .solution-section[data-v-6ff20eba] { animation-delay: 0.4s; } .testimonials-section[data-v-6ff20eba] { animation-delay: 0.6s; } .cta-section[data-v-6ff20eba] { animation-delay: 0.8s; } .newsletter-section[data-v-6ff20eba] { animation-delay: 1s; } @keyframes fadeInSection-6ff20eba { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Enhanced Feature Cards - Premium Feel */ .feature-card[data-v-6ff20eba] { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.95)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .feature-card[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.03), rgba(30, 64, 175, 0.03)); opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0; } .feature-card[data-v-6ff20eba]:hover::before { opacity: 1; } .feature-card[data-v-6ff20eba]::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(30, 58, 138, 0.1) 0%, transparent 70%); opacity: 0; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0; } .feature-card[data-v-6ff20eba]:hover::after { opacity: 0; } .feature-card[data-v-6ff20eba] > * { position: relative; z-index: 1; } .feature-card[data-v-6ff20eba]:hover { opacity: 0.9; } .hover-lift[data-v-6ff20eba]:hover { opacity: 0.9; } .feature-icon[data-v-6ff20eba] { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(30, 58, 138, 0.15) 0%, rgba(30, 64, 175, 0.15) 100%); border-radius: 20px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; box-shadow: none !important; } .feature-icon[data-v-6ff20eba]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: radial-gradient(circle, rgba(30, 58, 138, 0.2), transparent); transform: translate(-50%, -50%); transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), height 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0; } .feature-icon[data-v-6ff20eba]::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: rotate(45deg); transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .feature-card:hover .feature-icon[data-v-6ff20eba] { opacity: 0.9; } .feature-card:hover .feature-icon[data-v-6ff20eba]::before { width: 150px; height: 150px; } .feature-card:hover .feature-icon[data-v-6ff20eba]::after { left: 100%; } .icon-bounce[data-v-6ff20eba] { transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); position: relative; z-index: 2; filter: none !important; } .feature-card:hover .icon-bounce[data-v-6ff20eba] { opacity: 0.9; } .link-hover[data-v-6ff20eba] { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; display: inline-block; } .link-hover[data-v-6ff20eba]::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #1e3a8a, #1e40af); transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link-hover[data-v-6ff20eba]:hover::after { width: 100%; } .arrow-slide[data-v-6ff20eba] { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: inline-block; } .link-hover:hover .arrow-slide[data-v-6ff20eba] { transform: translateX(8px); } /* Enhanced Testimonial Cards */ .testimonial-card[data-v-6ff20eba] { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; } .testimonial-card[data-v-6ff20eba]::after { content: '"'; position: absolute; top: -20px; right: 20px; font-size: 120px; color: rgba(30, 58, 138, 0.05); font-family: Georgia, serif; line-height: 1; transition: all 0.4s; } .testimonial-card[data-v-6ff20eba]:hover::after { color: rgba(30, 58, 138, 0.05); } .testimonial-card[data-v-6ff20eba]:hover { opacity: 0.9; } .avatar-pulse[data-v-6ff20eba] { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; } .testimonial-card:hover .avatar-pulse[data-v-6ff20eba] { opacity: 0.9; } /* Enhanced Solution Cards */ .solution-card[data-v-6ff20eba] { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; } .solution-card[data-v-6ff20eba]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(30, 58, 138, 0.1); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; } .solution-card[data-v-6ff20eba]:hover::before { width: 200px; height: 200px; } .solution-card[data-v-6ff20eba]:hover { opacity: 0.9; } .float-animate[data-v-6ff20eba] { animation: float-6ff20eba 4s ease-in-out infinite; } @keyframes float-6ff20eba { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } } .icon-rotate[data-v-6ff20eba] { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .solution-card:hover .icon-rotate[data-v-6ff20eba] { opacity: 0.9; } /* Enhanced Newsletter Form */ .newsletter-form .input-group[data-v-6ff20eba] { max-width: 600px; margin: 0 auto; align-items: stretch; } .newsletter-form .input-group .form-control[data-v-6ff20eba] { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 2px solid #e9ecef; border-right: none; height: 100%; } .newsletter-form .input-group .form-control[data-v-6ff20eba]:focus { border-color: #1e3a8a; border-right: none; box-shadow: none !important; opacity: 0.9; } .newsletter-form .input-group .btn-primary[data-v-6ff20eba] { transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); height: 100%; display: flex; align-items: center; justify-content: center; border: 2px solid #1e3a8a; border-left: none; padding: 0.5rem 1.5rem; white-space: nowrap; } .newsletter-form .input-group .btn-primary[data-v-6ff20eba]:hover { transform: translateY(-2px); } /* Ensure input and button are same height */ .newsletter-form .input-group-lg > .form-control[data-v-6ff20eba], .newsletter-form .input-group-lg > .form-select[data-v-6ff20eba], .newsletter-form .input-group-lg > .btn[data-v-6ff20eba] { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1rem; line-height: 1.5; min-height: calc(1.5em + 1.5rem + 4px); } @media (max-width: 768px) { .hero-section[data-v-6ff20eba] { padding: 100px 0 60px; min-height: 70vh; } .display-2[data-v-6ff20eba] { font-size: 2.5rem; line-height: 1.2; } .display-3[data-v-6ff20eba] { font-size: 2rem; } .display-5[data-v-6ff20eba] { font-size: 1.75rem; } .badge-section[data-v-6ff20eba] { flex-direction: column; gap: 0.5rem; font-size: 0.8rem; } .feature-pill[data-v-6ff20eba] { font-size: 0.8rem; padding: 0.4rem 0.8rem; } } /* Product Showcase Section */ .product-showcase-section[data-v-6ff20eba] { background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%); position: relative; } .product-showcase-section[data-v-6ff20eba]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 30%, rgba(30, 58, 138, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(30, 64, 175, 0.03) 0%, transparent 50%); pointer-events: none; z-index: 0; } .product-showcase-section > .container[data-v-6ff20eba] { position: relative; z-index: 1; } /* Product Image Cards */ .product-image-card[data-v-6ff20eba] { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); position: relative; height: 100%; display: flex; flex-direction: column; } .product-image-card[data-v-6ff20eba]:hover { opacity: 0.9; } .featured-image-card[data-v-6ff20eba] { min-height: 500px; } .image-wrapper[data-v-6ff20eba] { position: relative; overflow: hidden; background: linear-gradient(135deg, #e0e7ff, #f0f4ff); aspect-ratio: 16 / 9; } .featured-image-card .image-wrapper[data-v-6ff20eba] { min-height: 400px; } .product-image[data-v-6ff20eba] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .product-image-card:hover .product-image[data-v-6ff20eba] { transform: scale(1.1); } .image-overlay[data-v-6ff20eba] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.8), rgba(30, 64, 175, 0.8)); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .product-image-card:hover .image-overlay[data-v-6ff20eba] { opacity: 1; } .overlay-content[data-v-6ff20eba] { text-align: center; color: white; transform: translateY(20px); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .product-image-card:hover .overlay-content[data-v-6ff20eba] { transform: translateY(0); } .image-badge[data-v-6ff20eba] { position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, #1e3a8a, #1e40af); color: white; padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.85rem; font-weight: 600; box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3); z-index: 2; animation: badgePulse-6ff20eba 2s ease-in-out infinite; } @keyframes badgePulse-6ff20eba { 0%, 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3); } 50% { transform: scale(1.05); box-shadow: 0 6px 20px rgba(30, 58, 138, 0.5); } } .image-caption[data-v-6ff20eba] { background: white; flex: 1; display: flex; flex-direction: column; justify-content: center; } /* Product Video Section */ .product-video-section[data-v-6ff20eba] { position: relative; overflow: hidden; } .product-video-section[data-v-6ff20eba]::before { content: ''; position: absolute; top: -50%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(30, 58, 138, 0.05) 0%, transparent 70%); border-radius: 50%; animation: videoBgFloat-6ff20eba 20s ease-in-out infinite; } .product-video-section[data-v-6ff20eba]::after { content: ''; position: absolute; bottom: -30%; left: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(30, 64, 175, 0.05) 0%, transparent 70%); border-radius: 50%; animation: videoBgFloat-6ff20eba 15s ease-in-out infinite reverse; } @keyframes videoBgFloat-6ff20eba { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, 30px) scale(1.1); } } .product-video-section > .container[data-v-6ff20eba] { position: relative; z-index: 1; } /* Video Player Wrapper */ .video-player-wrapper[data-v-6ff20eba] { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); background: #000; } .video-container[data-v-6ff20eba] { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ background: #000; } .product-video[data-v-6ff20eba] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-overlay[data-v-6ff20eba] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.7), rgba(30, 64, 175, 0.7)); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; } .video-overlay[data-v-6ff20eba]:hover { background: linear-gradient(135deg, rgba(30, 58, 138, 0.8), rgba(30, 64, 175, 0.8)); } .play-button[data-v-6ff20eba] { width: 100px; height: 100px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: #1e3a8a; border: none; display: flex; align-items: center; justify-content: center; font-size: 2rem; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; } .play-button[data-v-6ff20eba]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(30, 58, 138, 0.2); transform: translate(-50%, -50%); transition: width 0.4s, height 0.4s; } .play-button[data-v-6ff20eba]:hover::before { width: 150px; height: 150px; } .play-button[data-v-6ff20eba]:hover { opacity: 0.9; } .play-button i[data-v-6ff20eba] { margin-left: 5px; position: relative; z-index: 1; } .video-title[data-v-6ff20eba] { font-size: 1.5rem; margin-top: 1.5rem; } .video-description[data-v-6ff20eba] { font-size: 1rem; max-width: 500px; text-align: center; } /* Video Cards */ .video-card[data-v-6ff20eba] { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; height: 100%; display: flex; flex-direction: column; } .video-card[data-v-6ff20eba]:hover { opacity: 0.9; } .video-thumbnail-wrapper[data-v-6ff20eba] { position: relative; overflow: hidden; background: linear-gradient(135deg, #e0e7ff, #f0f4ff); aspect-ratio: 16 / 9; } .video-thumbnail[data-v-6ff20eba] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .video-card:hover .video-thumbnail[data-v-6ff20eba] { transform: scale(1.15); } .video-thumbnail-overlay[data-v-6ff20eba] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(30, 58, 138, 0.7), rgba(30, 64, 175, 0.7)); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .video-card:hover .video-thumbnail-overlay[data-v-6ff20eba] { opacity: 1; } .play-button-small[data-v-6ff20eba] { width: 70px; height: 70px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: #1e3a8a; border: none; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; } .play-button-small[data-v-6ff20eba]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(30, 58, 138, 0.2); transform: translate(-50%, -50%); transition: width 0.4s, height 0.4s; } .play-button-small[data-v-6ff20eba]:hover::before { width: 120px; height: 120px; } .play-button-small[data-v-6ff20eba]:hover { transform: scale(1.15); } .play-button-small i[data-v-6ff20eba] { margin-left: 4px; position: relative; z-index: 1; } .video-duration[data-v-6ff20eba] { position: absolute; bottom: 15px; right: 15px; background: rgba(0, 0, 0, 0.8); color: white; padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; } .video-card-content[data-v-6ff20eba] { background: white; flex: 1; display: flex; flex-direction: column; justify-content: center; } /* Video Modal */ .video-modal[data-v-6ff20eba] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: flex; align-items: center; justify-content: center; z-index: 9999; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: modalFadeIn-6ff20eba 0.3s cubic-bezier(0.4, 0, 0.2, 1); } @keyframes modalFadeIn-6ff20eba { from { opacity: 0; } to { opacity: 1; } } .video-modal-content[data-v-6ff20eba] { position: relative; width: 90%; max-width: 1200px; background: #000; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); animation: modalSlideIn-6ff20eba 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @keyframes modalSlideIn-6ff20eba { from { transform: scale(0.9) translateY(50px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } } .video-modal-close[data-v-6ff20eba] { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); color: white; border: none; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .video-modal-close[data-v-6ff20eba]:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg) scale(1.1); } .modal-video[data-v-6ff20eba] { width: 100%; display: block; background: #000; } .video-modal-info[data-v-6ff20eba] { background: linear-gradient(135deg, #1e3a8a, #1e40af); color: white; } /* Responsive Design */ @media (max-width: 991.98px) { .featured-image-card[data-v-6ff20eba] { min-height: 300px; } .featured-image-card .image-wrapper[data-v-6ff20eba] { min-height: 250px; } .play-button[data-v-6ff20eba] { width: 80px; height: 80px; font-size: 1.5rem; } .video-title[data-v-6ff20eba] { font-size: 1.2rem; } .video-description[data-v-6ff20eba] { font-size: 0.9rem; } } @media (max-width: 767.98px) { .product-gallery .row[data-v-6ff20eba] { margin-bottom: 1rem; } .video-modal-content[data-v-6ff20eba] { width: 95%; } } .about-hero[data-v-a3571ad8] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); min-height: 100vh; height: 100vh; display: flex; align-items: center; padding: 0; position: relative; overflow: hidden; } /* Animated Background Elements - Growth/Journey Theme */ .hero-background-animation[data-v-a3571ad8] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Growth Paths - Company Journey */ .growth-path[data-v-a3571ad8] { position: absolute; height: 3px; background: linear-gradient(90deg, transparent, rgba(30, 58, 138, 0.3), transparent); animation: pathGrow-a3571ad8 10s ease-in-out infinite; } .path-1[data-v-a3571ad8] { width: 200px; top: 30%; left: 10%; transform: rotate(20deg); animation-delay: 0s; } .path-2[data-v-a3571ad8] { width: 180px; top: 50%; right: 15%; transform: rotate(-25deg); animation-delay: 3s; } .path-3[data-v-a3571ad8] { width: 220px; bottom: 25%; left: 20%; transform: rotate(35deg); animation-delay: 6s; } @keyframes pathGrow-a3571ad8 { 0% { width: 0; opacity: 0.2; } 50% { width: 100%; opacity: 0.5; } 100% { width: 0; opacity: 0.2; } } /* Milestones - Company Achievements */ .milestone[data-v-a3571ad8] { position: absolute; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: rgba(30, 58, 138, 0.3); font-size: 1.5rem; background: rgba(255, 255, 255, 0.6); border-radius: 50%; animation: milestonePulse-a3571ad8 4s ease-in-out infinite; backdrop-filter: blur(5px); } .milestone-1[data-v-a3571ad8] { top: 25%; left: 25%; animation-delay: 0s; } .milestone-2[data-v-a3571ad8] { top: 50%; right: 20%; animation-delay: 1.5s; } .milestone-3[data-v-a3571ad8] { bottom: 20%; left: 30%; animation-delay: 3s; } @keyframes milestonePulse-a3571ad8 { 0%, 100% { transform: scale(1); opacity: 0.5; box-shadow: 0 0 0 0 rgba(30, 58, 138, 0.3); } 50% { transform: scale(1.2); opacity: 0.8; box-shadow: 0 0 15px 5px rgba(30, 58, 138, 0.2); } } /* Growth Arrows - Progress Indicators */ .growth-arrow[data-v-a3571ad8] { position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: rgba(30, 58, 138, 0.25); font-size: 1.8rem; animation: arrowRise-a3571ad8 6s ease-in-out infinite; } .arrow-1[data-v-a3571ad8] { top: 35%; left: 35%; animation-delay: 0s; } .arrow-2[data-v-a3571ad8] { top: 60%; right: 25%; animation-delay: 2s; } .arrow-3[data-v-a3571ad8] { bottom: 30%; left: 40%; animation-delay: 4s; } @keyframes arrowRise-a3571ad8 { 0%, 100% { transform: translateY(0); opacity: 0.4; } 50% { transform: translateY(-40px); opacity: 0.7; } } .hero-icon[data-v-a3571ad8] { animation: iconPulse-a3571ad8 3s ease-in-out infinite; } @keyframes iconPulse-a3571ad8 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-a3571ad8] { max-width: 700px; } .hero-stats[data-v-a3571ad8] { margin: 2rem 0; } .stat-item[data-v-a3571ad8] { text-align: center; } .hero-features[data-v-a3571ad8] { margin: 2rem 0; } .hero-feature-item[data-v-a3571ad8] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-a3571ad8]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2); background: rgba(255, 255, 255, 0.95); } .animate-fade-in[data-v-a3571ad8] { animation: fadeIn-a3571ad8 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-a3571ad8 { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .bg-gradient-primary[data-v-a3571ad8] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } .bg-gradient-light[data-v-a3571ad8] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } /* Override Bootstrap primary color to match new gradient */ .text-primary[data-v-a3571ad8] { color: #1e3a8a !important; } .btn-primary[data-v-a3571ad8] { background-color: #1e3a8a; border-color: #1e3a8a; } .btn-primary[data-v-a3571ad8]:hover { background-color: #1e40af; border-color: #1e40af; } .btn-outline-primary[data-v-a3571ad8] { color: #1e3a8a; border-color: #1e3a8a; } .btn-outline-primary[data-v-a3571ad8]:hover { background-color: #1e3a8a; border-color: #1e3a8a; color: white; } .min-vh-50[data-v-a3571ad8] { min-height: 50vh; } .value-card[data-v-a3571ad8] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .value-card[data-v-a3571ad8]:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; } .value-icon[data-v-a3571ad8] { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(30, 58, 138, 0.15) 0%, rgba(30, 64, 175, 0.15) 100%); border-radius: 20px; margin: 0 auto; } .bg-light-blue[data-v-a3571ad8] { background: linear-gradient(to right, rgba(224, 231, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .reason-icon-wrapper .reason-icon[data-v-a3571ad8] { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .value-card[data-v-a3571ad8] { transition: all 0.3s ease; } .value-card[data-v-a3571ad8]:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(30, 58, 138, 0.15) !important; } .reason-card[data-v-a3571ad8] { transition: all 0.3s ease; } .reason-card[data-v-a3571ad8]:hover { transform: translateX(10px); box-shadow: 0 10px 30px rgba(30, 58, 138, 0.15) !important; } .reason-card[data-v-a3571ad8] { transition: all 0.3s ease; } .reason-card[data-v-a3571ad8]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; } .reason-icon[data-v-a3571ad8] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(30, 58, 138, 0.15) 0%, rgba(30, 64, 175, 0.15) 100%); border-radius: 15px; flex-shrink: 0; } .commitment-card[data-v-a3571ad8] { transition: all 0.3s ease; } .commitment-card[data-v-a3571ad8]:hover { transform: translateY(-5px); } .gradient-text-blue[data-v-a3571ad8] { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .icon-wrapper-blue[data-v-a3571ad8] { background: linear-gradient(to right, rgba(224, 231, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .stat-card-blue[data-v-a3571ad8] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(30, 58, 138, 0.1); transition: all 0.3s ease; } .stat-card-blue[data-v-a3571ad8]:hover { transform: translateX(10px); box-shadow: 0 5px 15px rgba(30, 58, 138, 0.15) !important; border-color: rgba(30, 58, 138, 0.3); } .stat-icon-wrapper[data-v-a3571ad8] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .contact-hero[data-v-78e80114] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); min-height: 100vh; height: 100vh; display: flex; align-items: center; padding: 0; position: relative; overflow: hidden; } /* Animated Background Elements - Communication Theme */ .hero-background-animation[data-v-78e80114] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Message Bubbles - Communication */ .message-bubble[data-v-78e80114] { position: absolute; width: 80px; height: 60px; background: rgba(255, 255, 255, 0.6); border: 2px solid rgba(30, 58, 138, 0.2); border-radius: 20px 20px 20px 5px; display: flex; align-items: center; justify-content: center; gap: 4px; animation: bubbleFloat-78e80114 8s ease-in-out infinite; backdrop-filter: blur(5px); } .bubble-1[data-v-78e80114] { top: 20%; left: 12%; animation-delay: 0s; } .bubble-2[data-v-78e80114] { top: 50%; right: 18%; animation-delay: 2.5s; } .bubble-3[data-v-78e80114] { bottom: 25%; left: 22%; animation-delay: 5s; } @keyframes bubbleFloat-78e80114 { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.5; } 50% { transform: translateY(-30px) scale(1.1); opacity: 0.8; } } .bubble-dot[data-v-78e80114] { width: 8px; height: 8px; background: rgba(30, 58, 138, 0.4); border-radius: 50%; animation: dotPulse-78e80114 1.5s ease-in-out infinite; } .bubble-dot[data-v-78e80114]:nth-child(2) { animation-delay: 0.2s; } .bubble-dot[data-v-78e80114]:nth-child(3) { animation-delay: 0.4s; } @keyframes dotPulse-78e80114 { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.2); } } /* Communication Waves - Signal Transmission */ .communication-wave[data-v-78e80114] { position: absolute; width: 150px; height: 2px; background: linear-gradient(90deg, transparent, rgba(30, 58, 138, 0.3), transparent); border-radius: 50%; animation: waveTransmit-78e80114 6s ease-in-out infinite; } .wave-1[data-v-78e80114] { top: 35%; left: 20%; animation-delay: 0s; } .wave-2[data-v-78e80114] { top: 60%; right: 22%; animation-delay: 2s; } .wave-3[data-v-78e80114] { bottom: 30%; left: 30%; animation-delay: 4s; } @keyframes waveTransmit-78e80114 { 0%, 100% { transform: scaleX(0.5) scaleY(1); opacity: 0.2; } 50% { transform: scaleX(1.5) scaleY(4); opacity: 0.5; } } /* Envelope Icons - Email Communication */ .envelope-icon[data-v-78e80114] { position: absolute; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color: rgba(30, 58, 138, 0.25); font-size: 2.5rem; animation: envelopeFloat-78e80114 9s ease-in-out infinite; } .envelope-1[data-v-78e80114] { top: 40%; right: 15%; animation-delay: 0s; } .envelope-2[data-v-78e80114] { bottom: 20%; right: 25%; animation-delay: 4.5s; } @keyframes envelopeFloat-78e80114 { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.4; } 50% { transform: translateY(-25px) rotate(5deg); opacity: 0.7; } } .hero-icon[data-v-78e80114] { animation: iconPulse-78e80114 3s ease-in-out infinite; } @keyframes iconPulse-78e80114 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-78e80114] { max-width: 700px; } .hero-features[data-v-78e80114] { margin: 2rem 0; } .hero-feature-item[data-v-78e80114] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-78e80114]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2); background: rgba(255, 255, 255, 0.95); } .animate-fade-in[data-v-78e80114] { animation: fadeIn-78e80114 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-78e80114 { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .bg-gradient-primary[data-v-78e80114] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } .bg-light-blue[data-v-78e80114] { background: linear-gradient(to right, rgba(224, 231, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .contact-info-card[data-v-78e80114] { transition: all 0.3s ease; } .contact-info-card[data-v-78e80114]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(30, 58, 138, 0.15) !important; } .method-icon[data-v-78e80114] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgba(30, 58, 138, 0.1); border-radius: 15px; } .icon-wrapper-blue[data-v-78e80114] { background: linear-gradient(to right, rgba(224, 231, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .contact-method-box[data-v-78e80114] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(30, 58, 138, 0.1); transition: all 0.3s ease; } .contact-method-box[data-v-78e80114]:hover { transform: translateX(10px); box-shadow: 0 5px 15px rgba(30, 58, 138, 0.15) !important; border-color: rgba(30, 58, 138, 0.3); } .method-icon-box[data-v-78e80114] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgba(30, 58, 138, 0.1); border-radius: 12px; } .bg-gradient-light[data-v-78e80114] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } /* Override Bootstrap primary color to match new gradient */ .text-primary[data-v-78e80114] { color: #1e3a8a !important; } .btn-primary[data-v-78e80114] { background-color: #1e3a8a; border-color: #1e3a8a; } .btn-primary[data-v-78e80114]:hover { background-color: #1e40af; border-color: #1e40af; } .min-vh-40[data-v-78e80114] { min-height: 40vh; } .contact-card[data-v-78e80114] { border: 1px solid #e9ecef; } .info-card[data-v-78e80114] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .info-card[data-v-78e80114]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; } .info-icon[data-v-78e80114] { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(30, 58, 138, 0.15) 0%, rgba(30, 64, 175, 0.15) 100%); border-radius: 20px; margin: 0 auto; } .form-control[data-v-78e80114]:focus { border-color: #1e3a8a; box-shadow: 0 0 0 0.2rem rgba(30, 58, 138, 0.25); } .gradient-text-blue[data-v-78e80114] { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Coming Soon Banner */ .coming-soon-banner[data-v-78e80114] { background: linear-gradient(135deg, rgba(30, 58, 138, 0.1) 0%, rgba(30, 64, 175, 0.1) 100%); border: 2px solid rgba(30, 58, 138, 0.2); border-left: 4px solid #1e3a8a; } .coming-soon-banner i[data-v-78e80114] { animation: pulse-78e80114 2s ease-in-out infinite; } @keyframes pulse-78e80114 { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } } /* Alert Styles */ .alert[data-v-78e80114] { border-radius: 8px; border: none; } .alert-success[data-v-78e80114] { background-color: rgba(34, 197, 94, 0.1); color: #16a34a; border-left: 4px solid #16a34a; } .alert-danger[data-v-78e80114] { background-color: rgba(239, 68, 68, 0.1); color: #dc2626; border-left: 4px solid #dc2626; } .contact-section[data-v-78e80114] { scroll-margin-top: 80px; /* Account for fixed navbar */ } .pricing-hero[data-v-7b4d3a63] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); min-height: 100vh; height: 100vh; display: flex; align-items: center; padding: 0; position: relative; overflow: hidden; } /* Animated Background Elements - Value/Pricing Theme */ .hero-background-animation[data-v-7b4d3a63] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Price Tags - Pricing Elements */ .price-tag[data-v-7b4d3a63] { position: absolute; width: 70px; height: 70px; background: rgba(255, 255, 255, 0.7); border: 2px solid rgba(30, 58, 138, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: tagFloat-7b4d3a63 9s ease-in-out infinite; backdrop-filter: blur(5px); } .tag-1[data-v-7b4d3a63] { top: 18%; left: 12%; animation-delay: 0s; } .tag-2[data-v-7b4d3a63] { top: 50%; right: 18%; animation-delay: 3s; } .tag-3[data-v-7b4d3a63] { bottom: 22%; left: 22%; animation-delay: 6s; } @keyframes tagFloat-7b4d3a63 { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.5; } 50% { transform: translateY(-25px) rotate(10deg); opacity: 0.8; } } .tag-symbol[data-v-7b4d3a63] { font-size: 2rem; font-weight: bold; color: rgba(30, 58, 138, 0.4); animation: symbolPulse-7b4d3a63 2s ease-in-out infinite; } @keyframes symbolPulse-7b4d3a63 { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 0.8; } } /* Value Badges - Quality Indicators */ .value-badge[data-v-7b4d3a63] { position: absolute; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: rgba(255, 193, 7, 0.4); font-size: 1.8rem; background: rgba(255, 255, 255, 0.6); border-radius: 50%; animation: badgeSpin-7b4d3a63 8s ease-in-out infinite; backdrop-filter: blur(5px); } .badge-1[data-v-7b4d3a63] { top: 30%; right: 25%; animation-delay: 0s; } .badge-2[data-v-7b4d3a63] { top: 60%; left: 15%; animation-delay: 2.5s; } .badge-3[data-v-7b4d3a63] { bottom: 25%; right: 15%; animation-delay: 5s; } @keyframes badgeSpin-7b4d3a63 { 0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.5; } 50% { transform: rotate(180deg) scale(1.2); opacity: 0.8; } } /* Discount Badges - Savings Indicators */ .discount-badge[data-v-7b4d3a63] { position: absolute; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: bold; color: rgba(40, 167, 69, 0.4); background: rgba(255, 255, 255, 0.7); border: 3px solid rgba(40, 167, 69, 0.3); border-radius: 50%; animation: discountBounce-7b4d3a63 6s ease-in-out infinite; backdrop-filter: blur(5px); } .discount-1[data-v-7b4d3a63] { top: 40%; left: 30%; animation-delay: 0s; } .discount-2[data-v-7b4d3a63] { bottom: 30%; right: 22%; animation-delay: 3s; } @keyframes discountBounce-7b4d3a63 { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.5; } 25% { transform: translateY(-20px) scale(1.1); opacity: 0.7; } 50% { transform: translateY(0) scale(1); opacity: 0.5; } 75% { transform: translateY(-15px) scale(1.05); opacity: 0.7; } } /* Price Lines - Value Indicators */ .price-line[data-v-7b4d3a63] { position: absolute; width: 120px; height: 2px; background: linear-gradient(90deg, transparent, rgba(30, 58, 138, 0.3), transparent); animation: lineFlow-7b4d3a63 7s ease-in-out infinite; } .line-1[data-v-7b4d3a63] { top: 35%; left: 20%; transform: rotate(25deg); animation-delay: 0s; } .line-2[data-v-7b4d3a63] { bottom: 28%; right: 20%; transform: rotate(-30deg); animation-delay: 3.5s; } @keyframes lineFlow-7b4d3a63 { 0%, 100% { opacity: 0.2; transform: scaleX(0.5); } 50% { opacity: 0.5; transform: scaleX(1); } } .hero-icon[data-v-7b4d3a63] { animation: iconPulse-7b4d3a63 3s ease-in-out infinite; } @keyframes iconPulse-7b4d3a63 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-7b4d3a63] { max-width: 700px; } .animate-fade-in[data-v-7b4d3a63] { animation: fadeIn-7b4d3a63 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-7b4d3a63 { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .bg-gradient-primary[data-v-7b4d3a63] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } .bg-gradient-light[data-v-7b4d3a63] { background: linear-gradient(to right, #e0e7ff 0%, #ffffff 100%); } /* Override Bootstrap primary color to match new gradient */ .text-primary[data-v-7b4d3a63] { color: #1e3a8a !important; } .btn-primary[data-v-7b4d3a63] { background-color: #1e3a8a; border-color: #1e3a8a; } .btn-primary[data-v-7b4d3a63]:hover { background-color: #1e40af; border-color: #1e40af; } .btn-outline-primary[data-v-7b4d3a63] { color: #1e3a8a; border-color: #1e3a8a; } .btn-outline-primary[data-v-7b4d3a63]:hover { background-color: #1e3a8a; border-color: #1e3a8a; color: white; } .min-vh-40[data-v-7b4d3a63] { min-height: 40vh; } .pricing-card[data-v-7b4d3a63] { position: relative; transition: all 0.3s ease; border: 2px solid #e9ecef; display: flex; flex-direction: column; } .pricing-card[data-v-7b4d3a63]:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(30, 58, 138, 0.15) !important; } .pricing-card.featured[data-v-7b4d3a63] { border-color: #1e3a8a; box-shadow: 0 10px 30px rgba(30, 58, 138, 0.2) !important; } .bg-light-blue[data-v-7b4d3a63] { background: linear-gradient(to right, rgba(224, 231, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .icon-wrapper[data-v-7b4d3a63] { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .pricing-amount[data-v-7b4d3a63] { color: #1e3a8a; } .comparison-table[data-v-7b4d3a63] { overflow-x: auto; } .comparison-table table[data-v-7b4d3a63] { min-width: 600px; } .accordion-button[data-v-7b4d3a63] { font-weight: 600; } .accordion-button[data-v-7b4d3a63]:not(.collapsed) { background-color: #f8f9fa; color: #1e3a8a; } @media (max-width: 768px) { .pricing-card[data-v-7b4d3a63] { margin-bottom: 2rem; } } .gradient-text-blue[data-v-7b4d3a63] { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .icon-wrapper-blue[data-v-7b4d3a63] { background: linear-gradient(to right, rgba(224, 231, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .pricing-toggle-card[data-v-7b4d3a63] { transition: all 0.3s ease; } .pricing-toggle-card[data-v-7b4d3a63]:hover { box-shadow: 0 5px 20px rgba(30, 58, 138, 0.2) !important; } /* Feature Header Section - Compact Layout */ .feature-header-section[data-v-40bf8b3a] { background: linear-gradient(to right, #e9d5ff 0%, #ffffff 100%); padding: 60px 0 !important; margin-top: 76px; } .feature-header-icon[data-v-40bf8b3a] { flex-shrink: 0; } .feature-quick-box[data-v-40bf8b3a] { transition: all 0.3s ease; } .feature-quick-box[data-v-40bf8b3a]:hover { opacity: 0.9; } .bg-gradient-purple[data-v-40bf8b3a] { background: linear-gradient(to right, #e9d5ff 0%, #ffffff 100%); } /* Animated Background Elements - Neural Network Theme */ .hero-background-animation[data-v-40bf8b3a] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Neural Network Nodes - AI Brain Cells */ .neural-node[data-v-40bf8b3a] { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle, rgba(147, 51, 234, 0.4), rgba(147, 51, 234, 0.1)); border: 2px solid rgba(147, 51, 234, 0.3); animation: neuralPulse-40bf8b3a 3s ease-in-out infinite; } .node-1[data-v-40bf8b3a] { top: 20%; left: 15%; animation-delay: 0s; } .node-2[data-v-40bf8b3a] { top: 35%; left: 30%; animation-delay: 0.5s; } .node-3[data-v-40bf8b3a] { top: 50%; right: 25%; animation-delay: 1s; } .node-4[data-v-40bf8b3a] { bottom: 30%; left: 20%; animation-delay: 1.5s; } .node-5[data-v-40bf8b3a] { bottom: 45%; right: 15%; animation-delay: 2s; } .node-6[data-v-40bf8b3a] { top: 65%; left: 40%; animation-delay: 2.5s; } @keyframes neuralPulse-40bf8b3a { 0%, 100% { transform: scale(1); opacity: 0.5; box-shadow: 0 0 0 0 rgba(147, 51, 234, 0.4); } 50% { transform: scale(1.3); opacity: 0.8; box-shadow: 0 0 20px 10px rgba(147, 51, 234, 0.2); } } /* Neural Network Connections - Synapses */ .neural-connection[data-v-40bf8b3a] { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(147, 51, 234, 0.3), transparent); animation: neuralFlow-40bf8b3a 4s ease-in-out infinite; } .conn-1[data-v-40bf8b3a] { width: 150px; top: 27%; left: 20%; transform: rotate(25deg); animation-delay: 0s; } .conn-2[data-v-40bf8b3a] { width: 120px; top: 42%; left: 35%; transform: rotate(-15deg); animation-delay: 1s; } .conn-3[data-v-40bf8b3a] { width: 180px; bottom: 35%; left: 25%; transform: rotate(40deg); animation-delay: 2s; } .conn-4[data-v-40bf8b3a] { width: 140px; top: 70%; left: 45%; transform: rotate(-30deg); animation-delay: 3s; } @keyframes neuralFlow-40bf8b3a { 0%, 100% { opacity: 0.2; transform: scaleX(0.5); } 50% { opacity: 0.6; transform: scaleX(1); } } /* Brain Waves - AI Processing Signals */ .brain-wave[data-v-40bf8b3a] { position: absolute; width: 200px; height: 2px; background: linear-gradient(90deg, transparent, rgba(147, 51, 234, 0.4), transparent); border-radius: 50%; animation: wavePulse-40bf8b3a 5s ease-in-out infinite; } .wave-1[data-v-40bf8b3a] { top: 30%; right: 20%; animation-delay: 0s; } .wave-2[data-v-40bf8b3a] { top: 55%; left: 10%; animation-delay: 1.5s; } .wave-3[data-v-40bf8b3a] { bottom: 25%; right: 30%; animation-delay: 3s; } @keyframes wavePulse-40bf8b3a { 0%, 100% { transform: scaleY(1) scaleX(0.8); opacity: 0.3; } 50% { transform: scaleY(3) scaleX(1.2); opacity: 0.6; } } .hero-icon[data-v-40bf8b3a] { animation: iconPulse-40bf8b3a 3s ease-in-out infinite; } @keyframes iconPulse-40bf8b3a { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-40bf8b3a] { max-width: 700px; } .hero-features[data-v-40bf8b3a] { margin: 2rem 0; } .hero-feature-item[data-v-40bf8b3a] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-40bf8b3a]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(147, 51, 234, 0.2); background: rgba(255, 255, 255, 0.95); } .btn-outline-purple[data-v-40bf8b3a] { border: 2px solid #9333ea; color: #9333ea; background: transparent; } .btn-outline-purple[data-v-40bf8b3a]:hover { background: #9333ea; color: white; border-color: #9333ea; } .animate-fade-in[data-v-40bf8b3a] { animation: fadeIn-40bf8b3a 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-40bf8b3a { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Purple color overrides */ .text-purple[data-v-40bf8b3a] { color: #9333ea !important; } .btn-purple[data-v-40bf8b3a] { background-color: #9333ea; border-color: #9333ea; color: white; } .btn-purple[data-v-40bf8b3a]:hover { background-color: #7e22ce; border-color: #7e22ce; color: white; } .min-vh-50[data-v-40bf8b3a] { min-height: 50vh; } .feature-list li[data-v-40bf8b3a] { font-size: 1.1rem; } .capability-card[data-v-40bf8b3a] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .capability-card[data-v-40bf8b3a]:hover { opacity: 0.9; } .capability-icon[data-v-40bf8b3a] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(233, 213, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); border-radius: 15px; } .benefit-card[data-v-40bf8b3a] { transition: all 0.3s ease; } .benefit-card[data-v-40bf8b3a]:hover { opacity: 0.9; } .icon-wrapper[data-v-40bf8b3a] { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .bg-light-purple[data-v-40bf8b3a] { background: linear-gradient(to right, rgba(233, 213, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .gradient-text-purple[data-v-40bf8b3a] { background: linear-gradient(135deg, #9333ea 0%, #a855f7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .icon-wrapper-purple[data-v-40bf8b3a] { background: linear-gradient(to right, rgba(233, 213, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .feature-box-purple[data-v-40bf8b3a] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(147, 51, 234, 0.1); transition: all 0.3s ease; } .feature-box-purple[data-v-40bf8b3a]:hover { opacity: 0.9; } /* Feature Header Section - Compact Layout */ .feature-header-section[data-v-ffe14ba4] { background: linear-gradient(to right, #d1fae5 0%, #ffffff 100%); padding: 60px 0 !important; margin-top: 76px; } .feature-header-icon[data-v-ffe14ba4] { flex-shrink: 0; } .feature-quick-box[data-v-ffe14ba4] { transition: all 0.3s ease; } .feature-quick-box[data-v-ffe14ba4]:hover { opacity: 0.9; } .bg-gradient-success[data-v-ffe14ba4] { background: linear-gradient(to right, #d1fae5 0%, #ffffff 100%); } /* Animated Background Elements - Team/People Theme */ .hero-background-animation[data-v-ffe14ba4] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* People Silhouettes - Human Capital */ .people-silhouette[data-v-ffe14ba4] { position: absolute; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; color: rgba(40, 167, 69, 0.2); font-size: 3rem; animation: personFloat-ffe14ba4 8s ease-in-out infinite; } .person-1[data-v-ffe14ba4] { top: 20%; left: 12%; animation-delay: 0s; } .person-2[data-v-ffe14ba4] { top: 50%; right: 15%; animation-delay: 2.5s; } .person-3[data-v-ffe14ba4] { bottom: 25%; left: 25%; animation-delay: 5s; } @keyframes personFloat-ffe14ba4 { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; } 50% { transform: translateY(-30px) scale(1.1); opacity: 0.5; } } /* Team Connections - Collaboration Lines */ .team-connection[data-v-ffe14ba4] { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, rgba(40, 167, 69, 0.25), transparent); animation: teamConnect-ffe14ba4 6s ease-in-out infinite; } .team-1[data-v-ffe14ba4] { width: 180px; top: 35%; left: 20%; transform: rotate(20deg); animation-delay: 0s; } .team-2[data-v-ffe14ba4] { width: 160px; bottom: 30%; left: 30%; transform: rotate(-25deg); animation-delay: 3s; } @keyframes teamConnect-ffe14ba4 { 0%, 100% { opacity: 0.2; transform: scaleX(0.7); } 50% { opacity: 0.5; transform: scaleX(1.1); } } /* Growth Arrows - Career Progression */ .growth-arrow[data-v-ffe14ba4] { position: absolute; width: 60px; height: 60px; color: rgba(40, 167, 69, 0.25); font-size: 2rem; animation: arrowGrow-ffe14ba4 5s ease-in-out infinite; } .arrow-1[data-v-ffe14ba4] { top: 30%; right: 25%; animation-delay: 0s; } .arrow-2[data-v-ffe14ba4] { top: 60%; left: 15%; animation-delay: 1.5s; } .arrow-3[data-v-ffe14ba4] { bottom: 20%; right: 20%; animation-delay: 3s; } @keyframes arrowGrow-ffe14ba4 { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; } 50% { transform: translateY(-20px) rotate(15deg); opacity: 0.6; } } .hero-icon[data-v-ffe14ba4] { animation: iconPulse-ffe14ba4 3s ease-in-out infinite; } @keyframes iconPulse-ffe14ba4 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-ffe14ba4] { max-width: 700px; } .hero-features[data-v-ffe14ba4] { margin: 2rem 0; } .hero-feature-item[data-v-ffe14ba4] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-ffe14ba4]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(40, 167, 69, 0.2); background: rgba(255, 255, 255, 0.95); } .animate-fade-in[data-v-ffe14ba4] { animation: fadeIn-ffe14ba4 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-ffe14ba4 { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .min-vh-50[data-v-ffe14ba4] { min-height: 50vh; } .feature-list li[data-v-ffe14ba4] { font-size: 1.1rem; } .feature-card[data-v-ffe14ba4] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .feature-card[data-v-ffe14ba4]:hover { opacity: 0.9; } .feature-icon[data-v-ffe14ba4] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(209, 250, 229, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); border-radius: 15px; } .bg-light-green[data-v-ffe14ba4] { background: linear-gradient(to right, rgba(209, 250, 229, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .feature-highlight[data-v-ffe14ba4] { transition: all 0.3s ease; } .feature-highlight[data-v-ffe14ba4]:hover { transform: translateX(10px); box-shadow: 0 5px 15px rgba(40, 167, 69, 0.15) !important; } .gradient-text-green[data-v-ffe14ba4] { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .icon-wrapper-green[data-v-ffe14ba4] { background: linear-gradient(to right, rgba(209, 250, 229, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .feature-card-green[data-v-ffe14ba4] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(40, 167, 69, 0.1); transition: all 0.3s ease; } .feature-card-green[data-v-ffe14ba4]:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(40, 167, 69, 0.15) !important; border-color: rgba(40, 167, 69, 0.3); } /* Feature Header Section - Compact Layout */ .feature-header-section[data-v-63507306] { background: linear-gradient(to right, #ccfbf1 0%, #ffffff 100%); padding: 60px 0 !important; margin-top: 76px; } .feature-header-icon[data-v-63507306] { flex-shrink: 0; } .feature-quick-box[data-v-63507306] { transition: all 0.3s ease; } .feature-quick-box[data-v-63507306]:hover { opacity: 0.9; } .bg-gradient-teal[data-v-63507306] { background: linear-gradient(to right, #ccfbf1 0%, #ffffff 100%); } /* Animated Background Elements - Project/Task Theme */ .hero-background-animation[data-v-63507306] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Task Cards - Project Items */ .task-card[data-v-63507306] { position: absolute; width: 100px; height: 60px; background: rgba(255, 255, 255, 0.6); border: 2px solid rgba(20, 184, 166, 0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; animation: taskFloat-63507306 10s ease-in-out infinite; backdrop-filter: blur(5px); } .card-1[data-v-63507306] { top: 20%; left: 10%; animation-delay: 0s; } .card-2[data-v-63507306] { top: 50%; right: 15%; animation-delay: 3s; } .card-3[data-v-63507306] { bottom: 25%; left: 20%; animation-delay: 6s; } @keyframes taskFloat-63507306 { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.5; } 50% { transform: translateY(-25px) rotate(5deg); opacity: 0.8; } } .task-check[data-v-63507306] { width: 20px; height: 20px; border: 2px solid rgba(20, 184, 166, 0.4); border-radius: 4px; position: relative; animation: checkPulse-63507306 2s ease-in-out infinite; } .task-check[data-v-63507306]::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(20, 184, 166, 0.6); font-size: 0.8rem; opacity: 0; animation: checkAppear-63507306 2s ease-in-out infinite; } @keyframes checkPulse-63507306 { 0%, 100% { border-color: rgba(20, 184, 166, 0.4); } 50% { border-color: rgba(20, 184, 166, 0.7); } } @keyframes checkAppear-63507306 { 0%, 40% { opacity: 0; } 50%, 100% { opacity: 1; } } /* Timeline Lines - Project Progress */ .timeline-line[data-v-63507306] { position: absolute; height: 3px; background: linear-gradient(90deg, transparent, rgba(20, 184, 166, 0.3), transparent); animation: timelineFlow-63507306 8s ease-in-out infinite; } .timeline-1[data-v-63507306] { width: 200px; top: 35%; left: 15%; transform: rotate(15deg); animation-delay: 0s; } .timeline-2[data-v-63507306] { width: 180px; bottom: 30%; left: 25%; transform: rotate(-20deg); animation-delay: 4s; } @keyframes timelineFlow-63507306 { 0%, 100% { opacity: 0.3; transform: scaleX(0.6); } 50% { opacity: 0.6; transform: scaleX(1); } } /* Progress Bars - Task Completion */ .progress-bar[data-v-63507306] { position: absolute; height: 4px; background: linear-gradient(90deg, rgba(20, 184, 166, 0.2), rgba(20, 184, 166, 0.4)); border-radius: 2px; animation: progressFill-63507306 6s ease-in-out infinite; } .bar-1[data-v-63507306] { width: 150px; top: 60%; right: 20%; animation-delay: 0s; } .bar-2[data-v-63507306] { width: 120px; bottom: 20%; right: 15%; animation-delay: 3s; } @keyframes progressFill-63507306 { 0% { width: 0; opacity: 0.3; } 50% { width: 100%; opacity: 0.6; } 100% { width: 0; opacity: 0.3; } } .hero-icon[data-v-63507306] { animation: iconPulse-63507306 3s ease-in-out infinite; } @keyframes iconPulse-63507306 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-63507306] { max-width: 700px; } .hero-features[data-v-63507306] { margin: 2rem 0; } .hero-feature-item[data-v-63507306] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-63507306]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(20, 184, 166, 0.2); background: rgba(255, 255, 255, 0.95); } .btn-outline-teal[data-v-63507306] { border: 2px solid #14b8a6; color: #14b8a6; background: transparent; } .btn-outline-teal[data-v-63507306]:hover { background: #14b8a6; color: white; border-color: #14b8a6; } .animate-fade-in[data-v-63507306] { animation: fadeIn-63507306 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-63507306 { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Teal color overrides */ .text-teal[data-v-63507306] { color: #14b8a6 !important; } .btn-teal[data-v-63507306] { background-color: #14b8a6; border-color: #14b8a6; color: white; } .btn-teal[data-v-63507306]:hover { background-color: #0d9488; border-color: #0d9488; color: white; } .min-vh-50[data-v-63507306] { min-height: 50vh; } .feature-list li[data-v-63507306] { font-size: 1.1rem; } .feature-card[data-v-63507306] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .feature-card[data-v-63507306]:hover { opacity: 0.9; } .feature-icon[data-v-63507306] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(204, 251, 241, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); border-radius: 15px; } .bg-light-teal[data-v-63507306] { background: linear-gradient(to right, rgba(204, 251, 241, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .bg-teal[data-v-63507306] { background-color: #14b8a6 !important; } .process-step[data-v-63507306] { transition: all 0.3s ease; } .process-step[data-v-63507306]:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(20, 184, 166, 0.2) !important; } .step-number .badge[data-v-63507306] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .gradient-text-teal[data-v-63507306] { background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .icon-wrapper-teal[data-v-63507306] { background: linear-gradient(to right, rgba(204, 251, 241, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .feature-icon-teal[data-v-63507306] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgba(204, 251, 241, 0.3); border-radius: 12px; } .feature-box-teal[data-v-63507306] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(20, 184, 166, 0.1); transition: all 0.3s ease; } .feature-box-teal[data-v-63507306]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(20, 184, 166, 0.15) !important; border-color: rgba(20, 184, 166, 0.3); } /* Feature Header Section - Compact Layout */ .feature-header-section[data-v-b9504fcc] { background: linear-gradient(to right, #fef3c7 0%, #ffffff 100%); padding: 60px 0 !important; margin-top: 76px; } .feature-header-icon[data-v-b9504fcc] { flex-shrink: 0; } .feature-quick-box[data-v-b9504fcc] { transition: all 0.3s ease; } .feature-quick-box[data-v-b9504fcc]:hover { opacity: 0.9; } .bg-gradient-warning[data-v-b9504fcc] { background: linear-gradient(to right, #fef3c7 0%, #ffffff 100%); } /* Animated Background Elements - Customer Connection Theme */ .hero-background-animation[data-v-b9504fcc] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Customer Icons - Client Representation */ .customer-icon[data-v-b9504fcc] { position: absolute; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; color: rgba(255, 193, 7, 0.25); font-size: 3rem; animation: customerFloat-b9504fcc 9s ease-in-out infinite; } .cust-1[data-v-b9504fcc] { top: 18%; left: 12%; animation-delay: 0s; } .cust-2[data-v-b9504fcc] { top: 45%; right: 18%; animation-delay: 3s; } .cust-3[data-v-b9504fcc] { bottom: 22%; left: 22%; animation-delay: 6s; } @keyframes customerFloat-b9504fcc { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; } 50% { transform: translateY(-20px) scale(1.1); opacity: 0.7; } } /* Connection Paths - Customer Relationships */ .connection-path[data-v-b9504fcc] { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, rgba(255, 193, 7, 0.3), transparent); animation: pathConnect-b9504fcc 7s ease-in-out infinite; } .path-1[data-v-b9504fcc] { width: 160px; top: 30%; left: 20%; transform: rotate(30deg); animation-delay: 0s; } .path-2[data-v-b9504fcc] { width: 140px; top: 50%; right: 25%; transform: rotate(-25deg); animation-delay: 2.5s; } .path-3[data-v-b9504fcc] { width: 180px; bottom: 28%; left: 28%; transform: rotate(40deg); animation-delay: 5s; } @keyframes pathConnect-b9504fcc { 0%, 100% { opacity: 0.2; transform: scaleX(0.5); } 50% { opacity: 0.5; transform: scaleX(1.1); } } /* Handshake Icon - Partnership */ .handshake-icon[data-v-b9504fcc] { position: absolute; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color: rgba(255, 193, 7, 0.3); font-size: 2.5rem; animation: handshakeMove-b9504fcc 6s ease-in-out infinite; } .handshake-1[data-v-b9504fcc] { top: 55%; left: 35%; animation-delay: 1s; } @keyframes handshakeMove-b9504fcc { 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.4; } 50% { transform: translate(15px, -15px) rotate(10deg); opacity: 0.7; } } /* Message Bubbles - Customer Communication */ .message-bubble[data-v-b9504fcc] { position: absolute; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 193, 7, 0.2); border-radius: 50% 50% 50% 0; animation: bubbleFloat-b9504fcc 8s ease-in-out infinite; backdrop-filter: blur(5px); } .bubble-1[data-v-b9504fcc] { top: 35%; right: 20%; animation-delay: 0s; } .bubble-2[data-v-b9504fcc] { bottom: 30%; right: 12%; animation-delay: 4s; } @keyframes bubbleFloat-b9504fcc { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; } 50% { transform: translateY(-30px) scale(1.2); opacity: 0.7; } } .hero-icon[data-v-b9504fcc] { animation: iconPulse-b9504fcc 3s ease-in-out infinite; } @keyframes iconPulse-b9504fcc { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-b9504fcc] { max-width: 700px; } .hero-features[data-v-b9504fcc] { margin: 2rem 0; } .hero-feature-item[data-v-b9504fcc] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-b9504fcc]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(255, 193, 7, 0.2); background: rgba(255, 255, 255, 0.95); } .animate-fade-in[data-v-b9504fcc] { animation: fadeIn-b9504fcc 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-b9504fcc { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .min-vh-50[data-v-b9504fcc] { min-height: 50vh; } .feature-list li[data-v-b9504fcc] { font-size: 1.1rem; } .feature-card[data-v-b9504fcc] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .feature-card[data-v-b9504fcc]:hover { opacity: 0.9; } .feature-icon[data-v-b9504fcc] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(254, 243, 199, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); border-radius: 15px; } .bg-light-yellow[data-v-b9504fcc] { background: linear-gradient(to right, rgba(254, 243, 199, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .capability-box[data-v-b9504fcc] { transition: all 0.3s ease; } .capability-box[data-v-b9504fcc]:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(255, 193, 7, 0.2) !important; } .capability-icon-wrapper[data-v-b9504fcc] { min-height: 80px; display: flex; align-items: center; justify-content: center; } .gradient-text-yellow[data-v-b9504fcc] { background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-card-yellow[data-v-b9504fcc] { background: rgba(255, 255, 255, 0.95); border: 2px solid rgba(255, 193, 7, 0.2); } .icon-wrapper-yellow[data-v-b9504fcc] { background: linear-gradient(to right, rgba(254, 243, 199, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .feature-box-yellow[data-v-b9504fcc] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 193, 7, 0.1); transition: all 0.3s ease; } .feature-box-yellow[data-v-b9504fcc]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(255, 193, 7, 0.15) !important; border-color: rgba(255, 193, 7, 0.3); } /* Feature Header Section - Compact Layout */ .feature-header-section[data-v-54ab194e] { background: linear-gradient(to right, #fee2e2 0%, #ffffff 100%); padding: 60px 0 !important; margin-top: 76px; } .feature-header-icon[data-v-54ab194e] { flex-shrink: 0; } .feature-quick-box[data-v-54ab194e] { transition: all 0.3s ease; } .feature-quick-box[data-v-54ab194e]:hover { opacity: 0.9; } .bg-gradient-danger[data-v-54ab194e] { background: linear-gradient(to right, #fee2e2 0%, #ffffff 100%); } /* Animated Background Elements - Finance/Money Theme */ .hero-background-animation[data-v-54ab194e] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; } /* Currency Symbols - Financial Elements */ .currency-symbol[data-v-54ab194e] { position: absolute; font-size: 4rem; font-weight: bold; color: rgba(220, 53, 69, 0.2); animation: currencyFloat-54ab194e 10s ease-in-out infinite; } .symbol-1[data-v-54ab194e] { top: 15%; left: 10%; animation-delay: 0s; } .symbol-2[data-v-54ab194e] { top: 50%; right: 15%; animation-delay: 3s; } .symbol-3[data-v-54ab194e] { bottom: 20%; left: 20%; animation-delay: 6s; } @keyframes currencyFloat-54ab194e { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; } 50% { transform: translateY(-25px) rotate(15deg); opacity: 0.6; } } /* Chart Lines - Financial Trends */ .chart-line[data-v-54ab194e] { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, rgba(220, 53, 69, 0.3), transparent); animation: chartLine-54ab194e 8s ease-in-out infinite; } .chart-1[data-v-54ab194e] { width: 180px; top: 30%; left: 15%; transform: rotate(25deg); animation-delay: 0s; } .chart-2[data-v-54ab194e] { width: 160px; bottom: 30%; right: 20%; transform: rotate(-30deg); animation-delay: 4s; } @keyframes chartLine-54ab194e { 0%, 100% { opacity: 0.2; transform: scaleX(0.6); } 50% { opacity: 0.5; transform: scaleX(1); } } /* Chart Bars - Financial Data */ .chart-bar[data-v-54ab194e] { position: absolute; width: 20px; background: linear-gradient(180deg, rgba(220, 53, 69, 0.3), rgba(220, 53, 69, 0.1)); border-radius: 4px 4px 0 0; animation: barGrow-54ab194e 6s ease-in-out infinite; } .bar-1[data-v-54ab194e] { height: 60px; bottom: 25%; left: 25%; animation-delay: 0s; } .bar-2[data-v-54ab194e] { height: 80px; bottom: 25%; left: 35%; animation-delay: 2s; } .bar-3[data-v-54ab194e] { height: 50px; bottom: 25%; left: 45%; animation-delay: 4s; } @keyframes barGrow-54ab194e { 0%, 100% { height: 20px; opacity: 0.3; } 50% { height: 100px; opacity: 0.6; } } /* Pie Charts - Financial Breakdown */ .pie-chart[data-v-54ab194e] { position: absolute; width: 80px; height: 80px; border-radius: 50%; border: 8px solid rgba(220, 53, 69, 0.2); border-top-color: rgba(220, 53, 69, 0.5); animation: pieRotate-54ab194e 8s linear infinite; } .pie-1[data-v-54ab194e] { top: 40%; right: 25%; animation-delay: 0s; } .pie-2[data-v-54ab194e] { bottom: 20%; right: 12%; animation-delay: 4s; } @keyframes pieRotate-54ab194e { 0% { transform: rotate(0deg); opacity: 0.4; } 50% { transform: rotate(180deg); opacity: 0.7; } 100% { transform: rotate(360deg); opacity: 0.4; } } .hero-icon[data-v-54ab194e] { animation: iconPulse-54ab194e 3s ease-in-out infinite; } @keyframes iconPulse-54ab194e { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .max-w-700[data-v-54ab194e] { max-width: 700px; } .icon-wrapper-red[data-v-54ab194e] { background: linear-gradient(to right, rgba(254, 226, 226, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); } .feature-box-red[data-v-54ab194e] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(220, 53, 69, 0.1); transition: all 0.3s ease; } .feature-box-red[data-v-54ab194e]:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(220, 53, 69, 0.15) !important; border-color: rgba(220, 53, 69, 0.3); } .hero-features[data-v-54ab194e] { margin: 2rem 0; } .hero-feature-item[data-v-54ab194e] { background: rgba(255, 255, 255, 0.8); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; color: #333; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; backdrop-filter: blur(10px); } .hero-feature-item[data-v-54ab194e]:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(220, 53, 69, 0.2); background: rgba(255, 255, 255, 0.95); } .animate-fade-in[data-v-54ab194e] { animation: fadeIn-54ab194e 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; opacity: 0; } @keyframes fadeIn-54ab194e { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .min-vh-50[data-v-54ab194e] { min-height: 50vh; } .feature-list li[data-v-54ab194e] { font-size: 1.1rem; } .feature-card[data-v-54ab194e] { transition: all 0.3s ease; border: 1px solid #e9ecef; } .feature-card[data-v-54ab194e]:hover { opacity: 0.9; } .feature-icon[data-v-54ab194e] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(254, 226, 226, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); border-radius: 15px; } .bg-light-red[data-v-54ab194e] { background: linear-gradient(to right, rgba(254, 226, 226, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .stat-card[data-v-54ab194e] { transition: all 0.3s ease; } .stat-card[data-v-54ab194e]:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(220, 53, 69, 0.2) !important; } .gradient-text-red[data-v-54ab194e] { background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .stat-box-red[data-v-54ab194e] { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(220, 53, 69, 0.1); transition: all 0.3s ease; } .stat-box-red[data-v-54ab194e]:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(220, 53, 69, 0.15) !important; border-color: rgba(220, 53, 69, 0.3); } html[dir='ltr'], [data-sonner-toaster][dir='ltr'] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; } html[dir='rtl'], [data-sonner-toaster][dir='rtl'] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; } [data-sonner-toaster] { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0; margin: 0; list-style: none; outline: none; z-index: 999999999; transition: transform 400ms ease; } @media (hover: none) and (pointer: coarse) { [data-sonner-toaster][data-lifted='true'] { transform: none; } } [data-sonner-toaster][data-x-position='right'] { right: var(--offset-right); } [data-sonner-toaster][data-x-position='left'] { left: var(--offset-left); } [data-sonner-toaster][data-x-position='center'] { left: 50%; transform: translateX(-50%); } [data-sonner-toaster][data-y-position='top'] { top: var(--offset-top); } [data-sonner-toaster][data-y-position='bottom'] { bottom: var(--offset-bottom); } [data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); touch-action: none; transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms; box-sizing: border-box; outline: none; overflow-wrap: anywhere; } [data-sonner-toast][data-styled='true'] { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; } [data-sonner-toast]:focus-visible { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2); } [data-sonner-toast][data-y-position='top'] { top: 0; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); } [data-sonner-toast][data-y-position='bottom'] { bottom: 0; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); } [data-sonner-toast][data-styled='true'] [data-description] { font-weight: 400; line-height: 1.4; color: #3f3f3f; } [data-rich-colors='true'][data-sonner-toast][data-styled='true'] [data-description] { color: inherit; } [data-sonner-toaster][data-sonner-theme='dark'] [data-description] { color: hsl(0, 0%, 91%); } [data-sonner-toast][data-styled='true'] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; } [data-sonner-toast][data-styled='true'] [data-icon] { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); } [data-sonner-toast][data-promise='true'] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center; animation: sonner-fade-in 300ms ease forwards; } [data-sonner-toast][data-styled='true'] [data-icon] > * { flex-shrink: 0; } [data-sonner-toast][data-styled='true'] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); } [data-sonner-toast][data-styled='true'] [data-content] { display: flex; flex-direction: column; gap: 2px; } [data-sonner-toast][data-styled='true'] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border: none; font-weight: 500; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 400ms, box-shadow 200ms; } [data-sonner-toast][data-styled='true'] [data-button]:focus-visible { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4); } [data-sonner-toast][data-styled='true'] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); } [data-sonner-toast][data-styled='true'] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); } [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-styled='true'] [data-cancel] { background: rgba(255, 255, 255, 0.3); } [data-sonner-toaster] [data-close-button-position='top-left'] { --toast-close-button-left: 0; --toast-close-button-right: unset; --toast-close-button-top: 0; --toast-close-button-bottom: unset; --toast-close-button-transform: translate(-35%, -35%); } [data-sonner-toaster] [data-close-button-position='top-right'] { --toast-close-button-left: unset; --toast-close-button-right: 0; --toast-close-button-top: 0; --toast-close-button-bottom: unset; --toast-close-button-transform: translate(35%, -35%); } [data-sonner-toaster] [data-close-button-position='bottom-left'] { --toast-close-button-left: 0; --toast-close-button-right: unset; --toast-close-button-top: unset; --toast-close-button-bottom: 0; --toast-close-button-transform: translate(-35%, 35%); } [data-sonner-toaster] [data-close-button-position='bottom-right'] { --toast-close-button-left: unset; --toast-close-button-right: 0; --toast-close-button-top: unset; --toast-close-button-bottom: 0; --toast-close-button-transform: translate(35%, 35%); } [data-sonner-toast][data-styled='true'] [data-close-button] { position: absolute; left: var(--toast-close-button-left); right: var(--toast-close-button-right); top: var(--toast-close-button-top); bottom: var(--toast-close-button-bottom); height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 100ms, background 200ms, border-color 200ms; } [data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2); } [data-sonner-toast][data-styled='true'] [data-disabled='true'] { cursor: not-allowed; } [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); } [data-sonner-toast][data-swiping='true']::before { content: ''; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; } [data-sonner-toast][data-y-position='top'][data-swiping='true']::before { bottom: 50%; transform: scaleY(3) translateY(50%); } [data-sonner-toast][data-y-position='bottom'][data-swiping='true']::before { top: 50%; transform: scaleY(3) translateY(-50%); } [data-sonner-toast][data-swiping='false'][data-removed='true']::before { content: ''; position: absolute; inset: 0; transform: scaleY(2); } [data-sonner-toast][data-expanded='true']::after { content: ''; position: absolute; left: 0; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; } [data-sonner-toast][data-mounted='true'] { --y: translateY(0); opacity: 1; } [data-sonner-toast][data-expanded='false'][data-front='false'] { --scale: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * 0.05 + 1)); height: var(--front-toast-height); } [data-sonner-toast] > * { transition: opacity 400ms; } [data-sonner-toast][data-x-position='right'] { right: 0; } [data-sonner-toast][data-x-position='left'] { left: 0; } [data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true'] > * { opacity: 0; } [data-sonner-toast][data-visible='false'] { opacity: 0; pointer-events: none; } [data-sonner-toast][data-mounted='true'][data-expanded='true'] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); } [data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; } [data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; } [data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] { --y: translateY(40%); opacity: 0; transition: transform 500ms, opacity 200ms; } [data-sonner-toast][data-removed='true'][data-front='false']::before { height: calc(var(--initial-height) + 20%); } [data-sonner-toast][data-swiping='true'] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px)); transition: none; } [data-sonner-toast][data-swiped='true'] { -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'], [data-sonner-toast][data-swipe-out='true'][data-y-position='top'] { animation-duration: 200ms; animation-timing-function: ease-out; animation-fill-mode: forwards; } [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='left'] { animation-name: swipe-out-left; } [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='right'] { animation-name: swipe-out-right; } [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='up'] { animation-name: swipe-out-up; } [data-sonner-toast][data-swipe-out='true'][data-swipe-direction='down'] { animation-name: swipe-out-down; } @keyframes swipe-out-left { from { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; } to { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; } } @keyframes swipe-out-right { from { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; } to { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; } } @keyframes swipe-out-up { from { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } to { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; } } @keyframes swipe-out-down { from { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } to { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; } } @media (max-width: 600px) { [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; } [data-sonner-toaster][dir='rtl'] { left: calc(var(--mobile-offset-left) * -1); } [data-sonner-toaster] [data-sonner-toast] { left: 0; right: 0; width: calc(100% - var(--mobile-offset-left) * 2); } [data-sonner-toaster][data-x-position='left'] { left: var(--mobile-offset-left); } [data-sonner-toaster][data-y-position='bottom'] { bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px)); } [data-sonner-toaster][data-y-position='top'] { top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px)); } [data-sonner-toaster][data-x-position='center'] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; } } [data-sonner-toaster][data-sonner-theme='light'] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 84%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); } [data-sonner-toaster][data-sonner-theme='light'] [data-sonner-toast][data-invert='true'] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); } [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-invert='true'] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); } [data-sonner-toaster][data-sonner-theme='dark'] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 43%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 9%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); } [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); } [data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); } [data-rich-colors='true'][data-sonner-toast][data-type='success'] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); } [data-rich-colors='true'][data-sonner-toast][data-type='success'] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); } [data-rich-colors='true'][data-sonner-toast][data-type='info'] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); } [data-rich-colors='true'][data-sonner-toast][data-type='info'] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); } [data-rich-colors='true'][data-sonner-toast][data-type='warning'] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); } [data-rich-colors='true'][data-sonner-toast][data-type='warning'] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); } [data-rich-colors='true'][data-sonner-toast][data-type='error'] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); } [data-rich-colors='true'][data-sonner-toast][data-type='error'] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); } .sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0; z-index: 10; } .sonner-loading-wrapper[data-visible='false'] { transform-origin: center; animation: sonner-fade-out 0.2s ease forwards; } .sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); } .sonner-loading-bar { animation: sonner-spin 1.2s linear infinite; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; } .sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); } .sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); } .sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); } .sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); } .sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); } .sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); } .sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); } .sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); } .sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); } .sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); } .sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); } .sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); } @keyframes sonner-fade-in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes sonner-fade-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes sonner-spin { 0% { opacity: 1; } 100% { opacity: 0.15; } } @media (prefers-reduced-motion) { [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: none !important; } } .sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; transition: opacity 200ms, transform 200ms; } .sonner-loader[data-visible='false'] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); } /* Vue Sonner — white toasts, black text, colored icons only */ [data-sonner-toast][data-styled='true'] { background: #ffffff !important; color: #111111 !important; border: 1px solid #e5e7eb !important; padding-right: 36px !important; } [data-sonner-toast][data-styled='true'] [data-title], [data-sonner-toast][data-styled='true'] [data-description] { color: #111111 !important; } /* Close button: inside top-right corner of the toast */ [data-sonner-toast][data-styled='true'] [data-close-button] { left: auto !important; right: 8px !important; top: 8px !important; bottom: auto !important; transform: none !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #6b7280 !important; width: 20px; height: 20px; border-radius: 4px; } [data-sonner-toast][data-styled='true'] [data-close-button]:hover { background: #f3f4f6 !important; border-color: #d1d5db !important; color: #111111 !important; } /* Type color only on icons (SVGs use currentColor) */ [data-sonner-toast][data-type='success'] [data-icon] { color: #16a34a !important; } [data-sonner-toast][data-type='error'] [data-icon] { color: #dc2626 !important; } [data-sonner-toast][data-type='info'] [data-icon] { color: #2563eb !important; } [data-sonner-toast][data-type='warning'] [data-icon] { color: #d97706 !important; } [data-sonner-toast][data-type='loading'] [data-icon] { color: #6b7280 !important; } .vue-select { font-size: 12px !important; } .menu-option { font-size: 12px !important; } .single-value { font-size: 12px !important; } .search-input { font-size: 12px !important; } .no-results { font-size: 12px !important; } .control { border-radius: 0.375rem !important; } .control.focused { box-shadow: 0 0 0 1px #1e40af !important; border-color: #1e40af !important; } /* Do not pin vue-select menus under overlays — teleported menus use vue-select-menu-zindex.css (z-index 1100). In-place menus stay local. */ .menu:not(.vs-menu-teleported) { z-index: 20; } /* Currently-selected option stays visible but muted (matches other selects). */ .menu-option.selected { background-color: #f3f4f6 !important; color: #6b7280 !important; } /* Global Smooth Scrolling - Applies to all pages */ html { scroll-behavior: smooth; overflow-x: hidden; } body { overflow-x: hidden; position: relative; } /* Page Transition Animations - Removed for website pages */ /* Smooth Scroll Animations - Global keyframes */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } /* ============================================ MARKETING PAGES ONLY - Scoped to .public-layout ============================================ */ /* Enhanced Focus States - No Shadow */ .public-layout *:focus-visible { outline: none; box-shadow: none !important; border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Ultra Smooth Transitions for All Interactive Elements */ .public-layout a, .public-layout button, .public-layout input, .public-layout select, .public-layout textarea, .public-layout .btn, .public-layout .card, .public-layout .feature-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform, opacity, box-shadow; } /* Premium Selection */ .public-layout ::-moz-selection { background: linear-gradient(135deg, rgba(30, 58, 138, 0.3), rgba(30, 64, 175, 0.3)); color: inherit; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); } .public-layout ::selection { background: linear-gradient(135deg, rgba(30, 58, 138, 0.3), rgba(30, 64, 175, 0.3)); color: inherit; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); } .public-layout ::-moz-selection { background: linear-gradient(135deg, rgba(30, 58, 138, 0.3), rgba(30, 64, 175, 0.3)); color: inherit; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); } /* Simple Button Hover - Light Color Change Only */ .public-layout .btn-primary:hover, .public-layout .btn-purple:hover, .public-layout .btn-success:hover, .public-layout .btn-teal:hover, .public-layout .btn-warning:hover, .public-layout .btn-danger:hover { opacity: 0.85; } /* Card Hover Effects - Light Color Change Only */ .public-layout .card:hover, .public-layout .feature-card:hover, .public-layout .pricing-card:hover { opacity: 0.9; } /* Smooth Text Animations */ .public-layout h1, .public-layout h2, .public-layout h3, .public-layout h4, .public-layout h5, .public-layout h6 { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Enhanced Link Hover */ .public-layout a { position: relative; } .public-layout a:hover { color: #1e40af; } /* Premium Scrollbar */ .public-layout ::-webkit-scrollbar { width: 10px; height: 10px; } .public-layout ::-webkit-scrollbar-track { background: linear-gradient(to bottom, #f1f5f9, #ffffff); } .public-layout ::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #1e3a8a, #1e40af); border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .public-layout ::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #1e40af, #3b82f6); box-shadow: none !important; } /* Scroll-triggered Animations */ .public-layout .fade-in-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .public-layout .fade-in-on-scroll.visible { opacity: 1; transform: translateY(0); } .public-layout .scale-in-on-scroll { opacity: 0; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .public-layout .scale-in-on-scroll.visible { opacity: 1; transform: scale(1); } .public-layout .slide-in-left { opacity: 0; transform: translateX(-50px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .public-layout .slide-in-left.visible { opacity: 1; transform: translateX(0); } .public-layout .slide-in-right { opacity: 0; transform: translateX(50px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .public-layout .slide-in-right.visible { opacity: 1; transform: translateX(0); } /* Smooth Parallax Effect */ .public-layout .parallax-slow { transition: transform 0.3s ease-out; } .public-layout .parallax-fast { transition: transform 0.1s ease-out; } /*! * * ant-design-vue v3.2.20 * * Copyright 2017-present, ant-design-vue. * All rights reserved. * */ /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/style/index.less ***! \****************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ [class^=ant-]::-ms-clear, [class*= ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*= ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*= ant-] input::-ms-reveal { display: none; } /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-variant: tabular-nums; line-height: 1.5715; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #1890ff; } ::selection { color: #fff; background: #1890ff; } .clearfix::before { display: table; content: ''; } .clearfix::after { display: table; clear: both; content: ''; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon > .anticon { line-height: 0; vertical-align: 0; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; animation: loadingCircle 1s infinite linear; } .ant-fade-enter, .ant-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; animation-timing-function: linear; } .ant-fade-leave { animation-timing-function: linear; } .fade-enter, .fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .fade-leave.fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; animation-timing-function: linear; } .fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-up-enter, .move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .move-up-leave.move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .move-up-enter, .move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .move-down-leave.move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .move-down-enter, .move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .move-left-leave.move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .move-left-enter, .move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .move-right-leave.move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .move-right-enter, .move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #1890ff; --scroll-bar: 0; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation-fill-mode: forwards; content: ''; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .slide-up-enter, .slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .slide-down-enter, .slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .slide-left-enter, .slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .slide-right-enter, .slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-up-enter, .ant-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .ant-zoom-enter, .ant-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-enter, .zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .zoom-leave.zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-enter-prepare, .zoom-appear-prepare { transform: none; } .zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-enter-prepare, .zoom-big-appear-prepare { transform: none; } .zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare { transform: none; } .zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-enter-prepare, .zoom-up-appear-prepare { transform: none; } .zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-enter-prepare, .zoom-down-appear-prepare { transform: none; } .zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-enter-prepare, .zoom-left-appear-prepare { transform: none; } .zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-enter-prepare, .zoom-right-appear-prepare { transform: none; } .zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/affix/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-affix { position: fixed; z-index: 10; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/alert/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-alert { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .ant-alert-content { flex: 1; min-width: 0; } .ant-alert-icon { margin-right: 8px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #e6f7ff; border: 1px solid #91d5ff; } .ant-alert-info .ant-alert-icon { color: #1890ff; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff2f0; border: 1px solid #ffccc7; } .ant-alert-error .ant-alert-icon { color: #ff4d4f; } .ant-alert-error .ant-alert-description > pre { margin: 0; padding: 0; } .ant-alert-action { margin-left: 8px; } .ant-alert-close-icon { margin-left: 8px; padding: 0; overflow: hidden; font-size: 12px; line-height: 12px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px 15px; } .ant-alert-with-description .ant-alert-icon { margin-right: 15px; font-size: 24px; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; opacity: 0; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl .ant-alert-icon { margin-right: auto; margin-left: 8px; } .ant-alert-rtl .ant-alert-action { margin-right: 8px; margin-left: auto; } .ant-alert-rtl .ant-alert-close-icon { margin-right: 8px; margin-left: auto; } .ant-alert-rtl.ant-alert-with-description { padding-right: 24px; padding-left: 15px; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-right: auto; margin-left: 15px; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/anchor/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-anchor { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; padding-left: 2px; } .ant-anchor-wrapper { margin-left: -4px; padding-left: 4px; overflow: auto; background-color: transparent; } .ant-anchor-ink { position: absolute; top: 0; left: 0; height: 100%; } .ant-anchor-ink::before { position: relative; display: block; width: 2px; height: 100%; margin: 0 auto; background-color: #f0f0f0; content: ' '; } .ant-anchor-ink-ball { position: absolute; left: 50%; display: none; width: 8px; height: 8px; background-color: #fff; border: 2px solid #1890ff; border-radius: 8px; transform: translateX(-50%); transition: top 0.3s ease-in-out; } .ant-anchor-ink-ball.visible { display: inline-block; } .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { display: none; } .ant-anchor-link { padding: 7px 0 7px 16px; line-height: 1.143; } .ant-anchor-link-title { position: relative; display: block; margin-bottom: 6px; overflow: hidden; color: rgba(0, 0, 0, 0.85); white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-anchor-link-title:only-child { margin-bottom: 0; } .ant-anchor-link-active > .ant-anchor-link-title { color: #1890ff; } .ant-anchor-link .ant-anchor-link { padding-top: 5px; padding-bottom: 5px; } .ant-anchor-rtl { direction: rtl; } .ant-anchor-rtl.ant-anchor-wrapper { margin-right: -4px; margin-left: 0; padding-right: 4px; padding-left: 0; } .ant-anchor-rtl .ant-anchor-ink { right: 0; left: auto; } .ant-anchor-rtl .ant-anchor-ink-ball { right: 50%; left: 0; transform: translateX(50%); } .ant-anchor-rtl .ant-anchor-link { padding: 7px 16px 7px 0; } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/auto-complete/style/index.less ***! \******************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-select-auto-complete { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-select-auto-complete .ant-select-clear { right: 13px; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/select/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } @supports (-moz-appearance: meterbar) { .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 30px; } } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\a0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 24px; transition: all 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { margin-inline-start: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } /* Reset search input style */ .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px !important; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #e6f7ff; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1890ff; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: #f5f5f5; } .ant-select-item-option-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 6px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/empty/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-empty { margin: 0 8px; font-size: 14px; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-empty-img-default-ellipse { fill: #f5f5f5; fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url('#linearGradient-1'); } .ant-empty-img-default-path-3 { fill: #f5f5f7; } .ant-empty-img-default-path-4 { fill: #dce0e6; } .ant-empty-img-default-path-5 { fill: #dce0e6; } .ant-empty-img-default-g { fill: #fff; } .ant-empty-img-simple-ellipse { fill: #f5f5f5; } .ant-empty-img-simple-g { stroke: #d9d9d9; } .ant-empty-img-simple-path { fill: #fafafa; } .ant-empty-rtl { direction: rtl; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/avatar/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-avatar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar .ant-image-img { display: block; } .ant-avatar-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar.ant-avatar-icon { font-size: 18px; } .ant-avatar.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-lg.ant-avatar-icon { font-size: 24px; } .ant-avatar-lg.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-sm.ant-avatar-icon { font-size: 14px; } .ant-avatar-sm.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-square { border-radius: 2px; } .ant-avatar > img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ant-avatar-group { display: inline-flex; } .ant-avatar-group .ant-avatar { border: 1px solid #fff; } .ant-avatar-group .ant-avatar:not(:first-child) { margin-left: -8px; } .ant-avatar-group-popover .ant-avatar + .ant-avatar { margin-left: 3px; } .ant-avatar-group-rtl .ant-avatar:not(:first-child) { margin-right: -8px; margin-left: 0; } .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar { margin-right: 3px; margin-left: 0; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/back-top/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-back-top { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; right: 100px; bottom: 50px; z-index: 10; width: 40px; height: 40px; cursor: pointer; } .ant-back-top:empty { display: none; } .ant-back-top-rtl { right: auto; left: 100px; direction: rtl; } .ant-back-top-content { width: 40px; height: 40px; overflow: hidden; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.45); border-radius: 20px; transition: all 0.3s; } .ant-back-top-content:hover { background-color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-back-top-icon { font-size: 24px; line-height: 40px; } @media screen and (max-width: 768px) { .ant-back-top { right: 60px; } } @media screen and (max-width: 480px) { .ant-back-top { right: 20px; } } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/badge/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-badge { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; } .ant-badge-count { z-index: auto; min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: normal; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #ff4d4f; border-radius: 10px; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-count-sm { min-width: 14px; height: 14px; padding: 0; font-size: 12px; line-height: 14px; border-radius: 7px; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { z-index: auto; width: 6px; min-width: 6px; height: 6px; background: #ff4d4f; border-radius: 100%; box-shadow: 0 0 0 1px #fff; } .ant-badge-dot.ant-scroll-number { transition: background 1.5s; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-count.anticon-spin, .ant-badge-dot.anticon-spin, .ant-badge .ant-scroll-number-custom-component.anticon-spin { animation: antBadgeLoadingCircle 1s infinite linear; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ''; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #ff4d4f; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-magenta { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation-fill-mode: both; } .ant-badge-zoom-leave { animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); animation-fill-mode: both; } .ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter { animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); } .ant-badge-not-a-wrapper .ant-badge-zoom-leave { animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; direction: ltr; } .ant-scroll-number-only { position: relative; display: inline-block; height: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* stylelint-disable property-no-vendor-prefix */ -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; /* stylelint-enable property-no-vendor-prefix */ } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; /* stylelint-disable property-no-vendor-prefix */ -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; /* stylelint-enable property-no-vendor-prefix */ } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antNoWrapperZoomBadgeIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); } } @keyframes antNoWrapperZoomBadgeOut { 0% { transform: scale(1); } 100% { transform: scale(0); opacity: 0; } } @keyframes antBadgeLoadingCircle { 0% { transform-origin: 50%; } 100% { transform: translate(50%, -50%) rotate(360deg); transform-origin: 50%; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 8px; height: 22px; padding: 0 8px; color: #fff; line-height: 22px; white-space: nowrap; background-color: #1890ff; border-radius: 2px; } .ant-ribbon-text { color: #fff; } .ant-ribbon-corner { position: absolute; top: 100%; width: 8px; height: 8px; color: currentcolor; border: 4px solid; transform: scaleY(0.75); transform-origin: top; } .ant-ribbon-corner::after { position: absolute; top: -4px; left: -4px; width: inherit; height: inherit; color: rgba(0, 0, 0, 0.25); border: inherit; content: ''; } .ant-ribbon-color-pink { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-magenta { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-red { color: #f5222d; background: #f5222d; } .ant-ribbon-color-volcano { color: #fa541c; background: #fa541c; } .ant-ribbon-color-orange { color: #fa8c16; background: #fa8c16; } .ant-ribbon-color-yellow { color: #fadb14; background: #fadb14; } .ant-ribbon-color-gold { color: #faad14; background: #faad14; } .ant-ribbon-color-cyan { color: #13c2c2; background: #13c2c2; } .ant-ribbon-color-lime { color: #a0d911; background: #a0d911; } .ant-ribbon-color-green { color: #52c41a; background: #52c41a; } .ant-ribbon-color-blue { color: #1890ff; background: #1890ff; } .ant-ribbon-color-geekblue { color: #2f54eb; background: #2f54eb; } .ant-ribbon-color-purple { color: #722ed1; background: #722ed1; } .ant-ribbon.ant-ribbon-placement-end { right: -8px; border-bottom-right-radius: 0; } .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { right: 0; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon.ant-ribbon-placement-start { left: -8px; border-bottom-left-radius: 0; } .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-badge-rtl { direction: rtl; } .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; direction: ltr; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 8px; margin-left: 0; } .ant-ribbon-rtl { direction: rtl; } .ant-ribbon-rtl.ant-ribbon-placement-end { right: unset; left: -8px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { right: unset; left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-start { right: -8px; left: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { right: 0; left: unset; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { border-color: currentcolor transparent transparent currentcolor; } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/breadcrumb/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: #40a9ff; } .ant-breadcrumb > span:last-child { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb > span:last-child a { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb > span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; } .ant-breadcrumb-rtl { direction: rtl; } .ant-breadcrumb-rtl::before { display: table; content: ''; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ''; } .ant-breadcrumb-rtl > span { float: right; } .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { margin-right: 4px; margin-left: 0; } .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { margin-right: 4px; margin-left: 0; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/menu/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-menu-item-danger.ant-menu-item { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:active { background: #fff1f0; } .ant-menu-item-danger.ant-menu-item-selected { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover { color: #ff4d4f; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { background-color: #fff1f0; } .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { border-right-color: #ff4d4f; } .ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { color: #ff4d4f; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { color: #fff; background-color: #ff4d4f; } .ant-menu { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 0; text-align: left; list-style: none; background: #fff; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; } .ant-menu::before { display: table; content: ''; } .ant-menu::after { display: table; clear: both; content: ''; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-overflow { display: flex; } .ant-menu-overflow-item { flex: none; } .ant-menu-hidden, .ant-menu-submenu-hidden { display: none; } .ant-menu-item-group-title { height: 1.5715; padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: all 0.3s; } .ant-menu-horizontal .ant-menu-submenu { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #e6f7ff; } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-title-content { transition: color 0.3s; } .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item a:hover { color: #1890ff; } .ant-menu-item a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; } .ant-menu-item > .ant-badge a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item > .ant-badge a:hover { color: #1890ff; } .ant-menu-item-divider { overflow: hidden; line-height: 0; border-color: #f0f0f0; border-style: solid; border-width: 1px 0 0; } .ant-menu-item-divider-dashed { border-style: dashed; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #1890ff; } .ant-menu-item-selected a, .ant-menu-item-selected a:hover { color: #1890ff; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #e6f7ff; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #f0f0f0; } .ant-menu-vertical-right { border-left: 1px solid #f0f0f0; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; max-height: calc(100vh - 100px); padding: 0; overflow: hidden; border-right: 0; } .ant-menu-vertical.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) { overflow-x: hidden; overflow-y: auto; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title { transition: border-color 0.3s, background 0.3s; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; font-size: 14px; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; } .ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { margin-left: 10px; opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; } .ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg { vertical-align: -0.125em; } .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { margin-right: 0; } .ant-menu-item:focus-visible, .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu > .ant-menu-item-divider { margin: 1px 0; padding: 0; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 2px; box-shadow: none; transform-origin: 0 0; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0.0001; content: ' '; } .ant-menu-submenu-placement-rightTop::before { top: 0; left: -7px; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 2px; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-popup > .ant-menu { background-color: #fff; } .ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; color: rgba(0, 0, 0, 0.85); transform: translateY(-50%); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background-color: currentcolor; border-radius: 2px; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-2.5px); } .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(2.5px); } .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { color: #1890ff; } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateX(2.5px); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateX(-2.5px); } .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { display: none; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateX(-2.5px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateX(2.5px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal { line-height: 46px; border: 0; border-bottom: 1px solid #f0f0f0; box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin-top: -1px; margin-bottom: 0; padding: 0 20px; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { border-bottom: 2px solid #1890ff; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; } .ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 2px solid transparent; transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { padding: 0; } .ant-menu-horizontal > .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-horizontal > .ant-menu-item a:hover { color: #1890ff; } .ant-menu-horizontal > .ant-menu-item a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected a { color: #1890ff; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: '\20'; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1890ff; transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ''; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { display: flex; align-items: center; transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { flex: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { flex: none; } .ant-menu.ant-menu-inline-collapsed { width: 80px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 calc(50% - 16px / 2); text-overflow: clip; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; opacity: 0; } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu.ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu.ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { font-size: 16px; text-align: center; } .ant-menu-sub.ant-menu-inline { padding: 0; background: #fafafa; border: 0; border-radius: 0; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0, 0, 0, 0.25) !important; background: none; cursor: not-allowed; } .ant-menu-item-disabled::after, .ant-menu-submenu-disabled::after { border-color: transparent !important; } .ant-menu-item-disabled a, .ant-menu-submenu-disabled a { color: rgba(0, 0, 0, 0.25) !important; pointer-events: none; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-layout-header .ant-menu { line-height: inherit; } .ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover { color: #fff; } .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover { color: #1890ff; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: all 0.3s; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; padding: 0 20px; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: #1890ff; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a { color: #fff; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-menu.ant-menu-rtl { direction: rtl; text-align: right; } .ant-menu-rtl .ant-menu-item-group-title { text-align: right; } .ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical { border-right: none; border-left: 1px solid #f0f0f0; } .ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { border-left: none; } .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: top right; } .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon { margin-right: auto; margin-left: 10px; } .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { margin-left: 0; } .ant-menu-submenu-rtl.ant-menu-submenu-popup { transform-origin: 100% 0; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { right: auto; left: 16px; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateY(-2px); } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateY(2px); } .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { right: auto; left: 0; } .ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { text-align: right; } .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { padding-right: 0; padding-left: 34px; } .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { padding-right: 16px; padding-left: 34px; } .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { padding: 0 calc(50% - 16px / 2); } .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 28px 0 16px; } .ant-menu-sub.ant-menu-inline { border: 0; } .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-right: 32px; padding-left: 0; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/tooltip/style/index.less ***! \************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; width: -moz-max-content; width: max-content; max-width: 250px; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 8px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 8px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 8px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 8px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: rgba(0, 0, 0, 0.75); content: ''; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -5.07106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -5.07106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -5.07106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -5.07106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow-content { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow-content { background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow-content { background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow-content { background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow-content { background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow-content { background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow-content { background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow-content { background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow-content { background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow-content { background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow-content { background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow-content { background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow-content { background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/dropdown/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -4px; right: 0; bottom: -4px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 10px; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 10px; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; transform: rotate(45deg); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 6.2px; border-color: transparent #fff #fff transparent; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 6px; border-color: #fff transparent transparent #fff; box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-title-content { flex: auto; white-space: nowrap; } .ant-dropdown-menu-title-content > a { color: inherit; transition: all 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #f5f5f5; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/button/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentcolor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; border-color: #1890ff; background: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; border-color: #40a9ff; background: #40a9ff; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active { color: #fff; border-color: #096dd9; background: #096dd9; } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: transparent; } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentcolor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentcolor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff; } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; background: #fff; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff; } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; border-color: transparent; background: rgba(0, 0, 0, 0.018); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0, 0, 0, 0.028); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -3px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: loadingCircle 1s infinite linear; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 0; } .ant-btn-group-lg .ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 0; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 14px; } .ant-btn-group-sm .ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { color: #fff; border-color: #fff; } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn.ant-btn-background-ghost:active { color: #096dd9; border-color: #096dd9; } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } a.ant-btn { padding-top: 0.01px !important; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #40a9ff; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; padding-left: 0; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/calendar/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-picker-calendar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; } .ant-picker-calendar-header { display: flex; justify-content: flex-end; padding: 12px 0; } .ant-picker-calendar-header .ant-picker-calendar-year-select { min-width: 80px; } .ant-picker-calendar-header .ant-picker-calendar-month-select { min-width: 70px; margin-left: 8px; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-left: 8px; } .ant-picker-calendar .ant-picker-panel { background: #fff; border: 0; border-top: 1px solid #f0f0f0; border-radius: 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { width: auto; } .ant-picker-calendar .ant-picker-panel .ant-picker-body { padding: 8px 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-content { width: 100%; } .ant-picker-calendar-mini { border-radius: 2px; } .ant-picker-calendar-mini .ant-picker-calendar-header { padding-right: 8px; padding-left: 8px; } .ant-picker-calendar-mini .ant-picker-panel { border-radius: 0 0 2px 2px; } .ant-picker-calendar-mini .ant-picker-content { height: 256px; } .ant-picker-calendar-mini .ant-picker-content th { height: auto; padding: 0; line-height: 18px; } .ant-picker-calendar-full .ant-picker-panel { display: block; width: 100%; text-align: right; background: #fff; border: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { padding: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { height: auto; padding: 0 12px 5px 0; line-height: 18px; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { background: #f5f5f5; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { background: #e6f7ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: #1890ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { display: block; width: auto; height: auto; margin: 0 4px; padding: 4px 8px 0; border: 0; border-top: 2px solid #f0f0f0; border-radius: 0; transition: background 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { line-height: 24px; transition: color 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { position: static; width: auto; height: 86px; overflow-y: auto; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; text-align: left; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { border-color: #1890ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: rgba(0, 0, 0, 0.85); } @media only screen and (max-width: 480px) { .ant-picker-calendar-header { display: block; } .ant-picker-calendar-header .ant-picker-calendar-year-select { width: 50%; } .ant-picker-calendar-header .ant-picker-calendar-month-select { width: calc(50% - 8px); } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { width: 100%; margin-top: 8px; margin-left: 0; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label { width: 50%; text-align: center; } } .ant-picker-calendar-rtl { direction: rtl; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { text-align: left; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { padding: 0 0 5px 12px; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { text-align: right; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/radio/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-flex; align-items: baseline; margin-right: 8px; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #40a9ff; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/date-picker/style/index.less ***! \****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; padding: 4px 11px 4px; position: relative; display: inline-flex; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: border 0.3s, box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: #40a9ff; border-right-width: 1px !important; } .ant-picker-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-picker.ant-picker-disabled { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-picker.ant-picker-disabled .ant-picker-suffix { color: rgba(0, 0, 0, 0.25); } .ant-picker.ant-picker-borderless { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .ant-picker-input > input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; } .ant-picker-input > input::-moz-placeholder { opacity: 1; } .ant-picker-input > input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-picker-input > input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:-moz-placeholder { text-overflow: ellipsis; } .ant-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-picker-input > input-borderless, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-picker-input > input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-picker-input > input-sm { padding: 0px 7px; } .ant-picker-input > input:focus { box-shadow: none; } .ant-picker-input > input[disabled] { background: transparent; } .ant-picker-input:hover .ant-picker-clear { opacity: 1; } .ant-picker-input-placeholder > input { color: #bfbfbf; } .ant-picker-large { padding: 6.5px 11px 6.5px; } .ant-picker-large .ant-picker-input > input { font-size: 16px; } .ant-picker-small { padding: 0px 7px 0px; } .ant-picker-suffix { align-self: center; margin-left: 4px; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .ant-picker-suffix > * { vertical-align: top; } .ant-picker-clear { position: absolute; top: 50%; right: 0; color: rgba(0, 0, 0, 0.25); line-height: 1; background: #fff; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .ant-picker-clear > * { vertical-align: top; } .ant-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-picker-separator { position: relative; display: inline-block; width: 1em; height: 16px; color: rgba(0, 0, 0, 0.25); font-size: 16px; vertical-align: top; cursor: default; } .ant-picker-focused .ant-picker-separator { color: rgba(0, 0, 0, 0.45); } .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { cursor: not-allowed; } .ant-picker-range { position: relative; display: inline-flex; } .ant-picker-range .ant-picker-clear { right: 11px; } .ant-picker-range:hover .ant-picker-clear { opacity: 1; } .ant-picker-range .ant-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: #1890ff; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; } .ant-picker-range.ant-picker-focused .ant-picker-active-bar { opacity: 1; } .ant-picker-range-separator { align-items: center; padding: 0 8px; line-height: 1; } .ant-picker-range.ant-picker-small .ant-picker-clear { right: 7px; } .ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-left: 7px; } .ant-picker-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1050; } .ant-picker-dropdown-hidden { display: none; } .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { top: 1.66666667px; display: block; transform: rotate(-45deg); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { bottom: 1.66666667px; display: block; transform: rotate(135deg); } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-picker-dropdown-range { padding: 6.66666667px 0; } .ant-picker-dropdown-range-hidden { display: none; } .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { padding-top: 4px; } .ant-picker-ranges { margin-bottom: 0; padding: 4px 12px; overflow: hidden; line-height: 34px; text-align: left; list-style: none; } .ant-picker-ranges > li { display: inline-block; } .ant-picker-ranges .ant-picker-preset > .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; cursor: pointer; } .ant-picker-ranges .ant-picker-ok { float: right; margin-left: 8px; } .ant-picker-range-wrapper { display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 10px; height: 10px; margin-left: 16.5px; box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06); transition: left 0.3s ease-out; } .ant-picker-range-arrow::after { position: absolute; top: 1px; right: 1px; width: 10px; height: 10px; border: 5px solid #f0f0f0; border-color: #fff #fff transparent transparent; content: ''; } .ant-picker-panel-container { overflow: hidden; vertical-align: top; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .ant-picker-panel-container .ant-picker-panel { vertical-align: top; background: transparent; border-width: 0 0 1px 0; border-radius: 0; } .ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table { text-align: center; } .ant-picker-panel-container .ant-picker-panel-focused { border-color: #f0f0f0; } .ant-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; } .ant-picker-panel-focused { border-color: #1890ff; } .ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel { display: flex; flex-direction: column; width: 280px; } .ant-picker-header { display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .ant-picker-header > * { flex: none; } .ant-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; transition: color 0.3s; } .ant-picker-header > button { min-width: 1.6em; font-size: 14px; } .ant-picker-header > button:hover { color: rgba(0, 0, 0, 0.85); } .ant-picker-header-view { flex: auto; font-weight: 500; line-height: 40px; } .ant-picker-header-view button { color: inherit; font-weight: inherit; } .ant-picker-header-view button:not(:first-child) { margin-left: 8px; } .ant-picker-header-view button:hover { color: #1890ff; } .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon { position: relative; display: inline-block; width: 7px; height: 7px; } .ant-picker-prev-icon::before, .ant-picker-next-icon::before, .ant-picker-super-prev-icon::before, .ant-picker-super-next-icon::before { position: absolute; top: 0; left: 0; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-super-prev-icon::after, .ant-picker-super-next-icon::after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-prev-icon, .ant-picker-super-prev-icon { transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { transform: rotate(135deg); } .ant-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .ant-picker-content th, .ant-picker-content td { position: relative; min-width: 24px; font-weight: 400; } .ant-picker-content th { height: 30px; color: rgba(0, 0, 0, 0.85); line-height: 30px; } .ant-picker-cell { padding: 3px 0; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .ant-picker-cell-in-view { color: rgba(0, 0, 0, 0.85); } .ant-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: #f5f5f5; } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #1890ff; border-radius: 2px; content: ''; } .ant-picker-cell-in-view.ant-picker-cell-in-range { position: relative; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { color: #fff; background: #1890ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start::before { left: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 24px; border-top: 1px dashed #7ec1ff; border-bottom: 1px dashed #7ec1ff; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell-range-hover-start::after, .ant-picker-cell-range-hover-end::after, .ant-picker-cell-range-hover::after { right: 0; left: 2px; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: #cbe6ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { position: absolute; top: 0; bottom: 0; z-index: -1; background: #cbe6ff; transition: all 0.3s; content: ''; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 50%; } .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { left: 50%; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #7ec1ff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #7ec1ff; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { background: transparent; } .ant-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content { height: 264px; } .ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { padding: 0 8px; } .ant-picker-quarter-panel .ant-picker-content { height: 56px; } .ant-picker-footer { width: -moz-min-content; width: min-content; min-width: 100%; line-height: 38px; text-align: center; border-bottom: 1px solid transparent; } .ant-picker-panel .ant-picker-footer { border-top: 1px solid #f0f0f0; } .ant-picker-footer-extra { padding: 0 12px; line-height: 38px; text-align: left; } .ant-picker-footer-extra:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .ant-picker-now { text-align: left; } .ant-picker-today-btn { color: #1890ff; } .ant-picker-today-btn:hover { color: #40a9ff; } .ant-picker-today-btn:active { color: #096dd9; } .ant-picker-today-btn.ant-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-picker-decade-panel .ant-picker-cell-inner { padding: 0 4px; } .ant-picker-decade-panel .ant-picker-cell::before { display: none; } .ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body { padding: 0 8px; } .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { width: 60px; } .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-week-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { background: transparent !important; } .ant-picker-week-panel-row td { transition: background 0.3s; } .ant-picker-week-panel-row:hover td { background: #f5f5f5; } .ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td { background: #1890ff; } .ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #fff; } .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { color: #fff; } .ant-picker-date-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-date-panel .ant-picker-content { width: 252px; } .ant-picker-date-panel .ant-picker-content th { width: 36px; } .ant-picker-datetime-panel { display: flex; } .ant-picker-datetime-panel .ant-picker-time-panel { border-left: 1px solid #f0f0f0; } .ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel { transition: opacity 0.3s; } .ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel { opacity: 0.3; } .ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active { opacity: 1; } .ant-picker-time-panel { width: auto; min-width: auto; } .ant-picker-time-panel .ant-picker-content { display: flex; flex: auto; height: 224px; } .ant-picker-time-panel-column { flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .ant-picker-time-panel-column::after { display: block; height: 196px; content: ''; } .ant-picker-datetime-panel .ant-picker-time-panel-column::after { height: 198px; } .ant-picker-time-panel-column:not(:first-child) { border-left: 1px solid #f0f0f0; } .ant-picker-time-panel-column-active { background: rgba(230, 247, 255, 0.2); } .ant-picker-time-panel-column:hover { overflow-y: auto; } .ant-picker-time-panel-column > li { margin: 0; padding: 0; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { display: block; width: 100%; height: 28px; margin: 0; padding: 0 0 0 14px; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; transition: background 0.3s; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: #f5f5f5; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: #e6f7ff; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } /* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { padding: 21px 0; } .ant-picker-rtl { direction: rtl; } .ant-picker-rtl .ant-picker-suffix { margin-right: 4px; margin-left: 0; } .ant-picker-rtl .ant-picker-clear { right: auto; left: 0; } .ant-picker-rtl .ant-picker-separator { transform: rotate(180deg); } .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { margin-right: 8px; margin-left: 0; } .ant-picker-rtl.ant-picker-range .ant-picker-clear { right: auto; left: 11px; } .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { margin-right: 11px; margin-left: 0; } .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-right: 7px; } .ant-picker-dropdown-rtl .ant-picker-ranges { text-align: right; } .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { float: left; margin-right: 8px; margin-left: 0; } .ant-picker-panel-rtl { direction: rtl; } .ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon { transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { transform: rotate(-45deg); } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { right: 50%; left: 50%; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 6px; left: 0; border-right: 1px dashed #7ec1ff; border-left: none; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0; left: 6px; border-right: none; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { right: 6px; left: 6px; border-right: 1px dashed #7ec1ff; border-left: 1px dashed #7ec1ff; border-radius: 2px; } .ant-picker-dropdown-rtl .ant-picker-footer-extra { direction: rtl; text-align: right; } .ant-picker-panel-rtl .ant-picker-time-panel { direction: ltr; } /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/tag/style/index.less ***! \********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; opacity: 1; transition: all 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag-close-icon { margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-size: 10px; cursor: pointer; transition: all 0.3s; } .ant-tag-close-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #1890ff; } .ant-tag-checkable:active { background-color: #096dd9; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #cf1322; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #d4380d; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #d46b08; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #d4b106; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #d48806; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #08979c; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #7cb305; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #389e0d; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #096dd9; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #1d39c4; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #531dab; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-tag-success { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-processing { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-error { color: #ff4d4f; background: #fff2f0; border-color: #ffccc7; } .ant-tag-warning { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 7px; } .ant-tag.ant-tag-rtl { margin-right: 0; margin-left: 8px; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 3px; margin-left: 0; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 7px; margin-left: 0; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/card/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; transition: box-shadow 0.3s, border-color 0.3s; } .ant-card-hoverable:hover { border-color: transparent; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #f0f0f0; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-card-head::before { display: table; content: ''; } .ant-card-head::after { display: table; clear: both; content: ''; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head-title > .ant-typography, .ant-card-head-title > .ant-typography-edit-content { left: 0; margin-top: 0; margin-bottom: 0; } .ant-card-head .ant-tabs-top { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-top-bar { border-bottom: 1px solid #f0f0f0; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-rtl .ant-card-extra { margin-right: auto; margin-left: 0; } .ant-card-body { padding: 24px; } .ant-card-body::before { display: table; content: ''; } .ant-card-body::after { display: table; clear: both; content: ''; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset; transition: all 0.3s; } .ant-card-rtl .ant-card-grid { float: right; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-bordered .ant-card-cover { margin-top: -1px; margin-right: -1px; margin-left: -1px; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fff; border-top: 1px solid #f0f0f0; } .ant-card-actions::before { display: table; content: ''; } .ant-card-actions::after { display: table; clear: both; content: ''; } .ant-card-actions > li { float: left; margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-rtl .ant-card-actions > li { float: right; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 1.5715; cursor: pointer; } .ant-card-actions > li > span:hover { color: #1890ff; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #1890ff; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #f0f0f0; } .ant-card-rtl .ant-card-actions > li:not(:last-child) { border-right: none; border-left: 1px solid #f0f0f0; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; } .ant-card-meta::before { display: table; content: ''; } .ant-card-meta::after { display: table; clear: both; content: ''; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-rtl .ant-card-meta-avatar { float: right; padding-right: 0; padding-left: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)); background-size: 600% 600%; border-radius: 2px; animation: card-loading 1.4s ease infinite; } @keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/tabs/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-right: 2px; margin-left: 0; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { margin-right: 2px; margin-left: 0; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 16px 0 0 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { display: flex; align-items: center; min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-tabs-dropdown-menu-item > span { flex: 1; white-space: nowrap; } .ant-tabs-dropdown-menu-item-remove { flex: none; margin-left: 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: 0; cursor: pointer; } .ant-tabs-dropdown-menu-item-remove:hover { color: #40a9ff; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-left: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-top: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; overflow: hidden; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ''; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ''; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; margin-left: 2px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #40a9ff; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #096dd9; } .ant-tabs-extra-content { flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1890ff; pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #096dd9; } .ant-tabs-tab-btn { outline: none; transition: all 0.3s; } .ant-tabs-tab-remove { flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1890ff; text-shadow: 0 0 0.25px currentcolor; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-tab + .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-content { display: flex; width: 100%; } .ant-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .ant-tabs-content-animated { transition: margin 0.3s; } .ant-tabs-tabpane { flex: none; width: 100%; outline: none; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/grid/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-row { display: flex; flex-flow: row wrap; } .ant-row::before, .ant-row::after { display: flex; } .ant-row-no-wrap { flex-wrap: nowrap; } .ant-row-start { justify-content: flex-start; } .ant-row-center { justify-content: center; } .ant-row-end { justify-content: flex-end; } .ant-row-space-between { justify-content: space-between; } .ant-row-space-around { justify-content: space-around; } .ant-row-top { align-items: flex-start; } .ant-row-middle { align-items: center; } .ant-row-bottom { align-items: flex-end; } .ant-col { position: relative; max-width: 100%; min-height: 1px; } .ant-col-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { order: 24; } .ant-col-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { order: 23; } .ant-col-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { order: 22; } .ant-col-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { order: 21; } .ant-col-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { order: 20; } .ant-col-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { order: 19; } .ant-col-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { order: 18; } .ant-col-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { order: 17; } .ant-col-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { order: 16; } .ant-col-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { order: 15; } .ant-col-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { order: 14; } .ant-col-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { order: 13; } .ant-col-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { order: 12; } .ant-col-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { order: 11; } .ant-col-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { order: 10; } .ant-col-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { order: 9; } .ant-col-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { order: 8; } .ant-col-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { order: 7; } .ant-col-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { order: 6; } .ant-col-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { order: 5; } .ant-col-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { order: 4; } .ant-col-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { order: 3; } .ant-col-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { order: 2; } .ant-col-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } .ant-col-xs-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { order: 24; } .ant-col-xs-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { order: 23; } .ant-col-xs-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { order: 22; } .ant-col-xs-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { order: 21; } .ant-col-xs-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { order: 20; } .ant-col-xs-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { order: 19; } .ant-col-xs-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { order: 18; } .ant-col-xs-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { order: 17; } .ant-col-xs-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { order: 16; } .ant-col-xs-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { order: 15; } .ant-col-xs-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { order: 14; } .ant-col-xs-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { order: 13; } .ant-col-xs-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { order: 12; } .ant-col-xs-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { order: 11; } .ant-col-xs-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { order: 10; } .ant-col-xs-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { order: 9; } .ant-col-xs-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { order: 8; } .ant-col-xs-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { order: 7; } .ant-col-xs-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { order: 6; } .ant-col-xs-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { order: 5; } .ant-col-xs-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { order: 4; } .ant-col-xs-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { order: 3; } .ant-col-xs-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { order: 2; } .ant-col-xs-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-push-0.ant-col-rtl { right: auto; } .ant-col-xs-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xs-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xs-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xs-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xs-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xs-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xs-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xs-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xs-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xs-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xs-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xs-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xs-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xs-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xs-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xs-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xs-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xs-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xs-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xs-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xs-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xs-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xs-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xs-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xs-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xs-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xs-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xs-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xs-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xs-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xs-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xs-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xs-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xs-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xs-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xs-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xs-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xs-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xs-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xs-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xs-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xs-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xs-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xs-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xs-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xs-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xs-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xs-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xs-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xs-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xs-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xs-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xs-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xs-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xs-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xs-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xs-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xs-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xs-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xs-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xs-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xs-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xs-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xs-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xs-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xs-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xs-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xs-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xs-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xs-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xs-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xs-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xs-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } @media (min-width: 576px) { .ant-col-sm-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { order: 24; } .ant-col-sm-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { order: 23; } .ant-col-sm-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { order: 22; } .ant-col-sm-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { order: 21; } .ant-col-sm-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { order: 20; } .ant-col-sm-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { order: 19; } .ant-col-sm-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { order: 18; } .ant-col-sm-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { order: 17; } .ant-col-sm-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { order: 16; } .ant-col-sm-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { order: 15; } .ant-col-sm-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { order: 14; } .ant-col-sm-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { order: 13; } .ant-col-sm-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { order: 12; } .ant-col-sm-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { order: 11; } .ant-col-sm-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { order: 10; } .ant-col-sm-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { order: 9; } .ant-col-sm-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { order: 8; } .ant-col-sm-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { order: 7; } .ant-col-sm-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { order: 6; } .ant-col-sm-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { order: 5; } .ant-col-sm-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { order: 4; } .ant-col-sm-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { order: 3; } .ant-col-sm-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { order: 2; } .ant-col-sm-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-push-0.ant-col-rtl { right: auto; } .ant-col-sm-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-sm-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-sm-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-sm-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-sm-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-sm-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-sm-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-sm-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-sm-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-sm-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-sm-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-sm-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-sm-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-sm-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-sm-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-sm-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-sm-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-sm-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-sm-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-sm-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-sm-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-sm-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-sm-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-sm-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-sm-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-sm-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-sm-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-sm-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-sm-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-sm-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-sm-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-sm-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-sm-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-sm-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-sm-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-sm-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-sm-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-sm-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-sm-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-sm-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-sm-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-sm-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-sm-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-sm-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-sm-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-sm-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-sm-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-sm-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-sm-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-sm-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-sm-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-sm-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-sm-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-sm-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-sm-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-sm-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-sm-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-sm-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-sm-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-sm-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-sm-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-sm-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-sm-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-sm-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-sm-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-sm-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-sm-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-sm-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-sm-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-sm-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-sm-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-sm-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-sm-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 768px) { .ant-col-md-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { order: 24; } .ant-col-md-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { order: 23; } .ant-col-md-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { order: 22; } .ant-col-md-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { order: 21; } .ant-col-md-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { order: 20; } .ant-col-md-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { order: 19; } .ant-col-md-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { order: 18; } .ant-col-md-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { order: 17; } .ant-col-md-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { order: 16; } .ant-col-md-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { order: 15; } .ant-col-md-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { order: 14; } .ant-col-md-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { order: 13; } .ant-col-md-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { order: 12; } .ant-col-md-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { order: 11; } .ant-col-md-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { order: 10; } .ant-col-md-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { order: 9; } .ant-col-md-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { order: 8; } .ant-col-md-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { order: 7; } .ant-col-md-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { order: 6; } .ant-col-md-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { order: 5; } .ant-col-md-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { order: 4; } .ant-col-md-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { order: 3; } .ant-col-md-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { order: 2; } .ant-col-md-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-md-push-0.ant-col-rtl { right: auto; } .ant-col-md-pull-0.ant-col-rtl { left: auto; } .ant-col-md-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-md-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-md-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-md-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-md-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-md-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-md-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-md-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-md-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-md-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-md-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-md-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-md-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-md-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-md-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-md-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-md-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-md-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-md-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-md-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-md-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-md-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-md-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-md-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-md-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-md-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-md-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-md-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-md-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-md-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-md-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-md-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-md-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-md-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-md-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-md-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-md-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-md-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-md-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-md-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-md-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-md-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-md-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-md-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-md-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-md-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-md-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-md-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-md-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-md-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-md-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-md-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-md-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-md-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-md-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-md-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-md-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-md-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-md-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-md-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-md-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-md-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-md-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-md-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-md-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-md-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-md-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-md-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-md-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-md-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-md-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-md-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-md-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 992px) { .ant-col-lg-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { order: 24; } .ant-col-lg-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { order: 23; } .ant-col-lg-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { order: 22; } .ant-col-lg-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { order: 21; } .ant-col-lg-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { order: 20; } .ant-col-lg-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { order: 19; } .ant-col-lg-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { order: 18; } .ant-col-lg-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { order: 17; } .ant-col-lg-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { order: 16; } .ant-col-lg-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { order: 15; } .ant-col-lg-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { order: 14; } .ant-col-lg-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { order: 13; } .ant-col-lg-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { order: 12; } .ant-col-lg-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { order: 11; } .ant-col-lg-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { order: 10; } .ant-col-lg-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { order: 9; } .ant-col-lg-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { order: 8; } .ant-col-lg-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { order: 7; } .ant-col-lg-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { order: 6; } .ant-col-lg-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { order: 5; } .ant-col-lg-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { order: 4; } .ant-col-lg-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { order: 3; } .ant-col-lg-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { order: 2; } .ant-col-lg-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-push-0.ant-col-rtl { right: auto; } .ant-col-lg-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-lg-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-lg-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-lg-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-lg-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-lg-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-lg-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-lg-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-lg-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-lg-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-lg-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-lg-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-lg-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-lg-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-lg-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-lg-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-lg-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-lg-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-lg-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-lg-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-lg-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-lg-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-lg-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-lg-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-lg-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-lg-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-lg-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-lg-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-lg-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-lg-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-lg-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-lg-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-lg-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-lg-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-lg-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-lg-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-lg-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-lg-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-lg-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-lg-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-lg-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-lg-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-lg-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-lg-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-lg-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-lg-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-lg-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-lg-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-lg-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-lg-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-lg-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-lg-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-lg-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-lg-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-lg-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-lg-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-lg-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-lg-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-lg-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-lg-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-lg-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-lg-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-lg-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-lg-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-lg-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-lg-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-lg-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-lg-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-lg-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-lg-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-lg-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-lg-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-lg-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1200px) { .ant-col-xl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { order: 24; } .ant-col-xl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { order: 23; } .ant-col-xl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { order: 22; } .ant-col-xl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { order: 21; } .ant-col-xl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { order: 20; } .ant-col-xl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { order: 19; } .ant-col-xl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { order: 18; } .ant-col-xl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { order: 17; } .ant-col-xl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { order: 16; } .ant-col-xl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { order: 15; } .ant-col-xl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { order: 14; } .ant-col-xl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { order: 13; } .ant-col-xl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { order: 12; } .ant-col-xl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { order: 11; } .ant-col-xl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { order: 10; } .ant-col-xl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { order: 9; } .ant-col-xl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { order: 8; } .ant-col-xl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { order: 7; } .ant-col-xl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { order: 6; } .ant-col-xl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { order: 5; } .ant-col-xl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { order: 4; } .ant-col-xl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { order: 3; } .ant-col-xl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { order: 2; } .ant-col-xl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-push-0.ant-col-rtl { right: auto; } .ant-col-xl-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1600px) { .ant-col-xxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { order: 24; } .ant-col-xxl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { order: 23; } .ant-col-xxl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { order: 22; } .ant-col-xxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { order: 21; } .ant-col-xxl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { order: 20; } .ant-col-xxl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { order: 19; } .ant-col-xxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { order: 18; } .ant-col-xxl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { order: 17; } .ant-col-xxl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { order: 16; } .ant-col-xxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { order: 15; } .ant-col-xxl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { order: 14; } .ant-col-xxl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { order: 13; } .ant-col-xxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { order: 12; } .ant-col-xxl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { order: 11; } .ant-col-xxl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { order: 10; } .ant-col-xxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { order: 9; } .ant-col-xxl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { order: 8; } .ant-col-xxl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { order: 7; } .ant-col-xxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { order: 6; } .ant-col-xxl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { order: 5; } .ant-col-xxl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { order: 4; } .ant-col-xxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { order: 3; } .ant-col-xxl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { order: 2; } .ant-col-xxl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xxl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xxl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xxl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xxl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xxl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xxl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xxl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xxl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xxl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xxl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xxl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xxl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xxl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xxl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xxl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xxl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xxl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xxl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xxl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xxl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xxl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xxl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xxl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xxl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xxl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xxl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xxl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xxl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xxl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xxl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xxl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xxl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xxl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xxl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xxl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xxl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xxl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xxl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xxl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xxl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xxl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xxl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xxl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xxl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xxl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xxl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xxl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xxl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 2000px) { .ant-col-xxxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxxl-push-24 { left: 100%; } .ant-col-xxxl-pull-24 { right: 100%; } .ant-col-xxxl-offset-24 { margin-left: 100%; } .ant-col-xxxl-order-24 { order: 24; } .ant-col-xxxl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xxxl-push-23 { left: 95.83333333%; } .ant-col-xxxl-pull-23 { right: 95.83333333%; } .ant-col-xxxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxxl-order-23 { order: 23; } .ant-col-xxxl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xxxl-push-22 { left: 91.66666667%; } .ant-col-xxxl-pull-22 { right: 91.66666667%; } .ant-col-xxxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxxl-order-22 { order: 22; } .ant-col-xxxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxxl-push-21 { left: 87.5%; } .ant-col-xxxl-pull-21 { right: 87.5%; } .ant-col-xxxl-offset-21 { margin-left: 87.5%; } .ant-col-xxxl-order-21 { order: 21; } .ant-col-xxxl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xxxl-push-20 { left: 83.33333333%; } .ant-col-xxxl-pull-20 { right: 83.33333333%; } .ant-col-xxxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxxl-order-20 { order: 20; } .ant-col-xxxl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xxxl-push-19 { left: 79.16666667%; } .ant-col-xxxl-pull-19 { right: 79.16666667%; } .ant-col-xxxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxxl-order-19 { order: 19; } .ant-col-xxxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxxl-push-18 { left: 75%; } .ant-col-xxxl-pull-18 { right: 75%; } .ant-col-xxxl-offset-18 { margin-left: 75%; } .ant-col-xxxl-order-18 { order: 18; } .ant-col-xxxl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xxxl-push-17 { left: 70.83333333%; } .ant-col-xxxl-pull-17 { right: 70.83333333%; } .ant-col-xxxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxxl-order-17 { order: 17; } .ant-col-xxxl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xxxl-push-16 { left: 66.66666667%; } .ant-col-xxxl-pull-16 { right: 66.66666667%; } .ant-col-xxxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxxl-order-16 { order: 16; } .ant-col-xxxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxxl-push-15 { left: 62.5%; } .ant-col-xxxl-pull-15 { right: 62.5%; } .ant-col-xxxl-offset-15 { margin-left: 62.5%; } .ant-col-xxxl-order-15 { order: 15; } .ant-col-xxxl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xxxl-push-14 { left: 58.33333333%; } .ant-col-xxxl-pull-14 { right: 58.33333333%; } .ant-col-xxxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxxl-order-14 { order: 14; } .ant-col-xxxl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xxxl-push-13 { left: 54.16666667%; } .ant-col-xxxl-pull-13 { right: 54.16666667%; } .ant-col-xxxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxxl-order-13 { order: 13; } .ant-col-xxxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxxl-push-12 { left: 50%; } .ant-col-xxxl-pull-12 { right: 50%; } .ant-col-xxxl-offset-12 { margin-left: 50%; } .ant-col-xxxl-order-12 { order: 12; } .ant-col-xxxl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xxxl-push-11 { left: 45.83333333%; } .ant-col-xxxl-pull-11 { right: 45.83333333%; } .ant-col-xxxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxxl-order-11 { order: 11; } .ant-col-xxxl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xxxl-push-10 { left: 41.66666667%; } .ant-col-xxxl-pull-10 { right: 41.66666667%; } .ant-col-xxxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxxl-order-10 { order: 10; } .ant-col-xxxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxxl-push-9 { left: 37.5%; } .ant-col-xxxl-pull-9 { right: 37.5%; } .ant-col-xxxl-offset-9 { margin-left: 37.5%; } .ant-col-xxxl-order-9 { order: 9; } .ant-col-xxxl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xxxl-push-8 { left: 33.33333333%; } .ant-col-xxxl-pull-8 { right: 33.33333333%; } .ant-col-xxxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxxl-order-8 { order: 8; } .ant-col-xxxl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xxxl-push-7 { left: 29.16666667%; } .ant-col-xxxl-pull-7 { right: 29.16666667%; } .ant-col-xxxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxxl-order-7 { order: 7; } .ant-col-xxxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxxl-push-6 { left: 25%; } .ant-col-xxxl-pull-6 { right: 25%; } .ant-col-xxxl-offset-6 { margin-left: 25%; } .ant-col-xxxl-order-6 { order: 6; } .ant-col-xxxl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xxxl-push-5 { left: 20.83333333%; } .ant-col-xxxl-pull-5 { right: 20.83333333%; } .ant-col-xxxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxxl-order-5 { order: 5; } .ant-col-xxxl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xxxl-push-4 { left: 16.66666667%; } .ant-col-xxxl-pull-4 { right: 16.66666667%; } .ant-col-xxxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxxl-order-4 { order: 4; } .ant-col-xxxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxxl-push-3 { left: 12.5%; } .ant-col-xxxl-pull-3 { right: 12.5%; } .ant-col-xxxl-offset-3 { margin-left: 12.5%; } .ant-col-xxxl-order-3 { order: 3; } .ant-col-xxxl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xxxl-push-2 { left: 8.33333333%; } .ant-col-xxxl-pull-2 { right: 8.33333333%; } .ant-col-xxxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxxl-order-2 { order: 2; } .ant-col-xxxl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xxxl-push-1 { left: 4.16666667%; } .ant-col-xxxl-pull-1 { right: 4.16666667%; } .ant-col-xxxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxxl-order-1 { order: 1; } .ant-col-xxxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxxl-push-0 { left: auto; } .ant-col-xxxl-pull-0 { right: auto; } .ant-col-xxxl-offset-0 { margin-left: 0; } .ant-col-xxxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxxl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xxxl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xxxl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xxxl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xxxl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xxxl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xxxl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xxxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xxxl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xxxl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xxxl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xxxl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xxxl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xxxl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xxxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xxxl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xxxl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xxxl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xxxl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xxxl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xxxl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xxxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xxxl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xxxl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xxxl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xxxl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xxxl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xxxl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xxxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xxxl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xxxl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xxxl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xxxl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xxxl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xxxl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xxxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xxxl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xxxl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xxxl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xxxl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xxxl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xxxl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xxxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xxxl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xxxl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xxxl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xxxl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xxxl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xxxl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xxxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xxxl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xxxl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xxxl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xxxl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xxxl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xxxl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xxxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } .ant-row-rtl { direction: rtl; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/carousel/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-carousel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-list .slick-slide > div > div { vertical-align: bottom; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translate3d(0, 0, 0); touch-action: pan-y; } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ''; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; color: transparent; font-size: 0; line-height: 0; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-prev:hover::before, .ant-carousel .slick-next:hover::before, .ant-carousel .slick-prev:focus::before, .ant-carousel .slick-next:focus::before { opacity: 1; } .ant-carousel .slick-prev.slick-disabled::before, .ant-carousel .slick-next.slick-disabled::before { opacity: 0.25; } .ant-carousel .slick-prev { left: -25px; } .ant-carousel .slick-prev::before { content: '←'; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next::before { content: '→'; } .ant-carousel .slick-dots { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex !important; justify-content: center; margin-right: 15%; margin-left: 15%; padding-left: 0; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; bottom: auto; } .ant-carousel .slick-dots li { position: relative; display: inline-block; flex: 0 1 auto; box-sizing: content-box; width: 16px; height: 3px; margin: 0 2px; margin-right: 3px; margin-left: 3px; padding: 0; text-align: center; text-indent: -999px; vertical-align: top; transition: all 0.5s; } .ant-carousel .slick-dots li button { display: block; width: 100%; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: 0.3; transition: all 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li.slick-active { width: 24px; } .ant-carousel .slick-dots li.slick-active button { background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active:hover, .ant-carousel .slick-dots li.slick-active:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; flex-direction: column; width: 3px; height: auto; margin: 0; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { right: auto; left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; left: auto; } .ant-carousel-vertical .slick-dots li { width: 3px; height: 16px; margin: 4px 2px; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active { width: 3px; height: 24px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-carousel-rtl { direction: rtl; } .ant-carousel-rtl .ant-carousel .slick-track { right: 0; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev { right: -25px; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev::before { content: '→'; } .ant-carousel-rtl .ant-carousel .slick-next { right: auto; left: -25px; } .ant-carousel-rtl .ant-carousel .slick-next::before { content: '←'; } .ant-carousel-rtl.ant-carousel .slick-dots { flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { flex-direction: column; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/cascader/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-cascader-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: #1890ff; } .ant-cascader-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-cascader-checkbox:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { visibility: visible; } .ant-cascader-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-cascader-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-cascader-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-cascader-checkbox-disabled { cursor: not-allowed; } .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-cascader-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-checkbox-disabled:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { visibility: hidden; } .ant-cascader-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-cascader-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { margin-left: 8px; } .ant-cascader-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-cascader-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-cascader-checkbox-group-item { margin-right: 8px; } .ant-cascader-checkbox-group-item:last-child { margin-right: 0; } .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-cascader { width: 184px; } .ant-cascader-checkbox { top: 0; margin-right: 8px; } .ant-cascader-menus { display: flex; flex-wrap: nowrap; align-items: flex-start; } .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { width: 100%; height: auto; } .ant-cascader-menu { min-width: 111px; height: 180px; margin: 0; margin: -4px 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; border-right: 1px solid #f0f0f0; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu-item { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 12px; overflow: hidden; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #f5f5f5; } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-empty .ant-cascader-menu-item { color: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #e6f7ff; } .ant-cascader-menu-item-content { flex: auto; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { margin-left: 4px; color: rgba(0, 0, 0, 0.45); font-size: 10px; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-keyword { color: #ff4d4f; } .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { margin-right: 4px; margin-left: 0; } .ant-cascader-rtl .ant-cascader-checkbox { top: 0; margin-right: 0; margin-left: 8px; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/checkbox/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/collapse/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 2px; } .ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 2px 2px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 12px 16px; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; cursor: pointer; transition: all 0.3s, visibility 0s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { display: inline-block; margin-right: 12px; font-size: 12px; vertical-align: -1px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-left: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { cursor: pointer; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: 16px; left: auto; margin: 0; transform: translateY(-50%); } .ant-collapse-content { color: rgba(0, 0, 0, 0.85); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content > .ant-collapse-content-box { padding: 16px; } .ant-collapse-content-hidden { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 2px 2px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } .ant-collapse-ghost { background-color: transparent; border: 0; } .ant-collapse-ghost > .ant-collapse-item { border-bottom: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 12px; padding-bottom: 12px; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-collapse-rtl { direction: rtl; } .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { margin-right: 0; margin-left: 12px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-right: auto; margin-left: 0; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-right: 12px; padding-left: 0; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/comment/style/index.less ***! \************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-comment { position: relative; background-color: inherit; } .ant-comment-inner { display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4px; font-size: 14px; } .ant-comment-content-author > a, .ant-comment-content-author > span { padding-right: 8px; font-size: 12px; line-height: 18px; } .ant-comment-content-author-name { color: rgba(0, 0, 0, 0.45); font-size: 14px; transition: color 0.3s; } .ant-comment-content-author-name > * { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-name > *:hover { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-time { color: #ccc; white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { margin-bottom: inherit; white-space: pre-wrap; } .ant-comment-actions { margin-top: 12px; margin-bottom: inherit; padding-left: 0; } .ant-comment-actions > li { display: inline-block; color: rgba(0, 0, 0, 0.45); } .ant-comment-actions > li > span { margin-right: 10px; color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: pointer; transition: color 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-comment-actions > li > span:hover { color: #595959; } .ant-comment-nested { margin-left: 44px; } .ant-comment-rtl { direction: rtl; } .ant-comment-rtl .ant-comment-avatar { margin-right: 0; margin-left: 12px; } .ant-comment-rtl .ant-comment-content-author > a, .ant-comment-rtl .ant-comment-content-author > span { padding-right: 0; padding-left: 8px; } .ant-comment-rtl .ant-comment-actions { padding-right: 0; } .ant-comment-rtl .ant-comment-actions > li > span { margin-right: 0; margin-left: 10px; } .ant-comment-rtl .ant-comment-nested { margin-right: 44px; margin-left: 0; } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/config-provider/style/index.less ***! \********************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/descriptions/style/index.less ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-descriptions-header { display: flex; align-items: center; margin-bottom: 20px; } .ant-descriptions-title { flex: auto; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: bold; font-size: 16px; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-descriptions-extra { margin-left: auto; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-descriptions-view { width: 100%; border-radius: 2px; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row > th, .ant-descriptions-row > td { padding-bottom: 16px; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 1.5715; text-align: start; } .ant-descriptions-item-label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-descriptions-item-label.ant-descriptions-item-no-colon::after { content: ' '; } .ant-descriptions-item-no-label::after { margin: 0; content: ''; } .ant-descriptions-item-content { display: table-cell; flex: 1; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; word-break: break-word; overflow-wrap: break-word; } .ant-descriptions-item { padding-bottom: 0; vertical-align: top; } .ant-descriptions-item-container { display: flex; } .ant-descriptions-item-container .ant-descriptions-item-label, .ant-descriptions-item-container .ant-descriptions-item-content { display: inline-flex; align-items: baseline; } .ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td { padding-bottom: 12px; } .ant-descriptions-small .ant-descriptions-row > th, .ant-descriptions-small .ant-descriptions-row > td { padding-bottom: 8px; } .ant-descriptions-bordered .ant-descriptions-view { border: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-view > table { table-layout: auto; border-collapse: collapse; } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 16px 24px; border-right: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: #fafafa; } .ant-descriptions-bordered .ant-descriptions-item-label::after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { padding: 12px 24px; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { padding: 8px 16px; } .ant-descriptions-rtl { direction: rtl; } .ant-descriptions-rtl .ant-descriptions-item-label::after { margin: 0 2px 0 8px; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { border-right: none; border-left: 1px solid #f0f0f0; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-left: none; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/divider/style/index.less ***! \************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0 8px; vertical-align: middle; border-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: flex; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; border-top: 0; border-top-color: rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; top: 50%; width: 50%; border-top: 1px solid transparent; border-top-color: inherit; border-bottom: 0; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-divider-plain.ant-divider-with-text { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { width: 0; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { padding-left: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { width: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { padding-right: 0; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/drawer/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-drawer { position: fixed; z-index: 1000; width: 0%; height: 100%; transition: width 0s ease 0.3s, height 0s ease 0.3s; } .ant-drawer-content-wrapper { position: absolute; width: 100%; height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0; width: 0%; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-left { left: 0; } .ant-drawer-left .ant-drawer-content-wrapper { left: 0; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right { right: 0; } .ant-drawer-right .ant-drawer-content-wrapper { right: 0; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right.ant-drawer-open.no-mask { right: 1px; transform: translateX(1px); } .ant-drawer-top, .ant-drawer-bottom { left: 0; width: 100%; height: 0%; } .ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open { height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom { bottom: 0; } .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 1px; transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; transition: none; animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: auto; } .ant-drawer-title { flex: 1; margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: #fff; background-clip: padding-box; border: 0; } .ant-drawer-close { display: inline-block; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 1; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-header { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-drawer-header-title { display: flex; flex: 1; align-items: center; justify-content: space-between; } .ant-drawer-header-close-only { padding-bottom: 0; border: none; } .ant-drawer-wrapper-body { display: flex; flex-flow: column nowrap; width: 100%; height: 100%; } .ant-drawer-body { flex-grow: 1; padding: 24px; overflow: auto; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-drawer-footer { flex-shrink: 0; padding: 10px 16px; border-top: 1px solid #f0f0f0; } .ant-drawer-mask { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.3s linear, height 0s ease 0.3s; pointer-events: none; } .ant-drawer .ant-picker-clear { background: #fff; } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { margin-right: 0; margin-left: 12px; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/form/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-form-item .ant-upload { background: transparent; } .ant-form-item .ant-upload.ant-upload-drag { background: #fafafa; } .ant-form-item input[type='radio'], .ant-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-form-item .ant-radio-inline, .ant-form-item .ant-checkbox-inline { display: inline-block; margin-left: 8px; font-weight: normal; vertical-align: middle; cursor: pointer; } .ant-form-item .ant-radio-inline:first-child, .ant-form-item .ant-checkbox-inline:first-child { margin-left: 0; } .ant-form-item .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical { display: block; } .ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical + .ant-radio-vertical { margin-left: 0; } .ant-form-item .ant-input-number + .ant-form-text { margin-left: 8px; } .ant-form-item .ant-input-number-handler-wrap { z-index: 2; } .ant-form-item .ant-select, .ant-form-item .ant-cascader-picker { width: 100%; } .ant-form-item .ant-picker-calendar-year-select, .ant-form-item .ant-picker-calendar-month-select, .ant-form-item .ant-input-group .ant-select, .ant-form-item .ant-input-group .ant-cascader-picker, .ant-form-item .ant-input-number-group .ant-select, .ant-form-item .ant-input-number-group .ant-cascader-picker { width: auto; } .ant-form-inline { display: flex; flex-wrap: wrap; } .ant-form-inline .ant-form-item { flex: none; flex-wrap: nowrap; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-item > .ant-form-item-label { flex: none; } .ant-form-inline .ant-form-item .ant-form-text { display: inline-block; } .ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } .ant-form-horizontal .ant-form-item-label { flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { flex: 1 1 0; min-width: 0; } .ant-form-horizontal .ant-form-item-label.ant-col-24 + .ant-form-item-control { min-width: unset; } .ant-form-vertical .ant-form-item { flex-direction: column; } .ant-form-vertical .ant-form-item-label > label { height: auto; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-form-vertical .ant-form-item-label > label::after, .ant-col-24.ant-form-item-label > label::after, .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-item .ant-form-item-label > label { margin: 0; } .ant-form-item .ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-item .ant-form-item-label { text-align: right; } .ant-form .ant-form-item { flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { flex: 0 0 100%; max-width: 100%; } .ant-col-xs-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label > label { margin: 0; } .ant-col-xs-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xs-24.ant-form-item-label { text-align: right; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label > label { margin: 0; } .ant-col-sm-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-sm-24.ant-form-item-label { text-align: right; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label > label { margin: 0; } .ant-col-md-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-md-24.ant-form-item-label { text-align: right; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label > label { margin: 0; } .ant-col-lg-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-lg-24.ant-form-item-label { text-align: right; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } } .ant-form-item { /* Some non-status related component style is in `components.less` */ /* To support leave along ErrorList. We add additional className to handle explain style */ } .ant-form-item-explain-error { color: #ff4d4f; } .ant-form-item-explain-warning { color: #faad14; } .ant-form-item-has-feedback .ant-input { padding-right: 24px; } .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 18px; } .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: 28px; } .ant-form-item-has-feedback .ant-switch { margin: 2px 0 4px; } .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: 32px; } .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 42px; } .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 19px; } .ant-form-item-has-feedback .ant-cascader-picker-clear { right: 32px; } .ant-form-item-has-feedback .ant-picker { padding-right: 29.2px; } .ant-form-item-has-feedback .ant-picker-large { padding-right: 29.2px; } .ant-form-item-has-feedback .ant-picker-small { padding-right: 25.2px; } .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { position: absolute; top: 50%; right: 0; z-index: 1; width: 32px; height: 20px; margin-top: -10px; font-size: 14px; line-height: 20px; text-align: center; visibility: visible; animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon { color: #52c41a; animation-name: diffZoomIn1 !important; } .ant-form-item-has-warning .ant-form-item-split { color: #faad14; } .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-warning .ant-input-prefix, .ant-form-item-has-warning .ant-input-number-prefix { color: #faad14; } .ant-form-item-has-warning :not(.ant-input-group-addon-disabled).ant-input-group-addon, .ant-form-item-has-warning :not(.ant-input-number-group-addon-disabled).ant-input-number-group-addon { color: #faad14; border-color: #faad14; } .ant-form-item-has-warning .has-feedback { color: #faad14; } .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon { color: #faad14; animation-name: diffZoomIn3 !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-warning .ant-input-number, .ant-form-item-has-warning .ant-picker { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-input-number-focused, .ant-form-item-has-warning .ant-picker-focused, .ant-form-item-has-warning .ant-input-number:focus, .ant-form-item-has-warning .ant-picker:focus { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-warning .ant-input-number:not([disabled]):hover, .ant-form-item-has-warning .ant-picker:not([disabled]):hover { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-form-item-split { color: #ff4d4f; } .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-input-prefix, .ant-form-item-has-error .ant-input-number-prefix { color: #ff4d4f; } .ant-form-item-has-error :not(.ant-input-group-addon-disabled).ant-input-group-addon, .ant-form-item-has-error :not(.ant-input-number-group-addon-disabled).ant-input-number-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-form-item-has-error .has-feedback { color: #ff4d4f; } .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon { color: #ff4d4f; animation-name: diffZoomIn2 !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, .ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 0; box-shadow: none; } .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus { border-color: #ff4d4f; } .ant-form-item-has-error .ant-input-number, .ant-form-item-has-error .ant-picker { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-input-number-focused, .ant-form-item-has-error .ant-picker-focused, .ant-form-item-has-error .ant-input-number:focus, .ant-form-item-has-error .ant-picker:focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-input-number:not([disabled]):hover, .ant-form-item-has-error .ant-picker:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input { border-color: #ff4d4f; } .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input { background-color: #fff; border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-transfer-list { border-color: #ff4d4f; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-has-error .ant-radio-button-wrapper { border-color: #ff4d4f !important; } .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before { background-color: #ff4d4f; } .ant-form-item-has-error .ant-mentions { border-color: #ff4d4f !important; } .ant-form-item-has-error .ant-mentions-focused, .ant-form-item-has-error .ant-mentions:focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px !important; outline: 0; } .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon { display: inline-block; color: #1890ff; } .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type='search'] { box-sizing: border-box; } .ant-form input[type='radio'], .ant-form input[type='checkbox'] { line-height: normal; } .ant-form input[type='file'] { display: block; } .ant-form input[type='range'] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type='file']:focus, .ant-form input[type='radio']:focus, .ant-form input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-form .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-small .ant-form-item-label > label { height: 24px; } .ant-form-small .ant-form-item-control-input { min-height: 24px; } .ant-form-large .ant-form-item-label > label { height: 40px; } .ant-form-large .ant-form-item-control-input { min-height: 40px; } .ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; margin-bottom: 24px; vertical-align: top; } .ant-form-item-with-help { margin-bottom: 0; transition: none; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item-label-wrap { overflow: unset; line-height: 1.3215em; white-space: unset; } .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 32px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-form-item-label > label > .anticon { font-size: 14px; vertical-align: top; } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: inline-block; margin-right: 4px; color: #ff4d4f; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: '*'; } .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: none; } .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-left: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { display: none; } .ant-form-item-label > label .ant-form-item-tooltip { color: rgba(0, 0, 0, 0.45); cursor: help; writing-mode: horizontal-tb; margin-inline-start: 4px; } .ant-form-item-label > label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: ' '; } .ant-form-item-control { display: flex; flex-direction: column; flex-grow: 1; } .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) { width: 100%; } .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 32px; } .ant-form-item-control-input-content { flex: auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item-explain-connected { height: 0; min-height: 0; opacity: 0; } .ant-form-item-extra { min-height: 24px; } .ant-form-item .ant-input-textarea-show-count::after { margin-bottom: -22px; } .ant-form-item-with-help .ant-form-item-explain { height: auto; min-height: 24px; opacity: 1; } .ant-show-help { transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-show-help-leave { min-height: 24px; } .ant-show-help-leave-active { min-height: 0; } .ant-show-help-item { overflow: hidden; transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-appear, .ant-show-help-item-enter { transform: translateY(-5px); opacity: 0; } .ant-show-help-item-appear-active, .ant-show-help-item-enter-active { transform: translateY(0); opacity: 1; } .ant-show-help-item-leave-active { transform: translateY(-5px); } @keyframes diffZoomIn1 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn2 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn3 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .ant-form-rtl { direction: rtl; } .ant-form-rtl .ant-form-item-label { text-align: left; } .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { margin-right: 0; margin-left: 4px; } .ant-form-rtl .ant-form-item-label > label::after { margin: 0 2px 0 8px; } .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { margin-right: 4px; margin-left: 0; } .ant-col-rtl .ant-form-item-control:first-child { width: 100%; } .ant-form-rtl .ant-form-item-has-feedback .ant-input { padding-right: 11px; padding-left: 24px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 11px; padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: auto; left: 28px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 0; padding-left: 42px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 0; margin-left: 19px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { padding-right: 7px; padding-left: 25.2px; } .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { right: auto; left: 0; } .ant-form-rtl.ant-form-inline .ant-form-item { margin-right: 0; margin-left: 16px; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/icon/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/image/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-image { position: relative; display: inline-block; } .ant-image-img { width: 100%; height: auto; vertical-align: middle; } .ant-image-img-placeholder { background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 30%; } .ant-image-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; transition: opacity 0.3s; } .ant-image-mask-info { padding: 0 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-image-mask-info .anticon { margin-inline-end: 4px; } .ant-image-mask:hover { opacity: 1; } .ant-image-placeholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ant-image-preview { pointer-events: none; height: 100%; text-align: center; } .ant-image-preview.ant-zoom-enter, .ant-image-preview.antzoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-image-preview-mask-hidden { display: none; } .ant-image-preview-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-image-preview-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .ant-image-preview-img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale3d(1, 1, 1); cursor: grab; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: auto; } .ant-image-preview-img-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .ant-image-preview-img-wrapper::before { display: inline-block; width: 1px; height: 50%; margin-right: -1px; content: ''; } .ant-image-preview-moving .ant-image-preview-img { cursor: grabbing; } .ant-image-preview-moving .ant-image-preview-img-wrapper { transition-duration: 0s; } .ant-image-preview-wrap { z-index: 1080; } .ant-image-preview-operations { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; position: absolute; top: 0; right: 0; z-index: 1; display: flex; flex-direction: row-reverse; align-items: center; width: 100%; color: rgba(255, 255, 255, 0.85); list-style: none; background: rgba(0, 0, 0, 0.1); pointer-events: auto; } .ant-image-preview-operations-operation { margin-left: 12px; padding: 12px; cursor: pointer; } .ant-image-preview-operations-operation-disabled { color: rgba(255, 255, 255, 0.25); pointer-events: none; } .ant-image-preview-operations-operation:last-of-type { margin-left: 0; } .ant-image-preview-operations-icon { font-size: 18px; } .ant-image-preview-switch-left, .ant-image-preview-switch-right { position: absolute; top: 50%; right: 10px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-top: -22px; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.1); border-radius: 50%; cursor: pointer; pointer-events: auto; } .ant-image-preview-switch-left-disabled, .ant-image-preview-switch-right-disabled { color: rgba(255, 255, 255, 0.25); cursor: not-allowed; } .ant-image-preview-switch-left-disabled > .anticon, .ant-image-preview-switch-right-disabled > .anticon { cursor: not-allowed; } .ant-image-preview-switch-left > .anticon, .ant-image-preview-switch-right > .anticon { font-size: 18px; } .ant-image-preview-switch-left { left: 10px; } .ant-image-preview-switch-right { right: 10px; } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/input-number/style/index.less ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-input-number-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ position: static; display: inline-flex; width: 90px; padding: 0; padding-inline-start: 11px; } .ant-input-number-affix-wrapper::-moz-placeholder { opacity: 1; } .ant-input-number-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input-number-affix-wrapper:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:-moz-placeholder { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-number-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-affix-wrapper-borderless, .ant-input-number-affix-wrapper-borderless:hover, .ant-input-number-affix-wrapper-borderless:focus, .ant-input-number-affix-wrapper-borderless-focused, .ant-input-number-affix-wrapper-borderless-disabled, .ant-input-number-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-affix-wrapper-sm { padding: 0px 7px; } .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px !important; z-index: 1; } .ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper:focus { z-index: 1; } .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { background: transparent; } .ant-input-number-affix-wrapper > div.ant-input-number { width: 100%; border: none; outline: none; } .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused { box-shadow: none !important; } .ant-input-number-affix-wrapper input.ant-input-number-input { padding: 0; } .ant-input-number-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-number-prefix { display: flex; flex: none; align-items: center; margin-inline-end: 4px; } .ant-input-number-group-wrapper .ant-input-number-affix-wrapper { width: 100%; } .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-input-number::-moz-placeholder { opacity: 1; } .ant-input-number::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input-number:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number:-moz-placeholder { text-overflow: ellipsis; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-number:focus, .ant-input-number-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-borderless, .ant-input-number-borderless:hover, .ant-input-number-borderless:focus, .ant-input-number-borderless-focused, .ant-input-number-borderless-disabled, .ant-input-number-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-sm { padding: 0px 7px; } .ant-input-number-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-number-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-number-group > [class*='col-'] { padding-right: 8px; } .ant-input-number-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap, .ant-input-number-group > .ant-input-number { display: table-cell; } .ant-input-number-group-addon:not(:first-child):not(:last-child), .ant-input-number-group-wrap:not(:first-child):not(:last-child), .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-number-group-wrap > * { display: block !important; } .ant-input-number-group .ant-input-number { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-number-group .ant-input-number:focus { z-index: 1; border-right-width: 1px; } .ant-input-number-group .ant-input-number:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { z-index: 0; } .ant-input-number-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-number-group-addon .ant-select { margin: -5px -11px; } .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-number-group-addon .ant-select-open .ant-select-selector, .ant-input-number-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-number-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-number-group > .ant-input-number:first-child, .ant-input-number-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector, .ant-input-number-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group-addon:first-child { border-right: 0; } .ant-input-number-group-addon:last-child { border-left: 0; } .ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector, .ant-input-number-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group-lg .ant-input-number, .ant-input-number-group-lg > .ant-input-number-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-group-sm .ant-input-number, .ant-input-number-group-sm > .ant-input-number-group-addon { padding: 0px 7px; } .ant-input-number-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-number-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group.ant-input-number-group-compact { display: block; } .ant-input-number-group.ant-input-number-group-compact::before { display: table; content: ''; } .ant-input-number-group.ant-input-number-group-compact::after { display: table; clear: both; content: ''; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-number { float: none; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > *:first-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > *:last-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-number-group-wrapper { display: inline-block; text-align: start; vertical-align: top; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 0; text-align: center; border-left: 1px solid #d9d9d9; transition: all 0.1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: #40a9ff; } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0, 0, 0, 0.45); line-height: 12px; transition: all 0.1s linear; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-number:hover + .ant-form-item-children-icon { opacity: 0; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-readonly .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 2px; outline: 0; transition: all 0.3s linear; -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; /* stylelint-disable-next-line selector-no-vendor-prefix */ } .ant-input-number-input::-moz-placeholder { opacity: 1; } .ant-input-number-input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input-number-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input:-moz-placeholder { text-overflow: ellipsis; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type='number']::-webkit-inner-spin-button, .ant-input-number-input[type='number']::-webkit-outer-spin-button { margin: 0; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: #fff; border-radius: 0 2px 2px 0; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { display: flex; align-items: center; justify-content: center; min-width: auto; margin-right: 0; font-size: 7px; } .ant-input-number-borderless .ant-input-number-handler-wrap { border-left-width: 0; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap, .ant-input-number-focused .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; text-align: center; transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-borderless .ant-input-number-handler-down { border-top-width: 0; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-input-number-borderless { box-shadow: none; } .ant-input-number-out-of-range input { color: #ff4d4f; } .ant-input-number-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0; } .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap { border-right-width: 0; } .ant-input-number-rtl .ant-input-number-handler-up { border-top-right-radius: 0; } .ant-input-number-rtl .ant-input-number-handler-down { border-bottom-right-radius: 0; } .ant-input-number-rtl .ant-input-number-input { direction: ltr; text-align: right; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/input/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ display: inline-flex; } .ant-input-affix-wrapper::-moz-placeholder { opacity: 1; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input-affix-wrapper:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:-moz-placeholder { text-overflow: ellipsis; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px !important; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > input.ant-input { padding: 0; border: none; outline: none; } .ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: none; align-items: center; } .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } .ant-input-show-count-has-suffix { margin-right: 2px; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .anticon.ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } .anticon.ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .anticon.ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .anticon.ant-input-clear-icon-hidden { visibility: hidden; } .anticon.ant-input-clear-icon-has-suffix { margin: 0 4px; } .ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0 !important; border: 0 !important; } .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 8px; right: 8px; z-index: 1; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ } .ant-input::-moz-placeholder { opacity: 1; } .ant-input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input:-moz-placeholder { text-overflow: ellipsis; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ''; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type='color'] { height: 32px; } .ant-input[type='color'].ant-input-lg { height: 40px; } .ant-input[type='color'].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: #40a9ff; } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #40a9ff; } .ant-input-search .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -1px; padding: 0; border: 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0; padding-bottom: 0; border-radius: 0 2px 2px 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { top: 0; right: 0; bottom: 0; left: 0; } .ant-input-search-button { height: 32px; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 40px; } .ant-input-search-small .ant-input-search-button { height: 24px; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0; margin-left: 4px; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #40a9ff; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon { right: -1px; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button { border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 32px; } .ant-input-lg { height: 40px; } .ant-input-sm { height: 24px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/layout/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-layout { display: flex; flex: auto; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { width: 0; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; color: rgba(0, 0, 0, 0.85); line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background: #f0f2f5; } .ant-layout-content { flex: auto; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; } .ant-layout-sider { position: relative; /* fix firefox can't set width smaller than content on flex item */ min-width: 0; background: #001529; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { width: auto; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 2px 2px 0; cursor: pointer; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 2px 0 0 2px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-rtl { direction: rtl; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/list/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta { display: flex; flex: 1; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { flex: 1 0; width: 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-list-item-meta-title > a { color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-list-item-meta-title > a:hover { color: #1890ff; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; } .ant-list-item-action { flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; text-align: center; } .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #f0f0f0; } .ant-list-header { background: transparent; } .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0, 0, 0, 0.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #f0f0f0; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #f0f0f0; } .ant-list-split.ant-list-empty .ant-list-footer { border-top: 1px solid #f0f0f0; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 1px solid #f0f0f0; } .ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 2px; } .ant-list-bordered .ant-list-header { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-footer { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action { margin-left: 24px; } .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-list-rtl { direction: rtl; text-align: right; } .ant-list-rtl .ReactVirtualized__List .ant-list-item { direction: rtl; } .ant-list-rtl .ant-list-pagination { text-align: left; } .ant-list-rtl .ant-list-item-meta-avatar { margin-right: 0; margin-left: 16px; } .ant-list-rtl .ant-list-item-action { margin-right: 48px; margin-left: 0; } .ant-list.ant-list-rtl .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list-item-action-split { right: auto; left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin-right: 40px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-action { margin-right: auto; } .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: left; } @media screen and (max-width: 768px) { .ant-list-rtl .ant-list-item-action { margin-right: 24px; margin-left: 0; } .ant-list-rtl .ant-list-vertical .ant-list-item-extra { margin-right: 24px; margin-left: 0; } } @media screen and (max-width: 576px) { .ant-list-rtl .ant-list-item-action { margin-right: 22px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/spin/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1890ff; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/pagination/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:hover { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item:focus-visible { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:focus-visible a { color: #1890ff; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus-visible { border-color: #40a9ff; } .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-item-active:focus-visible a { color: #40a9ff; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #1890ff; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #40a9ff; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-disabled, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-disabled:focus-visible { cursor: not-allowed; } .ant-pagination-disabled:focus-visible .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ width: 50px; height: 32px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { opacity: 1; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:-moz-placeholder { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination-simple .ant-pagination-simple-pager input:focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; height: 24px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #e6e6e6; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: rgba(0, 0, 0, 0.25); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/locale-provider/style/index.less ***! \********************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/mentions/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-mentions { box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ position: relative; display: inline-block; height: auto; padding: 0; overflow: hidden; line-height: 1.5715; white-space: pre-wrap; vertical-align: bottom; } .ant-mentions::-moz-placeholder { opacity: 1; } .ant-mentions::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-mentions:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-mentions:-moz-placeholder { text-overflow: ellipsis; } .ant-mentions:placeholder-shown { text-overflow: ellipsis; } .ant-mentions:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-mentions:focus, .ant-mentions-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-borderless, .ant-mentions-borderless:hover, .ant-mentions-borderless:focus, .ant-mentions-borderless-focused, .ant-mentions-borderless-disabled, .ant-mentions-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-mentions-lg { padding: 6.5px 11px; font-size: 16px; } .ant-mentions-sm { padding: 0px 7px; } .ant-mentions-disabled > textarea { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > textarea:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-mentions > textarea, .ant-mentions-measure { min-height: 30px; margin: 0; padding: 4px 11px; overflow: inherit; overflow-x: hidden; overflow-y: auto; /* stylelint-disable declaration-block-no-redundant-longhand-properties */ font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; line-height: inherit; /* stylelint-enable declaration-block-no-redundant-longhand-properties */ direction: inherit; letter-spacing: inherit; white-space: inherit; text-align: inherit; vertical-align: top; word-wrap: break-word; word-break: inherit; -moz-tab-size: inherit; -o-tab-size: inherit; tab-size: inherit; } .ant-mentions > textarea { width: 100%; border: none; outline: none; resize: none; /* stylelint-disable-next-line selector-no-vendor-prefix */ } .ant-mentions > textarea::-moz-placeholder { opacity: 1; } .ant-mentions > textarea::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-mentions > textarea:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-mentions > textarea:-moz-placeholder { text-overflow: ellipsis; } .ant-mentions > textarea:placeholder-shown { text-overflow: ellipsis; } .ant-mentions-measure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; color: transparent; pointer-events: none; } .ant-mentions-measure > span { display: inline-block; min-height: 1em; } .ant-mentions-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-mentions-dropdown-hidden { display: none; } .ant-mentions-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-mentions-dropdown-menu-item { position: relative; display: block; min-width: 100px; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-mentions-dropdown-menu-item:hover { background-color: #f5f5f5; } .ant-mentions-dropdown-menu-item:first-child { border-radius: 2px 2px 0 0; } .ant-mentions-dropdown-menu-item:last-child { border-radius: 0 0 2px 2px; } .ant-mentions-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-mentions-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #fafafa; } .ant-mentions-dropdown-menu-item-active { background-color: #f5f5f5; } .ant-mentions-rtl { direction: rtl; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/message/style/index.less ***! \************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; top: 8px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #ff4d4f; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-message-rtl { direction: rtl; } .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/modal/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-modal { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding-bottom: 24px; } .ant-modal.ant-zoom-enter, .ant-modal.antzoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-modal-mask-hidden { display: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-modal-wrap { z-index: 1000; } .ant-modal-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-bottom: 0; margin-left: 8px; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; padding-bottom: 0; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper::before { display: table; content: ''; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ''; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { float: right; margin-top: 24px; } .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #ff4d4f; } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: #1890ff; } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: #52c41a; } .ant-modal-wrap-rtl { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-close { right: initial; left: 0; } .ant-modal-wrap-rtl .ant-modal-footer { text-align: left; } .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-body { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { float: right; margin-right: 0; margin-left: 16px; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-right: 38px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-btns { float: left; } .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { text-align: right; } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/notification/style/index.less ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-notification { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; z-index: 1010; margin-right: 24px; } .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0; margin-left: 24px; } .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationLeftFadeIn; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-hook-holder { position: relative; } .ant-notification-notice { position: relative; width: 384px; max-width: calc(100vw - 24px * 2); margin-bottom: 16px; margin-left: auto; padding: 16px 24px; overflow: hidden; line-height: 1.5715; word-wrap: break-word; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0; } .ant-notification-notice-message { margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(384px - 24px * 2 - 24px - 48px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ''; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1890ff; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #ff4d4f; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; opacity: 0; animation-play-state: paused; } .ant-notification-fade-leave { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-duration: 0.2s; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationFadeIn; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { animation-name: NotificationFadeOut; animation-play-state: running; } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-notification-rtl { direction: rtl; } .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 0; padding-left: 24px; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-icon { margin-right: 4px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-close { right: auto; left: 22px; } .ant-notification-rtl .ant-notification-notice-btn { float: left; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/page-header/style/index.less ***! \****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-page-header { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; padding: 16px 24px; background-color: #fff; } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 0; } .ant-page-header-back { margin-right: 16px; font-size: 16px; line-height: 1; } .ant-page-header-back-button { color: #1890ff; text-decoration: none; outline: none; transition: color 0.3s; color: #000; cursor: pointer; } .ant-page-header-back-button:focus, .ant-page-header-back-button:hover { color: #40a9ff; } .ant-page-header-back-button:active { color: #096dd9; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { display: flex; justify-content: space-between; } .ant-page-header-heading-left { display: flex; align-items: center; margin: 4px 0; overflow: hidden; } .ant-page-header-heading-title { margin-right: 12px; margin-bottom: 0; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading .ant-avatar { margin-right: 12px; } .ant-page-header-heading-sub-title { margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading-extra { margin: 4px 0; white-space: nowrap; } .ant-page-header-heading-extra > * { margin-left: 12px; white-space: unset; } .ant-page-header-heading-extra > *:first-child { margin-left: 0; } .ant-page-header-content { padding-top: 12px; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav { margin: 0; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before { border: none; } .ant-page-header-footer .ant-tabs .ant-tabs-tab { padding-top: 8px; padding-bottom: 8px; font-size: 16px; } .ant-page-header-compact .ant-page-header-heading { flex-wrap: wrap; } .ant-page-header-rtl { direction: rtl; } .ant-page-header-rtl .ant-page-header-back { float: right; margin-right: 0; margin-left: 16px; } .ant-page-header-rtl .ant-page-header-heading-title { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading .ant-avatar { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-sub-title { float: right; margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-tags { float: right; } .ant-page-header-rtl .ant-page-header-heading-extra { float: left; } .ant-page-header-rtl .ant-page-header-heading-extra > * { margin-right: 12px; margin-left: 0; } .ant-page-header-rtl .ant-page-header-heading-extra > *:first-child { margin-right: 0; } .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { float: right; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/popover/style/index.less ***! \************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 10px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 10px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 10px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 10px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message > .anticon { position: absolute; top: 8.0005px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 8.48528137px; height: 8.48528137px; overflow: hidden; background: transparent; pointer-events: none; } .ant-popover-arrow-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 6px; height: 6px; margin: auto; background-color: #fff; content: ''; pointer-events: auto; } .ant-popover-placement-top .ant-popover-arrow, .ant-popover-placement-topLeft .ant-popover-arrow, .ant-popover-placement-topRight .ant-popover-arrow { bottom: 1.51471863px; } .ant-popover-placement-top .ant-popover-arrow-content, .ant-popover-placement-topLeft .ant-popover-arrow-content, .ant-popover-placement-topRight .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-4.24264069px) rotate(45deg); } .ant-popover-placement-top .ant-popover-arrow { left: 50%; transform: translateX(-50%); } .ant-popover-placement-topLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-right .ant-popover-arrow, .ant-popover-placement-rightTop .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow { left: 1.51471863px; } .ant-popover-placement-right .ant-popover-arrow-content, .ant-popover-placement-rightTop .ant-popover-arrow-content, .ant-popover-placement-rightBottom .ant-popover-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(4.24264069px) rotate(45deg); } .ant-popover-placement-right .ant-popover-arrow { top: 50%; transform: translateY(-50%); } .ant-popover-placement-rightTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom .ant-popover-arrow, .ant-popover-placement-bottomLeft .ant-popover-arrow, .ant-popover-placement-bottomRight .ant-popover-arrow { top: 1.51471863px; } .ant-popover-placement-bottom .ant-popover-arrow-content, .ant-popover-placement-bottomLeft .ant-popover-arrow-content, .ant-popover-placement-bottomRight .ant-popover-arrow-content { box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); transform: translateY(4.24264069px) rotate(45deg); } .ant-popover-placement-bottom .ant-popover-arrow { left: 50%; transform: translateX(-50%); } .ant-popover-placement-bottomLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-left .ant-popover-arrow, .ant-popover-placement-leftTop .ant-popover-arrow, .ant-popover-placement-leftBottom .ant-popover-arrow { right: 1.51471863px; } .ant-popover-placement-left .ant-popover-arrow-content, .ant-popover-placement-leftTop .ant-popover-arrow-content, .ant-popover-placement-leftBottom .ant-popover-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-4.24264069px) rotate(45deg); } .ant-popover-placement-left .ant-popover-arrow { top: 50%; transform: translateY(-50%); } .ant-popover-placement-leftTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } .ant-popover-pink .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-red .ant-popover-inner { background-color: #f5222d; } .ant-popover-red .ant-popover-arrow-content { background-color: #f5222d; } .ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } .ant-popover-volcano .ant-popover-arrow-content { background-color: #fa541c; } .ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } .ant-popover-orange .ant-popover-arrow-content { background-color: #fa8c16; } .ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } .ant-popover-yellow .ant-popover-arrow-content { background-color: #fadb14; } .ant-popover-gold .ant-popover-inner { background-color: #faad14; } .ant-popover-gold .ant-popover-arrow-content { background-color: #faad14; } .ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } .ant-popover-cyan .ant-popover-arrow-content { background-color: #13c2c2; } .ant-popover-lime .ant-popover-inner { background-color: #a0d911; } .ant-popover-lime .ant-popover-arrow-content { background-color: #a0d911; } .ant-popover-green .ant-popover-inner { background-color: #52c41a; } .ant-popover-green .ant-popover-arrow-content { background-color: #52c41a; } .ant-popover-blue .ant-popover-inner { background-color: #1890ff; } .ant-popover-blue .ant-popover-arrow-content { background-color: #1890ff; } .ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } .ant-popover-geekblue .ant-popover-arrow-content { background-color: #2f54eb; } .ant-popover-purple .ant-popover-inner { background-color: #722ed1; } .ant-popover-purple .ant-popover-arrow-content { background-color: #722ed1; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-title { padding-right: 22px; padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/popconfirm/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popconfirm { z-index: 1060; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/progress/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-steps { display: inline-block; } .ant-progress-steps-outer { display: flex; flex-direction: row; align-items: center; } .ant-progress-steps-item { flex-shrink: 0; min-width: 2px; margin-right: 2px; background: #f3f3f3; transition: all 0.3s; } .ant-progress-steps-item-active { background: #1890ff; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ''; } .ant-progress-status-exception .ant-progress-bg { background-color: #ff4d4f; } .ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #ff4d4f; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @keyframes ant-progress-active { 0% { transform: translateX(-100%) scaleX(0); opacity: 0.1; } 20% { transform: translateX(-100%) scaleX(0); opacity: 0.5; } 100% { transform: translateX(0) scaleX(1); opacity: 0; } } .ant-progress-rtl { direction: rtl; } .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { margin-right: 0; margin-left: calc(-2em - 8px); padding-right: 0; padding-left: calc(2em + 8px); } .ant-progress-rtl .ant-progress-success-bg { right: 0; left: auto; } .ant-progress-rtl.ant-progress-line .ant-progress-text, .ant-progress-rtl.ant-progress-steps .ant-progress-text { margin-right: 8px; margin-left: 0; text-align: right; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/rate/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-rate { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star:hover { transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; color: inherit; cursor: pointer; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star > div { transition: all 0.3s, outline 0s; } .ant-rate-star > div:hover { transform: scale(1.1); } .ant-rate-star > div:focus { outline: 0; } .ant-rate-star > div:focus-visible { outline: 1px dashed #fadb14; transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #f0f0f0; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-full .ant-rate-star-second { color: inherit; } .ant-rate-text { display: inline-block; margin: 0 8px; font-size: 14px; } .ant-rate-rtl { direction: rtl; } .ant-rate-rtl .ant-rate-star:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-rate-rtl .ant-rate-star-first { right: 0; left: auto; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/result/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon > .anticon { color: #52c41a; } .ant-result-error .ant-result-icon > .anticon { color: #ff4d4f; } .ant-result-info .ant-result-icon > .anticon { color: #1890ff; } .ant-result-warning .ant-result-icon > .anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon > .anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin: 24px 0 0 0; text-align: center; } .ant-result-extra > * { margin-right: 8px; } .ant-result-extra > *:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-result-rtl { direction: rtl; } .ant-result-rtl .ant-result-extra > * { margin-right: 0; margin-left: 8px; } .ant-result-rtl .ant-result-extra > *:last-child { margin-left: 0; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/skeleton/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 16px; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 16px; margin-top: 16px; background: rgba(190, 190, 190, 0.2); border-radius: 4px; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 24px; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 16px; list-style: none; background: rgba(190, 190, 190, 0.2); border-radius: 4px; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 16px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 12px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 28px; } .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { border-radius: 100px; } .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-button { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-input { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-image { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-block { width: 100%; } .ant-skeleton.ant-skeleton-block .ant-skeleton-button { width: 100%; } .ant-skeleton-element { display: inline-block; width: auto; } .ant-skeleton-element .ant-skeleton-button { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); border-radius: 2px; width: 64px; min-width: 64px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { width: 32px; min-width: 32px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { border-radius: 32px; } .ant-skeleton-element .ant-skeleton-button-lg { width: 80px; min-width: 80px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { width: 40px; min-width: 40px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { border-radius: 40px; } .ant-skeleton-element .ant-skeleton-button-sm { width: 48px; min-width: 48px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { width: 24px; min-width: 24px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { border-radius: 24px; } .ant-skeleton-element .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-input { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 100%; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-input-lg { width: 100%; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-input-sm { width: 100%; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-image { display: flex; align-items: center; justify-content: center; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 96px; height: 96px; line-height: 96px; } .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-image-path { fill: #bfbfbf; } .ant-skeleton-element .ant-skeleton-image-svg { width: 48px; height: 48px; line-height: 48px; max-width: 192px; max-height: 192px; } .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { border-radius: 50%; } @keyframes ant-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .ant-skeleton-rtl { direction: rtl; } .ant-skeleton-rtl .ant-skeleton-header { padding-right: 0; padding-left: 16px; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { animation-name: ant-skeleton-loading-rtl; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { animation-name: ant-skeleton-loading-rtl; } @keyframes ant-skeleton-loading-rtl { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/slider/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-top: -6px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; left: 2px; margin-bottom: -4px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -5px; margin-left: 0; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 12px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 4px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 2px; left: auto; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #91d5ff; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #91d5ff; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging { border-color: #46a6ff; box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle:focus { border-color: #46a6ff; outline: none; box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle.ant-tooltip-open { border-color: #1890ff; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #69c0ff; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #69c0ff; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.85); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; margin-left: -4px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .ant-slider-dot:first-child { margin-left: -4px; } .ant-slider-dot:last-child { margin-left: -4px; } .ant-slider-dot-active { border-color: #8cc8ff; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: #f5f5f5 !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0; left: auto; } .ant-slider-rtl .ant-slider-dot { margin-right: -4px; margin-left: 0; } .ant-slider-rtl .ant-slider-dot:first-child { margin-right: -4px; margin-left: 0; } .ant-slider-rtl .ant-slider-dot:last-child { margin-right: -4px; margin-left: 0; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/space/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-space { display: inline-flex; } .ant-space-vertical { flex-direction: column; } .ant-space-align-center { align-items: center; } .ant-space-align-start { align-items: flex-start; } .ant-space-align-end { align-items: flex-end; } .ant-space-align-baseline { align-items: baseline; } .ant-space-item:empty { display: none; } .ant-space-rtl { direction: rtl; } /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/statistic/style/index.less ***! \**************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-statistic { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-statistic-content { color: rgba(0, 0, 0, 0.85); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } .ant-statistic-content-value { display: inline-block; direction: ltr; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; } .ant-statistic-rtl { direction: rtl; } .ant-statistic-rtl .ant-statistic-content-prefix { margin-right: 0; margin-left: 4px; } .ant-statistic-rtl .ant-statistic-content-suffix { margin-right: 4px; margin-left: 0; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/steps/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-steps { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; width: 100%; font-size: 0; text-align: initial; } .ant-steps-item { position: relative; display: inline-block; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { flex: none; } .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-item-icon, .ant-steps-item-content { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 32px; height: 32px; margin: 0 8px 0 0; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 32px; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon .ant-steps-icon { position: relative; top: -0.5px; color: #1890ff; line-height: 1; } .ant-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .ant-steps-item-tail::after { display: inline-block; width: 100%; height: 1px; background: #f0f0f0; border-radius: 1px; transition: background 0.3s; content: ''; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 32px; } .ant-steps-item-title::after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #f0f0f0; content: ''; } .ant-steps-item-subtitle { display: inline; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; } .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-item-wait .ant-steps-item-icon { background-color: #fff; border-color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon { background: #1890ff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon { color: #fff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #1890ff; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #1890ff; } .ant-steps-item-error .ant-steps-item-icon { background-color: #fff; border-color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { background: #ff4d4f; } .ant-steps-item-disabled { cursor: not-allowed; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon { transition: color 0.3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description { color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon { border-color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon { color: #1890ff; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 16px; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 140px; white-space: normal; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon { height: auto; background: none; border: 0; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon { top: 0px; left: 0.5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; background: none; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 12px; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-small .ant-steps-item-icon { width: 24px; height: 24px; margin: 0 8px 0 0; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .ant-steps-small .ant-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .ant-steps-small .ant-steps-item-title::after { top: 12px; } .ant-steps-small .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-small .ant-steps-item-tail { top: 8px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { font-size: 24px; line-height: 24px; transform: none; } .ant-steps-vertical { display: flex; flex-direction: column; } .ant-steps-vertical > .ant-steps-item { display: block; flex: 1 0 auto; padding-left: 0; overflow: visible; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-title { line-height: 32px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 1px; height: 100%; } .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 42px; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0; padding-left: 0; } .ant-steps-label-vertical .ant-steps-item-title::after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5715; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 46px; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5715; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .ant-steps-dot .ant-steps-item-tail::after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 2px; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; transition: all 0.3s; /* expand hover area */ } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0, 0, 0, 0.001); content: ''; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 140px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { position: relative; top: -1px; width: 10px; height: 10px; line-height: 10px; background: none; } .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 13px; margin-left: 0; background: none; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 6.5px; left: -9px; margin: 0; padding: 22px 0 4px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-content { width: inherit; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { top: -1px; left: -1px; } .ant-steps-navigation { padding-top: 12px; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -12px; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; transition: opacity 0.3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { max-width: auto; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover { opacity: 0.85; } .ant-steps-navigation .ant-steps-item:last-child { flex: 1; } .ant-steps-navigation .ant-steps-item:last-child::after { display: none; } .ant-steps-navigation .ant-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: none; border-left: none; transform: rotate(45deg); content: ''; } .ant-steps-navigation .ant-steps-item::before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 2px; background-color: #1890ff; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; content: ''; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0; width: 100%; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item { margin-right: 0 !important; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before { display: none; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; transform: rotate(135deg); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-rtl { direction: rtl; } .ant-steps.ant-steps-rtl .ant-steps-item-icon { margin-right: 0; margin-left: 8px; } .ant-steps-rtl .ant-steps-item-tail { right: 0; left: auto; } .ant-steps-rtl .ant-steps-item-title { padding-right: 0; padding-left: 16px; } .ant-steps-rtl .ant-steps-item-title::after { right: 100%; left: auto; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 16px; padding-left: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { right: 0.5px; left: auto; } .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-right: -12px; margin-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { margin-right: -16px; margin-left: 0; text-align: right; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { right: 100%; left: auto; margin-right: -2px; margin-left: 0; transform: rotate(225deg); } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 12px; padding-left: 0; } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-small .ant-steps-item-title { padding-right: 0; padding-left: 12px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: right; margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 16px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { right: 12px; left: auto; } .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { margin: 0 70px 0 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { margin-right: 12px; margin-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { right: 2px; left: auto; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-right: 67px; margin-left: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { /* expand hover area */ } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { float: right; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { right: -26px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: -9px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { right: 0; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { right: -2px; left: auto; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { padding-right: 4px; } .ant-steps-with-progress .ant-steps-item { padding-top: 4px; } .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail { top: 4px !important; } .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child { padding-bottom: 4px; padding-left: 4px; } .ant-steps-with-progress .ant-steps-item-icon { position: relative; } .ant-steps-with-progress .ant-steps-item-icon .ant-progress { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/switch/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-switch { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 22px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 0; border-radius: 100px; cursor: pointer; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-switch:focus { outline: 0; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .ant-switch-checked:focus { box-shadow: 0 0 0 2px #e6f7ff; } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-checked { background-color: #1890ff; } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0 7px 0 25px; color: #fff; font-size: 12px; transition: margin 0.2s; } .ant-switch-checked .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-handle { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; transition: all 0.2s ease-in-out; } .ant-switch-handle::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-radius: 9px; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: all 0.2s ease-in-out; content: ''; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 18px - 2px); } .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-loading-icon.anticon { position: relative; top: 2px; color: rgba(0, 0, 0, 0.65); vertical-align: top; } .ant-switch-checked .ant-switch-loading-icon { color: #1890ff; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 16px; } .ant-switch-small .ant-switch-inner { margin: 0 5px 0 18px; font-size: 12px; } .ant-switch-small .ant-switch-handle { width: 12px; height: 12px; } .ant-switch-small .ant-switch-loading-icon { top: 1.5px; font-size: 9px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin: 0 18px 0 5px; } .ant-switch-small.ant-switch-checked .ant-switch-handle { left: calc(100% - 12px - 2px); } .ant-switch-rtl { direction: rtl; } .ant-switch-rtl .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-rtl .ant-switch-handle { right: 2px; left: auto; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch-rtl.ant-switch-checked .ant-switch-inner { margin: 0 7px 0 25px; } .ant-switch-rtl.ant-switch-checked .ant-switch-handle { right: calc(100% - 18px - 2px); } .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { right: calc(100% - 12px - 2px); } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/table/style/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 25px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 25px; } .ant-table-small .ant-table-thead > tr > th { background-color: #fafafa; } .ant-table-small .ant-table-selection-column { width: 46px; min-width: 46px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border-left: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { background-color: transparent !important; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { border-top: 1px solid #f0f0f0; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-resize-handle { position: absolute; top: 0; height: 100% !important; bottom: 0; left: auto !important; right: -8px; cursor: col-resize; touch-action: none; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; width: 16px; z-index: 1; } .ant-table-resize-handle-line { display: block; width: 1px; margin-left: 7px; height: 100% !important; background-color: #1890ff; opacity: 0; } .ant-table-resize-handle:hover .ant-table-resize-handle-line { opacity: 1; } .ant-table-resize-handle.dragging { overflow: hidden; } .ant-table-resize-handle.dragging .ant-table-resize-handle-line { opacity: 1; } .ant-table-resize-handle.dragging:before { position: absolute; top: 0; bottom: 0; width: 100%; content: ' '; width: 200vw; transform: translateX(-50%); opacity: 0; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ''; } .ant-table-wrapper::after { display: table; clear: both; content: ''; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-cell-ellipsis .ant-table-column-title { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { position: relative; color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { position: absolute; top: 50%; right: 0; width: 1px; height: 1.6em; background-color: rgba(0, 0, 0, 0.06); transform: translateY(-50%); transition: background-color 0.3s; content: ''; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 33px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #e6f7ff; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #dcf4ff; } .ant-table-summary { position: relative; z-index: 2; background: #fff; } div.ant-table-summary { box-shadow: 0 -1px 0 #f0f0f0; } .ant-table-summary > tr > th, .ant-table-summary > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; flex-wrap: wrap; row-gap: 8px; } .ant-table-pagination > * { flex: none; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: rgba(0, 0, 0, 0.04); } .ant-table-thead th.ant-table-column-has-sorters:hover::before { background-color: transparent !important; } .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort::before { background-color: transparent !important; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-title { position: relative; z-index: 1; flex: 1; } .ant-table-column-sorters { display: flex; flex: auto; align-items: center; justify-content: space-between; } .ant-table-column-sorters::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; } .ant-table-column-sorter { margin-left: 4px; color: #bfbfbf; font-size: 0; transition: color 0.3s; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #1890ff; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-column-sorters:hover .ant-table-column-sorter { color: #a6a6a6; } .ant-table-filter-column { display: flex; justify-content: space-between; } .ant-table-filter-trigger { position: relative; display: flex; align-items: center; margin: -4px -8px -4px 4px; padding: 0 4px; color: #bfbfbf; font-size: 12px; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, 0.04); } .ant-table-filter-trigger.active { color: #1890ff; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { display: block; padding: 8px 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; text-align: center; content: 'Not Found'; } .ant-table-filter-dropdown-tree { padding: 8px 8px 0; } .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { background-color: #bae7ff; } .ant-table-filter-dropdown-search { padding: 8px; border-bottom: 1px #f0f0f0 solid; } .ant-table-filter-dropdown-search-input input { min-width: 140px; } .ant-table-filter-dropdown-search-input .anticon { color: rgba(0, 0, 0, 0.25); } .ant-table-filter-dropdown-checkall { width: 100%; margin-bottom: 4px; margin-left: 4px; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table-selection-col { width: 32px; } .ant-table-bordered .ant-table-selection-col { width: 50px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } table tr th.ant-table-selection-column.ant-table-cell-fix-left { z-index: 3; } table tr th.ant-table-selection-column::after { background-color: transparent !important; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; margin-inline-start: 100%; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #1890ff; text-decoration: none; cursor: pointer; transition: color 0.3s; position: relative; display: inline-flex; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; transform: scale(0.94117647); transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentcolor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentcolor; transition: transform 0.3s ease-out; content: ''; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view { display: flex; } tr.ant-table-expanded-row .ant-descriptions-view table { flex: auto; width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: 2; width: 30px; transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-last::before { background-color: transparent !important; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-holder { position: sticky; z-index: calc(2 + 1); background: #fff; } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { /* title + table */ /* table */ /* table + footer */ } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { right: auto; left: 0; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 4px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger { margin: -4px 4px -4px -8px; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/tree/style/index.less ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; transition: background-color 0.3s; content: ''; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: #f5f5f5; } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: #fff; background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #e6f7ff; } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: #f5f5f5; } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 24px; } .ant-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1890ff; } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: #fff; } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { right: -6px; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -13px; border-right: none; border-left: 1px solid #d9d9d9; } .ant-tree-rtl.ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 4px 0 0 8px; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/time-picker/style/index.less ***! \****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/timeline/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-timeline { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding-bottom: 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #f0f0f0; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #1890ff; border-color: #1890ff; } .ant-timeline-item-head-red { color: #ff4d4f; border-color: #ff4d4f; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -7.001px; margin: 0 0 0 26px; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 4px - 2px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -7.001px; width: calc(50% - 12px); text-align: right; } .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 14px); width: calc(50% - 14px); text-align: left; } .ant-timeline-rtl { direction: rtl; } .ant-timeline-rtl .ant-timeline-item-tail { right: 4px; left: auto; border-right: 2px solid #f0f0f0; border-left: none; } .ant-timeline-rtl .ant-timeline-item-head-custom { right: 5px; left: auto; transform: translate(50%, -50%); } .ant-timeline-rtl .ant-timeline-item-content { margin: 0 18px 0 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { right: 50%; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-right: -4px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-right: 1px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 4px); left: auto; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { right: 0; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 18px; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 14px); text-align: right; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/transfer/style/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-transfer-customize-list .ant-transfer-list { flex: 1 1 50%; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { width: 40px; min-width: 40px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #f0f0f0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer-customize-list .ant-input[disabled] { background-color: transparent; } .ant-transfer { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: flex; align-items: stretch; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { display: flex; flex-direction: column; width: 180px; height: 200px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-transfer-list-with-pagination { width: 250px; height: auto; } .ant-transfer-list-search .anticon-search { color: rgba(0, 0, 0, 0.25); } .ant-transfer-list-header { display: flex; flex: none; align-items: center; height: 40px; padding: 8px 12px 9px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-transfer-list-header > *:not(:last-child) { margin-right: 4px; } .ant-transfer-list-header > * { flex: none; } .ant-transfer-list-header-title { flex: auto; overflow: hidden; white-space: nowrap; text-align: right; text-overflow: ellipsis; } .ant-transfer-list-header-dropdown { font-size: 10px; transform: translateY(10%); cursor: pointer; } .ant-transfer-list-header-dropdown[disabled] { cursor: not-allowed; } .ant-transfer-list-body { display: flex; flex: auto; flex-direction: column; overflow: hidden; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: relative; flex: none; padding: 12px; } .ant-transfer-list-content { flex: auto; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content-item { display: flex; align-items: center; min-height: 32px; padding: 6px 12px; line-height: 20px; transition: all 0.3s; } .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 8px; } .ant-transfer-list-content-item > * { flex: none; } .ant-transfer-list-content-item-text { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-transfer-list-content-item-remove { color: #1890ff; text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; position: relative; color: #d9d9d9; } .ant-transfer-list-content-item-remove:focus, .ant-transfer-list-content-item-remove:hover { color: #40a9ff; } .ant-transfer-list-content-item-remove:active { color: #096dd9; } .ant-transfer-list-content-item-remove::after { position: absolute; top: -6px; right: -50%; bottom: -6px; left: -50%; content: ''; } .ant-transfer-list-content-item-remove:hover { color: #40a9ff; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #f5f5f5; cursor: pointer; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { background-color: #dcf4ff; } .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background: transparent; cursor: default; } .ant-transfer-list-content-item-checked { background-color: #e6f7ff; } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-pagination { padding: 8px 0; text-align: right; border-top: 1px solid #f0f0f0; } .ant-transfer-list-body-not-found { flex: none; width: 100%; margin: auto 0; color: rgba(0, 0, 0, 0.25); text-align: center; } .ant-transfer-list-footer { border-top: 1px solid #f0f0f0; } .ant-transfer-operation { display: flex; flex: none; flex-direction: column; align-self: center; margin: 0 8px; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } .ant-transfer .ant-empty-image { max-height: -2px; } .ant-transfer-rtl { direction: rtl; } .ant-transfer-rtl .ant-transfer-list-search { padding-right: 8px; padding-left: 24px; } .ant-transfer-rtl .ant-transfer-list-search-action { right: auto; left: 12px; } .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) { margin-right: 0; margin-left: 4px; } .ant-transfer-rtl .ant-transfer-list-header { right: 0; left: auto; } .ant-transfer-rtl .ant-transfer-list-header-title { text-align: left; } .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-transfer-rtl .ant-transfer-list-pagination { text-align: left; } .ant-transfer-rtl .ant-transfer-list-footer { right: 0; left: auto; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/tree-select/style/index.less ***! \****************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1890ff; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-select-dropdown { padding: 8px 4px; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: #e6f7ff; } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: #f5f5f5; } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 24px; } .ant-select-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1890ff; } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bae7ff; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: #fff; } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/typography/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-typography { color: rgba(0, 0, 0, 0.85); overflow-wrap: break-word; } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-success { color: #52c41a; } .ant-typography.ant-typography-warning { color: #faad14; } .ant-typography.ant-typography-danger { color: #ff4d4f; } a.ant-typography.ant-typography-danger:active, a.ant-typography.ant-typography-danger:focus, a.ant-typography.ant-typography-danger:hover { color: #ff7875; } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, .ant-typography h1 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 38px; line-height: 1.23; } h2.ant-typography, .ant-typography h2 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 30px; line-height: 1.35; } h3.ant-typography, .ant-typography h3 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 1.35; } h4.ant-typography, .ant-typography h4 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 1.4; } h5.ant-typography, .ant-typography h5 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 16px; line-height: 1.5; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography, .ant-typography + h5.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography h5 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography h5 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography h5 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4, .ant-typography h5 + h4, .ant-typography div + h5, .ant-typography ul + h5, .ant-typography li + h5, .ant-typography p + h5, .ant-typography h1 + h5, .ant-typography h2 + h5, .ant-typography h3 + h5, .ant-typography h4 + h5, .ant-typography h5 + h5 { margin-top: 1.2em; } a.ant-typography-ellipsis, span.ant-typography-ellipsis { display: inline-block; max-width: 100%; } a.ant-typography, .ant-typography a { color: #1890ff; outline: none; cursor: pointer; transition: color 0.3s; text-decoration: none; } a.ant-typography:focus, .ant-typography a:focus, a.ant-typography:hover, .ant-typography a:hover { color: #40a9ff; } a.ant-typography:active, .ant-typography a:active { color: #096dd9; } a.ant-typography:active, .ant-typography a:active, a.ant-typography:hover, .ant-typography a:hover { text-decoration: none; } a.ant-typography[disabled], .ant-typography a[disabled], a.ant-typography.ant-typography-disabled, .ant-typography a.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active, a.ant-typography[disabled]:hover, .ant-typography a[disabled]:hover, a.ant-typography.ant-typography-disabled:hover, .ant-typography a.ant-typography-disabled:hover { color: rgba(0, 0, 0, 0.25); } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active { pointer-events: none; } .ant-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography kbd { margin: 0 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(100, 100, 100, 0.2); border-bottom-width: 2px; border-radius: 3px; } .ant-typography mark { padding: 0; background-color: #ffe58f; } .ant-typography u, .ant-typography ins { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: #1890ff; text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 4px; } .ant-typography-expand:focus, .ant-typography-edit:focus, .ant-typography-copy:focus, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: #40a9ff; } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: #096dd9; } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: #52c41a; } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -12px; margin-top: -5px; margin-bottom: calc(1em - 4px - 1px); } .ant-typography-edit-content-confirm { position: absolute; right: 10px; bottom: 8px; color: rgba(0, 0, 0, 0.45); pointer-events: none; } .ant-typography-edit-content textarea { /* stylelint-disable-next-line property-no-vendor-prefix */ -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em; padding: 0; } .ant-typography ul li, .ant-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .ant-typography ul { list-style-type: circle; } .ant-typography ul ul { list-style-type: disc; } .ant-typography ol { list-style-type: decimal; } .ant-typography pre, .ant-typography blockquote { margin: 1em 0; } .ant-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; word-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography pre code { display: inline; margin: 0; padding: 0; font-size: inherit; font-family: inherit; background: transparent; border: 0; } .ant-typography blockquote { padding: 0 0 0 0.6em; border-left: 4px solid rgba(100, 100, 100, 0.2); opacity: 0.85; } .ant-typography-single-line { white-space: nowrap; } .ant-typography-ellipsis-single-line { overflow: hidden; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { /* stylelint-disable-next-line value-no-vendor-prefix */ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; } .ant-typography-rtl { direction: rtl; } .ant-typography-rtl .ant-typography-expand, .ant-typography-rtl .ant-typography-edit, .ant-typography-rtl .ant-typography-copy { margin-right: 4px; margin-left: 0; } .ant-typography-rtl .ant-typography-expand { float: left; } div.ant-typography-edit-content.ant-typography-rtl { right: -12px; left: auto; } .ant-typography-rtl .ant-typography-edit-content-confirm { right: auto; left: 10px; } .ant-typography-rtl.ant-typography ul li, .ant-typography-rtl.ant-typography ol li { margin: 0 20px 0 0; padding: 0 4px 0 0; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/upload/style/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-upload { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type='file'] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #1890ff; } .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { border-color: #d9d9d9; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #096dd9; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #40a9ff; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #40a9ff; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 30px; transition: all 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover { color: rgba(0, 0, 0, 0.45); } .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before { display: table; content: ''; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ''; } .ant-upload-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; line-height: 1.5715; } .ant-upload-list::before { display: table; content: ''; } .ant-upload-list::after { display: table; clear: both; content: ''; } .ant-upload-list-item { position: relative; height: 22.001px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-card-actions { position: absolute; right: 0; } .ant-upload-list-item-card-actions-btn { opacity: 0; } .ant-upload-list-item-card-actions-btn.ant-btn-sm { height: 20px; line-height: 1; } .ant-upload-list-item-card-actions.picture { top: 22px; line-height: 0; } .ant-upload-list-item-card-actions-btn:focus, .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-card-actions .anticon { color: rgba(0, 0, 0, 0.45); } .ant-upload-list-item-info { height: 100%; padding: 0 4px; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading .anticon, .ant-upload-list-item-info .ant-upload-text-icon .anticon { position: absolute; top: 5px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload-list-item .anticon-close { position: absolute; top: 6px; right: 4px; color: rgba(0, 0, 0, 0.45); font-size: 10px; line-height: 0; cursor: pointer; opacity: 0; transition: all 0.3s; } .ant-upload-list-item .anticon-close:hover { color: rgba(0, 0, 0, 0.85); } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #f5f5f5; } .ant-upload-list-item:hover .anticon-close { opacity: 1; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-text-icon > .anticon, .ant-upload-list-item-error .ant-upload-list-item-name { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { width: 48px; height: 48px; line-height: 60px; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { fill: #fff2f0; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { fill: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-icon .anticon, .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { margin-bottom: 12px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture .anticon-close, .ant-upload-list-picture-card .anticon-close { position: absolute; top: 8px; right: 8px; line-height: 1; opacity: 1; } .ant-upload-list-picture-card-container { display: inline-block; width: 104px; height: 104px; margin: 0 8px 8px 0; vertical-align: top; } .ant-upload-list-picture-card.ant-upload-list::after { display: none; } .ant-upload-list-picture-card .ant-upload-list-item { height: 100%; margin: 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s; content: ' '; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 16px; margin: 0 4px; color: rgba(255, 255, 255, 0.85); font-size: 16px; cursor: pointer; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5715; text-align: center; } .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; width: calc(100% - 14px); padding-left: 0; } .ant-upload-list-text-container, .ant-upload-list-picture-container { transition: opacity 0.3s, height 0.3s; } .ant-upload-list-text-container::before, .ant-upload-list-picture-container::before { display: table; width: 0; height: 0; content: ''; } .ant-upload-list-text-container .ant-upload-span, .ant-upload-list-picture-container .ant-upload-span { display: block; flex: auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: flex; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { flex: none; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { flex: auto; margin: 0; padding: 0 8px; } .ant-upload-list-text .ant-upload-list-item-card-actions, .ant-upload-list-picture .ant-upload-list-item-card-actions { position: static; } .ant-upload-list-text .ant-upload-text-icon .anticon { position: static; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateInlineIn { from { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } .ant-upload-rtl { direction: rtl; } .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { margin-right: auto; margin-left: 8px; } .ant-upload-list-rtl { direction: rtl; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 22px; padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 22px; padding-left: 28px; } .ant-upload-list-rtl .ant-upload-list-item-name { padding-right: 22px; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-card-actions { right: auto; left: 0; } .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-info { padding: 0 4px 0 12px; } .ant-upload-list-rtl .ant-upload-list-item .anticon-close { right: auto; left: 4px; } .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-progress { padding-right: 26px; padding-left: 0; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { right: 8px; left: auto; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { margin: 0 8px 0 0; padding-right: 48px; padding-left: 8px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 48px; padding-left: 18px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 48px; padding-left: 36px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { padding-right: 0; padding-left: 0; } .ant-upload-list-rtl.ant-upload-list-picture .anticon-close, .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close { right: auto; left: 8px; } .ant-upload-list-rtl .ant-upload-list-picture-card-container { margin: 0 0 8px 8px; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { margin: 8px 0 0; padding: 0; } @keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-2d0f5223]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-2d0f5223]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;cursor:var(--vs-indicator-icon-cursor)}.clear-button[data-v-2d0f5223]:focus-visible{border-radius:var(--vs-border-radius);outline:var(--vs-outline-width) solid var(--vs-outline-color)}.dropdown-icon[data-v-2d0f5223]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon[data-v-2d0f5223]:focus-visible{border-radius:var(--vs-border-radius);outline:var(--vs-outline-width) solid var(--vs-outline-color)}.dropdown-icon.active[data-v-2d0f5223]{transform:rotate(180deg)}[data-v-52c71ffd]{box-sizing:border-box}.menu-option[data-v-52c71ffd]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option.focused[data-v-52c71ffd]:not(.selected):not(.disabled){background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-52c71ffd]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-52c71ffd]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}[data-v-51bf3ffa]{box-sizing:border-box}.menu[data-v-51bf3ffa]{position:absolute;max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.menu[data-state-position^=bottom][data-v-51bf3ffa]{margin-top:var(--vs-menu-offset-top)}.menu[data-state-position^=top][data-v-51bf3ffa]{margin-bottom:var(--vs-menu-offset-top)}.no-results[data-v-51bf3ffa]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-51bf3ffa]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}.multi-value[data-v-ba5b83d4]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-ba5b83d4]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-ba5b83d4]{border-radius:var(--vs-multi-value-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-ba5b83d4]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-ba5b83d4]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-ba5b83d4]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-d650edcf]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: #dbeafe;--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-18e25d14]{box-sizing:border-box}.vue-select[data-v-18e25d14]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-18e25d14]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-18e25d14]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-18e25d14]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-18e25d14]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-18e25d14]{display:flex;flex-wrap:wrap}.single-value[data-v-18e25d14]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-18e25d14]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-18e25d14]{opacity:0}.input-container[data-v-18e25d14]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-18e25d14]{transform:translateZ(0)}.input-container.typing[data-v-18e25d14]:after{content:attr(data-value) " ";font-size:var(--vs-font-size);font-family:var(--vs-font-family);visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-18e25d14]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none} @font-face{font-family:summernote;font-style:normal;font-weight:400;font-display:auto;src:url(/fonts/summernote.bcbb6857.eot);src:url(/fonts/summernote.bcbb6857.eot?#iefix) format("embedded-opentype"),url(data:font/woff2;base64,d09GMgABAAAAABgMAAsAAAAALngAABe+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCIcgrDVLcpC3QAATYCJAOBZAQgBYQuB4VDGxMnVUaGjQMgGfMViajYXJL9f528IZoepUPGzLOYZJ+9MOtEzHNIeelPLximwnZJuCAiLpWlz5b53Plojgrm7rPcTY/Q2Ce5/ENd7O3dFlxNU+KNl1jEEQWaUBLSB0waWlcrzUo4lnb1Y+EPtM1/ih5ooxhFm9NmNiogRoKENQEDnAXYE3WgbpNlqqv8U5fBosJl6EK3/cU9dDOARanPz3vYzcO38/2r60pSSjCOkkwmPByPbLrBtrKEqSZQdY30xEe25szkQ64/6P7qMqLrWpMAp4KwCXPgK3xx7ms2zoi0+UegibvGvNrUyJP+/t+vVdp+M3v8QjNXlbkNzVRqySUn1MVHitf/d8/+37//8FV6qao3vEBz2Bs8IJABVFFxPYcd7tkgKWBFJAzKGBWvIuQJYaN0LI7ZebSGptiNYTpFahIxlhFFI9qW0L0DIdaGqSSOULZXeCMGyGYUx3gkZQjBehc3KMGVCefIAUpXHruivBhwRzOuMARUgSiZUj74gp8uOib/ub/4118n5MYbYIEnzokei1sGCb+WYPHIu07c9XHEbg4puMoZ0u9ZfhsFH9MYzEXTf2rCBjtRdAOY9za/3eXt3v+Fh0JjsDgATyDCs2OPwIEjJ85cuHLjzgMRCRkFFQ2dJy/efPjyM46/AIGCBAsRKgzDeOEiRIJROPOOFi630RsIPgMMARgKMAxgOMAIgJEAowBGA4wBGAswDmAAYDzABICJAJMAJgNMAZgKMA1gOsAMgJkAswBmA8wBmAswD2A+wAKAhQCLABYDLAFYCrAMYDnACoCVAKsAVgOsAVgLsA5gPcAGgI0AmwA2A2wB2AqwDWA7wA6AnQl93DE8T/IRbR10uqCF4yFXUcSQRmASVqhFVAhROFIIB0ATVZSo/M7va0Kd6pClAoaU6ymAs6VKhgLgg6ANmFFk0cAQWYOitKyWxMhAzPEAMktG4ospApiLaq6agEk4T7Wk63oK65n6X4pQTWBj0VUqnHw0w/Icp6lb44cAxBwLLEHrIub4TMJj7mWgxt6vQv1iDxkTToDbY1BETJOiwKgFNQmIytm+gT7dZnTuMXUT168NeETUgEtPkjCVqad8UoM0wdKW4Joy8tDjwfi16wO/Dg68/DTFqskndVQ7zn9qIaexpD2FBHwDYrsORFTTcWtqKOFMj6S49cMfF//66cLPfxf/+aOAD/prnmLXQcjpoxihkY18HVZyEqprHTBWPW4ornKdfIkg0yU1iApVGFNrQ+8e7drSYJj3SngoyLp0LBIivVMSFtYUErcbIPUDqLOnsaT8Fe7UA9MfykZnKk2IkI+4B3YZE6sk8nHVEz1nmGPht5F/6XwEBBdkUMgMxX97vsf8c3yeC5YyTT5Z9TwYi2IjJK5fI2rIpbKKQVeYx7xhV2RK3Khpq0rfG0qvV3fW5h4Ow9fuZ6rba4fzmw+yNR1VQ8ydJmXa4NFM5mUIXZ/lrcJz3Diua6kdr1Cmx+f+kpHM8xqYurI3nlzf6j8aelkqS15wjyjFMhZ13XxJSTi3+Jdlvifqn8xF5v2XucD9/yUNJt2kSnqGH1OcvzqIXRmEbPR17goiewC5NPDsmTaEXsYebs7g82fPBAn+ZoYCfp6C78AKtrHT4O0dfIg9bd+0+7q2QNnbiptFMPZ7U0OJ5sUG4yecWiiyBrV2FdhRjV/12IC+EA9gbyNihGZgrCZUU+t0e+L2tHBSTo+kTrPrTnzsyYh04GuxfvzK5An2CnPIOkPYbrNdYq9SKWDhurhzfB+K9Dyzz2d9P9Mk4PoG+gTUCgj26dZXGJd4MAyN5TY3q2MIOrIA8AqZAdoeiyH7g4buo4Oe88Of6CKc5wVQIP8MOftFCSxlLlX7TX/sTyyfmgAZyDM02os6pmVhLqenFj+lYeY5e5jI0pffiMXOwvaFIpgBBcbcU6QtXtrkTT4s5ewPI5WbK7GM3H6rXdNQVZ1ZbRH9tUWM5UkEaXcBiKkUOvQ+6+6/0/Cro4Xv+5v56+h8KqW72sat/SwvKGemQbp5yJiKOopjZIZEmIci4dNhWH/a5ykQ0dxnVyfXDk4Nvwn9B6Qz0oD//e1vcXBnZgBmpFfEdzybUjXFALWfn1ud4gKRu/wlxwlaL27pzmYKce6gSRgXYjqLeIqfLCanJTdVkJg3oW1KHGTvQkLmPthCHnzsM1VfZG5fm3DJQ/0GNanizvzPSn137Sf8Nvm4Eesxw7f1wQVYk15ymmYcR/uc++stC5uLyAOiWx8ZfmPYnVF3ZmVXNWwbpRdhbtieV2vqZsSHDBmdm/+6Gy7Cgbqj1VOhAOaatJJ2DfLEquJFSF6osEvfh9qtidY+5CqMZcUXhBE6G7yfcWFQp2QaXiG238CYxD9YFflEYxyUWeTsNEiQweLk4K1WaeSXhXzE/ybgTcurOXt6Dlvpb7ksTGVuxQy4jmsN4aIwwfU10+2OtnuK99zxpecpyyQlZovh89ffu/hoIB8g+hoa7iPFmXPk7Bl6/iw/d14Ix31TD3YohdzGPSTS92mA+JwCSiGu1a5AkjdxM8ghTpA4H7bw8sTHOHwcjbug2lL8ZLTepc+39g7XgbEumW7z0T707MqkK8uW9c6MvA2g/qgZ43sx4FJ8QNUY1BVfn1kYWojqtNqf3jg997AB6YRHU1jt4kp8/QcNUkewK9IJO/7sw+GshxgaoYhhWNWM4MGMiytQC/qDfhx2nhes/LNDHuOpWqe6PmOlp5iXLg/m513qAthy/u6Uzohf80pfzgSYDj3BGrzVqc72qVSZ9ouSlz+0ugcw9hOXkjqkIvDg4fQoQP5Z4skhtTunab2l7FXMF+i4enJN8Ve9oGwJTU1+ikP9vRnxFXGyAjQW1A+9X/1UiOgxI9a/W/amnYhL3TWhsT8Dge+/xSX67hv0kmQe4h7WyJ1e6fs/vRGWyN7QNuGZIigWGnvCftMCayv/CrVAyPYVsahsdOqBRZ3dAF3akpmysJfUi2cKRFArJP4S9TCVHqK+3RwACZbyjcUSUW+gZgxKrNsQht7d47aKtCpoIP5Y+t3cu+b4HJf5l1lHAra4uBD7Q++IXW1uyo8jPJeyP3IznW57ghpLY6uJVhhLRL0rklJMSavdjEvHAdEZLlvYz7x60gjbceKK6udv+m82e1jIgz9FV0nYS0kw/L4aKBG7ajJg682ssf1YHPITDwtG4R7WNavBOsaetsNiB2mH+Y634jf+eGT3vB19fWfnjJ7e0r3x7Wkf/Dl8xClxjYv7q/FYFfXyvXalx8HMLyMCx8RxCShY9XMzbYyjxmCne5NHT23RG7fhfASYh9uZl44ACwTOAl5hYsD5pkNDTUAeR+uGLyjAh+MPHx5zFbnqIMZ0H5VBLaidOhWs9tvt+mWZ7PJaSX1x7fmeQB4mgXnzcIX7geYL9gl0bmwb0PZ+/O8qiZyODRDf928XGFa4OPHebTfK3TvnTs20lShuFvVXOXLgxdOQiOdPiYhKESFEFAFqjM6ViqJUhshVB3VVxDiuPfcoIMP0uGs1h199yCOwyoq6d4dd25Rfi58yNVtQt6tJkNUxJVce+uzUwPD9Yb+L4wujO6d68jtrl3Zopgqy5mk7QlLn6lbVrqpL5QW6JbIvglXDqupqe2H2+bUP+9+fqnIxq5pT3l0zLyiBr+T1kQXgvS/r9GveuSthe6bcPj1We/4w7fTwadrh87Vjp3nInrAr53ivTzslGcrWI+fVoydmXD7Pe3P61+k3vPOXGQKZUfX5IzHc6J/zyNLvCd8l5Nz0ySlp7YuW4IvRjFyyZDR+1I8qB6l3oefsWV4FPkWXvYv20uyZZgOJ9/guK356Av3m28WlmdrUdD5Z+r3Mn8hTXrNnLnGlVsHXHwnhb4qvHMzane5kn74r+8CSxU/f6UQwyS33HKqzjoSMnVlEfsYuR3sQRVzq297HWhb//m38EnavmNFOmkxyRUENS1sSIAGWvjJgdnU4OgkLM1PxtsYYIxcXJ0eaCRgDjycqcJyEfTQsNSMMA2CLsXN1eeRTTQC4h0/LzDQFubXiYwxfhs+xf+u7yzv5lFfNV5SXyL5nU0z4lCbiQbahjbIUr0/uNpy4QVtNF9JX025o0W2T/zKT9P39zSnN/QNLG1vdqwiArCZUuSvIbawW7u3dO31vj78MkLnTqN06DIO3hiYCg/OmpZyUqx8YaEqZNNDf3agFF64iVFfd2ki11Q1qvZ4oCGNspSiUSgVbMTw8MryXxaq7LB+ZPAVLASGOkSQixurJYegeyXHrp6rs7lpE3pLo99HFkZHSaPvvHtE76Vr0O3ouwQSimiTcDgyueB4CNt+tauaBVch1Mw9zD2t14tXgTnIHpaN9NRnMN7kFNIcnH9SB7L0MlEvI4EHyqJlvKUOsyxozojnR+oOGOMP74NYxGZGqqZ8lnBWry8o6QdlAX0Qx9ayxXTsrYpY0JyiOTs0jC2Dm7d9rALPRayIAKeAmUUO8GUC65xGZ75sjDtUhrYsCuUYnX4mWh0vzk2hVdYtSL0wYuBEnDa/gbljLgcMN3as5PUCq/5WYRIvr4LD5gC5NoS1AdsiuCVdVC6KmVL7/mxrLNp+uiryCikMcy4wESnPplKgF2icTTobwGq4F4xn4UydWl3McaOYzMtnEMLtThlTLnilzDXYc2rWs2OXgeBDotZ2qEub7JZEcM+zXPXbNS5XmF/+l7CGpuPLx8XhR/D77hR8cuN5pbC9bmgoKHFo/VO+bI3klzY7Vl8p4Nbge85BK0L9qOnSpddN0Nl0IMlEbDU3CNyu627rZTusTmIyTnJZcYiVWnAqFYzlDQxZHd1KpvU/KoAVYfLfII4Mjvjgwb9tUN8c/62//Twzg+I1fKY5uM0oOq4/np0eXBl34FBvRSlPX5ZBqlaoA5a3E3VU/z3MDYbfpalmq0QeVGbu8saOiJF3AA7+is4Dl5S2QQbm+wZLeeC/BAmNrjYlgqK+yFrmUy4PkjG+8v+FKZfTYeHseNDwVNR8HIvMGCUwbXwSGLgp4QXxHSM8DjE8XxlzSJ2OyoGAQsuFbsv5SzOtETl0dmyueB4n1bL164rrQwAxf/yThQnux8HyOEJjTdfup+qnI2GWYzAaBSduir08+FAaVULo/p7G7HhYESml58IgjTBK6YgJSJTXbp0yTzxKnP+6anZPQUhQz3/ToeMi/4MBhhfKYLZLDKaULhwXfjE9NE92aasmCDm7/lsfWxkZIJH/wXteB2jcHOUSR7QT8y0pHGSHPm0dLCUkYt8Rjne9D6Z+9u6z4Hol0VgA/LCVWlJiYlSWOkMVNJNfTJo9c999EnxVX6p8RXokHiHQUndGogqoCN24MqA5UjQWpMXnTpqoAdeAPIpAmk9yI1tPr4hbHzn08NC92UVzyQjtpMsn1kpiL6BU/ejyXuTDu2rofRybPkmz4aYT1NXROK6jf2zBscd/O5rfgGU2l3t4t+/hxb9+QMUQXIR7k3vpNbbHVJ086YbhBM6eJaK60G62YZNfbTufqB/onWsInbNE2uO91qHgKhDPucvezhOtBDvvcF1puWZNz15pSWvD6P8yiuq46DAN9bWCk507v7y9P6e6H0UiNGAHszRNCYE/Pnul7evfo1Qh40RgUy+mJR0ZKcy+oECFvaUmsYVGnK1JkM9z3EipBUVFBrltohaA3tgASuJAjl/VVyxZDafnSTHUIOQvSix2q/STgl8hAz4LPeJYrPVs3UylP5peVp9Mx8trsZWUyflqlhGKUpGRHiM3OGc4bKirPHjt7vKLiIqtUXgFCs2D8hlRxHPz5lM/UHH8wncOMVShiYl3B3HtjFMwLxNy0v60AkFp8cJg7IX/FIK10nmtCjcCxchAsUUuDxYhl4YVZXYNFonVLG6+yWvK6HZf6vf+6stWMTnms8W6M6Np15n5VfetCtVScxl30VaMM7+kTWo5YGCxRXschWeUHtXbCbFZmXUqDrPDT5HtUNiluUk+ofvkz/OS1qsFxT5M87bpyqA3awdzc3KXW2kdqmDqyrj03IYN78VJWjhWfThzKf+1TXvT5cnCU0DcgIyyJwWVmsnbyds7IwO3dLBuX7s0XEVJfyFI9/Qo2LxeNiEaWbc73S/WUpb0QE/jp3uNkm/eB5qRVT1NsdHMPMegF82Wgam2qVJpaUwM7gnfg3YLdgHVzQubjW1+y6uszKnxa/bT6baye+CVv3y6J72GJF+pIk0nuZuLzu79Nr/Vr9anIqK834hT1EJ9nMeO+Enuam5bJlEqAPODOmSOqUYo5LieNiYEvmS+CEjGjY5uOnOEIRZwala1fECp8+0YUw3v3Mfs1jpn1PFvetFSq+hLmsVj5oFSKODB1NGhnJovJ4CaFBWQIfaOCL38u8il/nT9EpPOtcrIuXczgJuS2028e2bwvE5eB279Z5p/mXSx2SHspS/Ucl795ufiL+MuKzQUz0Zr+MtchCFohIKL247D9pDrNj+YfY61NP5oav5LMWPPYaGasqaK5pGuOSa2aDI21MSPjXslvxxerZ26v3F89e0X8k2TLss7SO1ek8Jt820XtXkyxAyZa4TwvYcPY1knpC7Flup2KBNg5iz4AaWN5FDVCmUkZU1McNFUAGmG4720bUXjhU2CN3CIui11GRNZNIy6P2ULE35xGm7JT7HKig+BymojdxePv4jIolaNR3lLRl9U+F5YdtKnd2G+nnr8t7MLMtMqU9FaNs8ZFzeLJ01Yz9u3saNcbpkee2fH95ZDGXxMMS9gSGbRLZABm3P4tj6yN7Z0icgbfNhzovHuRTRTZFNm9rHCSEfK9s2mpob83Wu32vST5e+bk5nmxP5+RksZV/I3VqSzKLGQEsX2Oa4oTx31Z4cbk1VILUI+VfIt8S0Kf3/TGfTL8vP0afL19QWMycp03cqMWNoko85woPIqTjiqi6kgPaFEsOqbVwQ2IwPTtLf0MsT/yE+JBb+15WfoFYid08/rj1AJkeisWTI6TBKxJqWBkWzhmyGQ1KkFnYNdi21Aano+VYYvhSU1HTX/+6wbANSMUWWHEsigKsOzK4oTJJYgEiTnyPULuI6d5Xxd/9u8KehPniyV1Mq1BtqOSk2LXmrahTmgmLgUXAtIk0/4c28QSPTc5BJmNXkXv0SDWBy1hfUeRrbJZA3IHbbgBRzAd4h1agzVC/4f4ffA+KTNImH4AOYJmotewW9t8EvQX8hWLA0CLcFIkEJrU6A6qBcAWIVtRY9tNKRtELiHX33S9h6xAFqNVOQvTIXR4CI+UoFNowM50zf8QflnIK1wwKLWJHcVZYMFZ5l/3v5e45nGN4sAYgNvicbA1xnSWW9NRUWjT+vNQidFmtWLnjwtFUN7d/12R2dxJB5yTV0mX0E4DJiqjf9Xm//Nsnqln1kvQLmkMVTCspoz4yqhC9NJyIbWl6k+DvrMzHGmGHlxAWrhtxZBgoqNth5W17THGtk0jutGBQg4Dzg0DqkmwDcH7bkOpVgCG/dpwuhNtBNW9NsbHx1FWHmxLxTBkYyfLdbeVu01tlXtYSGDwhjUCWtXXf+WhDY9C17I4hRhyy6e+aptGragyFDQF6jWqmYNydZRUGkjmKFlOXrViuc69624ocXaoXgUVHjtZiEDBR0GyUjZUcUmWvcyVaEEealIuNHJRA4VU5HtUai6VdEV2pKyepapT6u1DleRKqS/QxDOG1KIFzVtTHNsXqPQqNWOda3Hx7byHcaQdUlE13TAt23E9n0SmUGl0BpPF5nB5fIFQJJZIZXKFUqXWaHV6g9FktlhtdofT5Rao1hQ3dDvIZS/0jBukKV2Xtcmg0kUu5OyNvfv7HJI0FsJbMS+va//5NzscRlRrrvEztyyy/JRrhr730KUVbi6XR84KQ6nygXZzEIxVHyvkXFZpLp2q0G85gLiEWqsLpwfPphY540WLeQkKlss7Yf2BB38uO88MXdJYz+bAZ6tQuBXopyUqNUA2hWn6M4CmmKWRI0Zaehslx3RaiY7ETfW4CMpWkOhMQl3ZJeJj2MxRb85JG59yxgbafkadW8IiGzWXBJx2/+diS7gt1J8vbKa/UWW4nbVJIXNzDHXr/vcr8ryrvD91Kz0JV2l3692fXiGFq0QA) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAB0EAAsAAAAALngAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQQAAAFZLpVgxY21hcAAAAYgAAAE4AAAEcmLA87pnbHlmAAACwAAAFjAAACHUUK8/QmhlYWQAABjwAAAAKwAAADZmHUsSaGhlYQAAGRwAAAAdAAAAJA4ABcNobXR4AAAZPAAAAEwAAADkiBD0l2xvY2EAABmIAAAAdAAAAHTWCt22bWF4cAAAGfwAAAAdAAAAIAFNAKhuYW1lAAAaHAAAAS0AAAIuYSDc4HBvc3QAABtMAAABtgAAAsOmrAY8eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcHjF+MqCHcRdyGHIKAOkGUEcADlLC3EAAAB4nO3TWVLCQABF0QtEZplBUBBEmSeZNMt0KS7AL5eTTWi/PJdhqk7fSleSTlUnwA2QC7ZBBJlvMuj4CrOZdD5HOZ2P+EiviTSfxD8/YcxoDOdROmbDtVF4Yp4CRUrhvgpVbqlRp0GTFm06dOlxR58B9zwwZMQjYyY8MeWZF2bMWbBkxZpNWH/HngOvHDlx5sKVN96Jw4J5/o+qhuzn31msPbF0l7KGmjPtdhKZ9i25MX0JSd5QC4ZaNNSSoZZNX0hSMdSq6e2SW0OtGWrdUBuG2jTUlqG2DbVjqF1D7RnqnaH2DXVgqPeG+mCoQ0MdGeqjoY4NdWKoT4Y6NdRnQ30x1Jmhzg11YahLQ10Z6tpQN4a6Nf3Vyc5Q94Z6MNRXQz0a6slQz4Z6MdSrob4Z6ruhxkb8CzSribF4nK1aC3gURbbu6p7uzuQ17+6Zybx6ZjKT5ySZZ94JSQiQEMIzEVESEBARCQjivTwkuMhD0Qu7qPhCfOwuKyoost9dXUHjuqtXF1d3Fx9XQYT1E9Er+ACSzNTcU92TkIDrd7/7LT1VXVVd1XVO1an//KcDxVDwj5vGfkExFE9lUJQhIpmQZJKQFJGWqryDH7NjB15iTw7Y2ZN0/+Ag/U08bhukKGXcCc4wNA5JOgnpJB1J3Kf9tVwfPj84FV/g+jg97k+cQzzuJxfiKZU89mvOnhrrhFnJSHgDuZAgOmiOl68AiujCtcjAfRRvZ55TUkI0fn3Qlp6eZTn/VIbGbjDaOTv+FmXHP0EZ8RMondZkHtqudzjSNH/czKs5i45+Q2dmqX8isy4ltyKznOoUmfHFYYmHxn52mb5DY2f1/4GrxucHjrDBgSPy6AvK2P+TvhyfTQuifNUSfQOj9cXPK/pmm4m+jiv11WYe3q5zONSa17co+r45Ut+TnH54b1OzkvQEVzfwFhsZeAsvl9XW4/MoPf4F4uNniMK0PLaX66UcVCFoGy5BPrcG6cK+QuTmTDo/qXFGEQnBGIrGjLTK5aW1eq9LpWc36Gfpo/qXfdZeq+9lQ9gwS69Hr0MLZPEj+FE8Gz965Aiagx5Hc44w63Kgt/5ldN7q81lx+ssGAxmMq+QxtndHdIWhI+WyUwUgVyTs80ixqCwenxKoDpG6FIzmjhKr98r3R4fnRtQVktVfEh+6K2MUxa6+Qqwr18uPlBVyIsnN2ZFRCEk8qf3Iet2hvJ+IgtPJMqDzKTFBxMEr5OrNIe0/usY5P7FeI+TikSJJHdIZhSoUjEZ0orxsl+/jZXpfmuzKfVyvSPXjmlivkAvJcv2c20KJUBF1kqhGMUkXUyO/TvKrES/peMT+7sPE8Q9wDMc+SBz/EL2JG07RsZPoEDp0ko6dwg1s01E6531chV5/P/GPo7gKN59IvHMCvQh3ugzuVGoeOIKvUC6oGEFzt68G8M3IuWElwrAXQcEOWBeOBsF0eMqQpAxhX5zyhUnJgEhNRWpQYnqtpBGWAdZBfkSyVBUeUEPzqV6BEyTPxxUiXSgoyPOS+aJVSOdxK/PCfKpXLo0O/8i72Ves/0SWofmUM17K7aXMlEQFYM5oJOyVPKwpKJh0Rs5jklxeOCT+KAo6kIkIJCoFj5uAK7t+Pn4bz5yZuOeOydPXM51oPgqdPft24snbN069/Y5p7etub7n55glTbKoxsze98K5+w/Sb420r2zd89od9HxVG6Srfz5bdv3p7cFvvo7tLxjagtxT9mWOq3ZQAeOOSYC4C5NnI509d4ej7aDFabBDYrCf2ZfFuiVcvXFI6lUsXVI+aXNaPz5gy09MzNZu3j+nRZbuMRL3k7OSd/OP8GkoD2FlC1VELqHtA0wDKZpzIgWoZf4hzMFEw4ADD8XIORw9aYhJ5WiL3FOEgZiOjA4WIUEaQyjPcEI3VIgARfwD5fdAN7mFogY61CNAY+oECcHpFBxKFoVZ6dVZJtNiuyrwjq7S82MZkfZPF2IrLS7PuyFTZi6MlWXjrZQ2o/7IR6Hm8xxV1wQ91tq5rba2rn4h/M9SwsPuae/z5ef57rumK78H7WsfUtvpye1vRFKUD3jeiww2pVn6SICJLSVg4Koi0tTgsCOFiKy1CNVxiAdn764RwwIoEaIjA3SwIZmQNRKAqwD0sqP7HFamPOCfctuM2r88ZrYs6UZ7v7lmz/zx71lZfXvy7XO9tO+prW1wReJLn3zpr9hH5gTwIsCa5Jrmd7+bngC2Wwf4ERYESBS3PUTzn8vsov08bi1KxqBiUF1IrL6pLXnStvAHMkiMvHUTmiZMnT8RfHHwJz//9QXy6rb29DYkHf//nZ3Y9cKa+sbH+zAO78K927TwzprFxzJmdu/g57RPxVy+8iBe9eACfmdjePhGZDryI7nvxBWSc2L6rof70/Y/gpx65/3R9g1xGHXJ56KyyP7AXCTKqURR8iN/j9qiRz1NGsBsgiQOYDJWWxYIATEKoAsUISvqZD2iR4ybRNM2gxOeJLxgVjaZwHC0mTnNci4qhGZrOoUVopulWjmPW02Y2s4WGvrSogp4ZidOJr9jMNhViaCsMR/QkDtwzgzdRVNqtnERxVDqlI95NjSLIpEYhNQ25CbG30pHEW3SyfzPtOJL4bPD3dBKqkQRCHYdRAco/jGdtSuxjbx3YQn+AfnkYv4+PHka/lNWUcRDxCPxAgApSUaoS3u8GlcN1YPGAieFoSPKTmoxMBLFkx0D8K3H44MBygTZEUkkVl6xBi6UPBzyFhR70Xp/FErQ0W9A+sxlPsSbutPn9tsSDJKezcQv67VBCa8xByzjza2Xe6d6y18zjoGbBU8zjzXiyGW+wGbndRpvN2N9ttO1AD29BD8GPYpNJguE8P0r2IGyNUQNuHvAb0EwSSW0Y1VFKZimlAwsym1KJVrktRHb0HpEdB2TZx1pAAjPab6FXylIvyMnLy0l8e0ly3MJulGXvC3pmeIKvieOJ7Gi/OJ5ojXpB6jlGu93IPQqy43mb8bwteH5q3SleRXmpMFVOVVP1xAuTVXaCxaeUSMleAuchtSV+H/MTq8+ExB6xQTx7TmwQloriuXOiuFRoEM+dhcYeuZ7aAKLE6A1QPSWRLmfPiuQVAnQdc6k+BoYKg6ttRAlQBRQasQ0pLjGbqwLXQ7w2gU9TClGBuBJQRJJBYrckhMq5FfjVirmV9GkoofrKufhA/C+LmDKusqK7cvBkZXcF3FV2uA+8h04Slym/+0vOleKq2tEc2VMGmZb7MH6SsStpd/wUY0M/4O9QFlKjdJQN7PXE5Tw9c0RcQt7AnRgi+bg9vpvp5gz4fPwMIen0eixQo+RQUWkwHuSQR6IRwnCniQj9fu7Dfh/jiH9GEueKn8Dfj5RmaL2+5k5QOWC5FIK9NskeOeL2+ZEH0UoxAtuNDBLzVZlWLF/OTK9e3574fEfi7JLH6VjXNI+E0FHchb5c4y9zuAu3bm1/jfUO/Df+ZuvW0lrvzOn0VkxkTsNHkn9Ny+edlJEqpZqo66kV1HrwkrBtBuLvwISyiSNTAiqalUJREm9As+wHiWOGB7EooDO6sj9ipVhQiVDICILbZFCATo2JRUO5igkrAIIUQq6wzNGVkd0quV5nyOEIOft7HWGHzpWPeNWOQLO9RLCOi908uHhCcTTHIZoKc5pwY9oq6AK/CxvlIWgD+5zU7q32FYtWjbalsaJnoP2G6qY2t9Uc8NV4J/Ntev3r+nAuyS7edanMP/Tj7ZwP3j24UZlDtUrId+nW0CpOsEbjj8302jKyXJ5apitqFTgGoVugT/8OpS+3GLLViFZlaV2eisE1i6pqazLSM7PG/Nt1qg0VHpc2S0WX6sP61/RekuG35XJuyNCnH1gD5T5DLslQmJRJn75LPJK9iXuGskKFJ4yNB6vy8FKMWAwsOaql6xD9mSd6tYj/mNMy00MfdI1dwKkyUYWQ1xj0cs8sZQubnW1xz8zupUujdTpBm8ecaW71o6WEoiVnAy49zq6hfNQkqit1mv917IgZggWlRzZiH/sXc53vIae7IHPGXInH4M6u/v+TFyS6Ik655IpQfFJMtqWNTytLYZFGxrscEqfk+hkAYIaN5SJIbEjnUTMxNc2+042o7jTUi3svQiFJDSD5Rv9m06bB42gMMxEf7kZjUAM+zNm7cFd828b4AO7CbBCy69Gai9fgPqYR1XbhPlSHaof2n3Oyz4IEwE0iwD9EE/0Klg4jD/3IYTQNHc84gD+hPz2QkerboMok6GcAgDrM3j5wmyoDfwkmlHwD9rmMu5sqpmJUFXDnRugTVQ4tCZ7dPGfy+MgJDpLTbeRTX154cJXK2TZ4IgLcQFc0Agi3q/VubU62NlIQsQpr6HA42lo5z+40G/LM0aDZL6JiXGQTS+3NGbtbSmLp16/n7pO/N7zNRgfeJN8d0NNcpphlEnIcxeESf+X4FS53aWGgOlbklQwel97pWtIUKcq3lqjYbtrmakzcRbfio/gj/CHyx7ciP4m5k+8kP+DL+DzAaoBbA5OrZnh/DO3/lBmnsiR2otL4c7inipnCaONvvqOy0AsSD8b3x3ouMJMpVXIurMsh7inY20Lwy1MpKncY7ULDCMiECTLyko8sCbQM+zroCh3JUclGBjnGAU/Nc3A2YoZaJIiGGMn5SRc3KDDBrwGYc4aK7JaI1D4wY7IrYrE3LR/L3tC0oglfE2grLm6bRbISS7bGrOmwxHWhRkFKs37nvOa6/G8aHbO6fTPgDewtyusG7gIUZGdV2S1pKoRUaRZ7VdzatLyxcXkTHSoYN31cgZwlnvH6dAgBZKnY4gj6tLrUXY4Pbqgu8VYMfbNgX+WOgt14if7ky1CYGAIxAw3ADQ9nn4RVMTmoBFNh6E/QdPw07kYTlmzYuCBgyZ+2qpqD9cgSGqasKpoAj/AfNv09qwk1M8Wzn727o7XW6xgz++eHry5sCtV21cz7xTffd2zEhyiUXAFOy8geg7WnwKZQbDhAJJd72Aw5IkksOvIKpVyRWJZmjHuQBrTjMrMttryS6qaOa0/dOGfmlAljKoOFHoegzczUCY7cQLhmbHvnnBtW3Hb2vT13z2vz69ln452I0YsWt5TvLXDn5Th1etGU5w0WxQLhgiKXXfQGgmMbpk7oGNteXid5i3PrimM5+hS/eAx4tB9YaDPIblKiGcUrumWQjHgUMHTJwKmV2/xKGDziM5/PwPt5kRdjYswfY9avWrr414GS0sCexcsuLFu8J1D6el3Nse33onH3bj9WU1db88m2He9qD92doUU6Q9+mtEyzRoofO/7IsWOPHD8GOTfjj6Ulv75p6fllN+0JlJQE9ty0bPUT9207XlNXV3N8232o+d5tx2rrnkxb18Wp3WnpP5ul4lltBvpQr008ffw4vGPX8eO7jh2XTSKZSCa5BJccxbdTDFVHPiGAC9KlqGrqSwYawVQJ52YAJjypxK5NcX6ZNyucn/BmYNuEN5v658q8eZeJ8GYgzfBTDbqtZaPDizLrWCDaJFqwJu6S2e1Dtrw8G501kt2C7AOwP4OXxTk//fVSDh+ISiQEAuMfJfuqEZy/D+IUkArtG8X5bbYU5wfBCe0HcmW9MrywQpRjRvusqfBivqzBd+ggbh1KqVhBDbKPjBWGA4KfCBrYn1h9eq4EwQEQfQFCBULwLyf8omqjEnEp0dfQHsxjwnKQMSKoGA46RgcZV0Z5qXiT+x33MqUGRuqGvSD7IMSCUSAEnJGVSz4/sELkoEOk7AH5jQYhqHglKKtpHpyeGoHrY++INE9dcNN98wbzQ+2tcxeMm3Id/bAm2OBtv+7GcVPmRyM755M7c0siloguot9IlC+i/4t+c2GinH6DocrQnEfmoIX3lw0V6F84gzkL71+wsNU78B+lc6a0dF03vp1TJ2rpvhsT9Ym6RXRfonYR/Sr9CviYtuRf+KdkXp2ncGn6Mm4s/ghfDnAPF02t89RcX90/D7Lq63/H7pbvNQPdNQtqahbwTnfdtKKBm5VG9h64r4XC4I1Kg+peuFMKRif7uW/5NLAIhaUNh+oR4PGhoEOGFFhB4qADtLxyMviIqcgYgc8iLkv2ZCVIkr08pyKf/zwKc+M9upAMS9zf+2dkarWZaFbW3R07//LvV23eWaK1mtXeUPaqW8pf+Gj56h2tBd/1VFbS06HbwMU5X6275p5JczTmbE8u7TSmpT+I/+fxnudO5OrVnCEtL7OzM11nzjYzAMOvZugyNuy/9smVDWJhBqPJDAYSH2740+JlXR3NuatjNocu49VMLR5747KG5eNXXJOtURsMJflFwc2frSsap2IMrKuM7jSX1NvLUmtybVoXF6DsVA2YmhSR/UItktkM75ddhMyYOT6kRlKErI4aBVAhikhQN8EigWk5UBUySWld+Ge5bfZik4B8XodDcOb7SopLK2YEIt5Jzw/8gA/glu7CiQLqwL8VWwquRg+gDrh2zixoEfFB1ClMLOzGE57olJptxU5PrVuTLi50aLIL2kLNzYEG+s7EhT15btqETkm+PViDzu3xSdiWOOPO2wO0Dp/Cp9JsaTaIMy3AzcYBC+mibqRupXphpz1wEPwhhWEgnz9G2AYNxBxxAsSLCle7/AOa7BmRIaJQEzuAHiKMBKiIE3EpzlKFiIUYgJxwHuKuojHWBFPAwxoSnwGqEEyJ8k8/lJb2kExa8LaW7iW6otIit16vGzzJZmd/S69oyy8kn9Mexk89PPRp7eG9m3vXLEpsNTojNWFX+crE9T1AKEwVFcKSTjxPfpUDXnqoqWOJu6DEJWg0AnPQFa6JOGMr6Z1LpYaZUk8HkxWrriyXW+knuluW6PR6N0ytiz+Znc220ysWrendvPfSlKhDLhfmtyW2Mtc+NDQJfrRHmimRGXqa4liRp7I6hitmNC2VXKaKcuH0cF/U3SNd1SD1NFFDnAhs66hiW7ALhPvIR4XjRYUmp0iJSYLfT5lXKK3r+UneSGBGRWlxiS/fKTgcXh8STMX2tly0NnEAT8DPg32N7y5qFVEnPii2FM4E++qE68GriX29gK4C+2JLGgLNzaG2gmyNY6GYrnHXepzFtmapM964h1YrBiagfxADy0bfEgPLSXzpBrBKT64Df3ItcNzRcYyT8gB7ofzgHAjny00x+hF3Cy3pQjol9fIfJ+5GF7CapMSdI0rncbqSetGFdejCDG5G/97V6NY1aCW+E2ddXmBuwFvQrUNJXuskrHbaeDjHaqoI1jrE5gKG5bKeXECqQuVvUyZleaMRnbwDYPCyX/PxnWfx3/Dfzp1ANmQ/kbC6xjVM2jxhZX58r6+mU+fdVl9Vn1M+Ma2Xm7c1F1V9/rkq6/PPnXadZvCLG6auXSsYCxeozByfYdkxHz2PJ+1P+au3uXepLEoHe58PzIEihyIiycAOcsjftsJRQhDgiPgiSC7rlDKUDHKJCUdV+6RyCd/iKpcSZ7j9Ay8zf/9hoEHlLKguWFRQVYhPQgF+eK+jYDXcVxdwV0kxCX6rVvW/z0b/5sjPd8RXOQoKHMzGEeU/j2yVMfAD7kHuXpC0GCTNVjwQwLpXdkE+T0Q2RCVmCcqEkzS5SfzKRcN5+Q/gs796Fn/98/CE1YzZsrQhcmDt5r6KY3RRqXrAyn7OJq3dM7Bm91sv3bzs6bfuolsWTVy1asr8xG93/+ftd/7pOfT9KRD30Fr5W0XyRtjHDODyELkC9UCR8Ei6PsTW5cuJ/KOIvucypr+D+RifAzqvMdvyAzWNHbNPLZpz9eSW+qqyIo9d0GZlETpfHCF0vnvRittuXjp/Tue0CU2V0cLcHEGnsHqDaPZI+bkFnjybU2swA6sPAauPFBQ7HZex+sxMkzHHbLfYRLNOmymbQPIbODM6bu6oM0ONjHyZ1F/QycVrRge1r+KjqAC/D+koysfvc3NHhqyqR/DRxIHh8BXsfwPMpWcfg7lgDiZXV6x8U70UZ5L/DLAancMaXju4V6p0uyvcqhmQuSto9j00+a+/BkuL74cMfsxkyOC1/wvK9EmveJxjYGRgYADijOhJZ+L5bb4ycLMzoIN/7f+ecJRzGAKZHAxMIBEA4zEH/gB4nGNgZGBgZwABdoZ/7f86OcoZGBlQgSUAUJ4D1QAAAHicY2BgYGCnGP+PA+IaCPtfO1TsP9t/XOr/nUPSJ45kzgkgPg/ESVB+CYhm+///LxD/QlLni2TWE6hYPRAzIanJBuL3QNwCAMtOJAMAAAAAABwAOgB2AJQAsgDuAQwBWAGkAfACPAJwAqgC4AMoA1IEJgR+BMYE9AVSBbAGFgZEBmgGiAauBuQHzAf8CIoIzAjiCPAJXgl8Cf4KPAqYCwoLaAvGDCwMkAzQDVoNvg6IDu4PPg+ED9wQIhCIEL4Q6nicY2BkYGCwZJjDwMUAAkxAzAVm/wfzGQAebwH2AAAAeJxtkUtOwzAURW/6Q7QSAoGYMPEEJkhJ22GHDNp5B52nrdOPEjtynIrugRWwCBbBgDWwCBbBrXlSJRQ/2Trv5PpFSgBc4wsRTitCP5yn1cIFuz9uk26EO+QH4S4GeBTu0Q+F+3jGRHiAW2hOiDqXNHd4FW7hCm/Cbfp34Q75Q7iLe3wK9+i/hftY4Ed4gKfopaqLQjtjvZ7rTZ2n7izOtNCu2lmjRvHwLGfaaJd6vVbLo6oOm7H3mcqcLdTUGq/z3KrS2b1e+XjrfTlJkkx8vLIFKtQoWBoOBhaeNOfe0OdIaZsSTW4Rugo79gYKI8T8nk3JGbcJJg39mukljjwrHPjmMa1Hxj5jxvK2wjRMPaVzlqUpw7M9zYo+xjbcKvnfElb2Lx8zxUm/dMJm5AAAAHicbZF5c5swEMV5KRADdhOn95m26d3S+0q/jRCLUS0kosNuv30FODP1TPUH83tvtcO+VXQQTWcZ/f+c4wBXECNBikPMkCFHgTkWuIojHGOJE1zDddzATdzCbdzBXdzDfTzAQ5ziER7jCc7wFM/wHC/wEq/wGm/wFiXe4T0+4CM+4TO+4Cu+4Tt+4Bw/o4RJsVLz8VtyUo7MTghVB7mYxC9vnWj+5JOS1FwWtHfDtWJSRqxat2TG6G3JheGSylpv1b4zdJ/sOWPb0Z7l+3zUtmTSzXbYXsImrrSsE84MuTlvmVBlZfSaVDq1J1xqSzHXNWVcy5I1IVc+UEWNNjSioU5vKCXDbCg2UjM3zrZDpRUVE47zxY1WLmkM6ygVLuTlsRRqnXRsJXjekfIlb4kHQyhvC21qMlRLYV3ak+JCHvaCO29oduEpbFOrONT1zGgpK8bX2ZCeVWGkkSqSepsPNM25tD1xwWT4CTOMhzypvfBhAQvrjFiTa432qzazvrLciN7l1ncdGaUdFdb3ZCY7caySVDj67cqWhmCJCxtoMx/e24REFAfSC6/+SZBsRE06iv4Cj0jT9QAA) format("woff"),url(/fonts/summernote.924c9ac2.ttf) format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{display:inline-block;font-family:summernote;font-style:normal;font-size:inherit;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-float-left{float:left}.note-icon-float-right{float:right}.note-icon.note-icon-float-left{margin-right:.3em}.note-icon.note-icon-float-right{margin-left:.3em}.note-icon-align:before{content:""}.note-icon-align-center:before{content:""}.note-icon-align-indent:before{content:""}.note-icon-align-justify:before{content:""}.note-icon-align-left:before{content:""}.note-icon-align-outdent:before{content:""}.note-icon-align-right:before{content:""}.note-icon-arrow-circle-down:before{content:""}.note-icon-arrow-circle-left:before{content:""}.note-icon-arrow-circle-right:before{content:""}.note-icon-arrow-circle-up:before{content:""}.note-icon-arrows-alt:before{content:""}.note-icon-arrows-h:before{content:""}.note-icon-arrows-v:before{content:""}.note-icon-bold:before{content:""}.note-icon-caret:before{content:""}.note-icon-chain-broken:before{content:""}.note-icon-circle:before{content:""}.note-icon-close:before{content:""}.note-icon-code:before{content:""}.note-icon-col-after:before{content:""}.note-icon-col-before:before{content:""}.note-icon-col-remove:before{content:""}.note-icon-eraser:before{content:""}.note-icon-float-left:before{content:""}.note-icon-float-none:before{content:""}.note-icon-float-right:before{content:""}.note-icon-font:before{content:""}.note-icon-frame:before{content:""}.note-icon-italic:before{content:""}.note-icon-link:before{content:""}.note-icon-magic:before{content:""}.note-icon-menu-check:before{content:""}.note-icon-minus:before{content:""}.note-icon-orderedlist:before{content:""}.note-icon-pencil:before{content:""}.note-icon-picture:before{content:""}.note-icon-question:before{content:""}.note-icon-redo:before{content:""}.note-icon-rollback:before{content:""}.note-icon-row-above:before{content:""}.note-icon-row-below:before{content:""}.note-icon-row-remove:before{content:""}.note-icon-special-character:before{content:""}.note-icon-square:before{content:""}.note-icon-strikethrough:before{content:""}.note-icon-subscript:before{content:""}.note-icon-summernote:before{content:""}.note-icon-superscript:before{content:""}.note-icon-table:before{content:""}.note-icon-text-height:before{content:""}.note-icon-trash:before{content:""}.note-icon-underline:before{content:""}.note-icon-undo:before{content:""}.note-icon-unorderedlist:before{content:""}.note-icon-video:before{content:""}.note-frame{-ms-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:sans-serif;border-radius:4px}.note-toolbar{padding:10px 5px;color:#333;background-color:#f5f5f5;border-bottom:1px solid;border-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px}.note-btn-group{position:relative;display:inline-block;margin-right:8px}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn:first-child{margin-left:0}.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group{margin-left:-1px}.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.note-btn-group.open>.note-dropdown{display:block}.note-btn{display:inline-block;font-weight:400;margin-bottom:0;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;outline:0;color:#333;background-color:#fff;border:1px solid #dae0e5;padding:5px 10px;font-size:14px;line-height:1.4;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-btn.focus,.note-btn:focus,.note-btn:hover{color:#333;background-color:#ebebeb;border-color:#dae0e5}.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus{background-color:#fff;border-color:#dae0e5}.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover{color:#333;text-decoration:none;border:1px solid #dae0e5;background-color:#ebebeb;outline:0;border-radius:1px}.note-btn.active,.note-btn:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{cursor:not-allowed;-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);filter:alpha(opacity=65);box-shadow:none}.note-btn>span.note-icon-caret:first-child{margin-left:-1px}.note-btn>span.note-icon-caret:nth-child(2){padding-left:3px;margin-right:-5px}.note-btn-primary{background:#fa6362;color:#fff}.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover{color:#fff;text-decoration:none;border:1px solid #dae0e5;background-color:#fa6362;border-radius:1px}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block{width:100%}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.close{float:right;font-size:21px;line-height:1;color:#000;opacity:.2}.close:hover{-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1}.note-dropdown{position:relative}.note-color .dropdown-toggle{width:30px;padding-left:5px}.note-dropdown-menu{display:none;min-width:100px;position:absolute;top:100%;left:0;z-index:1000;float:left;text-align:left;background:#fff;border:1px solid #e2e2e2;padding:5px;background-clip:padding-box;box-shadow:0 1px 1px rgba(0,0,0,.06)}.note-dropdown-menu>:last-child{margin-right:0}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item,a.note-dropdown-item:hover{margin:5px 0;color:#000;text-decoration:none}.note-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1050;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);display:none}.note-modal.open{display:block}.note-modal-content{position:relative;width:auto;margin:30px 20px;border:1px solid rgba(0,0,0,.2);background:#fff;background-clip:border-box;outline:0;border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5)}.note-modal-header{padding:10px 20px;border:1px solid #ededef}.note-modal-body{position:relative;padding:20px 30px}.note-modal-body kbd{border-radius:2px;background-color:#000;color:#fff;padding:3px 5px;font-weight:700;-ms-box-sizing:border-box;box-sizing:border-box}.note-modal-footer{height:40px;padding:10px;text-align:center}.note-modal-footer a{color:#337ab7;text-decoration:none}.note-modal-footer a:focus,.note-modal-footer a:hover{color:#23527c;text-decoration:underline}.note-modal-footer .note-btn{float:right}.note-modal-title{font-size:20px;color:#42515f;margin:0;line-height:1.4}.note-modal-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1040;background:#000;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);display:none}.note-modal-backdrop.open{display:block}@media(min-width:768px){.note-modal-content{width:600px;margin:30px auto}}@media(min-width:992px){.note-modal-content-large{width:900px}}.note-modal .note-help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.note-modal .note-nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.note-modal .note-nav-link{display:block;padding:.5rem 1rem;color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}.note-modal .note-nav-link:focus,.note-modal .note-nav-link:hover{color:#0056b3;text-decoration:none}.note-modal .note-nav-link.disabled{color:#868e96}.note-modal .note-nav-tabs{border-bottom:1px solid #ddd}.note-modal .note-nav-tabs .note-nav-item{margin-bottom:-1px}.note-modal .note-nav-tabs .note-nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.note-modal .note-nav-tabs .note-nav-link:focus,.note-modal .note-nav-tabs .note-nav-link:hover{border-color:#e9ecef #e9ecef #ddd}.note-modal .note-nav-tabs .note-nav-link.disabled{color:#868e96;background-color:transparent;border-color:transparent}.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link{color:#495057;background-color:#fff;border-color:#ddd #ddd #fff}.note-modal .note-tab-content{margin:15px auto}.note-modal .note-tab-content>.note-tab-pane,.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child{display:none}.note-modal .note-tab-content>.note-tab-pane:target,.note-modal .note-tab-content>:last-child{display:block}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{display:block;width:100%;font-size:16px;color:#42515f;margin-bottom:10px;font-weight:700}.note-input{width:100%;display:block;border:1px solid #ededef;background:#fff;outline:0;padding:6px 4px;font-size:14px;-ms-box-sizing:border-box;box-sizing:border-box}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder,.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{position:absolute;z-index:1070;display:block;font-size:13px;transition:opacity .15s;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0)}.note-tooltip.in{-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90)}.note-tooltip.top{margin-top:-3px;padding:5px 0}.note-tooltip.right{margin-left:3px;padding:0 5px}.note-tooltip.bottom{margin-top:3px;padding:5px 0}.note-tooltip.left{margin-left:-3px;padding:0 5px}.note-tooltip.bottom .note-tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.note-tooltip.top .note-tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.note-tooltip.right .note-tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.note-tooltip.left .note-tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.note-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.note-tooltip-content{max-width:200px;font-family:sans-serif;padding:3px 8px;color:#fff;text-align:center;background-color:#000}.note-popover{position:absolute;z-index:1060;display:block;font-size:13px;font-family:sans-serif;display:none;background:#fff;border:1px solid #ccc}.note-popover.in{display:block}.note-popover.top{margin-top:-10px;padding:5px 0}.note-popover.right{margin-left:10px;padding:0 5px}.note-popover.bottom{margin-top:10px;padding:5px 0}.note-popover.left{margin-left:-10px;padding:0 5px}.note-popover.bottom .note-popover-arrow{top:-11px;left:20px;margin-left:-10px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.note-popover.bottom .note-popover-arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.note-popover.top .note-popover-arrow{bottom:-11px;left:20px;margin-left:-10px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25)}.note-popover.top .note-popover-arrow:after{bottom:1px;margin-left:-10px;content:" ";border-bottom-width:0;border-top-color:#fff}.note-popover.right .note-popover-arrow{top:50%;left:-11px;margin-top:-10px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.note-popover.right .note-popover-arrow:after{left:1px;margin-top:-10px;content:" ";border-left-width:0;border-right-color:#fff}.note-popover.left .note-popover-arrow{top:50%;right:-11px;margin-top:-10px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.note-popover.left .note-popover-arrow:after{right:1px;margin-top:-10px;content:" ";border-right-width:0;border-left-color:#fff}.note-popover-arrow{position:absolute;width:0;height:0;border:11px solid transparent}.note-popover-arrow:after{position:absolute;display:block;width:0;height:0;content:" ";border:10px solid transparent}.note-popover-content{padding:3px 8px;color:#000;text-align:center;background-color:#fff;min-width:100px;min-height:30px}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;display:none;z-index:100;color:#87cefa;background-color:#fff;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;vertical-align:middle;text-align:center;font-size:28px;font-weight:700}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;word-wrap:break-word}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:hsla(0,0%,50.2%,.11)}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;border:none;box-shadow:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;resize:none;outline:none;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:0;margin-bottom:0}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{display:block;width:100%;font-size:14px;line-height:1.42857143;height:20px;margin-bottom:0;color:#000;border:0;border-top:1px solid #e2e2e2}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{height:0;border-top:0 solid transparent}.note-editor.note-airframe .note-status-output .float-right,.note-editor.note-frame .note-status-output .float-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{margin:-7px 0 0;padding:7px 10px 2px;border-radius:0;color:#000;background-color:#f5f5f5}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{color:#3c763d!important;background-color:#dff0d8!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{color:#31708f!important;background-color:#d9edf7!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{color:#8a6d3b!important;background-color:#fcf8e3!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{color:#a94442!important;background-color:#f2dede!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:hsla(0,0%,50.2%,.11);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{padding-top:1px;height:9px;width:100%;cursor:ns-resize}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-top:5px;margin-left:0;margin-right:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{font-size:12px;margin:2px 7px;text-align:center;border-bottom:1px solid #eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{font-size:11px;margin:3px;padding:0 3px;cursor:pointer;width:100%;border-radius:5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{right:0;left:auto}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{right:9px;left:auto!important}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{right:10px;left:auto!important}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:0;border-radius:0}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{outline:0;border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5)}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{min-height:100px;font-size:30px;line-height:4;color:#d3d3d3;text-align:center;border:4px dashed #d3d3d3;margin-bottom:10px}.note-placeholder{position:absolute;display:none;color:grey}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid #000}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:#000;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:none;border-bottom:none}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:none;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:none;border-right:none}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:none;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;color:#fff;background-color:#000;font-size:12px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{padding:3px;max-height:150px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:#fff;white-space:nowrap;text-decoration:none;background-color:#428bca;outline:0;cursor:pointer}.note-editor .note-editing-area .note-editable table{width:100%;border-collapse:collapse}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{border:1px solid #ececec;padding:5px 3px}.note-editor .note-editing-area .note-editable a{background-color:inherit;text-decoration:inherit;font-family:inherit;font-weight:inherit;color:#337ab7}.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover{color:#23527c;text-decoration:underline;outline:0}.note-editor .note-editing-area .note-editable figure{margin:0}.note-modal .note-modal-body label{margin-bottom:2px;padding:2px 5px;display:inline-block}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.help-list-item label{margin-bottom:5px;display:inline-block} @charset "UTF-8";/*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder), .form-floating>.form-control:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control:not(:-moz-placeholder)~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:not(:-moz-placeholder)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} .modal[data-v-05140552]{display:block}.modal-dialog[data-v-05140552]{z-index:1051}.b-avatar{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:2.5rem;height:2.5rem;font-size:inherit;font-weight:400;line-height:1;max-width:100%;max-height:auto;text-align:center;overflow:visible;position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.b-avatar:focus{outline:0}.b-avatar.btn,.b-avatar[href]{padding:0;border:0}.b-avatar.btn .b-avatar-img img,.b-avatar[href] .b-avatar-img img{transition:transform .15s ease-in-out}.b-avatar.btn:not(:disabled):not(.disabled),.b-avatar[href]:not(:disabled):not(.disabled){cursor:pointer}.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img{transform:scale(1.15)}.b-avatar.disabled,.b-avatar:disabled,.b-avatar[disabled]{opacity:.65;pointer-events:none}.b-avatar .b-avatar-custom,.b-avatar .b-avatar-text,.b-avatar .b-avatar-img{border-radius:inherit;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(white,black)}.b-avatar .b-avatar-text{text-transform:uppercase;white-space:nowrap}.b-avatar[href]{text-decoration:none}.b-avatar>.bootstrap-icon{width:60%;height:auto;max-width:100%}.b-avatar .b-avatar-img img{width:100%;height:100%;max-height:auto;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.b-avatar .b-avatar-badge{position:absolute;min-height:1.5em;min-width:1.5em;padding:.25em;line-height:1;border-radius:10em;font-size:70%;font-weight:700;z-index:1}.b-avatar-sm{width:1.5rem;height:1.5rem}.b-avatar-sm .b-avatar-text{font-size:.6rem}.b-avatar-sm .b-avatar-badge{font-size:.42rem}.b-avatar-lg{width:3.5rem;height:3.5rem}.b-avatar-lg .b-avatar-text{font-size:1.4rem}.b-avatar-lg .b-avatar-badge{font-size:.98rem}.b-avatar-group .b-avatar-group-inner{display:flex;flex-wrap:wrap}.b-avatar-group .b-avatar{border:1px solid #dee2e6}.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled){z-index:1}.btn{position:relative}.btn .btn-loading.mode-inline{display:inline-block}.btn .btn-loading.mode-fill{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center}.btn .btn-loading .btn-spinner{margin-inline-end:.4rem;--bs-spinner-width: 1.5rem;--bs-spinner-height: 1.5rem;--bs-spinner-border-width: .15em}.btn .btn-loading .btn-spinner.spinner-border-sm{margin-inline-end:.25rem;--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}.btn .btn-loading.fw-bold .btn-spinner{--bs-spinner-border-width: .2em}.btn .btn-content{display:inline-block}.btn .btn-content.btn-loading-fill{color:transparent}.card-deck{gap:1.5rem}@media (min-width: 576px){.card-deck{display:flex;flex-flow:row wrap}}.card-deck>.card{flex:1 0 0%;margin-bottom:0}.card-columns .card{margin-bottom:.75rem}@media (min-width: 576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.b-form-tags.focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.b-form-tags.disabled{background-color:#e9ecef}.b-form-tag.disabled{opacity:.75}.b-form-tags.focus.is-valid{border-color:#198754;box-shadow:0 0 0 .25rem #19875440}.b-form-tags.focus.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .25rem #dc354540}.b-form-tags .b-form-tags-list{margin-top:-.25rem}.b-form-tags .b-form-tags-list .b-form-tag,.b-form-tags .b-form-tags-list .b-from-tags-field{margin-top:.25rem}.b-form-tags .b-form-tags-list .b-form-tag{padding:.25em .65em}.b-form-tag{font-size:75%!important;font-weight:400!important;line-height:1.5!important;margin-right:.25rem}.b-form-tags .b-form-tag+.b-form-tag{margin-left:0}.b-form-tag>button.b-form-tag-remove{color:inherit;font-size:75%;line-height:1;float:none;margin-left:.25rem}.input-group>.input-group-prepend>.btn-group>.btn,.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn-group>.btn,.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn,.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-lg .input-group-append>.form-control,.input-group-lg .input-group-append>.form-select,.input-group-lg .input-group-append>.input-group-text,.input-group-lg .input-group-append>.btn,.input-group-lg .input-group-prepend>.form-control,.input-group-lg .input-group-prepend>.form-select,.input-group-lg .input-group-prepend>.input-group-text,.input-group-lg .input-group-prepend>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm .input-group-append>.form-control,.input-group-sm .input-group-append>.form-select,.input-group-sm .input-group-append>.input-group-text,.input-group-sm .input-group-append>.btn,.input-group-sm .input-group-prepend>.form-control,.input-group-sm .input-group-prepend>.form-select,.input-group-sm .input-group-prepend>.input-group-text,.input-group-sm .input-group-prepend>.btn{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group .btn-group:not(:last-child)>:not(:first-child){border-start-end-radius:0px;border-end-end-radius:0px}.input-group .btn-group:not(:last-child)>:not(:last-child){border-start-start-radius:0px;border-end-start-radius:0px}.input-group .btn-group:not(:last-child)>:not(:last-child){border-start-end-radius:0px;border-end-end-radius:0px}.input-group .btn-group:not(:first-child)>:not(:last-child){border-end-start-radius:0px;border-start-start-radius:0px}.b-pagination-pills .page-item .page-link{border-radius:50rem!important;margin-left:.25rem;line-height:1}.b-pagination-pills .page-item:first-child .page-link{margin-left:0}.b-skeleton-wrapper{cursor:wait}.b-skeleton{position:relative;overflow:hidden;background-color:#0000001f;cursor:wait;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.b-skeleton:before{content:"\a0"}.b-skeleton-text{height:1rem;margin-bottom:.25rem;border-radius:.25rem}.b-skeleton-button{width:75px;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.b-skeleton-avatar{width:2.5em;height:2.5em;border-radius:50%}.b-skeleton-input{height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;line-height:1.5;border:1px solid #ced4da;border-radius:.25rem}.b-skeleton-img{height:100%;width:100%}.b-skeleton-animate-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,transparent,hsla(0deg,0%,100%,.4),transparent);animation:b-skeleton-animate-wave 1.75s linear infinite}.b-skeleton-icon-wrapper svg{color:#0000001f}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-wave:after{background:none;animation:none}}@keyframes b-skeleton-animate-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.b-skeleton-animate-fade{animation:b-skeleton-animate-fade .875s ease-in-out infinite alternate}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-fade{animation:none}}@keyframes b-skeleton-animate-fade{0%{opacity:1}to{opacity:.4}}.b-skeleton-animate-throb{animation:b-skeleton-animate-throb .875s ease-in infinite alternate}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-throb{animation:none}}@keyframes b-skeleton-animate-throb{0%{transform:scale(1)}to{transform:scale(.975)}}.fade-enter-active,.fade-leave-active{transition:opacity .25s linear}.fade-enter-from,.fade-leave-to{opacity:0}.b-table-stacked-label{display:none;font-weight:700}.table.b-table.b-table-stacked{display:block;width:100%}.table.b-table.b-table-stacked>tfoot,.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked>thead,.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked>caption,.table.b-table.b-table-stacked>tbody,.table.b-table.b-table-stacked>tbody>tr,.table.b-table.b-table-stacked>tbody>tr>td,.table.b-table.b-table-stacked>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked>tbody>tr>th{display:block}.table.b-table.b-table-stacked>tbody>tr>:first-child,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}@media (max-width: 575.98px){.table.b-table.b-table-stacked-sm{display:block;width:100%}.table.b-table.b-table-stacked-sm>tfoot,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-sm>thead,.table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-sm>caption,.table.b-table.b-table-stacked-sm>tbody,.table.b-table.b-table-stacked-sm>tbody>tr,.table.b-table.b-table-stacked-sm>tbody>tr>td,.table.b-table.b-table-stacked-sm>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-sm>tbody>tr>th{display:block}.table.b-table.b-table-stacked-sm>tbody>tr>:first-child,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 767.98px){.table.b-table.b-table-stacked-md{display:block;width:100%}.table.b-table.b-table-stacked-md>tfoot,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-md>thead,.table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-md>caption,.table.b-table.b-table-stacked-md>tbody,.table.b-table.b-table-stacked-md>tbody>tr,.table.b-table.b-table-stacked-md>tbody>tr>td,.table.b-table.b-table-stacked-md>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-md>tbody>tr>th{display:block}.table.b-table.b-table-stacked-md>tbody>tr>:first-child,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 991.98px){.table.b-table.b-table-stacked-lg{display:block;width:100%}.table.b-table.b-table-stacked-lg>tfoot,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-lg>thead,.table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-lg>caption,.table.b-table.b-table-stacked-lg>tbody,.table.b-table.b-table-stacked-lg>tbody>tr,.table.b-table.b-table-stacked-lg>tbody>tr>td,.table.b-table.b-table-stacked-lg>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-lg>tbody>tr>th{display:block}.table.b-table.b-table-stacked-lg>tbody>tr>:first-child,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 1199.98px){.table.b-table.b-table-stacked-xl{display:block;width:100%}.table.b-table.b-table-stacked-xl>tfoot,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xl>thead,.table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-xl>caption,.table.b-table.b-table-stacked-xl>tbody,.table.b-table.b-table-stacked-xl>tbody>tr,.table.b-table.b-table-stacked-xl>tbody>tr>td,.table.b-table.b-table-stacked-xl>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-xl>tbody>tr>th{display:block}.table.b-table.b-table-stacked-xl>tbody>tr>:first-child,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 1399.98px){.table.b-table.b-table-stacked-xxl{display:block;width:100%}.table.b-table.b-table-stacked-xxl>tfoot,.table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xxl>thead,.table.b-table.b-table-stacked-xxl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xxl>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-xxl>caption,.table.b-table.b-table-stacked-xxl>tbody,.table.b-table.b-table-stacked-xxl>tbody>tr,.table.b-table.b-table-stacked-xxl>tbody>tr>td,.table.b-table.b-table-stacked-xxl>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-xxl>tbody>tr>th{display:block}.table.b-table.b-table-stacked-xxl>tbody>tr>:first-child,.table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}.b-table-sticky-header,.table-responsive,[class*=table-responsive-]{margin-bottom:1rem}.b-table-sticky-header>.table,.table-responsive>.table,[class*=table-responsive-]>.table{margin-bottom:0}.b-table-sticky-header{overflow-y:auto}@media print{.b-table-sticky-header{overflow-y:visible!important;max-height:none!important}}@supports (position: sticky){.b-table-sticky-header>.table.b-table>thead>tr>th{position:sticky;top:0;z-index:2}.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column{position:sticky;left:0}.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column{z-index:5}.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column{z-index:2}}.table.b-table>tbody>tr>.table-b-table-default,.table.b-table>tfoot>tr>.table-b-table-default,.table.b-table>thead>tr>.table-b-table-default{color:#212529;background-color:#fff}.table th.b-table-sortable-column,.b-table.b-table-selectable td{cursor:pointer}.b-table.b-table-busy{position:relative}.b-table.b-table-busy .b-table-busy-slot{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6588235294)}.b-table.b-table-busy .b-table-busy-slot>td{border:none;padding:0}.b-table.b-table-busy .b-table-busy-slot.b-table-static-busy{position:initial;width:100%;display:table-row}.b-table.b-table-sortable.b-table-sort-asc .sorted.b-table-sort-icon:before{content:"\25b2"}.b-table.b-table-sortable.b-table-sort-desc .sorted.b-table-sort-icon:before{content:"\25bc"}.b-toast{display:block;position:relative;max-width:350px;backface-visibility:hidden;background-clip:padding-box;z-index:1;border-radius:.375rem}.b-toast .toast{background-color:#ffffffd9}.b-toast:not(:last-child){margin-bottom:.75rem}.b-toast.b-toast-solid .toast{background-color:#fff}.b-toast .toast .toast-body{display:block}.b-toast-primary{background-color:#e9f1ffd9!important;border-color:#b6d4fed9!important;color:#084298}.b-toast-primary .toast-header{color:#084298;background-color:#cfe2ffd9;border-bottom-color:#b6d4fed9}.b-toast-primary.b-toast-solid .toast{background-color:#e9f1ff}.b-toast-secondary{background-color:#eff0f1d9!important;border-color:#d3d6d8d9!important;color:#41464b}.b-toast-secondary .toast-header{color:#41464b;background-color:#e2e3e5d9;border-bottom-color:#d3d6d8d9}.b-toast-secondary.b-toast-solid .toast{background-color:#eff0f1}.b-toast-success{background-color:#e2f0e9d9!important;border-color:#badbccd9!important;color:#0f5132}.b-toast-success .toast-header{color:#0f5132;background-color:#d1e7ddd9;border-bottom-color:#badbccd9}.b-toast-success.b-toast-solid .toast{background-color:#e2f0e9}.b-toast-info{background-color:#e7fafed9!important;border-color:#b6effbd9!important;color:#087990}.b-toast-info .toast-header{color:#087990;background-color:#cff4fcd9;border-bottom-color:#b6effbd9}.b-toast-info.b-toast-solid .toast{background-color:#e7fafe}.b-toast-warning{background-color:#fff9e7d9!important;border-color:#ffecb5d9!important;color:#997404}.b-toast-warning .toast-header{color:#997404;background-color:#fff3cdd9;border-bottom-color:#ffecb5d9}.b-toast-warning.b-toast-solid .toast{background-color:#fff9e7}.b-toast-danger{background-color:#fcedeed9!important;border-color:#f5c2c7d9!important;color:#842029}.b-toast-danger .toast-header{color:#842029;background-color:#f8d7dad9;border-bottom-color:#f5c2c7d9}.b-toast-danger.b-toast-solid .toast{background-color:#fcedee}.b-toast-light{background-color:#ffffffd9!important;border-color:#fdfdfed9!important;color:#959596}.b-toast-light .toast-header{color:#959596;background-color:#fefefed9;border-bottom-color:#fdfdfed9}.b-toast-light.b-toast-solid .toast{background-color:#fff}.b-toast-dark{background-color:#e0e0e1d9!important;border-color:#bcbebfd9!important;color:#141619}.b-toast-dark .toast-header{color:#141619;background-color:#d3d3d4d9;border-bottom-color:#bcbebfd9}.b-toast-dark.b-toast-solid .toast{background-color:#e0e0e1}.form-control-highlighted{border-color:#86b7fe;transition:box-shadow .3s ease-in-out;animation:form-control-highlighted-blink 1s infinite}@keyframes form-control-highlighted-blink{0%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 .25rem #0d6efd40}to{box-shadow:0 0 0 0 transparent}}.b-form-spinbutton{text-align:center;overflow:hidden;background-image:none;padding:0}[dir=rtl] .b-form-spinbutton:not(.flex-column),.b-form-spinbutton[dir=rtl]:not(.flex-column){flex-direction:row-reverse}.b-form-spinbutton output{font-size:inherit;outline:0;border:0;background-color:transparent;width:auto;margin:0;padding:0 .25rem}.b-form-spinbutton output>div,.b-form-spinbutton output>bdi{display:block;min-width:2.25em;height:1.5em}.b-form-spinbutton.flex-column{height:auto;width:auto}.b-form-spinbutton.flex-column output{margin:0 .25rem;padding:.25rem 0}.b-form-spinbutton:not(.d-inline-flex):not(.flex-column){output-width:100%}.b-form-spinbutton.d-inline-flex:not(.flex-column){width:auto}.b-form-spinbutton .btn{line-height:1;box-shadow:none!important}.b-form-spinbutton .btn:disabled{pointer-events:none}.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon{transform:scale(1.25)}.b-form-spinbutton.disabled,.b-form-spinbutton.readonly{background-color:#e9ecef}.b-form-spinbutton.disabled{pointer-events:none}.container,.container-fluid{display:block}.input-group>.form-floating:not(:first-child)>:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-floating:not(:last-child)>:not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-toggle.dropdown-toggle-no-caret:before,.dropdown-toggle.dropdown-toggle-no-caret:after{display:none!important}.bv-no-focus-ring:focus{outline:none} /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"} .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"} .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-brands-400.86ee2658.woff2) format("woff2"),url(/fonts/fa-brands-400.8eaf0c88.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-regular-400.849b82e2.woff2) format("woff2"),url(/fonts/fa-regular-400.bd1cf947.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-900.ee698398.woff2) format("woff2"),url(/fonts/fa-solid-900.7a5aa5ab.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/fonts/fa-brands-400.86ee2658.woff2) format("woff2"),url(/fonts/fa-brands-400.8eaf0c88.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/fonts/fa-solid-900.ee698398.woff2) format("woff2"),url(/fonts/fa-solid-900.7a5aa5ab.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/fonts/fa-regular-400.849b82e2.woff2) format("woff2"),url(/fonts/fa-regular-400.bd1cf947.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fa-solid-900.ee698398.woff2) format("woff2"),url(/fonts/fa-solid-900.7a5aa5ab.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fa-brands-400.86ee2658.woff2) format("woff2"),url(/fonts/fa-brands-400.8eaf0c88.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fa-regular-400.849b82e2.woff2) format("woff2"),url(/fonts/fa-regular-400.bd1cf947.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(data:font/woff2;base64,d09GMgABAAAAABK8AAoAAAAAJxcAABJxAwcFAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQgBmADgRwAghzKvxjLUAWIfQcgBYsTEVW1HwKgkbJw/n4/vdPyPdnSaGR5RJYmiRckK9EkyxPFUpa1dLnjPVwo+YhzLW8KLqVALnH6CQAqEKfwh84RSP7z72adG5K8vOQlQIXM+CtUR4AQIFPWRmzdkWFaRghbsuKdFbUvMf0z/XP5tvL3a+b4Iowvb0lWOELha/x7+1f83URsUqZcSrs5DGz2Lge4KSFlUzqgQJnc3XhSJXLAwtWIal9vKmVfQ/PnaKOiAhpWetdQAAEaRIX5r8BDT7MOPAAt5T8AjP/nS25760e/fqT+olLg9wBAB5BzIwB+r/4igFLUj9SPKEVb7j+oyG0p4GVAKH7dIHNv4m9xBCoAXow3AcDS8ukegEl4GYACaqPJ+dCGHzpHTl15CZTjI/eew2Mcfg+WetEHPIQfBoAQAIe/6ysgqx9BqB9Pq+yXxwJYviVUCoA9gaFle1ZbKcBP4zG3EgCL+nGlAKEUQHauAov6cSzqJ9qwDOsKSzysjylQVyhIGwDQgQb2v+s60EQdAA5BCE3YMj4yXhrfNH7heDh+zfj149H4XeOPjD82/tT45+Pfjv81/s9GayPeOLRxwcbFG9dsPHXj2o3rN5678daNh++dvPdcXQOMj4yXxjeOX3CsYlQ7v5/BxvUbz3qsVml92Xqf9UrrFdYLrBXrnHWPNbCeZj3ZOmzts3ZaiUXZvez37GfsJ+zb7KvsK+zL7EPs9WwHM9sfGYuk+lGaVYC6xCGWMAkhCNgFfQCMoqhHNN+RHR6kkZzPs74jF0QSE8dxhMyJ4CKVhJCcOJJzLngscxxUJRZVySillGGx7Ds8e3Z49uzZz5xNzp49e3P4zFksKWUVUPGxZJSeq+5Hs7p/dfXi1dXV1X2rq6tovvnViSLW38BTZxPMAfAsl/K3j0QkQiMaCfjltqfzeSPgAdFIIpI8y3/fFWLrFkXJsiuuyDJF2bJViK7BmDEx7bmuN/2WptFivn//TqhAsuyKnfv354uRaeIzcGsYbsU9uy7e/rpUAEu4FgCTWMoeIVLjAU+lL2PZl4lICJGa3+FcBnmW92VpABrROJdBOp/nMhOJiOUux4AHeS6z/oIQMiEaaelXIZVZngmB3Gi3jYIR6ocD9Dy7oLSwPQ8HoU8JKyA0+PkafaXrqu0B35He/4zNsB8A0zgNuC81ogkhidSEkEmeSyGTPMsbcRonoi+zPONc5jLjXAaESC4DohE8PRqNAgUZM8UpxwkZOyVammZ/YjQaBQoyZopTjhMydkoYqmZjqQQjW9Na4hRjoeOcEiZjWIESjGxNK5G2LIYAisysAILfgy7sBcDutbFEzQM65sPPO3hwKM9G9Ub8tfhFTDjsFlU9pKD/dADrx+sSm1jCdgAviWdOAuYHzIKn+ybdMPRbDI1Yi4sW0Yxb8p4Uv6Dryy2rjSW2rdbyDTVBBR5QAI/DdoCZmZaA+Qqzcjbx4aYz9DG8UK48jnUFcA1CyOESuAHOAXjzXMrAd2TAIznPA79DtDiSiUiEIxfyLOVAvnzZIVrcE0m/X7SS3O/7uWtvngd+BbuQUYoWjoSTTrXc4wFSyobCCkWWcZhaPUZpUeqIa5Sy6hMWZvkNeA9PMkpLSllNu4JRWqytrYlCdjEipJQNhKPdgFE6WF9fF5XsAdY55FscAVcDIBds6k8kQZpYEtY/lQQuJ+I0ltbGlLnV4uWyPMtL/OO5lZWVVmvFYMwwWLD/oWEwZvyxKEjwSykr5rpdxG53Li83vGZlZaVl260VwzDYIWC9Q8wwDINSVkNVv4xS7HbnEOa6XT4lB3ki2wpXAuCsR1mJc59IzOIsiCSOVY1IqRFHBjzgERlYqtMjmu9LjUSSPJoqJ6hXHBz4lLBtH6LUaLeND87ZnjfMkmrc4wEOlVAMPUwIeVVaiNYyvVe9jCV6nj33QaPdNij90DZGqD9klIYY8F5VNkOq7NhCtLCwaFSOX7fwlvPSONWuCIcjLA14wB2pCTFSkq4/Dl/3Wt2J6oeUMjx3XBcDgdUlzuM3YRog9/t+KqJorqyQFhAn9z5OuC9j6cv05DNPubc6jpg0Td+336ccPfrW3/zmN7+5rpc4jnKm0VCUD2y/Fhr6NPuL4MnwHICcCx5wLgOuGvW4Lzs8yLM8l7/FvhRhwCsbIROR5LrGnGeyPI9MCNmLNaIRNRFEtso4l1k/MhtAfsh4wDWiCYq/ApGIfZTS9uS+roKWhZSak7pCJnSOrMk62x2rRxTV0owWZzrRmWXZzGio6lK/7+PbcHLKVNWmrTmblWoPRr0DB48dO3igFyFGvQMHjx07eKAXYW3bNicO3Tzr6rorTKIpdLLVbatsk95hTaZ3msSmDbVJmi2zZfsdz+k0cXa2OLy401Bbrfa809QZO2/fvuleb3rfvvPO27dvuteb3rfvPABogsWdLQ5Bhx5shxMAGKexicHPrEwd+89pIhIRod/3I9mXEVje5XA4HFbLHdZGbLMOrqUOSzXAUQ0I5c5hGA6wzTrFFRK7Uq2HYRgWheCx5BbW67iOa3AGwIvTGCkQDv2JVFzmgKtGXpahGmWRHkqIPAgBGUS54mFqJhLxfXUeZfayy2ZNpryPwOxll822NM2GmHu4VkWtO87eDkgJsYQQ9sExuB5eCuCRnBiNxBAgRqEopLlg09B8KTtmgoDlcZO4RxBJThiSfrWRJZEEYcr27yRJVDVhiqoqLOXnq4zFrONZ+IJT4NVL8fO33nrrxK0TVazri35D1xv+XkL27he9iIOShb6VseYvI1HVpFqzPM+KGcMXWF6HxYxVL8XFPlLtNbSLur7o13Dkwe/NQSlwCJMQw07I4YhcScPTJrwzw6m3nsQNeMBF3++n8pZXfYsn8WWcJ0LKRKTSVxeERw9+Z0g/D6SenUYCnqZZbrzh3DtV0XVdRNftYpmyVEVRFGViUVytQ3Tdbm6Zqk9Y1tTUli1TU5Z1DOhitJquorgTE66iuE3FtV2l6oAaOoGDWJXtCmUv0LGpKB9qDcMrrD12c4/iuoriuspxV1FcAE0mP29TsBMuhKfAMrwUIM+E55iZBSEnEVHlw7N+wzMDTycyIbIne9JHS6NRpzaZN/T1+6o6PEhbnh1A6eqFoXlGQ744OwXx/FaByCXtSQpnPFljA0oZDopnVZ4nZFOs1aEVV+267hv9FvHelF7BRbTbNY56WIFRGpZiwCPP+ssK4HcggmMAXhRFDgprM0QRiejLSO/zaOmitUyclyFJf0H9hR1wX0YhFlWJBXqePaB0YHseOuHssldVQgSEBQ4KnxI2MNptY8B03S/wNtWAP3doTAcWD/paxDJOINsBfQBvrDWRNFZYaz4NHEIfXhRFjoykA3OfWz+qVimAa/wwijABCxyCcqkJOKyG3zGUMqwB0Z2N23WJyziqGFNgFKflHTqM09iRqXRsw/oJEil+/tpqJ9fX19eR86WAX39F2Y4lCD86UiI0QqR1AkqM2L8GoajkQoqG4zjGi4VIjXNRXeoxI5ZFjr/TUpvG3VOKabZf9aq2aSpTdxtN1Xrn8aCvtp99jY6dW1UNP9VGbL+OK4wZd72HUUouuIBQyt5zl8FYI3hd9Tqcr36K83e0Gs7V1HzuYgMgvgHjbMx5iAZTpCDP8kxEW1DspaUZFtcWy/4IA96b8DxDM9um2VQ1t9fbcXBuVrHZxU2BSxnjnh4PsG36ZrOpaqbZngkCVGbnDu6RZwQWnsIeHB2vxxJ2AWCmBhURGHR80EtAdwjtmSBTmeX4VNV4JTEM8kpDJdZpSpksyPZkNjONpy2CzGqNdH3kQOM4gt+4E9MzWYnt/s0zgXGPoQMw6TkTnpj5aMSuWSoD3n8l3MPMESEjk7GTwPyLvLDENZiEvQAYcCkdhOSRozc8Ir2ZZfANBtYkqtJXTt4a5dtbrBtqg8wuadq0puva0qxODbRGuAZ7kq7r4tAwyOzSzse0pi3NkkazNQrmZoP14/VfscA1OAkgl36tOZ/v++6oV8p1TmU605nrheqMOieXKwTlwOGhvltBM768FZw7q0dm7CqHZRgVeMYaGspea8YUw7CF+DqpM/eg+f0D/FaQstzKB/rnJ1Y7nJPcMKUWyI/gVixZwqYMWwgzphj3OKlBsu0UmMm25bVUxVjvS6XPJ9/PATgJpwHuyNOyu4KxC7uCmxpMeoFXMjzFGBeAzpkxzzE3B4FLCM1gqIrqKz+fEQ/8GGDwgVcOmJ/xxzz2vOk45lGciFvCNhVfYNK0hcWJ+FGXcO7MDnLm7OMzQJFx+6v95uqEpqpCCMHYUYwJIYSqaonVZv/A+Pj4wEDKNKuWsE1OxIcp20iAcx8PcyJuCtuq0k0O59Tfn9i7b5K8Ra9TclYKIZimqsJxhKpqTAghZ5N0zfg4NLDe18rqmMbetQcORQvnclHrZ6YQmRhZO1iSgVuYOex+KdU2u6itVuM2C+XcieyoRnI8ZGiKZ5VKJsxmJCE/I9z0mOcxRhkiytpSiUdHpFSNp+6Lakd27xkfeZNNHnFOhY2wTuf5tWLQPRjHodiK8wA3Ih91lOmMeck4k5j0ggwGFp2lI4F9kekKkQaBW2LJDvD9MBQoA3GsLKPJim07GpQDxoLqEMxIUdpuke57pmSupkMZJ563dU1VhWXrxqYpn6dTkrCHbCEAuOWPKGPMUBTLsgX3Bmn+/JGR+fOJEsmFkrFvwhZW1XyRawlVWLata6pS5N92qwnzHV3rqH0h9JM451JDUay1i4fPtvPnjyxJuVwnVODrtJ5eRxoItn5wIS/gtjzj6UzRLTVptXQW3xyjSrlZPQq0curOfU0OqPd/73Va14e6PcCFQyG8BjZAR3sqO3HT/cJcUHYcSbK3okYsVkANOlRtb1gXMFyN1nmyJ1tT4js7drp3lT5SHdkSlHzImqFDkXkNHcgQJbrpczqBsXCd631Ns3QP6jF406BHB03Ne9UcYjlZykHZT1GpCETS0qYfnNczDbyc11AMyn7V4fxUW1hqTNftS1OhrS4OD6tkcsfmhl4uH1B1OHdhk03sh3DuxNjLlEnHdN22haWOLX6Gehul0yXD5gZx0zEO8H2Fc+d+Bq6xluxpOXzJbt+kr8eepXnsgX1wpH1LfQNbIc8UTtcY3wuYy6I0sXjX4MXIUvr8DNuL+cBpA5zJN+Kt7KjKpmh2btZ1P5RqnCgeJ4on9kuPJomSDl8DvZy2ybbbVlP86zgtBAhA6/3b+1rR6H7osDGAhfCj0gEEXsZlAfO9MTfjD7leMGJg2Gux/pieSY/F4qgg/Euq66XYA0ceeeRRj32xefPmXZOFJ5+cu+PJJ+du2rVr196r6Mmff/6ZWRb72TI7TPwtWMe06LTjjz/++IX777///me//XZ+//3HeyD0YBiEePwW07wlHv9bBHNvbvuQzp44GFtwKjASOSDbdFFCmnUWqj0oNpDJD3pe/mdZdDfll4NykPLHHGVuKOPJ5l3DjKiwINJjoyXC5slKOk2UTlcmN6ffYE5LGiymEItp5orRTH9+ld/p7oS6xxD0QQsX5XKVSi63aCEdw9lQHFngMFUhYqapJBPxvr/rqy2lkCW4hb7kH4KbSFCVnqQ/lWXK27FC7D41oe6ufq2t1Z7V60xlzxp9Rt14lKv8MH4d/9BMm1dYK6yPRWQvs4+xr7Bftv902s7P8VXxdwGkyAEBAIAFAChpJYxg6MwoYFjAxLAc/yRX4RgNBTQYHWncyJhYgecYCy6+YxJYjI002Ye/GEjlAIo0cmAI+9AUo8Cho5kYjojNT64eGA1b6DdGx3rlQMbEUcr1TSxkFSaBCj3xjSTh0NHrws7pM62p6UiONybkxrAdyTWnNrvhzuYhzamTd9Rmsj/A8pSiXBfu7NSiVr21oxWdLp9vyRHNmW4rbMsgKGXz3mTJ9wolOV4NX34rspwNsoWJjWE7KvY+pdiesLLTx3fYdFOe2qyPdeXOsBvJTtg5eUdtRrYaYVt2m5GstbfIKAx3bG9F2eko6nQrudzWsB3VdqufbYQ78SbE0ZVI3QKsQ4gOTscMWpjCNCJIjKOBCUhsRIh27sdsDU5FE12E2IkmDkETUzgZO1DDDKRU4hQUIXv517ETHdQQoYU6WtiBFiKcDtla3CPQxAy6aGFdfIkAAUrIIg8PkyjBh4cCSvQl+OXWUn4VSJSRRYAsCpigVQW/xT0FRSo7tXLIYZjmTvanook6xtCFxE6E6OJEO+NBeGuRaKGBjUWiiybW2dfQxhZIRAgRYge290WzY+c/QgddVJBDDlvHJWWNSppt80/ZOWrJV3JJ8edl8f8wAAMAAAA=) format("woff2"),url(/fonts/fa-v4compatibility.c63df8a6.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a} .la, .las, .lar, .lal, .lad, .lab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .la-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .la-xs { font-size: .75em; } .la-sm { font-size: .875em; } .la-1x { font-size: 1em; } .la-2x { font-size: 2em; } .la-3x { font-size: 3em; } .la-4x { font-size: 4em; } .la-5x { font-size: 5em; } .la-6x { font-size: 6em; } .la-7x { font-size: 7em; } .la-8x { font-size: 8em; } .la-9x { font-size: 9em; } .la-10x { font-size: 10em; } .la-fw { text-align: center; width: 1.25em; } .la-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .la-ul > li { position: relative; } .la-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .la-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .la-pull-left { float: left; } .la-pull-right { float: right; } .la.la-pull-left, .las.la-pull-left, .lar.la-pull-left, .lal.la-pull-left, .lab.la-pull-left { margin-right: .3em; } .la.la-pull-right, .las.la-pull-right, .lar.la-pull-right, .lal.la-pull-right, .lab.la-pull-right { margin-left: .3em; } .la-spin { animation: la-spin 2s infinite linear; } .la-pulse { animation: la-spin 1s infinite steps(8); } @keyframes la-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .la-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .la-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .la-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .la-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .la-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .la-flip-both, .la-flip-horizontal.la-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .la-rotate-90, :root .la-rotate-180, :root .la-rotate-270, :root .la-flip-horizontal, :root .la-flip-vertical, :root .la-flip-both { filter: none; } .la-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .la-stack-1x, .la-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .la-stack-1x { line-height: inherit; } .la-stack-2x { font-size: 2em; } .la-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .la-500px:before { content: "\f26e"; } .la-accessible-icon:before { content: "\f368"; } .la-accusoft:before { content: "\f369"; } .la-acquisitions-incorporated:before { content: "\f6af"; } .la-ad:before { content: "\f641"; } .la-address-book:before { content: "\f2b9"; } .la-address-card:before { content: "\f2bb"; } .la-adjust:before { content: "\f042"; } .la-adn:before { content: "\f170"; } .la-adobe:before { content: "\f778"; } .la-adversal:before { content: "\f36a"; } .la-affiliatetheme:before { content: "\f36b"; } .la-air-freshener:before { content: "\f5d0"; } .la-airbnb:before { content: "\f834"; } .la-algolia:before { content: "\f36c"; } .la-align-center:before { content: "\f037"; } .la-align-justify:before { content: "\f039"; } .la-align-left:before { content: "\f036"; } .la-align-right:before { content: "\f038"; } .la-alipay:before { content: "\f642"; } .la-allergies:before { content: "\f461"; } .la-amazon:before { content: "\f270"; } .la-amazon-pay:before { content: "\f42c"; } .la-ambulance:before { content: "\f0f9"; } .la-american-sign-language-interpreting:before { content: "\f2a3"; } .la-amilia:before { content: "\f36d"; } .la-anchor:before { content: "\f13d"; } .la-android:before { content: "\f17b"; } .la-angellist:before { content: "\f209"; } .la-angle-double-down:before { content: "\f103"; } .la-angle-double-left:before { content: "\f100"; } .la-angle-double-right:before { content: "\f101"; } .la-angle-double-up:before { content: "\f102"; } .la-angle-down:before { content: "\f107"; } .la-angle-left:before { content: "\f104"; } .la-angle-right:before { content: "\f105"; } .la-angle-up:before { content: "\f106"; } .la-angry:before { content: "\f556"; } .la-angrycreative:before { content: "\f36e"; } .la-angular:before { content: "\f420"; } .la-ankh:before { content: "\f644"; } .la-app-store:before { content: "\f36f"; } .la-app-store-ios:before { content: "\f370"; } .la-apper:before { content: "\f371"; } .la-apple:before { content: "\f179"; } .la-apple-alt:before { content: "\f5d1"; } .la-apple-pay:before { content: "\f415"; } .la-archive:before { content: "\f187"; } .la-archway:before { content: "\f557"; } .la-arrow-alt-circle-down:before { content: "\f358"; } .la-arrow-alt-circle-left:before { content: "\f359"; } .la-arrow-alt-circle-right:before { content: "\f35a"; } .la-arrow-alt-circle-up:before { content: "\f35b"; } .la-arrow-circle-down:before { content: "\f0ab"; } .la-arrow-circle-left:before { content: "\f0a8"; } .la-arrow-circle-right:before { content: "\f0a9"; } .la-arrow-circle-up:before { content: "\f0aa"; } .la-arrow-down:before { content: "\f063"; } .la-arrow-left:before { content: "\f060"; } .la-arrow-right:before { content: "\f061"; } .la-arrow-up:before { content: "\f062"; } .la-arrows-alt:before { content: "\f0b2"; } .la-arrows-alt-h:before { content: "\f337"; } .la-arrows-alt-v:before { content: "\f338"; } .la-artstation:before { content: "\f77a"; } .la-assistive-listening-systems:before { content: "\f2a2"; } .la-asterisk:before { content: "\f069"; } .la-asymmetrik:before { content: "\f372"; } .la-at:before { content: "\f1fa"; } .la-atlas:before { content: "\f558"; } .la-atlassian:before { content: "\f77b"; } .la-atom:before { content: "\f5d2"; } .la-audible:before { content: "\f373"; } .la-audio-description:before { content: "\f29e"; } .la-autoprefixer:before { content: "\f41c"; } .la-avianex:before { content: "\f374"; } .la-aviato:before { content: "\f421"; } .la-award:before { content: "\f559"; } .la-aws:before { content: "\f375"; } .la-baby:before { content: "\f77c"; } .la-baby-carriage:before { content: "\f77d"; } .la-backspace:before { content: "\f55a"; } .la-backward:before { content: "\f04a"; } .la-bacon:before { content: "\f7e5"; } .la-balance-scale:before { content: "\f24e"; } .la-balance-scale-left:before { content: "\f515"; } .la-balance-scale-right:before { content: "\f516"; } .la-ban:before { content: "\f05e"; } .la-band-aid:before { content: "\f462"; } .la-bandcamp:before { content: "\f2d5"; } .la-barcode:before { content: "\f02a"; } .la-bars:before { content: "\f0c9"; } .la-baseball-ball:before { content: "\f433"; } .la-basketball-ball:before { content: "\f434"; } .la-bath:before { content: "\f2cd"; } .la-battery-empty:before { content: "\f244"; } .la-battery-full:before { content: "\f240"; } .la-battery-half:before { content: "\f242"; } .la-battery-quarter:before { content: "\f243"; } .la-battery-three-quarters:before { content: "\f241"; } .la-battle-net:before { content: "\f835"; } .la-bed:before { content: "\f236"; } .la-beer:before { content: "\f0fc"; } .la-behance:before { content: "\f1b4"; } .la-behance-square:before { content: "\f1b5"; } .la-bell:before { content: "\f0f3"; } .la-bell-slash:before { content: "\f1f6"; } .la-bezier-curve:before { content: "\f55b"; } .la-bible:before { content: "\f647"; } .la-bicycle:before { content: "\f206"; } .la-biking:before { content: "\f84a"; } .la-bimobject:before { content: "\f378"; } .la-binoculars:before { content: "\f1e5"; } .la-biohazard:before { content: "\f780"; } .la-birthday-cake:before { content: "\f1fd"; } .la-bitbucket:before { content: "\f171"; } .la-bitcoin:before { content: "\f379"; } .la-bity:before { content: "\f37a"; } .la-black-tie:before { content: "\f27e"; } .la-blackberry:before { content: "\f37b"; } .la-blender:before { content: "\f517"; } .la-blender-phone:before { content: "\f6b6"; } .la-blind:before { content: "\f29d"; } .la-blog:before { content: "\f781"; } .la-blogger:before { content: "\f37c"; } .la-blogger-b:before { content: "\f37d"; } .la-bluetooth:before { content: "\f293"; } .la-bluetooth-b:before { content: "\f294"; } .la-bold:before { content: "\f032"; } .la-bolt:before { content: "\f0e7"; } .la-bomb:before { content: "\f1e2"; } .la-bone:before { content: "\f5d7"; } .la-bong:before { content: "\f55c"; } .la-book:before { content: "\f02d"; } .la-book-dead:before { content: "\f6b7"; } .la-book-medical:before { content: "\f7e6"; } .la-book-open:before { content: "\f518"; } .la-book-reader:before { content: "\f5da"; } .la-bookmark:before { content: "\f02e"; } .la-bootstrap:before { content: "\f836"; } .la-border-all:before { content: "\f84c"; } .la-border-none:before { content: "\f850"; } .la-border-style:before { content: "\f853"; } .la-bowling-ball:before { content: "\f436"; } .la-box:before { content: "\f466"; } .la-box-open:before { content: "\f49e"; } .la-boxes:before { content: "\f468"; } .la-braille:before { content: "\f2a1"; } .la-brain:before { content: "\f5dc"; } .la-bread-slice:before { content: "\f7ec"; } .la-briefcase:before { content: "\f0b1"; } .la-briefcase-medical:before { content: "\f469"; } .la-broadcast-tower:before { content: "\f519"; } .la-broom:before { content: "\f51a"; } .la-brush:before { content: "\f55d"; } .la-btc:before { content: "\f15a"; } .la-buffer:before { content: "\f837"; } .la-bug:before { content: "\f188"; } .la-building:before { content: "\f1ad"; } .la-bullhorn:before { content: "\f0a1"; } .la-bullseye:before { content: "\f140"; } .la-burn:before { content: "\f46a"; } .la-buromobelexperte:before { content: "\f37f"; } .la-bus:before { content: "\f207"; } .la-bus-alt:before { content: "\f55e"; } .la-business-time:before { content: "\f64a"; } .la-buy-n-large:before { content: "\f8a6"; } .la-buysellads:before { content: "\f20d"; } .la-calculator:before { content: "\f1ec"; } .la-calendar:before { content: "\f133"; } .la-calendar-alt:before { content: "\f073"; } .la-calendar-check:before { content: "\f274"; } .la-calendar-day:before { content: "\f783"; } .la-calendar-minus:before { content: "\f272"; } .la-calendar-plus:before { content: "\f271"; } .la-calendar-times:before { content: "\f273"; } .la-calendar-week:before { content: "\f784"; } .la-camera:before { content: "\f030"; } .la-camera-retro:before { content: "\f083"; } .la-campground:before { content: "\f6bb"; } .la-canadian-maple-leaf:before { content: "\f785"; } .la-candy-cane:before { content: "\f786"; } .la-cannabis:before { content: "\f55f"; } .la-capsules:before { content: "\f46b"; } .la-car:before { content: "\f1b9"; } .la-car-alt:before { content: "\f5de"; } .la-car-battery:before { content: "\f5df"; } .la-car-crash:before { content: "\f5e1"; } .la-car-side:before { content: "\f5e4"; } .la-caret-down:before { content: "\f0d7"; } .la-caret-left:before { content: "\f0d9"; } .la-caret-right:before { content: "\f0da"; } .la-caret-square-down:before { content: "\f150"; } .la-caret-square-left:before { content: "\f191"; } .la-caret-square-right:before { content: "\f152"; } .la-caret-square-up:before { content: "\f151"; } .la-caret-up:before { content: "\f0d8"; } .la-carrot:before { content: "\f787"; } .la-cart-arrow-down:before { content: "\f218"; } .la-cart-plus:before { content: "\f217"; } .la-cash-register:before { content: "\f788"; } .la-cat:before { content: "\f6be"; } .la-cc-amazon-pay:before { content: "\f42d"; } .la-cc-amex:before { content: "\f1f3"; } .la-cc-apple-pay:before { content: "\f416"; } .la-cc-diners-club:before { content: "\f24c"; } .la-cc-discover:before { content: "\f1f2"; } .la-cc-jcb:before { content: "\f24b"; } .la-cc-mastercard:before { content: "\f1f1"; } .la-cc-paypal:before { content: "\f1f4"; } .la-cc-stripe:before { content: "\f1f5"; } .la-cc-visa:before { content: "\f1f0"; } .la-centercode:before { content: "\f380"; } .la-centos:before { content: "\f789"; } .la-certificate:before { content: "\f0a3"; } .la-chair:before { content: "\f6c0"; } .la-chalkboard:before { content: "\f51b"; } .la-chalkboard-teacher:before { content: "\f51c"; } .la-charging-station:before { content: "\f5e7"; } .la-chart-area:before { content: "\f1fe"; } .la-chart-bar:before { content: "\f080"; } .la-chart-line:before { content: "\f201"; } .la-chart-pie:before { content: "\f200"; } .la-check:before { content: "\f00c"; } .la-check-circle:before { content: "\f058"; } .la-check-double:before { content: "\f560"; } .la-check-square:before { content: "\f14a"; } .la-cheese:before { content: "\f7ef"; } .la-chess:before { content: "\f439"; } .la-chess-bishop:before { content: "\f43a"; } .la-chess-board:before { content: "\f43c"; } .la-chess-king:before { content: "\f43f"; } .la-chess-knight:before { content: "\f441"; } .la-chess-pawn:before { content: "\f443"; } .la-chess-queen:before { content: "\f445"; } .la-chess-rook:before { content: "\f447"; } .la-chevron-circle-down:before { content: "\f13a"; } .la-chevron-circle-left:before { content: "\f137"; } .la-chevron-circle-right:before { content: "\f138"; } .la-chevron-circle-up:before { content: "\f139"; } .la-chevron-down:before { content: "\f078"; } .la-chevron-left:before { content: "\f053"; } .la-chevron-right:before { content: "\f054"; } .la-chevron-up:before { content: "\f077"; } .la-child:before { content: "\f1ae"; } .la-chrome:before { content: "\f268"; } .la-chromecast:before { content: "\f838"; } .la-church:before { content: "\f51d"; } .la-circle:before { content: "\f111"; } .la-circle-notch:before { content: "\f1ce"; } .la-city:before { content: "\f64f"; } .la-clinic-medical:before { content: "\f7f2"; } .la-clipboard:before { content: "\f328"; } .la-clipboard-check:before { content: "\f46c"; } .la-clipboard-list:before { content: "\f46d"; } .la-clock:before { content: "\f017"; } .la-clone:before { content: "\f24d"; } .la-closed-captioning:before { content: "\f20a"; } .la-cloud:before { content: "\f0c2"; } .la-cloud-download-alt:before { content: "\f381"; } .la-cloud-meatball:before { content: "\f73b"; } .la-cloud-moon:before { content: "\f6c3"; } .la-cloud-moon-rain:before { content: "\f73c"; } .la-cloud-rain:before { content: "\f73d"; } .la-cloud-showers-heavy:before { content: "\f740"; } .la-cloud-sun:before { content: "\f6c4"; } .la-cloud-sun-rain:before { content: "\f743"; } .la-cloud-upload-alt:before { content: "\f382"; } .la-cloudscale:before { content: "\f383"; } .la-cloudsmith:before { content: "\f384"; } .la-cloudversify:before { content: "\f385"; } .la-cocktail:before { content: "\f561"; } .la-code:before { content: "\f121"; } .la-code-branch:before { content: "\f126"; } .la-codepen:before { content: "\f1cb"; } .la-codiepie:before { content: "\f284"; } .la-coffee:before { content: "\f0f4"; } .la-cog:before { content: "\f013"; } .la-cogs:before { content: "\f085"; } .la-coins:before { content: "\f51e"; } .la-columns:before { content: "\f0db"; } .la-comment:before { content: "\f075"; } .la-comment-alt:before { content: "\f27a"; } .la-comment-dollar:before { content: "\f651"; } .la-comment-dots:before { content: "\f4ad"; } .la-comment-medical:before { content: "\f7f5"; } .la-comment-slash:before { content: "\f4b3"; } .la-comments:before { content: "\f086"; } .la-comments-dollar:before { content: "\f653"; } .la-compact-disc:before { content: "\f51f"; } .la-compass:before { content: "\f14e"; } .la-compress:before { content: "\f066"; } .la-compress-arrows-alt:before { content: "\f78c"; } .la-concierge-bell:before { content: "\f562"; } .la-confluence:before { content: "\f78d"; } .la-connectdevelop:before { content: "\f20e"; } .la-contao:before { content: "\f26d"; } .la-cookie:before { content: "\f563"; } .la-cookie-bite:before { content: "\f564"; } .la-copy:before { content: "\f0c5"; } .la-copyright:before { content: "\f1f9"; } .la-cotton-bureau:before { content: "\f89e"; } .la-couch:before { content: "\f4b8"; } .la-cpanel:before { content: "\f388"; } .la-creative-commons:before { content: "\f25e"; } .la-creative-commons-by:before { content: "\f4e7"; } .la-creative-commons-nc:before { content: "\f4e8"; } .la-creative-commons-nc-eu:before { content: "\f4e9"; } .la-creative-commons-nc-jp:before { content: "\f4ea"; } .la-creative-commons-nd:before { content: "\f4eb"; } .la-creative-commons-pd:before { content: "\f4ec"; } .la-creative-commons-pd-alt:before { content: "\f4ed"; } .la-creative-commons-remix:before { content: "\f4ee"; } .la-creative-commons-sa:before { content: "\f4ef"; } .la-creative-commons-sampling:before { content: "\f4f0"; } .la-creative-commons-sampling-plus:before { content: "\f4f1"; } .la-creative-commons-share:before { content: "\f4f2"; } .la-creative-commons-zero:before { content: "\f4f3"; } .la-credit-card:before { content: "\f09d"; } .la-critical-role:before { content: "\f6c9"; } .la-crop:before { content: "\f125"; } .la-crop-alt:before { content: "\f565"; } .la-cross:before { content: "\f654"; } .la-crosshairs:before { content: "\f05b"; } .la-crow:before { content: "\f520"; } .la-crown:before { content: "\f521"; } .la-crutch:before { content: "\f7f7"; } .la-css3:before { content: "\f13c"; } .la-css3-alt:before { content: "\f38b"; } .la-cube:before { content: "\f1b2"; } .la-cubes:before { content: "\f1b3"; } .la-cut:before { content: "\f0c4"; } .la-cuttlefish:before { content: "\f38c"; } .la-d-and-d:before { content: "\f38d"; } .la-d-and-d-beyond:before { content: "\f6ca"; } .la-dashcube:before { content: "\f210"; } .la-database:before { content: "\f1c0"; } .la-deaf:before { content: "\f2a4"; } .la-delicious:before { content: "\f1a5"; } .la-democrat:before { content: "\f747"; } .la-deploydog:before { content: "\f38e"; } .la-deskpro:before { content: "\f38f"; } .la-desktop:before { content: "\f108"; } .la-dev:before { content: "\f6cc"; } .la-deviantart:before { content: "\f1bd"; } .la-dharmachakra:before { content: "\f655"; } .la-dhl:before { content: "\f790"; } .la-diagnoses:before { content: "\f470"; } .la-diaspora:before { content: "\f791"; } .la-dice:before { content: "\f522"; } .la-dice-d20:before { content: "\f6cf"; } .la-dice-d6:before { content: "\f6d1"; } .la-dice-five:before { content: "\f523"; } .la-dice-four:before { content: "\f524"; } .la-dice-one:before { content: "\f525"; } .la-dice-six:before { content: "\f526"; } .la-dice-three:before { content: "\f527"; } .la-dice-two:before { content: "\f528"; } .la-digg:before { content: "\f1a6"; } .la-digital-ocean:before { content: "\f391"; } .la-digital-tachograph:before { content: "\f566"; } .la-directions:before { content: "\f5eb"; } .la-discord:before { content: "\f392"; } .la-discourse:before { content: "\f393"; } .la-divide:before { content: "\f529"; } .la-dizzy:before { content: "\f567"; } .la-dna:before { content: "\f471"; } .la-dochub:before { content: "\f394"; } .la-docker:before { content: "\f395"; } .la-dog:before { content: "\f6d3"; } .la-dollar-sign:before { content: "\f155"; } .la-dolly:before { content: "\f472"; } .la-dolly-flatbed:before { content: "\f474"; } .la-donate:before { content: "\f4b9"; } .la-door-closed:before { content: "\f52a"; } .la-door-open:before { content: "\f52b"; } .la-dot-circle:before { content: "\f192"; } .la-dove:before { content: "\f4ba"; } .la-download:before { content: "\f019"; } .la-draft2digital:before { content: "\f396"; } .la-drafting-compass:before { content: "\f568"; } .la-dragon:before { content: "\f6d5"; } .la-draw-polygon:before { content: "\f5ee"; } .la-dribbble:before { content: "\f17d"; } .la-dribbble-square:before { content: "\f397"; } .la-dropbox:before { content: "\f16b"; } .la-drum:before { content: "\f569"; } .la-drum-steelpan:before { content: "\f56a"; } .la-drumstick-bite:before { content: "\f6d7"; } .la-drupal:before { content: "\f1a9"; } .la-dumbbell:before { content: "\f44b"; } .la-dumpster:before { content: "\f793"; } .la-dumpster-fire:before { content: "\f794"; } .la-dungeon:before { content: "\f6d9"; } .la-dyalog:before { content: "\f399"; } .la-earlybirds:before { content: "\f39a"; } .la-ebay:before { content: "\f4f4"; } .la-edge:before { content: "\f282"; } .la-edit:before { content: "\f044"; } .la-egg:before { content: "\f7fb"; } .la-eject:before { content: "\f052"; } .la-elementor:before { content: "\f430"; } .la-ellipsis-h:before { content: "\f141"; } .la-ellipsis-v:before { content: "\f142"; } .la-ello:before { content: "\f5f1"; } .la-ember:before { content: "\f423"; } .la-empire:before { content: "\f1d1"; } .la-envelope:before { content: "\f0e0"; } .la-envelope-open:before { content: "\f2b6"; } .la-envelope-open-text:before { content: "\f658"; } .la-envelope-square:before { content: "\f199"; } .la-envira:before { content: "\f299"; } .la-equals:before { content: "\f52c"; } .la-eraser:before { content: "\f12d"; } .la-erlang:before { content: "\f39d"; } .la-ethereum:before { content: "\f42e"; } .la-ethernet:before { content: "\f796"; } .la-etsy:before { content: "\f2d7"; } .la-euro-sign:before { content: "\f153"; } .la-evernote:before { content: "\f839"; } .la-exchange-alt:before { content: "\f362"; } .la-exclamation:before { content: "\f12a"; } .la-exclamation-circle:before { content: "\f06a"; } .la-exclamation-triangle:before { content: "\f071"; } .la-expand:before { content: "\f065"; } .la-expand-arrows-alt:before { content: "\f31e"; } .la-expeditedssl:before { content: "\f23e"; } .la-external-link-alt:before { content: "\f35d"; } .la-external-link-square-alt:before { content: "\f360"; } .la-eye:before { content: "\f06e"; } .la-eye-dropper:before { content: "\f1fb"; } .la-eye-slash:before { content: "\f070"; } .la-facebook:before { content: "\f09a"; } .la-facebook-f:before { content: "\f39e"; } .la-facebook-messenger:before { content: "\f39f"; } .la-facebook-square:before { content: "\f082"; } .la-fan:before { content: "\f863"; } .la-fantasy-flight-games:before { content: "\f6dc"; } .la-fast-backward:before { content: "\f049"; } .la-fast-forward:before { content: "\f050"; } .la-fax:before { content: "\f1ac"; } .la-feather:before { content: "\f52d"; } .la-feather-alt:before { content: "\f56b"; } .la-fedex:before { content: "\f797"; } .la-fedora:before { content: "\f798"; } .la-female:before { content: "\f182"; } .la-fighter-jet:before { content: "\f0fb"; } .la-figma:before { content: "\f799"; } .la-file:before { content: "\f15b"; } .la-file-alt:before { content: "\f15c"; } .la-file-archive:before { content: "\f1c6"; } .la-file-audio:before { content: "\f1c7"; } .la-file-code:before { content: "\f1c9"; } .la-file-contract:before { content: "\f56c"; } .la-file-csv:before { content: "\f6dd"; } .la-file-download:before { content: "\f56d"; } .la-file-excel:before { content: "\f1c3"; } .la-file-export:before { content: "\f56e"; } .la-file-image:before { content: "\f1c5"; } .la-file-import:before { content: "\f56f"; } .la-file-invoice:before { content: "\f570"; } .la-file-invoice-dollar:before { content: "\f571"; } .la-file-medical:before { content: "\f477"; } .la-file-medical-alt:before { content: "\f478"; } .la-file-pdf:before { content: "\f1c1"; } .la-file-powerpoint:before { content: "\f1c4"; } .la-file-prescription:before { content: "\f572"; } .la-file-signature:before { content: "\f573"; } .la-file-upload:before { content: "\f574"; } .la-file-video:before { content: "\f1c8"; } .la-file-word:before { content: "\f1c2"; } .la-fill:before { content: "\f575"; } .la-fill-drip:before { content: "\f576"; } .la-film:before { content: "\f008"; } .la-filter:before { content: "\f0b0"; } .la-fingerprint:before { content: "\f577"; } .la-fire:before { content: "\f06d"; } .la-fire-alt:before { content: "\f7e4"; } .la-fire-extinguisher:before { content: "\f134"; } .la-firefox:before { content: "\f269"; } .la-first-aid:before { content: "\f479"; } .la-first-order:before { content: "\f2b0"; } .la-first-order-alt:before { content: "\f50a"; } .la-firstdraft:before { content: "\f3a1"; } .la-fish:before { content: "\f578"; } .la-fist-raised:before { content: "\f6de"; } .la-flag:before { content: "\f024"; } .la-flag-checkered:before { content: "\f11e"; } .la-flag-usa:before { content: "\f74d"; } .la-flask:before { content: "\f0c3"; } .la-flickr:before { content: "\f16e"; } .la-flipboard:before { content: "\f44d"; } .la-flushed:before { content: "\f579"; } .la-fly:before { content: "\f417"; } .la-folder:before { content: "\f07b"; } .la-folder-minus:before { content: "\f65d"; } .la-folder-open:before { content: "\f07c"; } .la-folder-plus:before { content: "\f65e"; } .la-font:before { content: "\f031"; } .la-font-awesome:before { content: "\f2b4"; } .la-font-awesome-alt:before { content: "\f35c"; } .la-font-awesome-flag:before { content: "\f425"; } .la-font-awesome-logo-full:before { content: "\f4e6"; } .la-fonticons:before { content: "\f280"; } .la-fonticons-fi:before { content: "\f3a2"; } .la-football-ball:before { content: "\f44e"; } .la-fort-awesome:before { content: "\f286"; } .la-fort-awesome-alt:before { content: "\f3a3"; } .la-forumbee:before { content: "\f211"; } .la-forward:before { content: "\f04e"; } .la-foursquare:before { content: "\f180"; } .la-free-code-camp:before { content: "\f2c5"; } .la-freebsd:before { content: "\f3a4"; } .la-frog:before { content: "\f52e"; } .la-frown:before { content: "\f119"; } .la-frown-open:before { content: "\f57a"; } .la-fulcrum:before { content: "\f50b"; } .la-funnel-dollar:before { content: "\f662"; } .la-futbol:before { content: "\f1e3"; } .la-galactic-republic:before { content: "\f50c"; } .la-galactic-senate:before { content: "\f50d"; } .la-gamepad:before { content: "\f11b"; } .la-gas-pump:before { content: "\f52f"; } .la-gavel:before { content: "\f0e3"; } .la-gem:before { content: "\f3a5"; } .la-genderless:before { content: "\f22d"; } .la-get-pocket:before { content: "\f265"; } .la-gg:before { content: "\f260"; } .la-gg-circle:before { content: "\f261"; } .la-ghost:before { content: "\f6e2"; } .la-gift:before { content: "\f06b"; } .la-gifts:before { content: "\f79c"; } .la-git:before { content: "\f1d3"; } .la-git-alt:before { content: "\f841"; } .la-git-square:before { content: "\f1d2"; } .la-github:before { content: "\f09b"; } .la-github-alt:before { content: "\f113"; } .la-github-square:before { content: "\f092"; } .la-gitkraken:before { content: "\f3a6"; } .la-gitlab:before { content: "\f296"; } .la-gitter:before { content: "\f426"; } .la-glass-cheers:before { content: "\f79f"; } .la-glass-martini:before { content: "\f000"; } .la-glass-martini-alt:before { content: "\f57b"; } .la-glass-whiskey:before { content: "\f7a0"; } .la-glasses:before { content: "\f530"; } .la-glide:before { content: "\f2a5"; } .la-glide-g:before { content: "\f2a6"; } .la-globe:before { content: "\f0ac"; } .la-globe-africa:before { content: "\f57c"; } .la-globe-americas:before { content: "\f57d"; } .la-globe-asia:before { content: "\f57e"; } .la-globe-europe:before { content: "\f7a2"; } .la-gofore:before { content: "\f3a7"; } .la-golf-ball:before { content: "\f450"; } .la-goodreads:before { content: "\f3a8"; } .la-goodreads-g:before { content: "\f3a9"; } .la-google:before { content: "\f1a0"; } .la-google-drive:before { content: "\f3aa"; } .la-google-play:before { content: "\f3ab"; } .la-google-plus:before { content: "\f2b3"; } .la-google-plus-g:before { content: "\f0d5"; } .la-google-plus-square:before { content: "\f0d4"; } .la-google-wallet:before { content: "\f1ee"; } .la-gopuram:before { content: "\f664"; } .la-graduation-cap:before { content: "\f19d"; } .la-gratipay:before { content: "\f184"; } .la-grav:before { content: "\f2d6"; } .la-greater-than:before { content: "\f531"; } .la-greater-than-equal:before { content: "\f532"; } .la-grimace:before { content: "\f57f"; } .la-grin:before { content: "\f580"; } .la-grin-alt:before { content: "\f581"; } .la-grin-beam:before { content: "\f582"; } .la-grin-beam-sweat:before { content: "\f583"; } .la-grin-hearts:before { content: "\f584"; } .la-grin-squint:before { content: "\f585"; } .la-grin-squint-tears:before { content: "\f586"; } .la-grin-stars:before { content: "\f587"; } .la-grin-tears:before { content: "\f588"; } .la-grin-tongue:before { content: "\f589"; } .la-grin-tongue-squint:before { content: "\f58a"; } .la-grin-tongue-wink:before { content: "\f58b"; } .la-grin-wink:before { content: "\f58c"; } .la-grip-horizontal:before { content: "\f58d"; } .la-grip-lines:before { content: "\f7a4"; } .la-grip-lines-vertical:before { content: "\f7a5"; } .la-grip-vertical:before { content: "\f58e"; } .la-gripfire:before { content: "\f3ac"; } .la-grunt:before { content: "\f3ad"; } .la-guitar:before { content: "\f7a6"; } .la-gulp:before { content: "\f3ae"; } .la-h-square:before { content: "\f0fd"; } .la-hacker-news:before { content: "\f1d4"; } .la-hacker-news-square:before { content: "\f3af"; } .la-hackerrank:before { content: "\f5f7"; } .la-hamburger:before { content: "\f805"; } .la-hammer:before { content: "\f6e3"; } .la-hamsa:before { content: "\f665"; } .la-hand-holding:before { content: "\f4bd"; } .la-hand-holding-heart:before { content: "\f4be"; } .la-hand-holding-usd:before { content: "\f4c0"; } .la-hand-lizard:before { content: "\f258"; } .la-hand-middle-finger:before { content: "\f806"; } .la-hand-paper:before { content: "\f256"; } .la-hand-peace:before { content: "\f25b"; } .la-hand-point-down:before { content: "\f0a7"; } .la-hand-point-left:before { content: "\f0a5"; } .la-hand-point-right:before { content: "\f0a4"; } .la-hand-point-up:before { content: "\f0a6"; } .la-hand-pointer:before { content: "\f25a"; } .la-hand-rock:before { content: "\f255"; } .la-hand-scissors:before { content: "\f257"; } .la-hand-spock:before { content: "\f259"; } .la-hands:before { content: "\f4c2"; } .la-hands-helping:before { content: "\f4c4"; } .la-handshake:before { content: "\f2b5"; } .la-hanukiah:before { content: "\f6e6"; } .la-hard-hat:before { content: "\f807"; } .la-hashtag:before { content: "\f292"; } .la-hat-cowboy:before { content: "\f8c0"; } .la-hat-cowboy-side:before { content: "\f8c1"; } .la-hat-wizard:before { content: "\f6e8"; } .la-haykal:before { content: "\f666"; } .la-hdd:before { content: "\f0a0"; } .la-heading:before { content: "\f1dc"; } .la-headphones:before { content: "\f025"; } .la-headphones-alt:before { content: "\f58f"; } .la-headset:before { content: "\f590"; } .la-heart:before { content: "\f004"; } .la-heart-broken:before { content: "\f7a9"; } .la-heartbeat:before { content: "\f21e"; } .la-helicopter:before { content: "\f533"; } .la-highlighter:before { content: "\f591"; } .la-hiking:before { content: "\f6ec"; } .la-hippo:before { content: "\f6ed"; } .la-hips:before { content: "\f452"; } .la-hire-a-helper:before { content: "\f3b0"; } .la-history:before { content: "\f1da"; } .la-hockey-puck:before { content: "\f453"; } .la-holly-berry:before { content: "\f7aa"; } .la-home:before { content: "\f015"; } .la-hooli:before { content: "\f427"; } .la-hornbill:before { content: "\f592"; } .la-horse:before { content: "\f6f0"; } .la-horse-head:before { content: "\f7ab"; } .la-hospital:before { content: "\f0f8"; } .la-hospital-alt:before { content: "\f47d"; } .la-hospital-symbol:before { content: "\f47e"; } .la-hot-tub:before { content: "\f593"; } .la-hotdog:before { content: "\f80f"; } .la-hotel:before { content: "\f594"; } .la-hotjar:before { content: "\f3b1"; } .la-hourglass:before { content: "\f254"; } .la-hourglass-end:before { content: "\f253"; } .la-hourglass-half:before { content: "\f252"; } .la-hourglass-start:before { content: "\f251"; } .la-house-damage:before { content: "\f6f1"; } .la-houzz:before { content: "\f27c"; } .la-hryvnia:before { content: "\f6f2"; } .la-html5:before { content: "\f13b"; } .la-hubspot:before { content: "\f3b2"; } .la-i-cursor:before { content: "\f246"; } .la-ice-cream:before { content: "\f810"; } .la-icicles:before { content: "\f7ad"; } .la-icons:before { content: "\f86d"; } .la-id-badge:before { content: "\f2c1"; } .la-id-card:before { content: "\f2c2"; } .la-id-card-alt:before { content: "\f47f"; } .la-igloo:before { content: "\f7ae"; } .la-image:before { content: "\f03e"; } .la-images:before { content: "\f302"; } .la-imdb:before { content: "\f2d8"; } .la-inbox:before { content: "\f01c"; } .la-indent:before { content: "\f03c"; } .la-industry:before { content: "\f275"; } .la-infinity:before { content: "\f534"; } .la-info:before { content: "\f129"; } .la-info-circle:before { content: "\f05a"; } .la-instagram:before { content: "\f16d"; } .la-intercom:before { content: "\f7af"; } .la-internet-explorer:before { content: "\f26b"; } .la-invision:before { content: "\f7b0"; } .la-ioxhost:before { content: "\f208"; } .la-italic:before { content: "\f033"; } .la-itch-io:before { content: "\f83a"; } .la-itunes:before { content: "\f3b4"; } .la-itunes-note:before { content: "\f3b5"; } .la-java:before { content: "\f4e4"; } .la-jedi:before { content: "\f669"; } .la-jedi-order:before { content: "\f50e"; } .la-jenkins:before { content: "\f3b6"; } .la-jira:before { content: "\f7b1"; } .la-joget:before { content: "\f3b7"; } .la-joint:before { content: "\f595"; } .la-joomla:before { content: "\f1aa"; } .la-journal-whills:before { content: "\f66a"; } .la-js:before { content: "\f3b8"; } .la-js-square:before { content: "\f3b9"; } .la-jsfiddle:before { content: "\f1cc"; } .la-kaaba:before { content: "\f66b"; } .la-kaggle:before { content: "\f5fa"; } .la-key:before { content: "\f084"; } .la-keybase:before { content: "\f4f5"; } .la-keyboard:before { content: "\f11c"; } .la-keycdn:before { content: "\f3ba"; } .la-khanda:before { content: "\f66d"; } .la-kickstarter:before { content: "\f3bb"; } .la-kickstarter-k:before { content: "\f3bc"; } .la-kiss:before { content: "\f596"; } .la-kiss-beam:before { content: "\f597"; } .la-kiss-wink-heart:before { content: "\f598"; } .la-kiwi-bird:before { content: "\f535"; } .la-korvue:before { content: "\f42f"; } .la-landmark:before { content: "\f66f"; } .la-language:before { content: "\f1ab"; } .la-laptop:before { content: "\f109"; } .la-laptop-code:before { content: "\f5fc"; } .la-laptop-medical:before { content: "\f812"; } .la-laravel:before { content: "\f3bd"; } .la-lastfm:before { content: "\f202"; } .la-lastfm-square:before { content: "\f203"; } .la-laugh:before { content: "\f599"; } .la-laugh-beam:before { content: "\f59a"; } .la-laugh-squint:before { content: "\f59b"; } .la-laugh-wink:before { content: "\f59c"; } .la-layer-group:before { content: "\f5fd"; } .la-leaf:before { content: "\f06c"; } .la-leanpub:before { content: "\f212"; } .la-lemon:before { content: "\f094"; } .la-less:before { content: "\f41d"; } .la-less-than:before { content: "\f536"; } .la-less-than-equal:before { content: "\f537"; } .la-level-down-alt:before { content: "\f3be"; } .la-level-up-alt:before { content: "\f3bf"; } .la-life-ring:before { content: "\f1cd"; } .la-lightbulb:before { content: "\f0eb"; } .la-line:before { content: "\f3c0"; } .la-link:before { content: "\f0c1"; } .la-linkedin:before { content: "\f08c"; } .la-linkedin-in:before { content: "\f0e1"; } .la-linode:before { content: "\f2b8"; } .la-linux:before { content: "\f17c"; } .la-lira-sign:before { content: "\f195"; } .la-list:before { content: "\f03a"; } .la-list-alt:before { content: "\f022"; } .la-list-ol:before { content: "\f0cb"; } .la-list-ul:before { content: "\f0ca"; } .la-location-arrow:before { content: "\f124"; } .la-lock:before { content: "\f023"; } .la-lock-open:before { content: "\f3c1"; } .la-long-arrow-alt-down:before { content: "\f309"; } .la-long-arrow-alt-left:before { content: "\f30a"; } .la-long-arrow-alt-right:before { content: "\f30b"; } .la-long-arrow-alt-up:before { content: "\f30c"; } .la-low-vision:before { content: "\f2a8"; } .la-luggage-cart:before { content: "\f59d"; } .la-lyft:before { content: "\f3c3"; } .la-magento:before { content: "\f3c4"; } .la-magic:before { content: "\f0d0"; } .la-magnet:before { content: "\f076"; } .la-mail-bulk:before { content: "\f674"; } .la-mailchimp:before { content: "\f59e"; } .la-male:before { content: "\f183"; } .la-mandalorian:before { content: "\f50f"; } .la-map:before { content: "\f279"; } .la-map-marked:before { content: "\f59f"; } .la-map-marked-alt:before { content: "\f5a0"; } .la-map-marker:before { content: "\f041"; } .la-map-marker-alt:before { content: "\f3c5"; } .la-map-pin:before { content: "\f276"; } .la-map-signs:before { content: "\f277"; } .la-markdown:before { content: "\f60f"; } .la-marker:before { content: "\f5a1"; } .la-mars:before { content: "\f222"; } .la-mars-double:before { content: "\f227"; } .la-mars-stroke:before { content: "\f229"; } .la-mars-stroke-h:before { content: "\f22b"; } .la-mars-stroke-v:before { content: "\f22a"; } .la-mask:before { content: "\f6fa"; } .la-mastodon:before { content: "\f4f6"; } .la-maxcdn:before { content: "\f136"; } .la-mdb:before { content: "\f8ca"; } .la-medal:before { content: "\f5a2"; } .la-medapps:before { content: "\f3c6"; } .la-medium:before { content: "\f23a"; } .la-medium-m:before { content: "\f3c7"; } .la-medkit:before { content: "\f0fa"; } .la-medrt:before { content: "\f3c8"; } .la-meetup:before { content: "\f2e0"; } .la-megaport:before { content: "\f5a3"; } .la-meh:before { content: "\f11a"; } .la-meh-blank:before { content: "\f5a4"; } .la-meh-rolling-eyes:before { content: "\f5a5"; } .la-memory:before { content: "\f538"; } .la-mendeley:before { content: "\f7b3"; } .la-menorah:before { content: "\f676"; } .la-mercury:before { content: "\f223"; } .la-meteor:before { content: "\f753"; } .la-microchip:before { content: "\f2db"; } .la-microphone:before { content: "\f130"; } .la-microphone-alt:before { content: "\f3c9"; } .la-microphone-alt-slash:before { content: "\f539"; } .la-microphone-slash:before { content: "\f131"; } .la-microscope:before { content: "\f610"; } .la-microsoft:before { content: "\f3ca"; } .la-minus:before { content: "\f068"; } .la-minus-circle:before { content: "\f056"; } .la-minus-square:before { content: "\f146"; } .la-mitten:before { content: "\f7b5"; } .la-mix:before { content: "\f3cb"; } .la-mixcloud:before { content: "\f289"; } .la-mizuni:before { content: "\f3cc"; } .la-mobile:before { content: "\f10b"; } .la-mobile-alt:before { content: "\f3cd"; } .la-modx:before { content: "\f285"; } .la-monero:before { content: "\f3d0"; } .la-money-bill:before { content: "\f0d6"; } .la-money-bill-alt:before { content: "\f3d1"; } .la-money-bill-wave:before { content: "\f53a"; } .la-money-bill-wave-alt:before { content: "\f53b"; } .la-money-check:before { content: "\f53c"; } .la-money-check-alt:before { content: "\f53d"; } .la-monument:before { content: "\f5a6"; } .la-moon:before { content: "\f186"; } .la-mortar-pestle:before { content: "\f5a7"; } .la-mosque:before { content: "\f678"; } .la-motorcycle:before { content: "\f21c"; } .la-mountain:before { content: "\f6fc"; } .la-mouse:before { content: "\f8cc"; } .la-mouse-pointer:before { content: "\f245"; } .la-mug-hot:before { content: "\f7b6"; } .la-music:before { content: "\f001"; } .la-napster:before { content: "\f3d2"; } .la-neos:before { content: "\f612"; } .la-network-wired:before { content: "\f6ff"; } .la-neuter:before { content: "\f22c"; } .la-newspaper:before { content: "\f1ea"; } .la-nimblr:before { content: "\f5a8"; } .la-node:before { content: "\f419"; } .la-node-js:before { content: "\f3d3"; } .la-not-equal:before { content: "\f53e"; } .la-notes-medical:before { content: "\f481"; } .la-npm:before { content: "\f3d4"; } .la-ns8:before { content: "\f3d5"; } .la-nutritionix:before { content: "\f3d6"; } .la-object-group:before { content: "\f247"; } .la-object-ungroup:before { content: "\f248"; } .la-odnoklassniki:before { content: "\f263"; } .la-odnoklassniki-square:before { content: "\f264"; } .la-oil-can:before { content: "\f613"; } .la-old-republic:before { content: "\f510"; } .la-om:before { content: "\f679"; } .la-opencart:before { content: "\f23d"; } .la-openid:before { content: "\f19b"; } .la-opera:before { content: "\f26a"; } .la-optin-monster:before { content: "\f23c"; } .la-orcid:before { content: "\f8d2"; } .la-osi:before { content: "\f41a"; } .la-otter:before { content: "\f700"; } .la-outdent:before { content: "\f03b"; } .la-page4:before { content: "\f3d7"; } .la-pagelines:before { content: "\f18c"; } .la-pager:before { content: "\f815"; } .la-paint-brush:before { content: "\f1fc"; } .la-paint-roller:before { content: "\f5aa"; } .la-palette:before { content: "\f53f"; } .la-palfed:before { content: "\f3d8"; } .la-pallet:before { content: "\f482"; } .la-paper-plane:before { content: "\f1d8"; } .la-paperclip:before { content: "\f0c6"; } .la-parachute-box:before { content: "\f4cd"; } .la-paragraph:before { content: "\f1dd"; } .la-parking:before { content: "\f540"; } .la-passport:before { content: "\f5ab"; } .la-pastafarianism:before { content: "\f67b"; } .la-paste:before { content: "\f0ea"; } .la-patreon:before { content: "\f3d9"; } .la-pause:before { content: "\f04c"; } .la-pause-circle:before { content: "\f28b"; } .la-paw:before { content: "\f1b0"; } .la-paypal:before { content: "\f1ed"; } .la-peace:before { content: "\f67c"; } .la-pen:before { content: "\f304"; } .la-pen-alt:before { content: "\f305"; } .la-pen-fancy:before { content: "\f5ac"; } .la-pen-nib:before { content: "\f5ad"; } .la-pen-square:before { content: "\f14b"; } .la-pencil-alt:before { content: "\f303"; } .la-pencil-ruler:before { content: "\f5ae"; } .la-penny-arcade:before { content: "\f704"; } .la-people-carry:before { content: "\f4ce"; } .la-pepper-hot:before { content: "\f816"; } .la-percent:before { content: "\f295"; } .la-percentage:before { content: "\f541"; } .la-periscope:before { content: "\f3da"; } .la-person-booth:before { content: "\f756"; } .la-phabricator:before { content: "\f3db"; } .la-phoenix-framework:before { content: "\f3dc"; } .la-phoenix-squadron:before { content: "\f511"; } .la-phone:before { content: "\f095"; } .la-phone-alt:before { content: "\f879"; } .la-phone-slash:before { content: "\f3dd"; } .la-phone-square:before { content: "\f098"; } .la-phone-square-alt:before { content: "\f87b"; } .la-phone-volume:before { content: "\f2a0"; } .la-photo-video:before { content: "\f87c"; } .la-php:before { content: "\f457"; } .la-pied-piper:before { content: "\f2ae"; } .la-pied-piper-alt:before { content: "\f1a8"; } .la-pied-piper-hat:before { content: "\f4e5"; } .la-pied-piper-pp:before { content: "\f1a7"; } .la-piggy-bank:before { content: "\f4d3"; } .la-pills:before { content: "\f484"; } .la-pinterest:before { content: "\f0d2"; } .la-pinterest-p:before { content: "\f231"; } .la-pinterest-square:before { content: "\f0d3"; } .la-pizza-slice:before { content: "\f818"; } .la-place-of-worship:before { content: "\f67f"; } .la-plane:before { content: "\f072"; } .la-plane-arrival:before { content: "\f5af"; } .la-plane-departure:before { content: "\f5b0"; } .la-play:before { content: "\f04b"; } .la-play-circle:before { content: "\f144"; } .la-playstation:before { content: "\f3df"; } .la-plug:before { content: "\f1e6"; } .la-plus:before { content: "\f067"; } .la-plus-circle:before { content: "\f055"; } .la-plus-square:before { content: "\f0fe"; } .la-podcast:before { content: "\f2ce"; } .la-poll:before { content: "\f681"; } .la-poll-h:before { content: "\f682"; } .la-poo:before { content: "\f2fe"; } .la-poo-storm:before { content: "\f75a"; } .la-poop:before { content: "\f619"; } .la-portrait:before { content: "\f3e0"; } .la-pound-sign:before { content: "\f154"; } .la-power-off:before { content: "\f011"; } .la-pray:before { content: "\f683"; } .la-praying-hands:before { content: "\f684"; } .la-prescription:before { content: "\f5b1"; } .la-prescription-bottle:before { content: "\f485"; } .la-prescription-bottle-alt:before { content: "\f486"; } .la-print:before { content: "\f02f"; } .la-procedures:before { content: "\f487"; } .la-product-hunt:before { content: "\f288"; } .la-project-diagram:before { content: "\f542"; } .la-pushed:before { content: "\f3e1"; } .la-puzzle-piece:before { content: "\f12e"; } .la-python:before { content: "\f3e2"; } .la-qq:before { content: "\f1d6"; } .la-qrcode:before { content: "\f029"; } .la-question:before { content: "\f128"; } .la-question-circle:before { content: "\f059"; } .la-quidditch:before { content: "\f458"; } .la-quinscape:before { content: "\f459"; } .la-quora:before { content: "\f2c4"; } .la-quote-left:before { content: "\f10d"; } .la-quote-right:before { content: "\f10e"; } .la-quran:before { content: "\f687"; } .la-r-project:before { content: "\f4f7"; } .la-radiation:before { content: "\f7b9"; } .la-radiation-alt:before { content: "\f7ba"; } .la-rainbow:before { content: "\f75b"; } .la-random:before { content: "\f074"; } .la-raspberry-pi:before { content: "\f7bb"; } .la-ravelry:before { content: "\f2d9"; } .la-react:before { content: "\f41b"; } .la-reacteurope:before { content: "\f75d"; } .la-readme:before { content: "\f4d5"; } .la-rebel:before { content: "\f1d0"; } .la-receipt:before { content: "\f543"; } .la-record-vinyl:before { content: "\f8d9"; } .la-recycle:before { content: "\f1b8"; } .la-red-river:before { content: "\f3e3"; } .la-reddit:before { content: "\f1a1"; } .la-reddit-alien:before { content: "\f281"; } .la-reddit-square:before { content: "\f1a2"; } .la-redhat:before { content: "\f7bc"; } .la-redo:before { content: "\f01e"; } .la-redo-alt:before { content: "\f2f9"; } .la-registered:before { content: "\f25d"; } .la-remove-format:before { content: "\f87d"; } .la-renren:before { content: "\f18b"; } .la-reply:before { content: "\f3e5"; } .la-reply-all:before { content: "\f122"; } .la-replyd:before { content: "\f3e6"; } .la-republican:before { content: "\f75e"; } .la-researchgate:before { content: "\f4f8"; } .la-resolving:before { content: "\f3e7"; } .la-restroom:before { content: "\f7bd"; } .la-retweet:before { content: "\f079"; } .la-rev:before { content: "\f5b2"; } .la-ribbon:before { content: "\f4d6"; } .la-ring:before { content: "\f70b"; } .la-road:before { content: "\f018"; } .la-robot:before { content: "\f544"; } .la-rocket:before { content: "\f135"; } .la-rocketchat:before { content: "\f3e8"; } .la-rockrms:before { content: "\f3e9"; } .la-route:before { content: "\f4d7"; } .la-rss:before { content: "\f09e"; } .la-rss-square:before { content: "\f143"; } .la-ruble-sign:before { content: "\f158"; } .la-ruler:before { content: "\f545"; } .la-ruler-combined:before { content: "\f546"; } .la-ruler-horizontal:before { content: "\f547"; } .la-ruler-vertical:before { content: "\f548"; } .la-running:before { content: "\f70c"; } .la-rupee-sign:before { content: "\f156"; } .la-sad-cry:before { content: "\f5b3"; } .la-sad-tear:before { content: "\f5b4"; } .la-safari:before { content: "\f267"; } .la-salesforce:before { content: "\f83b"; } .la-sass:before { content: "\f41e"; } .la-satellite:before { content: "\f7bf"; } .la-satellite-dish:before { content: "\f7c0"; } .la-save:before { content: "\f0c7"; } .la-schlix:before { content: "\f3ea"; } .la-school:before { content: "\f549"; } .la-screwdriver:before { content: "\f54a"; } .la-scribd:before { content: "\f28a"; } .la-scroll:before { content: "\f70e"; } .la-sd-card:before { content: "\f7c2"; } .la-search:before { content: "\f002"; } .la-search-dollar:before { content: "\f688"; } .la-search-location:before { content: "\f689"; } .la-search-minus:before { content: "\f010"; } .la-search-plus:before { content: "\f00e"; } .la-searchengin:before { content: "\f3eb"; } .la-seedling:before { content: "\f4d8"; } .la-sellcast:before { content: "\f2da"; } .la-sellsy:before { content: "\f213"; } .la-server:before { content: "\f233"; } .la-servicestack:before { content: "\f3ec"; } .la-shapes:before { content: "\f61f"; } .la-share:before { content: "\f064"; } .la-share-alt:before { content: "\f1e0"; } .la-share-alt-square:before { content: "\f1e1"; } .la-share-square:before { content: "\f14d"; } .la-shekel-sign:before { content: "\f20b"; } .la-shield-alt:before { content: "\f3ed"; } .la-ship:before { content: "\f21a"; } .la-shipping-fast:before { content: "\f48b"; } .la-shirtsinbulk:before { content: "\f214"; } .la-shoe-prints:before { content: "\f54b"; } .la-shopping-bag:before { content: "\f290"; } .la-shopping-basket:before { content: "\f291"; } .la-shopping-cart:before { content: "\f07a"; } .la-shopware:before { content: "\f5b5"; } .la-shower:before { content: "\f2cc"; } .la-shuttle-van:before { content: "\f5b6"; } .la-sign:before { content: "\f4d9"; } .la-sign-in-alt:before { content: "\f2f6"; } .la-sign-language:before { content: "\f2a7"; } .la-sign-out-alt:before { content: "\f2f5"; } .la-signal:before { content: "\f012"; } .la-signature:before { content: "\f5b7"; } .la-sim-card:before { content: "\f7c4"; } .la-simplybuilt:before { content: "\f215"; } .la-sistrix:before { content: "\f3ee"; } .la-sitemap:before { content: "\f0e8"; } .la-sith:before { content: "\f512"; } .la-skating:before { content: "\f7c5"; } .la-sketch:before { content: "\f7c6"; } .la-skiing:before { content: "\f7c9"; } .la-skiing-nordic:before { content: "\f7ca"; } .la-skull:before { content: "\f54c"; } .la-skull-crossbones:before { content: "\f714"; } .la-skyatlas:before { content: "\f216"; } .la-skype:before { content: "\f17e"; } .la-slack:before { content: "\f198"; } .la-slack-hash:before { content: "\f3ef"; } .la-slash:before { content: "\f715"; } .la-sleigh:before { content: "\f7cc"; } .la-sliders-h:before { content: "\f1de"; } .la-slideshare:before { content: "\f1e7"; } .la-smile:before { content: "\f118"; } .la-smile-beam:before { content: "\f5b8"; } .la-smile-wink:before { content: "\f4da"; } .la-smog:before { content: "\f75f"; } .la-smoking:before { content: "\f48d"; } .la-smoking-ban:before { content: "\f54d"; } .la-sms:before { content: "\f7cd"; } .la-snapchat:before { content: "\f2ab"; } .la-snapchat-ghost:before { content: "\f2ac"; } .la-snapchat-square:before { content: "\f2ad"; } .la-snowboarding:before { content: "\f7ce"; } .la-snowflake:before { content: "\f2dc"; } .la-snowman:before { content: "\f7d0"; } .la-snowplow:before { content: "\f7d2"; } .la-socks:before { content: "\f696"; } .la-solar-panel:before { content: "\f5ba"; } .la-sort:before { content: "\f0dc"; } .la-sort-alpha-down:before { content: "\f15d"; } .la-sort-alpha-down-alt:before { content: "\f881"; } .la-sort-alpha-up:before { content: "\f15e"; } .la-sort-alpha-up-alt:before { content: "\f882"; } .la-sort-amount-down:before { content: "\f160"; } .la-sort-amount-down-alt:before { content: "\f884"; } .la-sort-amount-up:before { content: "\f161"; } .la-sort-amount-up-alt:before { content: "\f885"; } .la-sort-down:before { content: "\f0dd"; } .la-sort-numeric-down:before { content: "\f162"; } .la-sort-numeric-down-alt:before { content: "\f886"; } .la-sort-numeric-up:before { content: "\f163"; } .la-sort-numeric-up-alt:before { content: "\f887"; } .la-sort-up:before { content: "\f0de"; } .la-soundcloud:before { content: "\f1be"; } .la-sourcetree:before { content: "\f7d3"; } .la-spa:before { content: "\f5bb"; } .la-space-shuttle:before { content: "\f197"; } .la-speakap:before { content: "\f3f3"; } .la-speaker-deck:before { content: "\f83c"; } .la-spell-check:before { content: "\f891"; } .la-spider:before { content: "\f717"; } .la-spinner:before { content: "\f110"; } .la-splotch:before { content: "\f5bc"; } .la-spotify:before { content: "\f1bc"; } .la-spray-can:before { content: "\f5bd"; } .la-square:before { content: "\f0c8"; } .la-square-full:before { content: "\f45c"; } .la-square-root-alt:before { content: "\f698"; } .la-squarespace:before { content: "\f5be"; } .la-stack-exchange:before { content: "\f18d"; } .la-stack-overflow:before { content: "\f16c"; } .la-stackpath:before { content: "\f842"; } .la-stamp:before { content: "\f5bf"; } .la-star:before { content: "\f005"; } .la-star-and-crescent:before { content: "\f699"; } .la-star-half:before { content: "\f089"; } .la-star-half-alt:before { content: "\f5c0"; } .la-star-of-david:before { content: "\f69a"; } .la-star-of-life:before { content: "\f621"; } .la-staylinked:before { content: "\f3f5"; } .la-steam:before { content: "\f1b6"; } .la-steam-square:before { content: "\f1b7"; } .la-steam-symbol:before { content: "\f3f6"; } .la-step-backward:before { content: "\f048"; } .la-step-forward:before { content: "\f051"; } .la-stethoscope:before { content: "\f0f1"; } .la-sticker-mule:before { content: "\f3f7"; } .la-sticky-note:before { content: "\f249"; } .la-stop:before { content: "\f04d"; } .la-stop-circle:before { content: "\f28d"; } .la-stopwatch:before { content: "\f2f2"; } .la-store:before { content: "\f54e"; } .la-store-alt:before { content: "\f54f"; } .la-strava:before { content: "\f428"; } .la-stream:before { content: "\f550"; } .la-street-view:before { content: "\f21d"; } .la-strikethrough:before { content: "\f0cc"; } .la-stripe:before { content: "\f429"; } .la-stripe-s:before { content: "\f42a"; } .la-stroopwafel:before { content: "\f551"; } .la-studiovinari:before { content: "\f3f8"; } .la-stumbleupon:before { content: "\f1a4"; } .la-stumbleupon-circle:before { content: "\f1a3"; } .la-subscript:before { content: "\f12c"; } .la-subway:before { content: "\f239"; } .la-suitcase:before { content: "\f0f2"; } .la-suitcase-rolling:before { content: "\f5c1"; } .la-sun:before { content: "\f185"; } .la-superpowers:before { content: "\f2dd"; } .la-superscript:before { content: "\f12b"; } .la-supple:before { content: "\f3f9"; } .la-surprise:before { content: "\f5c2"; } .la-suse:before { content: "\f7d6"; } .la-swatchbook:before { content: "\f5c3"; } .la-swift:before { content: "\f8e1"; } .la-swimmer:before { content: "\f5c4"; } .la-swimming-pool:before { content: "\f5c5"; } .la-symfony:before { content: "\f83d"; } .la-synagogue:before { content: "\f69b"; } .la-sync:before { content: "\f021"; } .la-sync-alt:before { content: "\f2f1"; } .la-syringe:before { content: "\f48e"; } .la-table:before { content: "\f0ce"; } .la-table-tennis:before { content: "\f45d"; } .la-tablet:before { content: "\f10a"; } .la-tablet-alt:before { content: "\f3fa"; } .la-tablets:before { content: "\f490"; } .la-tachometer-alt:before { content: "\f3fd"; } .la-tag:before { content: "\f02b"; } .la-tags:before { content: "\f02c"; } .la-tape:before { content: "\f4db"; } .la-tasks:before { content: "\f0ae"; } .la-taxi:before { content: "\f1ba"; } .la-teamspeak:before { content: "\f4f9"; } .la-teeth:before { content: "\f62e"; } .la-teeth-open:before { content: "\f62f"; } .la-telegram:before { content: "\f2c6"; } .la-telegram-plane:before { content: "\f3fe"; } .la-temperature-high:before { content: "\f769"; } .la-temperature-low:before { content: "\f76b"; } .la-tencent-weibo:before { content: "\f1d5"; } .la-tenge:before { content: "\f7d7"; } .la-terminal:before { content: "\f120"; } .la-text-height:before { content: "\f034"; } .la-text-width:before { content: "\f035"; } .la-th:before { content: "\f00a"; } .la-th-large:before { content: "\f009"; } .la-th-list:before { content: "\f00b"; } .la-the-red-yeti:before { content: "\f69d"; } .la-theater-masks:before { content: "\f630"; } .la-themeco:before { content: "\f5c6"; } .la-themeisle:before { content: "\f2b2"; } .la-thermometer:before { content: "\f491"; } .la-thermometer-empty:before { content: "\f2cb"; } .la-thermometer-full:before { content: "\f2c7"; } .la-thermometer-half:before { content: "\f2c9"; } .la-thermometer-quarter:before { content: "\f2ca"; } .la-thermometer-three-quarters:before { content: "\f2c8"; } .la-think-peaks:before { content: "\f731"; } .la-thumbs-down:before { content: "\f165"; } .la-thumbs-up:before { content: "\f164"; } .la-thumbtack:before { content: "\f08d"; } .la-ticket-alt:before { content: "\f3ff"; } .la-times:before { content: "\f00d"; } .la-times-circle:before { content: "\f057"; } .la-tint:before { content: "\f043"; } .la-tint-slash:before { content: "\f5c7"; } .la-tired:before { content: "\f5c8"; } .la-toggle-off:before { content: "\f204"; } .la-toggle-on:before { content: "\f205"; } .la-toilet:before { content: "\f7d8"; } .la-toilet-paper:before { content: "\f71e"; } .la-toolbox:before { content: "\f552"; } .la-tools:before { content: "\f7d9"; } .la-tooth:before { content: "\f5c9"; } .la-torah:before { content: "\f6a0"; } .la-torii-gate:before { content: "\f6a1"; } .la-tractor:before { content: "\f722"; } .la-trade-federation:before { content: "\f513"; } .la-trademark:before { content: "\f25c"; } .la-traffic-light:before { content: "\f637"; } .la-train:before { content: "\f238"; } .la-tram:before { content: "\f7da"; } .la-transgender:before { content: "\f224"; } .la-transgender-alt:before { content: "\f225"; } .la-trash:before { content: "\f1f8"; } .la-trash-alt:before { content: "\f2ed"; } .la-trash-restore:before { content: "\f829"; } .la-trash-restore-alt:before { content: "\f82a"; } .la-tree:before { content: "\f1bb"; } .la-trello:before { content: "\f181"; } .la-tripadvisor:before { content: "\f262"; } .la-trophy:before { content: "\f091"; } .la-truck:before { content: "\f0d1"; } .la-truck-loading:before { content: "\f4de"; } .la-truck-monster:before { content: "\f63b"; } .la-truck-moving:before { content: "\f4df"; } .la-truck-pickup:before { content: "\f63c"; } .la-tshirt:before { content: "\f553"; } .la-tty:before { content: "\f1e4"; } .la-tumblr:before { content: "\f173"; } .la-tumblr-square:before { content: "\f174"; } .la-tv:before { content: "\f26c"; } .la-twitch:before { content: "\f1e8"; } .la-twitter:before { content: "\f099"; } .la-twitter-square:before { content: "\f081"; } .la-typo3:before { content: "\f42b"; } .la-uber:before { content: "\f402"; } .la-ubuntu:before { content: "\f7df"; } .la-uikit:before { content: "\f403"; } .la-umbraco:before { content: "\f8e8"; } .la-umbrella:before { content: "\f0e9"; } .la-umbrella-beach:before { content: "\f5ca"; } .la-underline:before { content: "\f0cd"; } .la-undo:before { content: "\f0e2"; } .la-undo-alt:before { content: "\f2ea"; } .la-uniregistry:before { content: "\f404"; } .la-universal-access:before { content: "\f29a"; } .la-university:before { content: "\f19c"; } .la-unlink:before { content: "\f127"; } .la-unlock:before { content: "\f09c"; } .la-unlock-alt:before { content: "\f13e"; } .la-untappd:before { content: "\f405"; } .la-upload:before { content: "\f093"; } .la-ups:before { content: "\f7e0"; } .la-usb:before { content: "\f287"; } .la-user:before { content: "\f007"; } .la-user-alt:before { content: "\f406"; } .la-user-alt-slash:before { content: "\f4fa"; } .la-user-astronaut:before { content: "\f4fb"; } .la-user-check:before { content: "\f4fc"; } .la-user-circle:before { content: "\f2bd"; } .la-user-clock:before { content: "\f4fd"; } .la-user-cog:before { content: "\f4fe"; } .la-user-edit:before { content: "\f4ff"; } .la-user-friends:before { content: "\f500"; } .la-user-graduate:before { content: "\f501"; } .la-user-injured:before { content: "\f728"; } .la-user-lock:before { content: "\f502"; } .la-user-md:before { content: "\f0f0"; } .la-user-minus:before { content: "\f503"; } .la-user-ninja:before { content: "\f504"; } .la-user-nurse:before { content: "\f82f"; } .la-user-plus:before { content: "\f234"; } .la-user-secret:before { content: "\f21b"; } .la-user-shield:before { content: "\f505"; } .la-user-slash:before { content: "\f506"; } .la-user-tag:before { content: "\f507"; } .la-user-tie:before { content: "\f508"; } .la-user-times:before { content: "\f235"; } .la-users:before { content: "\f0c0"; } .la-users-cog:before { content: "\f509"; } .la-usps:before { content: "\f7e1"; } .la-ussunnah:before { content: "\f407"; } .la-utensil-spoon:before { content: "\f2e5"; } .la-utensils:before { content: "\f2e7"; } .la-vaadin:before { content: "\f408"; } .la-vector-square:before { content: "\f5cb"; } .la-venus:before { content: "\f221"; } .la-venus-double:before { content: "\f226"; } .la-venus-mars:before { content: "\f228"; } .la-viacoin:before { content: "\f237"; } .la-viadeo:before { content: "\f2a9"; } .la-viadeo-square:before { content: "\f2aa"; } .la-vial:before { content: "\f492"; } .la-vials:before { content: "\f493"; } .la-viber:before { content: "\f409"; } .la-video:before { content: "\f03d"; } .la-video-slash:before { content: "\f4e2"; } .la-vihara:before { content: "\f6a7"; } .la-vimeo:before { content: "\f40a"; } .la-vimeo-square:before { content: "\f194"; } .la-vimeo-v:before { content: "\f27d"; } .la-vine:before { content: "\f1ca"; } .la-vk:before { content: "\f189"; } .la-vnv:before { content: "\f40b"; } .la-voicemail:before { content: "\f897"; } .la-volleyball-ball:before { content: "\f45f"; } .la-volume-down:before { content: "\f027"; } .la-volume-mute:before { content: "\f6a9"; } .la-volume-off:before { content: "\f026"; } .la-volume-up:before { content: "\f028"; } .la-vote-yea:before { content: "\f772"; } .la-vr-cardboard:before { content: "\f729"; } .la-vuejs:before { content: "\f41f"; } .la-walking:before { content: "\f554"; } .la-wallet:before { content: "\f555"; } .la-warehouse:before { content: "\f494"; } .la-water:before { content: "\f773"; } .la-wave-square:before { content: "\f83e"; } .la-waze:before { content: "\f83f"; } .la-weebly:before { content: "\f5cc"; } .la-weibo:before { content: "\f18a"; } .la-weight:before { content: "\f496"; } .la-weight-hanging:before { content: "\f5cd"; } .la-weixin:before { content: "\f1d7"; } .la-whatsapp:before { content: "\f232"; } .la-whatsapp-square:before { content: "\f40c"; } .la-wheelchair:before { content: "\f193"; } .la-whmcs:before { content: "\f40d"; } .la-wifi:before { content: "\f1eb"; } .la-wikipedia-w:before { content: "\f266"; } .la-wind:before { content: "\f72e"; } .la-window-close:before { content: "\f410"; } .la-window-maximize:before { content: "\f2d0"; } .la-window-minimize:before { content: "\f2d1"; } .la-window-restore:before { content: "\f2d2"; } .la-windows:before { content: "\f17a"; } .la-wine-bottle:before { content: "\f72f"; } .la-wine-glass:before { content: "\f4e3"; } .la-wine-glass-alt:before { content: "\f5ce"; } .la-wix:before { content: "\f5cf"; } .la-wizards-of-the-coast:before { content: "\f730"; } .la-wolf-pack-battalion:before { content: "\f514"; } .la-won-sign:before { content: "\f159"; } .la-wordpress:before { content: "\f19a"; } .la-wordpress-simple:before { content: "\f411"; } .la-wpbeginner:before { content: "\f297"; } .la-wpexplorer:before { content: "\f2de"; } .la-wpforms:before { content: "\f298"; } .la-wpressr:before { content: "\f3e4"; } .la-wrench:before { content: "\f0ad"; } .la-x-ray:before { content: "\f497"; } .la-xbox:before { content: "\f412"; } .la-xing:before { content: "\f168"; } .la-xing-square:before { content: "\f169"; } .la-y-combinator:before { content: "\f23b"; } .la-yahoo:before { content: "\f19e"; } .la-yammer:before { content: "\f840"; } .la-yandex:before { content: "\f413"; } .la-yandex-international:before { content: "\f414"; } .la-yarn:before { content: "\f7e3"; } .la-yelp:before { content: "\f1e9"; } .la-yen-sign:before { content: "\f157"; } .la-yin-yang:before { content: "\f6ad"; } .la-yoast:before { content: "\f2b1"; } .la-youtube:before { content: "\f167"; } .la-youtube-square:before { content: "\f431"; } .la-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Line Awesome Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url(/fonts/la-brands-400.48e89963.eot); src: url(/fonts/la-brands-400.48e89963.eot?#iefix) format("embedded-opentype"), url(/fonts/la-brands-400.122c4137.woff2) format("woff2"), url(/fonts/la-brands-400.1ec1f0f5.woff) format("woff"), url(/fonts/la-brands-400.4343d0c0.ttf) format("truetype"), url(/img/la-brands-400.76d3b8a5.svg#lineawesome) format("svg"); } .lab { font-family: 'Line Awesome Brands'; } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 400; font-display: auto; src: url(/fonts/la-regular-400.7b67c533.eot); src: url(/fonts/la-regular-400.7b67c533.eot?#iefix) format("embedded-opentype"), url(/fonts/la-regular-400.bfaaab46.woff2) format("woff2"), url(/fonts/la-regular-400.f45e994d.woff) format("woff"), url(/fonts/la-regular-400.df0ba4ff.ttf) format("truetype"), url(/img/la-regular-400.5e18e0c4.svg#lineawesome) format("svg"); } .lar { font-family: 'Line Awesome Free'; font-weight: 400; } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 900; font-display: auto; src: url(/fonts/la-solid-900.85692007.eot); src: url(/fonts/la-solid-900.85692007.eot?#iefix) format("embedded-opentype"), url(/fonts/la-solid-900.8e5c796f.woff2) format("woff2"), url(/fonts/la-solid-900.7dd81512.woff) format("woff"), url(/fonts/la-solid-900.582c3a0f.ttf) format("truetype"), url(/img/la-solid-900.56cddde2.svg#lineawesome) format("svg"); } .la, .las { font-family: 'Line Awesome Free'; font-weight: 900; } .la.la-glass:before { content: "\f000"; } .la.la-meetup { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-star-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-star-o:before { content: "\f005"; } .la.la-remove:before { content: "\f00d"; } .la.la-close:before { content: "\f00d"; } .la.la-gear:before { content: "\f013"; } .la.la-trash-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-trash-o:before { content: "\f2ed"; } .la.la-file-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-o:before { content: "\f15b"; } .la.la-clock-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-clock-o:before { content: "\f017"; } .la.la-arrow-circle-o-down { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-arrow-circle-o-down:before { content: "\f358"; } .la.la-arrow-circle-o-up { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-arrow-circle-o-up:before { content: "\f35b"; } .la.la-play-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-play-circle-o:before { content: "\f144"; } .la.la-repeat:before { content: "\f01e"; } .la.la-rotate-right:before { content: "\f01e"; } .la.la-refresh:before { content: "\f021"; } .la.la-list-alt { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-dedent:before { content: "\f03b"; } .la.la-video-camera:before { content: "\f03d"; } .la.la-picture-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-picture-o:before { content: "\f03e"; } .la.la-photo { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-photo:before { content: "\f03e"; } .la.la-image { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-image:before { content: "\f03e"; } .la.la-pencil:before { content: "\f303"; } .la.la-map-marker:before { content: "\f3c5"; } .la.la-pencil-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-pencil-square-o:before { content: "\f044"; } .la.la-share-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-share-square-o:before { content: "\f14d"; } .la.la-check-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-check-square-o:before { content: "\f14a"; } .la.la-arrows:before { content: "\f0b2"; } .la.la-times-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-times-circle-o:before { content: "\f057"; } .la.la-check-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-check-circle-o:before { content: "\f058"; } .la.la-mail-forward:before { content: "\f064"; } .la.la-eye { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-eye-slash { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-warning:before { content: "\f071"; } .la.la-calendar:before { content: "\f073"; } .la.la-arrows-v:before { content: "\f338"; } .la.la-arrows-h:before { content: "\f337"; } .la.la-bar-chart { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-bar-chart:before { content: "\f080"; } .la.la-bar-chart-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-bar-chart-o:before { content: "\f080"; } .la.la-twitter-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-facebook-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gears:before { content: "\f085"; } .la.la-thumbs-o-up { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-thumbs-o-up:before { content: "\f164"; } .la.la-thumbs-o-down { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-thumbs-o-down:before { content: "\f165"; } .la.la-heart-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-heart-o:before { content: "\f004"; } .la.la-sign-out:before { content: "\f2f5"; } .la.la-linkedin-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-linkedin-square:before { content: "\f08c"; } .la.la-thumb-tack:before { content: "\f08d"; } .la.la-external-link:before { content: "\f35d"; } .la.la-sign-in:before { content: "\f2f6"; } .la.la-github-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-lemon-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-lemon-o:before { content: "\f094"; } .la.la-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-square-o:before { content: "\f0c8"; } .la.la-bookmark-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-bookmark-o:before { content: "\f02e"; } .la.la-twitter { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-facebook { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-facebook:before { content: "\f39e"; } .la.la-facebook-f { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-facebook-f:before { content: "\f39e"; } .la.la-github { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-credit-card { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-feed:before { content: "\f09e"; } .la.la-hdd-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hdd-o:before { content: "\f0a0"; } .la.la-hand-o-right { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-o-right:before { content: "\f0a4"; } .la.la-hand-o-left { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-o-left:before { content: "\f0a5"; } .la.la-hand-o-up { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-o-up:before { content: "\f0a6"; } .la.la-hand-o-down { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-o-down:before { content: "\f0a7"; } .la.la-arrows-alt:before { content: "\f31e"; } .la.la-group:before { content: "\f0c0"; } .la.la-chain:before { content: "\f0c1"; } .la.la-scissors:before { content: "\f0c4"; } .la.la-files-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-files-o:before { content: "\f0c5"; } .la.la-floppy-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-floppy-o:before { content: "\f0c7"; } .la.la-navicon:before { content: "\f0c9"; } .la.la-reorder:before { content: "\f0c9"; } .la.la-pinterest { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pinterest-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus:before { content: "\f0d5"; } .la.la-money { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-money:before { content: "\f3d1"; } .la.la-unsorted:before { content: "\f0dc"; } .la.la-sort-desc:before { content: "\f0dd"; } .la.la-sort-asc:before { content: "\f0de"; } .la.la-linkedin { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-linkedin:before { content: "\f0e1"; } .la.la-rotate-left:before { content: "\f0e2"; } .la.la-legal:before { content: "\f0e3"; } .la.la-tachometer:before { content: "\f3fd"; } .la.la-dashboard:before { content: "\f3fd"; } .la.la-comment-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-comment-o:before { content: "\f075"; } .la.la-comments-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-comments-o:before { content: "\f086"; } .la.la-flash:before { content: "\f0e7"; } .la.la-clipboard { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-paste { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-paste:before { content: "\f328"; } .la.la-lightbulb-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-lightbulb-o:before { content: "\f0eb"; } .la.la-exchange:before { content: "\f362"; } .la.la-cloud-download:before { content: "\f381"; } .la.la-cloud-upload:before { content: "\f382"; } .la.la-bell-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-bell-o:before { content: "\f0f3"; } .la.la-cutlery:before { content: "\f2e7"; } .la.la-file-text-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-text-o:before { content: "\f15c"; } .la.la-building-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-building-o:before { content: "\f1ad"; } .la.la-hospital-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hospital-o:before { content: "\f0f8"; } .la.la-tablet:before { content: "\f3fa"; } .la.la-mobile:before { content: "\f3cd"; } .la.la-mobile-phone:before { content: "\f3cd"; } .la.la-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-circle-o:before { content: "\f111"; } .la.la-mail-reply:before { content: "\f3e5"; } .la.la-github-alt { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-folder-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-folder-o:before { content: "\f07b"; } .la.la-folder-open-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-folder-open-o:before { content: "\f07c"; } .la.la-smile-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-smile-o:before { content: "\f118"; } .la.la-frown-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-frown-o:before { content: "\f119"; } .la.la-meh-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-meh-o:before { content: "\f11a"; } .la.la-keyboard-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-keyboard-o:before { content: "\f11c"; } .la.la-flag-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-flag-o:before { content: "\f024"; } .la.la-mail-reply-all:before { content: "\f122"; } .la.la-star-half-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-star-half-o:before { content: "\f089"; } .la.la-star-half-empty { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-star-half-empty:before { content: "\f089"; } .la.la-star-half-full { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-star-half-full:before { content: "\f089"; } .la.la-code-fork:before { content: "\f126"; } .la.la-chain-broken:before { content: "\f127"; } .la.la-shield:before { content: "\f3ed"; } .la.la-calendar-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-calendar-o:before { content: "\f133"; } .la.la-maxcdn { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-html5 { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-css3 { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ticket:before { content: "\f3ff"; } .la.la-minus-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-minus-square-o:before { content: "\f146"; } .la.la-level-up:before { content: "\f3bf"; } .la.la-level-down:before { content: "\f3be"; } .la.la-pencil-square:before { content: "\f14b"; } .la.la-external-link-square:before { content: "\f360"; } .la.la-compass { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-caret-square-o-down { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-caret-square-o-down:before { content: "\f150"; } .la.la-toggle-down { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-toggle-down:before { content: "\f150"; } .la.la-caret-square-o-up { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-caret-square-o-up:before { content: "\f151"; } .la.la-toggle-up { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-toggle-up:before { content: "\f151"; } .la.la-caret-square-o-right { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-caret-square-o-right:before { content: "\f152"; } .la.la-toggle-right { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-toggle-right:before { content: "\f152"; } .la.la-eur:before { content: "\f153"; } .la.la-euro:before { content: "\f153"; } .la.la-gbp:before { content: "\f154"; } .la.la-usd:before { content: "\f155"; } .la.la-dollar:before { content: "\f155"; } .la.la-inr:before { content: "\f156"; } .la.la-rupee:before { content: "\f156"; } .la.la-jpy:before { content: "\f157"; } .la.la-cny:before { content: "\f157"; } .la.la-rmb:before { content: "\f157"; } .la.la-yen:before { content: "\f157"; } .la.la-rub:before { content: "\f158"; } .la.la-ruble:before { content: "\f158"; } .la.la-rouble:before { content: "\f158"; } .la.la-krw:before { content: "\f159"; } .la.la-won:before { content: "\f159"; } .la.la-btc { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bitcoin { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bitcoin:before { content: "\f15a"; } .la.la-file-text:before { content: "\f15c"; } .la.la-sort-alpha-asc:before { content: "\f15d"; } .la.la-sort-alpha-desc:before { content: "\f881"; } .la.la-sort-amount-asc:before { content: "\f160"; } .la.la-sort-amount-desc:before { content: "\f884"; } .la.la-sort-numeric-asc:before { content: "\f162"; } .la.la-sort-numeric-desc:before { content: "\f886"; } .la.la-youtube-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-youtube { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-xing { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-xing-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-youtube-play { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-youtube-play:before { content: "\f167"; } .la.la-dropbox { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-stack-overflow { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-instagram { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-flickr { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-adn { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bitbucket { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bitbucket-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bitbucket-square:before { content: "\f171"; } .la.la-tumblr { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-tumblr-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-long-arrow-down:before { content: "\f309"; } .la.la-long-arrow-up:before { content: "\f30c"; } .la.la-long-arrow-left:before { content: "\f30a"; } .la.la-long-arrow-right:before { content: "\f30b"; } .la.la-apple { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-windows { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-android { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-linux { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-dribbble { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-skype { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-foursquare { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-trello { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gratipay { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gittip { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gittip:before { content: "\f184"; } .la.la-sun-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-sun-o:before { content: "\f185"; } .la.la-moon-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-moon-o:before { content: "\f186"; } .la.la-vk { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-weibo { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-renren { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pagelines { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-stack-exchange { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-arrow-circle-o-right { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-arrow-circle-o-right:before { content: "\f35a"; } .la.la-arrow-circle-o-left { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-arrow-circle-o-left:before { content: "\f359"; } .la.la-caret-square-o-left { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-caret-square-o-left:before { content: "\f191"; } .la.la-toggle-left { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-toggle-left:before { content: "\f191"; } .la.la-dot-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-dot-circle-o:before { content: "\f192"; } .la.la-vimeo-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-try:before { content: "\f195"; } .la.la-turkish-lira:before { content: "\f195"; } .la.la-plus-square-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-plus-square-o:before { content: "\f0fe"; } .la.la-slack { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wordpress { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-openid { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-institution:before { content: "\f19c"; } .la.la-bank:before { content: "\f19c"; } .la.la-mortar-board:before { content: "\f19d"; } .la.la-yahoo { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-reddit { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-reddit-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-stumbleupon-circle { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-stumbleupon { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-delicious { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-digg { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pied-piper-pp { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pied-piper-alt { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-drupal { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-joomla { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-spoon:before { content: "\f2e5"; } .la.la-behance { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-behance-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-steam { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-steam-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-automobile:before { content: "\f1b9"; } .la.la-cab:before { content: "\f1ba"; } .la.la-envelope-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-envelope-o:before { content: "\f0e0"; } .la.la-deviantart { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-soundcloud { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-file-pdf-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-pdf-o:before { content: "\f1c1"; } .la.la-file-word-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-word-o:before { content: "\f1c2"; } .la.la-file-excel-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-excel-o:before { content: "\f1c3"; } .la.la-file-powerpoint-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-powerpoint-o:before { content: "\f1c4"; } .la.la-file-image-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-image-o:before { content: "\f1c5"; } .la.la-file-photo-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-photo-o:before { content: "\f1c5"; } .la.la-file-picture-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-picture-o:before { content: "\f1c5"; } .la.la-file-archive-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-archive-o:before { content: "\f1c6"; } .la.la-file-zip-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-zip-o:before { content: "\f1c6"; } .la.la-file-audio-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-audio-o:before { content: "\f1c7"; } .la.la-file-sound-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-sound-o:before { content: "\f1c7"; } .la.la-file-video-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-video-o:before { content: "\f1c8"; } .la.la-file-movie-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-movie-o:before { content: "\f1c8"; } .la.la-file-code-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-file-code-o:before { content: "\f1c9"; } .la.la-vine { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-codepen { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-jsfiddle { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-life-ring { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-life-bouy { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-life-bouy:before { content: "\f1cd"; } .la.la-life-buoy { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-life-buoy:before { content: "\f1cd"; } .la.la-life-saver { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-life-saver:before { content: "\f1cd"; } .la.la-support { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-support:before { content: "\f1cd"; } .la.la-circle-o-notch:before { content: "\f1ce"; } .la.la-rebel { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ra { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ra:before { content: "\f1d0"; } .la.la-resistance { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-resistance:before { content: "\f1d0"; } .la.la-empire { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ge { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ge:before { content: "\f1d1"; } .la.la-git-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-git { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-hacker-news { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-y-combinator-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-y-combinator-square:before { content: "\f1d4"; } .la.la-yc-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-yc-square:before { content: "\f1d4"; } .la.la-tencent-weibo { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-qq { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-weixin { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wechat { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wechat:before { content: "\f1d7"; } .la.la-send:before { content: "\f1d8"; } .la.la-paper-plane-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-paper-plane-o:before { content: "\f1d8"; } .la.la-send-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-send-o:before { content: "\f1d8"; } .la.la-circle-thin { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-circle-thin:before { content: "\f111"; } .la.la-header:before { content: "\f1dc"; } .la.la-sliders:before { content: "\f1de"; } .la.la-futbol-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-futbol-o:before { content: "\f1e3"; } .la.la-soccer-ball-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-soccer-ball-o:before { content: "\f1e3"; } .la.la-slideshare { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-twitch { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-yelp { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-newspaper-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-newspaper-o:before { content: "\f1ea"; } .la.la-paypal { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-wallet { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-visa { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-mastercard { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-discover { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-amex { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-paypal { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-stripe { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bell-slash-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-bell-slash-o:before { content: "\f1f6"; } .la.la-trash:before { content: "\f2ed"; } .la.la-copyright { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-eyedropper:before { content: "\f1fb"; } .la.la-area-chart:before { content: "\f1fe"; } .la.la-pie-chart:before { content: "\f200"; } .la.la-line-chart:before { content: "\f201"; } .la.la-lastfm { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-lastfm-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ioxhost { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-angellist { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-cc:before { content: "\f20a"; } .la.la-ils:before { content: "\f20b"; } .la.la-shekel:before { content: "\f20b"; } .la.la-sheqel:before { content: "\f20b"; } .la.la-meanpath { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-meanpath:before { content: "\f2b4"; } .la.la-buysellads { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-connectdevelop { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-dashcube { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-forumbee { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-leanpub { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-sellsy { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-shirtsinbulk { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-simplybuilt { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-skyatlas { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-diamond { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-diamond:before { content: "\f3a5"; } .la.la-intersex:before { content: "\f224"; } .la.la-facebook-official { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-facebook-official:before { content: "\f09a"; } .la.la-pinterest-p { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-whatsapp { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-hotel:before { content: "\f236"; } .la.la-viacoin { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-medium { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-y-combinator { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-yc { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-yc:before { content: "\f23b"; } .la.la-optin-monster { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-opencart { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-expeditedssl { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-battery-4:before { content: "\f240"; } .la.la-battery:before { content: "\f240"; } .la.la-battery-3:before { content: "\f241"; } .la.la-battery-2:before { content: "\f242"; } .la.la-battery-1:before { content: "\f243"; } .la.la-battery-0:before { content: "\f244"; } .la.la-object-group { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-object-ungroup { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-sticky-note-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-sticky-note-o:before { content: "\f249"; } .la.la-cc-jcb { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-cc-diners-club { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-clone { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hourglass-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hourglass-o:before { content: "\f254"; } .la.la-hourglass-1:before { content: "\f251"; } .la.la-hourglass-2:before { content: "\f252"; } .la.la-hourglass-3:before { content: "\f253"; } .la.la-hand-rock-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-rock-o:before { content: "\f255"; } .la.la-hand-grab-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-grab-o:before { content: "\f255"; } .la.la-hand-paper-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-paper-o:before { content: "\f256"; } .la.la-hand-stop-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-stop-o:before { content: "\f256"; } .la.la-hand-scissors-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-scissors-o:before { content: "\f257"; } .la.la-hand-lizard-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-lizard-o:before { content: "\f258"; } .la.la-hand-spock-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-spock-o:before { content: "\f259"; } .la.la-hand-pointer-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-pointer-o:before { content: "\f25a"; } .la.la-hand-peace-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-hand-peace-o:before { content: "\f25b"; } .la.la-registered { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-creative-commons { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gg { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gg-circle { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-tripadvisor { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-odnoklassniki { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-odnoklassniki-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-get-pocket { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wikipedia-w { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-safari { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-chrome { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-firefox { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-opera { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-internet-explorer { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-television:before { content: "\f26c"; } .la.la-contao { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-500px { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-amazon { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-calendar-plus-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-calendar-plus-o:before { content: "\f271"; } .la.la-calendar-minus-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-calendar-minus-o:before { content: "\f272"; } .la.la-calendar-times-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-calendar-times-o:before { content: "\f273"; } .la.la-calendar-check-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-calendar-check-o:before { content: "\f274"; } .la.la-map-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-map-o:before { content: "\f279"; } .la.la-commenting:before { content: "\f4ad"; } .la.la-commenting-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-commenting-o:before { content: "\f4ad"; } .la.la-houzz { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-vimeo { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-vimeo:before { content: "\f27d"; } .la.la-black-tie { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-fonticons { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-reddit-alien { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-edge { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-credit-card-alt:before { content: "\f09d"; } .la.la-codiepie { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-modx { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-fort-awesome { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-usb { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-product-hunt { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-mixcloud { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-scribd { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pause-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-pause-circle-o:before { content: "\f28b"; } .la.la-stop-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-stop-circle-o:before { content: "\f28d"; } .la.la-bluetooth { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-bluetooth-b { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-gitlab { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wpbeginner { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wpforms { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-envira { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wheelchair-alt { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wheelchair-alt:before { content: "\f368"; } .la.la-question-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-question-circle-o:before { content: "\f059"; } .la.la-volume-control-phone:before { content: "\f2a0"; } .la.la-asl-interpreting:before { content: "\f2a3"; } .la.la-deafness:before { content: "\f2a4"; } .la.la-hard-of-hearing:before { content: "\f2a4"; } .la.la-glide { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-glide-g { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-signing:before { content: "\f2a7"; } .la.la-viadeo { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-viadeo-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-snapchat { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-snapchat-ghost { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-snapchat-square { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-pied-piper { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-first-order { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-yoast { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-themeisle { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus-official { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus-official:before { content: "\f2b3"; } .la.la-google-plus-circle { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-google-plus-circle:before { content: "\f2b3"; } .la.la-font-awesome { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-fa { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-fa:before { content: "\f2b4"; } .la.la-handshake-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-handshake-o:before { content: "\f2b5"; } .la.la-envelope-open-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-envelope-open-o:before { content: "\f2b6"; } .la.la-linode { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-address-book-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-address-book-o:before { content: "\f2b9"; } .la.la-vcard:before { content: "\f2bb"; } .la.la-address-card-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-address-card-o:before { content: "\f2bb"; } .la.la-vcard-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-vcard-o:before { content: "\f2bb"; } .la.la-user-circle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-user-circle-o:before { content: "\f2bd"; } .la.la-user-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-user-o:before { content: "\f007"; } .la.la-id-badge { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-drivers-license:before { content: "\f2c2"; } .la.la-id-card-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-id-card-o:before { content: "\f2c2"; } .la.la-drivers-license-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-drivers-license-o:before { content: "\f2c2"; } .la.la-quora { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-free-code-camp { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-telegram { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-thermometer-4:before { content: "\f2c7"; } .la.la-thermometer:before { content: "\f2c7"; } .la.la-thermometer-3:before { content: "\f2c8"; } .la.la-thermometer-2:before { content: "\f2c9"; } .la.la-thermometer-1:before { content: "\f2ca"; } .la.la-thermometer-0:before { content: "\f2cb"; } .la.la-bathtub:before { content: "\f2cd"; } .la.la-s15:before { content: "\f2cd"; } .la.la-window-maximize { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-window-restore { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-times-rectangle:before { content: "\f410"; } .la.la-window-close-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-window-close-o:before { content: "\f410"; } .la.la-times-rectangle-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-times-rectangle-o:before { content: "\f410"; } .la.la-bandcamp { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-grav { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-etsy { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-imdb { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-ravelry { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-eercast { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-eercast:before { content: "\f2da"; } .la.la-snowflake-o { font-family: 'Line Awesome Free'; font-weight: 400; } .la.la-snowflake-o:before { content: "\f2dc"; } .la.la-superpowers { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-wpexplorer { font-family: 'Line Awesome Brands'; font-weight: 400; } .la.la-spotify { font-family: 'Line Awesome Brands'; font-weight: 400; } .mi{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.mi-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.mi-round{font-family:"Material Icons Round";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.mi-sharp{font-family:"Material Icons Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.mi-two-tone{font-family:"Material Icons Two Tone";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.mi-123::before{content:"\eb8d"}.mi-360::before{content:"\e577"}.mi-10k::before{content:"\e951"}.mi-10mp::before{content:"\e952"}.mi-11mp::before{content:"\e953"}.mi-12mp::before{content:"\e954"}.mi-13mp::before{content:"\e955"}.mi-14mp::before{content:"\e956"}.mi-15mp::before{content:"\e957"}.mi-16mp::before{content:"\e958"}.mi-17mp::before{content:"\e959"}.mi-18-up-rating::before{content:"\f8fd"}.mi-18mp::before{content:"\e95a"}.mi-19mp::before{content:"\e95b"}.mi-1k::before{content:"\e95c"}.mi-1k-plus::before{content:"\e95d"}.mi-1x-mobiledata::before{content:"\efcd"}.mi-20mp::before{content:"\e95e"}.mi-21mp::before{content:"\e95f"}.mi-22mp::before{content:"\e960"}.mi-23mp::before{content:"\e961"}.mi-24mp::before{content:"\e962"}.mi-2k::before{content:"\e963"}.mi-2k-plus::before{content:"\e964"}.mi-2mp::before{content:"\e965"}.mi-30fps::before{content:"\efce"}.mi-30fps-select::before{content:"\efcf"}.mi-3d-rotation::before{content:"\e84d"}.mi-3g-mobiledata::before{content:"\efd0"}.mi-3k::before{content:"\e966"}.mi-3k-plus::before{content:"\e967"}.mi-3mp::before{content:"\e968"}.mi-3p::before{content:"\efd1"}.mi-4g-mobiledata::before{content:"\efd2"}.mi-4g-plus-mobiledata::before{content:"\efd3"}.mi-4k::before{content:"\e072"}.mi-4k-plus::before{content:"\e969"}.mi-4mp::before{content:"\e96a"}.mi-5g::before{content:"\ef38"}.mi-5k::before{content:"\e96b"}.mi-5k-plus::before{content:"\e96c"}.mi-5mp::before{content:"\e96d"}.mi-60fps::before{content:"\efd4"}.mi-60fps-select::before{content:"\efd5"}.mi-6-ft-apart::before{content:"\f21e"}.mi-6k::before{content:"\e96e"}.mi-6k-plus::before{content:"\e96f"}.mi-6mp::before{content:"\e970"}.mi-7k::before{content:"\e971"}.mi-7k-plus::before{content:"\e972"}.mi-7mp::before{content:"\e973"}.mi-8k::before{content:"\e974"}.mi-8k-plus::before{content:"\e975"}.mi-8mp::before{content:"\e976"}.mi-9k::before{content:"\e977"}.mi-9k-plus::before{content:"\e978"}.mi-9mp::before{content:"\e979"}.mi-abc::before{content:"\eb94"}.mi-ac-unit::before{content:"\eb3b"}.mi-access-alarm::before{content:"\e190"}.mi-access-alarms::before{content:"\e191"}.mi-access-time::before{content:"\e192"}.mi-access-time-filled::before{content:"\efd6"}.mi-accessibility::before{content:"\e84e"}.mi-accessibility-new::before{content:"\e92c"}.mi-accessible::before{content:"\e914"}.mi-accessible-forward::before{content:"\e934"}.mi-account-balance::before{content:"\e84f"}.mi-account-balance-wallet::before{content:"\e850"}.mi-account-box::before{content:"\e851"}.mi-account-circle::before{content:"\e853"}.mi-account-tree::before{content:"\e97a"}.mi-ad-units::before{content:"\ef39"}.mi-adb::before{content:"\e60e"}.mi-add::before{content:"\e145"}.mi-add-a-photo::before{content:"\e439"}.mi-add-alarm::before{content:"\e193"}.mi-add-alert::before{content:"\e003"}.mi-add-box::before{content:"\e146"}.mi-add-business::before{content:"\e729"}.mi-add-call::before{content:"\e0e8"}.mi-add-card::before{content:"\eb86"}.mi-add-chart::before{content:"\e97b"}.mi-add-circle::before{content:"\e147"}.mi-add-circle-outline::before{content:"\e148"}.mi-add-comment::before{content:"\e266"}.mi-add-home::before{content:"\f8eb"}.mi-add-home-work::before{content:"\f8ed"}.mi-add-ic-call::before{content:"\e97c"}.mi-add-link::before{content:"\e178"}.mi-add-location::before{content:"\e567"}.mi-add-location-alt::before{content:"\ef3a"}.mi-add-moderator::before{content:"\e97d"}.mi-add-photo-alternate::before{content:"\e43e"}.mi-add-reaction::before{content:"\e1d3"}.mi-add-road::before{content:"\ef3b"}.mi-add-shopping-cart::before{content:"\e854"}.mi-add-task::before{content:"\f23a"}.mi-add-to-drive::before{content:"\e65c"}.mi-add-to-home-screen::before{content:"\e1fe"}.mi-add-to-photos::before{content:"\e39d"}.mi-add-to-queue::before{content:"\e05c"}.mi-addchart::before{content:"\ef3c"}.mi-adf-scanner::before{content:"\eada"}.mi-adjust::before{content:"\e39e"}.mi-admin-panel-settings::before{content:"\ef3d"}.mi-adobe::before{content:"\ea96"}.mi-ads-click::before{content:"\e762"}.mi-agriculture::before{content:"\ea79"}.mi-air::before{content:"\efd8"}.mi-airline-seat-flat::before{content:"\e630"}.mi-airline-seat-flat-angled::before{content:"\e631"}.mi-airline-seat-individual-suite::before{content:"\e632"}.mi-airline-seat-legroom-extra::before{content:"\e633"}.mi-airline-seat-legroom-normal::before{content:"\e634"}.mi-airline-seat-legroom-reduced::before{content:"\e635"}.mi-airline-seat-recline-extra::before{content:"\e636"}.mi-airline-seat-recline-normal::before{content:"\e637"}.mi-airline-stops::before{content:"\e7d0"}.mi-airlines::before{content:"\e7ca"}.mi-airplane-ticket::before{content:"\efd9"}.mi-airplanemode-active::before{content:"\e195"}.mi-airplanemode-inactive::before{content:"\e194"}.mi-airplanemode-off::before{content:"\e194"}.mi-airplanemode-on::before{content:"\e195"}.mi-airplay::before{content:"\e055"}.mi-airport-shuttle::before{content:"\eb3c"}.mi-alarm::before{content:"\e855"}.mi-alarm-add::before{content:"\e856"}.mi-alarm-off::before{content:"\e857"}.mi-alarm-on::before{content:"\e858"}.mi-album::before{content:"\e019"}.mi-align-horizontal-center::before{content:"\e00f"}.mi-align-horizontal-left::before{content:"\e00d"}.mi-align-horizontal-right::before{content:"\e010"}.mi-align-vertical-bottom::before{content:"\e015"}.mi-align-vertical-center::before{content:"\e011"}.mi-align-vertical-top::before{content:"\e00c"}.mi-all-inbox::before{content:"\e97f"}.mi-all-inclusive::before{content:"\eb3d"}.mi-all-out::before{content:"\e90b"}.mi-alt-route::before{content:"\f184"}.mi-alternate-email::before{content:"\e0e6"}.mi-amp-stories::before{content:"\ea13"}.mi-analytics::before{content:"\ef3e"}.mi-anchor::before{content:"\f1cd"}.mi-android::before{content:"\e859"}.mi-animation::before{content:"\e71c"}.mi-announcement::before{content:"\e85a"}.mi-aod::before{content:"\efda"}.mi-apartment::before{content:"\ea40"}.mi-api::before{content:"\f1b7"}.mi-app-blocking::before{content:"\ef3f"}.mi-app-registration::before{content:"\ef40"}.mi-app-settings-alt::before{content:"\ef41"}.mi-app-shortcut::before{content:"\eae4"}.mi-apple::before{content:"\ea80"}.mi-approval::before{content:"\e982"}.mi-apps::before{content:"\e5c3"}.mi-apps-outage::before{content:"\e7cc"}.mi-architecture::before{content:"\ea3b"}.mi-archive::before{content:"\e149"}.mi-area-chart::before{content:"\e770"}.mi-arrow-back::before{content:"\e5c4"}.mi-arrow-back-ios::before{content:"\e5e0"}.mi-arrow-back-ios-new::before{content:"\e2ea"}.mi-arrow-circle-down::before{content:"\f181"}.mi-arrow-circle-left::before{content:"\eaa7"}.mi-arrow-circle-right::before{content:"\eaaa"}.mi-arrow-circle-up::before{content:"\f182"}.mi-arrow-downward::before{content:"\e5db"}.mi-arrow-drop-down::before{content:"\e5c5"}.mi-arrow-drop-down-circle::before{content:"\e5c6"}.mi-arrow-drop-up::before{content:"\e5c7"}.mi-arrow-forward::before{content:"\e5c8"}.mi-arrow-forward-ios::before{content:"\e5e1"}.mi-arrow-left::before{content:"\e5de"}.mi-arrow-outward::before{content:"\f8ce"}.mi-arrow-right::before{content:"\e5df"}.mi-arrow-right-alt::before{content:"\e941"}.mi-arrow-upward::before{content:"\e5d8"}.mi-art-track::before{content:"\e060"}.mi-article::before{content:"\ef42"}.mi-aspect-ratio::before{content:"\e85b"}.mi-assessment::before{content:"\e85c"}.mi-assignment::before{content:"\e85d"}.mi-assignment-add::before{content:"\f848"}.mi-assignment-ind::before{content:"\e85e"}.mi-assignment-late::before{content:"\e85f"}.mi-assignment-return::before{content:"\e860"}.mi-assignment-returned::before{content:"\e861"}.mi-assignment-turned-in::before{content:"\e862"}.mi-assist-walker::before{content:"\f8d5"}.mi-assistant::before{content:"\e39f"}.mi-assistant-direction::before{content:"\e988"}.mi-assistant-navigation::before{content:"\e989"}.mi-assistant-photo::before{content:"\e3a0"}.mi-assured-workload::before{content:"\eb6f"}.mi-atm::before{content:"\e573"}.mi-attach-email::before{content:"\ea5e"}.mi-attach-file::before{content:"\e226"}.mi-attach-money::before{content:"\e227"}.mi-attachment::before{content:"\e2bc"}.mi-attractions::before{content:"\ea52"}.mi-attribution::before{content:"\efdb"}.mi-audio-file::before{content:"\eb82"}.mi-audiotrack::before{content:"\e3a1"}.mi-auto-awesome::before{content:"\e65f"}.mi-auto-awesome-mosaic::before{content:"\e660"}.mi-auto-awesome-motion::before{content:"\e661"}.mi-auto-delete::before{content:"\ea4c"}.mi-auto-fix-high::before{content:"\e663"}.mi-auto-fix-normal::before{content:"\e664"}.mi-auto-fix-off::before{content:"\e665"}.mi-auto-graph::before{content:"\e4fb"}.mi-auto-mode::before{content:"\ec20"}.mi-auto-stories::before{content:"\e666"}.mi-autofps-select::before{content:"\efdc"}.mi-autorenew::before{content:"\e863"}.mi-av-timer::before{content:"\e01b"}.mi-baby-changing-station::before{content:"\f19b"}.mi-back-hand::before{content:"\e764"}.mi-backpack::before{content:"\f19c"}.mi-backspace::before{content:"\e14a"}.mi-backup::before{content:"\e864"}.mi-backup-table::before{content:"\ef43"}.mi-badge::before{content:"\ea67"}.mi-bakery-dining::before{content:"\ea53"}.mi-balance::before{content:"\eaf6"}.mi-balcony::before{content:"\e58f"}.mi-ballot::before{content:"\e172"}.mi-bar-chart::before{content:"\e26b"}.mi-barcode-reader::before{content:"\f85c"}.mi-batch-prediction::before{content:"\f0f5"}.mi-bathroom::before{content:"\efdd"}.mi-bathtub::before{content:"\ea41"}.mi-battery-0-bar::before{content:"\ebdc"}.mi-battery-1-bar::before{content:"\ebd9"}.mi-battery-20::before{content:"\f09c"}.mi-battery-2-bar::before{content:"\ebe0"}.mi-battery-30::before{content:"\f09d"}.mi-battery-3-bar::before{content:"\ebdd"}.mi-battery-4-bar::before{content:"\ebe2"}.mi-battery-50::before{content:"\f09e"}.mi-battery-5-bar::before{content:"\ebd4"}.mi-battery-60::before{content:"\f09f"}.mi-battery-6-bar::before{content:"\ebd2"}.mi-battery-80::before{content:"\f0a0"}.mi-battery-90::before{content:"\f0a1"}.mi-battery-alert::before{content:"\e19c"}.mi-battery-charging-20::before{content:"\f0a2"}.mi-battery-charging-30::before{content:"\f0a3"}.mi-battery-charging-50::before{content:"\f0a4"}.mi-battery-charging-60::before{content:"\f0a5"}.mi-battery-charging-80::before{content:"\f0a6"}.mi-battery-charging-90::before{content:"\f0a7"}.mi-battery-charging-full::before{content:"\e1a3"}.mi-battery-full::before{content:"\e1a4"}.mi-battery-saver::before{content:"\efde"}.mi-battery-std::before{content:"\e1a5"}.mi-battery-unknown::before{content:"\e1a6"}.mi-beach-access::before{content:"\eb3e"}.mi-bed::before{content:"\efdf"}.mi-bedroom-baby::before{content:"\efe0"}.mi-bedroom-child::before{content:"\efe1"}.mi-bedroom-parent::before{content:"\efe2"}.mi-bedtime::before{content:"\ef44"}.mi-bedtime-off::before{content:"\eb76"}.mi-beenhere::before{content:"\e52d"}.mi-bento::before{content:"\f1f4"}.mi-bike-scooter::before{content:"\ef45"}.mi-biotech::before{content:"\ea3a"}.mi-blender::before{content:"\efe3"}.mi-blind::before{content:"\f8d6"}.mi-blinds::before{content:"\e286"}.mi-blinds-closed::before{content:"\ec1f"}.mi-block::before{content:"\e14b"}.mi-block-flipped::before{content:"\ef46"}.mi-bloodtype::before{content:"\efe4"}.mi-bluetooth::before{content:"\e1a7"}.mi-bluetooth-audio::before{content:"\e60f"}.mi-bluetooth-connected::before{content:"\e1a8"}.mi-bluetooth-disabled::before{content:"\e1a9"}.mi-bluetooth-drive::before{content:"\efe5"}.mi-bluetooth-searching::before{content:"\e1aa"}.mi-blur-circular::before{content:"\e3a2"}.mi-blur-linear::before{content:"\e3a3"}.mi-blur-off::before{content:"\e3a4"}.mi-blur-on::before{content:"\e3a5"}.mi-bolt::before{content:"\ea0b"}.mi-book::before{content:"\e865"}.mi-book-online::before{content:"\f217"}.mi-bookmark::before{content:"\e866"}.mi-bookmark-add::before{content:"\e598"}.mi-bookmark-added::before{content:"\e599"}.mi-bookmark-border::before{content:"\e867"}.mi-bookmark-outline::before{content:"\e867"}.mi-bookmark-remove::before{content:"\e59a"}.mi-bookmarks::before{content:"\e98b"}.mi-border-all::before{content:"\e228"}.mi-border-bottom::before{content:"\e229"}.mi-border-clear::before{content:"\e22a"}.mi-border-color::before{content:"\e22b"}.mi-border-horizontal::before{content:"\e22c"}.mi-border-inner::before{content:"\e22d"}.mi-border-left::before{content:"\e22e"}.mi-border-outer::before{content:"\e22f"}.mi-border-right::before{content:"\e230"}.mi-border-style::before{content:"\e231"}.mi-border-top::before{content:"\e232"}.mi-border-vertical::before{content:"\e233"}.mi-boy::before{content:"\eb67"}.mi-branding-watermark::before{content:"\e06b"}.mi-breakfast-dining::before{content:"\ea54"}.mi-brightness-1::before{content:"\e3a6"}.mi-brightness-2::before{content:"\e3a7"}.mi-brightness-3::before{content:"\e3a8"}.mi-brightness-4::before{content:"\e3a9"}.mi-brightness-5::before{content:"\e3aa"}.mi-brightness-6::before{content:"\e3ab"}.mi-brightness-7::before{content:"\e3ac"}.mi-brightness-auto::before{content:"\e1ab"}.mi-brightness-high::before{content:"\e1ac"}.mi-brightness-low::before{content:"\e1ad"}.mi-brightness-medium::before{content:"\e1ae"}.mi-broadcast-on-home::before{content:"\f8f8"}.mi-broadcast-on-personal::before{content:"\f8f9"}.mi-broken-image::before{content:"\e3ad"}.mi-browse-gallery::before{content:"\ebd1"}.mi-browser-not-supported::before{content:"\ef47"}.mi-browser-updated::before{content:"\e7cf"}.mi-brunch-dining::before{content:"\ea73"}.mi-brush::before{content:"\e3ae"}.mi-bubble-chart::before{content:"\e6dd"}.mi-bug-report::before{content:"\e868"}.mi-build::before{content:"\e869"}.mi-build-circle::before{content:"\ef48"}.mi-bungalow::before{content:"\e591"}.mi-burst-mode::before{content:"\e43c"}.mi-bus-alert::before{content:"\e98f"}.mi-business::before{content:"\e0af"}.mi-business-center::before{content:"\eb3f"}.mi-cabin::before{content:"\e589"}.mi-cable::before{content:"\efe6"}.mi-cached::before{content:"\e86a"}.mi-cake::before{content:"\e7e9"}.mi-calculate::before{content:"\ea5f"}.mi-calendar-month::before{content:"\ebcc"}.mi-calendar-today::before{content:"\e935"}.mi-calendar-view-day::before{content:"\e936"}.mi-calendar-view-month::before{content:"\efe7"}.mi-calendar-view-week::before{content:"\efe8"}.mi-call::before{content:"\e0b0"}.mi-call-end::before{content:"\e0b1"}.mi-call-made::before{content:"\e0b2"}.mi-call-merge::before{content:"\e0b3"}.mi-call-missed::before{content:"\e0b4"}.mi-call-missed-outgoing::before{content:"\e0e4"}.mi-call-received::before{content:"\e0b5"}.mi-call-split::before{content:"\e0b6"}.mi-call-to-action::before{content:"\e06c"}.mi-camera::before{content:"\e3af"}.mi-camera-alt::before{content:"\e3b0"}.mi-camera-enhance::before{content:"\e8fc"}.mi-camera-front::before{content:"\e3b1"}.mi-camera-indoor::before{content:"\efe9"}.mi-camera-outdoor::before{content:"\efea"}.mi-camera-rear::before{content:"\e3b2"}.mi-camera-roll::before{content:"\e3b3"}.mi-cameraswitch::before{content:"\efeb"}.mi-campaign::before{content:"\ef49"}.mi-cancel::before{content:"\e5c9"}.mi-cancel-presentation::before{content:"\e0e9"}.mi-cancel-schedule-send::before{content:"\ea39"}.mi-candlestick-chart::before{content:"\ead4"}.mi-car-crash::before{content:"\ebf2"}.mi-car-rental::before{content:"\ea55"}.mi-car-repair::before{content:"\ea56"}.mi-card-giftcard::before{content:"\e8f6"}.mi-card-membership::before{content:"\e8f7"}.mi-card-travel::before{content:"\e8f8"}.mi-carpenter::before{content:"\f1f8"}.mi-cases::before{content:"\e992"}.mi-casino::before{content:"\eb40"}.mi-cast::before{content:"\e307"}.mi-cast-connected::before{content:"\e308"}.mi-cast-for-education::before{content:"\efec"}.mi-castle::before{content:"\eab1"}.mi-catching-pokemon::before{content:"\e508"}.mi-category::before{content:"\e574"}.mi-celebration::before{content:"\ea65"}.mi-cell-tower::before{content:"\ebba"}.mi-cell-wifi::before{content:"\e0ec"}.mi-center-focus-strong::before{content:"\e3b4"}.mi-center-focus-weak::before{content:"\e3b5"}.mi-chair::before{content:"\efed"}.mi-chair-alt::before{content:"\efee"}.mi-chalet::before{content:"\e585"}.mi-change-circle::before{content:"\e2e7"}.mi-change-history::before{content:"\e86b"}.mi-charging-station::before{content:"\f19d"}.mi-chat::before{content:"\e0b7"}.mi-chat-bubble::before{content:"\e0ca"}.mi-chat-bubble-outline::before{content:"\e0cb"}.mi-check::before{content:"\e5ca"}.mi-check-box::before{content:"\e834"}.mi-check-box-outline-blank::before{content:"\e835"}.mi-check-circle::before{content:"\e86c"}.mi-check-circle-outline::before{content:"\e92d"}.mi-checklist::before{content:"\e6b1"}.mi-checklist-rtl::before{content:"\e6b3"}.mi-checkroom::before{content:"\f19e"}.mi-chevron-left::before{content:"\e5cb"}.mi-chevron-right::before{content:"\e5cc"}.mi-child-care::before{content:"\eb41"}.mi-child-friendly::before{content:"\eb42"}.mi-chrome-reader-mode::before{content:"\e86d"}.mi-church::before{content:"\eaae"}.mi-circle::before{content:"\ef4a"}.mi-circle-notifications::before{content:"\e994"}.mi-class::before{content:"\e86e"}.mi-clean-hands::before{content:"\f21f"}.mi-cleaning-services::before{content:"\f0ff"}.mi-clear::before{content:"\e14c"}.mi-clear-all::before{content:"\e0b8"}.mi-close::before{content:"\e5cd"}.mi-close-fullscreen::before{content:"\f1cf"}.mi-closed-caption::before{content:"\e01c"}.mi-closed-caption-disabled::before{content:"\f1dc"}.mi-closed-caption-off::before{content:"\e996"}.mi-cloud::before{content:"\e2bd"}.mi-cloud-circle::before{content:"\e2be"}.mi-cloud-done::before{content:"\e2bf"}.mi-cloud-download::before{content:"\e2c0"}.mi-cloud-off::before{content:"\e2c1"}.mi-cloud-queue::before{content:"\e2c2"}.mi-cloud-sync::before{content:"\eb5a"}.mi-cloud-upload::before{content:"\e2c3"}.mi-cloudy-snowing::before{content:"\e810"}.mi-co2::before{content:"\e7b0"}.mi-co-present::before{content:"\eaf0"}.mi-code::before{content:"\e86f"}.mi-code-off::before{content:"\e4f3"}.mi-coffee::before{content:"\efef"}.mi-coffee-maker::before{content:"\eff0"}.mi-collections::before{content:"\e3b6"}.mi-collections-bookmark::before{content:"\e431"}.mi-color-lens::before{content:"\e3b7"}.mi-colorize::before{content:"\e3b8"}.mi-comment::before{content:"\e0b9"}.mi-comment-bank::before{content:"\ea4e"}.mi-comments-disabled::before{content:"\e7a2"}.mi-commit::before{content:"\eaf5"}.mi-commute::before{content:"\e940"}.mi-compare::before{content:"\e3b9"}.mi-compare-arrows::before{content:"\e915"}.mi-compass-calibration::before{content:"\e57c"}.mi-compost::before{content:"\e761"}.mi-compress::before{content:"\e94d"}.mi-computer::before{content:"\e30a"}.mi-confirmation-num::before{content:"\e638"}.mi-confirmation-number::before{content:"\e638"}.mi-connect-without-contact::before{content:"\f223"}.mi-connected-tv::before{content:"\e998"}.mi-connecting-airports::before{content:"\e7c9"}.mi-construction::before{content:"\ea3c"}.mi-contact-emergency::before{content:"\f8d1"}.mi-contact-mail::before{content:"\e0d0"}.mi-contact-page::before{content:"\f22e"}.mi-contact-phone::before{content:"\e0cf"}.mi-contact-support::before{content:"\e94c"}.mi-contactless::before{content:"\ea71"}.mi-contacts::before{content:"\e0ba"}.mi-content-copy::before{content:"\e14d"}.mi-content-cut::before{content:"\e14e"}.mi-content-paste::before{content:"\e14f"}.mi-content-paste-go::before{content:"\ea8e"}.mi-content-paste-off::before{content:"\e4f8"}.mi-content-paste-search::before{content:"\ea9b"}.mi-contrast::before{content:"\eb37"}.mi-control-camera::before{content:"\e074"}.mi-control-point::before{content:"\e3ba"}.mi-control-point-duplicate::before{content:"\e3bb"}.mi-conveyor-belt::before{content:"\f867"}.mi-cookie::before{content:"\eaac"}.mi-copy::before{content:"\f08a"}.mi-copy-all::before{content:"\e2ec"}.mi-copyright::before{content:"\e90c"}.mi-coronavirus::before{content:"\f221"}.mi-corporate-fare::before{content:"\f1d0"}.mi-cottage::before{content:"\e587"}.mi-countertops::before{content:"\f1f7"}.mi-create::before{content:"\e150"}.mi-create-new-folder::before{content:"\e2cc"}.mi-credit-card::before{content:"\e870"}.mi-credit-card-off::before{content:"\e4f4"}.mi-credit-score::before{content:"\eff1"}.mi-crib::before{content:"\e588"}.mi-crisis-alert::before{content:"\ebe9"}.mi-crop::before{content:"\e3be"}.mi-crop-16-9::before{content:"\e3bc"}.mi-crop-3-2::before{content:"\e3bd"}.mi-crop-5-4::before{content:"\e3bf"}.mi-crop-7-5::before{content:"\e3c0"}.mi-crop-din::before{content:"\e3c1"}.mi-crop-free::before{content:"\e3c2"}.mi-crop-landscape::before{content:"\e3c3"}.mi-crop-original::before{content:"\e3c4"}.mi-crop-portrait::before{content:"\e3c5"}.mi-crop-rotate::before{content:"\e437"}.mi-crop-square::before{content:"\e3c6"}.mi-cruelty-free::before{content:"\e799"}.mi-css::before{content:"\eb93"}.mi-currency-bitcoin::before{content:"\ebc5"}.mi-currency-exchange::before{content:"\eb70"}.mi-currency-franc::before{content:"\eafa"}.mi-currency-lira::before{content:"\eaef"}.mi-currency-pound::before{content:"\eaf1"}.mi-currency-ruble::before{content:"\eaec"}.mi-currency-rupee::before{content:"\eaf7"}.mi-currency-yen::before{content:"\eafb"}.mi-currency-yuan::before{content:"\eaf9"}.mi-curtains::before{content:"\ec1e"}.mi-curtains-closed::before{content:"\ec1d"}.mi-cut::before{content:"\f08b"}.mi-cyclone::before{content:"\ebd5"}.mi-dangerous::before{content:"\e99a"}.mi-dark-mode::before{content:"\e51c"}.mi-dashboard::before{content:"\e871"}.mi-dashboard-customize::before{content:"\e99b"}.mi-data-array::before{content:"\ead1"}.mi-data-exploration::before{content:"\e76f"}.mi-data-object::before{content:"\ead3"}.mi-data-saver-off::before{content:"\eff2"}.mi-data-saver-on::before{content:"\eff3"}.mi-data-thresholding::before{content:"\eb9f"}.mi-data-usage::before{content:"\e1af"}.mi-dataset::before{content:"\f8ee"}.mi-dataset-linked::before{content:"\f8ef"}.mi-date-range::before{content:"\e916"}.mi-deblur::before{content:"\eb77"}.mi-deck::before{content:"\ea42"}.mi-dehaze::before{content:"\e3c7"}.mi-delete::before{content:"\e872"}.mi-delete-forever::before{content:"\e92b"}.mi-delete-outline::before{content:"\e92e"}.mi-delete-sweep::before{content:"\e16c"}.mi-delivery-dining::before{content:"\ea72"}.mi-density-large::before{content:"\eba9"}.mi-density-medium::before{content:"\eb9e"}.mi-density-small::before{content:"\eba8"}.mi-departure-board::before{content:"\e576"}.mi-description::before{content:"\e873"}.mi-deselect::before{content:"\ebb6"}.mi-design-services::before{content:"\f10a"}.mi-desk::before{content:"\f8f4"}.mi-desktop-access-disabled::before{content:"\e99d"}.mi-desktop-mac::before{content:"\e30b"}.mi-desktop-windows::before{content:"\e30c"}.mi-details::before{content:"\e3c8"}.mi-developer-board::before{content:"\e30d"}.mi-developer-board-off::before{content:"\e4ff"}.mi-developer-mode::before{content:"\e1b0"}.mi-device-hub::before{content:"\e335"}.mi-device-thermostat::before{content:"\e1ff"}.mi-device-unknown::before{content:"\e339"}.mi-devices::before{content:"\e1b1"}.mi-devices-fold::before{content:"\ebde"}.mi-devices-other::before{content:"\e337"}.mi-dew-point::before{content:"\f879"}.mi-dialer-sip::before{content:"\e0bb"}.mi-dialpad::before{content:"\e0bc"}.mi-diamond::before{content:"\ead5"}.mi-difference::before{content:"\eb7d"}.mi-dining::before{content:"\eff4"}.mi-dinner-dining::before{content:"\ea57"}.mi-directions::before{content:"\e52e"}.mi-directions-bike::before{content:"\e52f"}.mi-directions-boat::before{content:"\e532"}.mi-directions-boat-filled::before{content:"\eff5"}.mi-directions-bus::before{content:"\e530"}.mi-directions-bus-filled::before{content:"\eff6"}.mi-directions-car::before{content:"\e531"}.mi-directions-car-filled::before{content:"\eff7"}.mi-directions-ferry::before{content:"\e532"}.mi-directions-off::before{content:"\f10f"}.mi-directions-railway::before{content:"\e534"}.mi-directions-railway-filled::before{content:"\eff8"}.mi-directions-run::before{content:"\e566"}.mi-directions-subway::before{content:"\e533"}.mi-directions-subway-filled::before{content:"\eff9"}.mi-directions-train::before{content:"\e534"}.mi-directions-transit::before{content:"\e535"}.mi-directions-transit-filled::before{content:"\effa"}.mi-directions-walk::before{content:"\e536"}.mi-dirty-lens::before{content:"\ef4b"}.mi-disabled-by-default::before{content:"\f230"}.mi-disabled-visible::before{content:"\e76e"}.mi-disc-full::before{content:"\e610"}.mi-discord::before{content:"\ea6c"}.mi-discount::before{content:"\ebc9"}.mi-display-settings::before{content:"\eb97"}.mi-diversity-1::before{content:"\f8d7"}.mi-diversity-2::before{content:"\f8d8"}.mi-diversity-3::before{content:"\f8d9"}.mi-dnd-forwardslash::before{content:"\e611"}.mi-dns::before{content:"\e875"}.mi-do-disturb::before{content:"\f08c"}.mi-do-disturb-alt::before{content:"\f08d"}.mi-do-disturb-off::before{content:"\f08e"}.mi-do-disturb-on::before{content:"\f08f"}.mi-do-not-disturb::before{content:"\e612"}.mi-do-not-disturb-alt::before{content:"\e611"}.mi-do-not-disturb-off::before{content:"\e643"}.mi-do-not-disturb-on::before{content:"\e644"}.mi-do-not-disturb-on-total-silence::before{content:"\effb"}.mi-do-not-step::before{content:"\f19f"}.mi-do-not-touch::before{content:"\f1b0"}.mi-dock::before{content:"\e30e"}.mi-document-scanner::before{content:"\e5fa"}.mi-domain::before{content:"\e7ee"}.mi-domain-add::before{content:"\eb62"}.mi-domain-disabled::before{content:"\e0ef"}.mi-domain-verification::before{content:"\ef4c"}.mi-done::before{content:"\e876"}.mi-done-all::before{content:"\e877"}.mi-done-outline::before{content:"\e92f"}.mi-donut-large::before{content:"\e917"}.mi-donut-small::before{content:"\e918"}.mi-door-back::before{content:"\effc"}.mi-door-front::before{content:"\effd"}.mi-door-sliding::before{content:"\effe"}.mi-doorbell::before{content:"\efff"}.mi-double-arrow::before{content:"\ea50"}.mi-downhill-skiing::before{content:"\e509"}.mi-download::before{content:"\f090"}.mi-download-done::before{content:"\f091"}.mi-download-for-offline::before{content:"\f000"}.mi-downloading::before{content:"\f001"}.mi-drafts::before{content:"\e151"}.mi-drag-handle::before{content:"\e25d"}.mi-drag-indicator::before{content:"\e945"}.mi-draw::before{content:"\e746"}.mi-drive-eta::before{content:"\e613"}.mi-drive-file-move::before{content:"\e675"}.mi-drive-file-move-outline::before{content:"\e9a1"}.mi-drive-file-move-rtl::before{content:"\e76d"}.mi-drive-file-rename-outline::before{content:"\e9a2"}.mi-drive-folder-upload::before{content:"\e9a3"}.mi-dry::before{content:"\f1b3"}.mi-dry-cleaning::before{content:"\ea58"}.mi-duo::before{content:"\e9a5"}.mi-dvr::before{content:"\e1b2"}.mi-dynamic-feed::before{content:"\ea14"}.mi-dynamic-form::before{content:"\f1bf"}.mi-e-mobiledata::before{content:"\f002"}.mi-earbuds::before{content:"\f003"}.mi-earbuds-battery::before{content:"\f004"}.mi-east::before{content:"\f1df"}.mi-eco::before{content:"\ea35"}.mi-edgesensor-high::before{content:"\f005"}.mi-edgesensor-low::before{content:"\f006"}.mi-edit::before{content:"\e3c9"}.mi-edit-attributes::before{content:"\e578"}.mi-edit-calendar::before{content:"\e742"}.mi-edit-document::before{content:"\f88c"}.mi-edit-location::before{content:"\e568"}.mi-edit-location-alt::before{content:"\e1c5"}.mi-edit-note::before{content:"\e745"}.mi-edit-notifications::before{content:"\e525"}.mi-edit-off::before{content:"\e950"}.mi-edit-road::before{content:"\ef4d"}.mi-edit-square::before{content:"\f88d"}.mi-egg::before{content:"\eacc"}.mi-egg-alt::before{content:"\eac8"}.mi-eject::before{content:"\e8fb"}.mi-elderly::before{content:"\f21a"}.mi-elderly-woman::before{content:"\eb69"}.mi-electric-bike::before{content:"\eb1b"}.mi-electric-bolt::before{content:"\ec1c"}.mi-electric-car::before{content:"\eb1c"}.mi-electric-meter::before{content:"\ec1b"}.mi-electric-moped::before{content:"\eb1d"}.mi-electric-rickshaw::before{content:"\eb1e"}.mi-electric-scooter::before{content:"\eb1f"}.mi-electrical-services::before{content:"\f102"}.mi-elevator::before{content:"\f1a0"}.mi-email::before{content:"\e0be"}.mi-emergency::before{content:"\e1eb"}.mi-emergency-recording::before{content:"\ebf4"}.mi-emergency-share::before{content:"\ebf6"}.mi-emoji-emotions::before{content:"\ea22"}.mi-emoji-events::before{content:"\ea23"}.mi-emoji-flags::before{content:"\ea1a"}.mi-emoji-food-beverage::before{content:"\ea1b"}.mi-emoji-nature::before{content:"\ea1c"}.mi-emoji-objects::before{content:"\ea24"}.mi-emoji-people::before{content:"\ea1d"}.mi-emoji-symbols::before{content:"\ea1e"}.mi-emoji-transportation::before{content:"\ea1f"}.mi-energy-savings-leaf::before{content:"\ec1a"}.mi-engineering::before{content:"\ea3d"}.mi-enhance-photo-translate::before{content:"\e8fc"}.mi-enhanced-encryption::before{content:"\e63f"}.mi-equalizer::before{content:"\e01d"}.mi-error::before{content:"\e000"}.mi-error-outline::before{content:"\e001"}.mi-escalator::before{content:"\f1a1"}.mi-escalator-warning::before{content:"\f1ac"}.mi-euro::before{content:"\ea15"}.mi-euro-symbol::before{content:"\e926"}.mi-ev-station::before{content:"\e56d"}.mi-event::before{content:"\e878"}.mi-event-available::before{content:"\e614"}.mi-event-busy::before{content:"\e615"}.mi-event-note::before{content:"\e616"}.mi-event-repeat::before{content:"\eb7b"}.mi-event-seat::before{content:"\e903"}.mi-exit-to-app::before{content:"\e879"}.mi-expand::before{content:"\e94f"}.mi-expand-circle-down::before{content:"\e7cd"}.mi-expand-less::before{content:"\e5ce"}.mi-expand-more::before{content:"\e5cf"}.mi-explicit::before{content:"\e01e"}.mi-explore::before{content:"\e87a"}.mi-explore-off::before{content:"\e9a8"}.mi-exposure::before{content:"\e3ca"}.mi-exposure-minus-1::before{content:"\e3cb"}.mi-exposure-minus-2::before{content:"\e3cc"}.mi-exposure-neg-1::before{content:"\e3cb"}.mi-exposure-neg-2::before{content:"\e3cc"}.mi-exposure-plus-1::before{content:"\e3cd"}.mi-exposure-plus-2::before{content:"\e3ce"}.mi-exposure-zero::before{content:"\e3cf"}.mi-extension::before{content:"\e87b"}.mi-extension-off::before{content:"\e4f5"}.mi-face::before{content:"\e87c"}.mi-face-2::before{content:"\f8da"}.mi-face-3::before{content:"\f8db"}.mi-face-4::before{content:"\f8dc"}.mi-face-5::before{content:"\f8dd"}.mi-face-6::before{content:"\f8de"}.mi-face-retouching-natural::before{content:"\ef4e"}.mi-face-retouching-off::before{content:"\f007"}.mi-face-unlock::before{content:"\f008"}.mi-facebook::before{content:"\f234"}.mi-fact-check::before{content:"\f0c5"}.mi-factory::before{content:"\ebbc"}.mi-family-restroom::before{content:"\f1a2"}.mi-fast-forward::before{content:"\e01f"}.mi-fast-rewind::before{content:"\e020"}.mi-fastfood::before{content:"\e57a"}.mi-favorite::before{content:"\e87d"}.mi-favorite-border::before{content:"\e87e"}.mi-favorite-outline::before{content:"\e87e"}.mi-fax::before{content:"\ead8"}.mi-featured-play-list::before{content:"\e06d"}.mi-featured-video::before{content:"\e06e"}.mi-feed::before{content:"\f009"}.mi-feedback::before{content:"\e87f"}.mi-female::before{content:"\e590"}.mi-fence::before{content:"\f1f6"}.mi-festival::before{content:"\ea68"}.mi-fiber-dvr::before{content:"\e05d"}.mi-fiber-manual-record::before{content:"\e061"}.mi-fiber-new::before{content:"\e05e"}.mi-fiber-pin::before{content:"\e06a"}.mi-fiber-smart-record::before{content:"\e062"}.mi-file-copy::before{content:"\e173"}.mi-file-download::before{content:"\e2c4"}.mi-file-download-done::before{content:"\e9aa"}.mi-file-download-off::before{content:"\e4fe"}.mi-file-open::before{content:"\eaf3"}.mi-file-present::before{content:"\ea0e"}.mi-file-upload::before{content:"\e2c6"}.mi-file-upload-off::before{content:"\f886"}.mi-filter::before{content:"\e3d3"}.mi-filter-1::before{content:"\e3d0"}.mi-filter-2::before{content:"\e3d1"}.mi-filter-3::before{content:"\e3d2"}.mi-filter-4::before{content:"\e3d4"}.mi-filter-5::before{content:"\e3d5"}.mi-filter-6::before{content:"\e3d6"}.mi-filter-7::before{content:"\e3d7"}.mi-filter-8::before{content:"\e3d8"}.mi-filter-9::before{content:"\e3d9"}.mi-filter-9-plus::before{content:"\e3da"}.mi-filter-alt::before{content:"\ef4f"}.mi-filter-alt-off::before{content:"\eb32"}.mi-filter-b-and-w::before{content:"\e3db"}.mi-filter-center-focus::before{content:"\e3dc"}.mi-filter-drama::before{content:"\e3dd"}.mi-filter-frames::before{content:"\e3de"}.mi-filter-hdr::before{content:"\e3df"}.mi-filter-list::before{content:"\e152"}.mi-filter-list-alt::before{content:"\e94e"}.mi-filter-list-off::before{content:"\eb57"}.mi-filter-none::before{content:"\e3e0"}.mi-filter-tilt-shift::before{content:"\e3e2"}.mi-filter-vintage::before{content:"\e3e3"}.mi-find-in-page::before{content:"\e880"}.mi-find-replace::before{content:"\e881"}.mi-fingerprint::before{content:"\e90d"}.mi-fire-extinguisher::before{content:"\f1d8"}.mi-fire-hydrant::before{content:"\f1a3"}.mi-fire-hydrant-alt::before{content:"\f8f1"}.mi-fire-truck::before{content:"\f8f2"}.mi-fireplace::before{content:"\ea43"}.mi-first-page::before{content:"\e5dc"}.mi-fit-screen::before{content:"\ea10"}.mi-fitbit::before{content:"\e82b"}.mi-fitness-center::before{content:"\eb43"}.mi-flag::before{content:"\e153"}.mi-flag-circle::before{content:"\eaf8"}.mi-flaky::before{content:"\ef50"}.mi-flare::before{content:"\e3e4"}.mi-flash-auto::before{content:"\e3e5"}.mi-flash-off::before{content:"\e3e6"}.mi-flash-on::before{content:"\e3e7"}.mi-flashlight-off::before{content:"\f00a"}.mi-flashlight-on::before{content:"\f00b"}.mi-flatware::before{content:"\f00c"}.mi-flight::before{content:"\e539"}.mi-flight-class::before{content:"\e7cb"}.mi-flight-land::before{content:"\e904"}.mi-flight-takeoff::before{content:"\e905"}.mi-flip::before{content:"\e3e8"}.mi-flip-camera-android::before{content:"\ea37"}.mi-flip-camera-ios::before{content:"\ea38"}.mi-flip-to-back::before{content:"\e882"}.mi-flip-to-front::before{content:"\e883"}.mi-flood::before{content:"\ebe6"}.mi-flourescent::before{content:"\ec31"}.mi-fluorescent::before{content:"\ec31"}.mi-flutter-dash::before{content:"\e00b"}.mi-fmd-bad::before{content:"\f00e"}.mi-fmd-good::before{content:"\f00f"}.mi-foggy::before{content:"\e818"}.mi-folder::before{content:"\e2c7"}.mi-folder-copy::before{content:"\ebbd"}.mi-folder-delete::before{content:"\eb34"}.mi-folder-off::before{content:"\eb83"}.mi-folder-open::before{content:"\e2c8"}.mi-folder-shared::before{content:"\e2c9"}.mi-folder-special::before{content:"\e617"}.mi-folder-zip::before{content:"\eb2c"}.mi-follow-the-signs::before{content:"\f222"}.mi-font-download::before{content:"\e167"}.mi-font-download-off::before{content:"\e4f9"}.mi-food-bank::before{content:"\f1f2"}.mi-forest::before{content:"\ea99"}.mi-fork-left::before{content:"\eba0"}.mi-fork-right::before{content:"\ebac"}.mi-forklift::before{content:"\f868"}.mi-format-align-center::before{content:"\e234"}.mi-format-align-justify::before{content:"\e235"}.mi-format-align-left::before{content:"\e236"}.mi-format-align-right::before{content:"\e237"}.mi-format-bold::before{content:"\e238"}.mi-format-clear::before{content:"\e239"}.mi-format-color-fill::before{content:"\e23a"}.mi-format-color-reset::before{content:"\e23b"}.mi-format-color-text::before{content:"\e23c"}.mi-format-indent-decrease::before{content:"\e23d"}.mi-format-indent-increase::before{content:"\e23e"}.mi-format-italic::before{content:"\e23f"}.mi-format-line-spacing::before{content:"\e240"}.mi-format-list-bulleted::before{content:"\e241"}.mi-format-list-bulleted-add::before{content:"\f849"}.mi-format-list-numbered::before{content:"\e242"}.mi-format-list-numbered-rtl::before{content:"\e267"}.mi-format-overline::before{content:"\eb65"}.mi-format-paint::before{content:"\e243"}.mi-format-quote::before{content:"\e244"}.mi-format-shapes::before{content:"\e25e"}.mi-format-size::before{content:"\e245"}.mi-format-strikethrough::before{content:"\e246"}.mi-format-textdirection-l-to-r::before{content:"\e247"}.mi-format-textdirection-r-to-l::before{content:"\e248"}.mi-format-underline::before{content:"\e249"}.mi-format-underlined::before{content:"\e249"}.mi-fort::before{content:"\eaad"}.mi-forum::before{content:"\e0bf"}.mi-forward::before{content:"\e154"}.mi-forward-10::before{content:"\e056"}.mi-forward-30::before{content:"\e057"}.mi-forward-5::before{content:"\e058"}.mi-forward-to-inbox::before{content:"\f187"}.mi-foundation::before{content:"\f200"}.mi-free-breakfast::before{content:"\eb44"}.mi-free-cancellation::before{content:"\e748"}.mi-front-hand::before{content:"\e769"}.mi-front-loader::before{content:"\f869"}.mi-fullscreen::before{content:"\e5d0"}.mi-fullscreen-exit::before{content:"\e5d1"}.mi-functions::before{content:"\e24a"}.mi-g-mobiledata::before{content:"\f010"}.mi-g-translate::before{content:"\e927"}.mi-gamepad::before{content:"\e30f"}.mi-games::before{content:"\e021"}.mi-garage::before{content:"\f011"}.mi-gas-meter::before{content:"\ec19"}.mi-gavel::before{content:"\e90e"}.mi-generating-tokens::before{content:"\e749"}.mi-gesture::before{content:"\e155"}.mi-get-app::before{content:"\e884"}.mi-gif::before{content:"\e908"}.mi-gif-box::before{content:"\e7a3"}.mi-girl::before{content:"\eb68"}.mi-gite::before{content:"\e58b"}.mi-goat::before{content:"\10fffd"}.mi-golf-course::before{content:"\eb45"}.mi-gpp-bad::before{content:"\f012"}.mi-gpp-good::before{content:"\f013"}.mi-gpp-maybe::before{content:"\f014"}.mi-gps-fixed::before{content:"\e1b3"}.mi-gps-not-fixed::before{content:"\e1b4"}.mi-gps-off::before{content:"\e1b5"}.mi-grade::before{content:"\e885"}.mi-gradient::before{content:"\e3e9"}.mi-grading::before{content:"\ea4f"}.mi-grain::before{content:"\e3ea"}.mi-graphic-eq::before{content:"\e1b8"}.mi-grass::before{content:"\f205"}.mi-grid-3x3::before{content:"\f015"}.mi-grid-4x4::before{content:"\f016"}.mi-grid-goldenratio::before{content:"\f017"}.mi-grid-off::before{content:"\e3eb"}.mi-grid-on::before{content:"\e3ec"}.mi-grid-view::before{content:"\e9b0"}.mi-group::before{content:"\e7ef"}.mi-group-add::before{content:"\e7f0"}.mi-group-off::before{content:"\e747"}.mi-group-remove::before{content:"\e7ad"}.mi-group-work::before{content:"\e886"}.mi-groups::before{content:"\f233"}.mi-groups-2::before{content:"\f8df"}.mi-groups-3::before{content:"\f8e0"}.mi-h-mobiledata::before{content:"\f018"}.mi-h-plus-mobiledata::before{content:"\f019"}.mi-hail::before{content:"\e9b1"}.mi-handshake::before{content:"\ebcb"}.mi-handyman::before{content:"\f10b"}.mi-hardware::before{content:"\ea59"}.mi-hd::before{content:"\e052"}.mi-hdr-auto::before{content:"\f01a"}.mi-hdr-auto-select::before{content:"\f01b"}.mi-hdr-enhanced-select::before{content:"\ef51"}.mi-hdr-off::before{content:"\e3ed"}.mi-hdr-off-select::before{content:"\f01c"}.mi-hdr-on::before{content:"\e3ee"}.mi-hdr-on-select::before{content:"\f01d"}.mi-hdr-plus::before{content:"\f01e"}.mi-hdr-strong::before{content:"\e3f1"}.mi-hdr-weak::before{content:"\e3f2"}.mi-headphones::before{content:"\f01f"}.mi-headphones-battery::before{content:"\f020"}.mi-headset::before{content:"\e310"}.mi-headset-mic::before{content:"\e311"}.mi-headset-off::before{content:"\e33a"}.mi-healing::before{content:"\e3f3"}.mi-health-and-safety::before{content:"\e1d5"}.mi-hearing::before{content:"\e023"}.mi-hearing-disabled::before{content:"\f104"}.mi-heart-broken::before{content:"\eac2"}.mi-heat-pump::before{content:"\ec18"}.mi-height::before{content:"\ea16"}.mi-help::before{content:"\e887"}.mi-help-center::before{content:"\f1c0"}.mi-help-outline::before{content:"\e8fd"}.mi-hevc::before{content:"\f021"}.mi-hexagon::before{content:"\eb39"}.mi-hide-image::before{content:"\f022"}.mi-hide-source::before{content:"\f023"}.mi-high-quality::before{content:"\e024"}.mi-highlight::before{content:"\e25f"}.mi-highlight-alt::before{content:"\ef52"}.mi-highlight-off::before{content:"\e888"}.mi-highlight-remove::before{content:"\e888"}.mi-hiking::before{content:"\e50a"}.mi-history::before{content:"\e889"}.mi-history-edu::before{content:"\ea3e"}.mi-history-toggle-off::before{content:"\f17d"}.mi-hive::before{content:"\eaa6"}.mi-hls::before{content:"\eb8a"}.mi-hls-off::before{content:"\eb8c"}.mi-holiday-village::before{content:"\e58a"}.mi-home::before{content:"\e88a"}.mi-home-filled::before{content:"\e9b2"}.mi-home-max::before{content:"\f024"}.mi-home-mini::before{content:"\f025"}.mi-home-repair-service::before{content:"\f100"}.mi-home-work::before{content:"\ea09"}.mi-horizontal-distribute::before{content:"\e014"}.mi-horizontal-rule::before{content:"\f108"}.mi-horizontal-split::before{content:"\e947"}.mi-hot-tub::before{content:"\eb46"}.mi-hotel::before{content:"\e53a"}.mi-hotel-class::before{content:"\e743"}.mi-hourglass-bottom::before{content:"\ea5c"}.mi-hourglass-disabled::before{content:"\ef53"}.mi-hourglass-empty::before{content:"\e88b"}.mi-hourglass-full::before{content:"\e88c"}.mi-hourglass-top::before{content:"\ea5b"}.mi-house::before{content:"\ea44"}.mi-house-siding::before{content:"\f202"}.mi-houseboat::before{content:"\e584"}.mi-how-to-reg::before{content:"\e174"}.mi-how-to-vote::before{content:"\e175"}.mi-html::before{content:"\eb7e"}.mi-http::before{content:"\e902"}.mi-https::before{content:"\e88d"}.mi-hub::before{content:"\e9f4"}.mi-hvac::before{content:"\f10e"}.mi-ice-skating::before{content:"\e50b"}.mi-icecream::before{content:"\ea69"}.mi-image::before{content:"\e3f4"}.mi-image-aspect-ratio::before{content:"\e3f5"}.mi-image-not-supported::before{content:"\f116"}.mi-image-search::before{content:"\e43f"}.mi-imagesearch-roller::before{content:"\e9b4"}.mi-import-contacts::before{content:"\e0e0"}.mi-import-export::before{content:"\e0c3"}.mi-important-devices::before{content:"\e912"}.mi-inbox::before{content:"\e156"}.mi-incomplete-circle::before{content:"\e79b"}.mi-indeterminate-check-box::before{content:"\e909"}.mi-info::before{content:"\e88e"}.mi-info-outline::before{content:"\e88f"}.mi-input::before{content:"\e890"}.mi-insert-chart::before{content:"\e24b"}.mi-insert-chart-outlined::before{content:"\e26a"}.mi-insert-comment::before{content:"\e24c"}.mi-insert-drive-file::before{content:"\e24d"}.mi-insert-emoticon::before{content:"\e24e"}.mi-insert-invitation::before{content:"\e24f"}.mi-insert-link::before{content:"\e250"}.mi-insert-page-break::before{content:"\eaca"}.mi-insert-photo::before{content:"\e251"}.mi-insights::before{content:"\f092"}.mi-install-desktop::before{content:"\eb71"}.mi-install-mobile::before{content:"\eb72"}.mi-integration-instructions::before{content:"\ef54"}.mi-interests::before{content:"\e7c8"}.mi-interpreter-mode::before{content:"\e83b"}.mi-inventory::before{content:"\e179"}.mi-inventory-2::before{content:"\e1a1"}.mi-invert-colors::before{content:"\e891"}.mi-invert-colors-off::before{content:"\e0c4"}.mi-invert-colors-on::before{content:"\e891"}.mi-ios-share::before{content:"\e6b8"}.mi-iron::before{content:"\e583"}.mi-iso::before{content:"\e3f6"}.mi-javascript::before{content:"\eb7c"}.mi-join-full::before{content:"\eaeb"}.mi-join-inner::before{content:"\eaf4"}.mi-join-left::before{content:"\eaf2"}.mi-join-right::before{content:"\eaea"}.mi-kayaking::before{content:"\e50c"}.mi-kebab-dining::before{content:"\e842"}.mi-key::before{content:"\e73c"}.mi-key-off::before{content:"\eb84"}.mi-keyboard::before{content:"\e312"}.mi-keyboard-alt::before{content:"\f028"}.mi-keyboard-arrow-down::before{content:"\e313"}.mi-keyboard-arrow-left::before{content:"\e314"}.mi-keyboard-arrow-right::before{content:"\e315"}.mi-keyboard-arrow-up::before{content:"\e316"}.mi-keyboard-backspace::before{content:"\e317"}.mi-keyboard-capslock::before{content:"\e318"}.mi-keyboard-command::before{content:"\eae0"}.mi-keyboard-command-key::before{content:"\eae7"}.mi-keyboard-control::before{content:"\e5d3"}.mi-keyboard-control-key::before{content:"\eae6"}.mi-keyboard-double-arrow-down::before{content:"\ead0"}.mi-keyboard-double-arrow-left::before{content:"\eac3"}.mi-keyboard-double-arrow-right::before{content:"\eac9"}.mi-keyboard-double-arrow-up::before{content:"\eacf"}.mi-keyboard-hide::before{content:"\e31a"}.mi-keyboard-option::before{content:"\eadf"}.mi-keyboard-option-key::before{content:"\eae8"}.mi-keyboard-return::before{content:"\e31b"}.mi-keyboard-tab::before{content:"\e31c"}.mi-keyboard-voice::before{content:"\e31d"}.mi-king-bed::before{content:"\ea45"}.mi-kitchen::before{content:"\eb47"}.mi-kitesurfing::before{content:"\e50d"}.mi-label::before{content:"\e892"}.mi-label-important::before{content:"\e937"}.mi-label-important-outline::before{content:"\e948"}.mi-label-off::before{content:"\e9b6"}.mi-label-outline::before{content:"\e893"}.mi-lan::before{content:"\eb2f"}.mi-landscape::before{content:"\e3f7"}.mi-landslide::before{content:"\ebd7"}.mi-language::before{content:"\e894"}.mi-laptop::before{content:"\e31e"}.mi-laptop-chromebook::before{content:"\e31f"}.mi-laptop-mac::before{content:"\e320"}.mi-laptop-windows::before{content:"\e321"}.mi-last-page::before{content:"\e5dd"}.mi-launch::before{content:"\e895"}.mi-layers::before{content:"\e53b"}.mi-layers-clear::before{content:"\e53c"}.mi-leaderboard::before{content:"\f20c"}.mi-leak-add::before{content:"\e3f8"}.mi-leak-remove::before{content:"\e3f9"}.mi-leave-bags-at-home::before{content:"\f21b"}.mi-legend-toggle::before{content:"\f11b"}.mi-lens::before{content:"\e3fa"}.mi-lens-blur::before{content:"\f029"}.mi-library-add::before{content:"\e02e"}.mi-library-add-check::before{content:"\e9b7"}.mi-library-books::before{content:"\e02f"}.mi-library-music::before{content:"\e030"}.mi-light::before{content:"\f02a"}.mi-light-mode::before{content:"\e518"}.mi-lightbulb::before{content:"\e0f0"}.mi-lightbulb-circle::before{content:"\ebfe"}.mi-lightbulb-outline::before{content:"\e90f"}.mi-line-axis::before{content:"\ea9a"}.mi-line-style::before{content:"\e919"}.mi-line-weight::before{content:"\e91a"}.mi-linear-scale::before{content:"\e260"}.mi-link::before{content:"\e157"}.mi-link-off::before{content:"\e16f"}.mi-linked-camera::before{content:"\e438"}.mi-liquor::before{content:"\ea60"}.mi-list::before{content:"\e896"}.mi-list-alt::before{content:"\e0ee"}.mi-live-help::before{content:"\e0c6"}.mi-live-tv::before{content:"\e639"}.mi-living::before{content:"\f02b"}.mi-local-activity::before{content:"\e53f"}.mi-local-airport::before{content:"\e53d"}.mi-local-atm::before{content:"\e53e"}.mi-local-attraction::before{content:"\e53f"}.mi-local-bar::before{content:"\e540"}.mi-local-cafe::before{content:"\e541"}.mi-local-car-wash::before{content:"\e542"}.mi-local-convenience-store::before{content:"\e543"}.mi-local-dining::before{content:"\e556"}.mi-local-drink::before{content:"\e544"}.mi-local-fire-department::before{content:"\ef55"}.mi-local-florist::before{content:"\e545"}.mi-local-gas-station::before{content:"\e546"}.mi-local-grocery-store::before{content:"\e547"}.mi-local-hospital::before{content:"\e548"}.mi-local-hotel::before{content:"\e549"}.mi-local-laundry-service::before{content:"\e54a"}.mi-local-library::before{content:"\e54b"}.mi-local-mall::before{content:"\e54c"}.mi-local-movies::before{content:"\e54d"}.mi-local-offer::before{content:"\e54e"}.mi-local-parking::before{content:"\e54f"}.mi-local-pharmacy::before{content:"\e550"}.mi-local-phone::before{content:"\e551"}.mi-local-pizza::before{content:"\e552"}.mi-local-play::before{content:"\e553"}.mi-local-police::before{content:"\ef56"}.mi-local-post-office::before{content:"\e554"}.mi-local-print-shop::before{content:"\e555"}.mi-local-printshop::before{content:"\e555"}.mi-local-restaurant::before{content:"\e556"}.mi-local-see::before{content:"\e557"}.mi-local-shipping::before{content:"\e558"}.mi-local-taxi::before{content:"\e559"}.mi-location-city::before{content:"\e7f1"}.mi-location-disabled::before{content:"\e1b6"}.mi-location-history::before{content:"\e55a"}.mi-location-off::before{content:"\e0c7"}.mi-location-on::before{content:"\e0c8"}.mi-location-pin::before{content:"\f1db"}.mi-location-searching::before{content:"\e1b7"}.mi-lock::before{content:"\e897"}.mi-lock-clock::before{content:"\ef57"}.mi-lock-open::before{content:"\e898"}.mi-lock-outline::before{content:"\e899"}.mi-lock-person::before{content:"\f8f3"}.mi-lock-reset::before{content:"\eade"}.mi-login::before{content:"\ea77"}.mi-logo-dev::before{content:"\ead6"}.mi-logout::before{content:"\e9ba"}.mi-looks::before{content:"\e3fc"}.mi-looks-3::before{content:"\e3fb"}.mi-looks-4::before{content:"\e3fd"}.mi-looks-5::before{content:"\e3fe"}.mi-looks-6::before{content:"\e3ff"}.mi-looks-one::before{content:"\e400"}.mi-looks-two::before{content:"\e401"}.mi-loop::before{content:"\e028"}.mi-loupe::before{content:"\e402"}.mi-low-priority::before{content:"\e16d"}.mi-loyalty::before{content:"\e89a"}.mi-lte-mobiledata::before{content:"\f02c"}.mi-lte-plus-mobiledata::before{content:"\f02d"}.mi-luggage::before{content:"\f235"}.mi-lunch-dining::before{content:"\ea61"}.mi-lyrics::before{content:"\ec0b"}.mi-macro-off::before{content:"\f8d2"}.mi-mail::before{content:"\e158"}.mi-mail-lock::before{content:"\ec0a"}.mi-mail-outline::before{content:"\e0e1"}.mi-male::before{content:"\e58e"}.mi-man::before{content:"\e4eb"}.mi-man-2::before{content:"\f8e1"}.mi-man-3::before{content:"\f8e2"}.mi-man-4::before{content:"\f8e3"}.mi-manage-accounts::before{content:"\f02e"}.mi-manage-history::before{content:"\ebe7"}.mi-manage-search::before{content:"\f02f"}.mi-map::before{content:"\e55b"}.mi-maps-home-work::before{content:"\f030"}.mi-maps-ugc::before{content:"\ef58"}.mi-margin::before{content:"\e9bb"}.mi-mark-as-unread::before{content:"\e9bc"}.mi-mark-chat-read::before{content:"\f18b"}.mi-mark-chat-unread::before{content:"\f189"}.mi-mark-email-read::before{content:"\f18c"}.mi-mark-email-unread::before{content:"\f18a"}.mi-mark-unread-chat-alt::before{content:"\eb9d"}.mi-markunread::before{content:"\e159"}.mi-markunread-mailbox::before{content:"\e89b"}.mi-masks::before{content:"\f218"}.mi-maximize::before{content:"\e930"}.mi-media-bluetooth-off::before{content:"\f031"}.mi-media-bluetooth-on::before{content:"\f032"}.mi-mediation::before{content:"\efa7"}.mi-medical-information::before{content:"\ebed"}.mi-medical-services::before{content:"\f109"}.mi-medication::before{content:"\f033"}.mi-medication-liquid::before{content:"\ea87"}.mi-meeting-room::before{content:"\eb4f"}.mi-memory::before{content:"\e322"}.mi-menu::before{content:"\e5d2"}.mi-menu-book::before{content:"\ea19"}.mi-menu-open::before{content:"\e9bd"}.mi-merge::before{content:"\eb98"}.mi-merge-type::before{content:"\e252"}.mi-message::before{content:"\e0c9"}.mi-messenger::before{content:"\e0ca"}.mi-messenger-outline::before{content:"\e0cb"}.mi-mic::before{content:"\e029"}.mi-mic-external-off::before{content:"\ef59"}.mi-mic-external-on::before{content:"\ef5a"}.mi-mic-none::before{content:"\e02a"}.mi-mic-off::before{content:"\e02b"}.mi-microwave::before{content:"\f204"}.mi-military-tech::before{content:"\ea3f"}.mi-minimize::before{content:"\e931"}.mi-minor-crash::before{content:"\ebf1"}.mi-miscellaneous-services::before{content:"\f10c"}.mi-missed-video-call::before{content:"\e073"}.mi-mms::before{content:"\e618"}.mi-mobile-friendly::before{content:"\e200"}.mi-mobile-off::before{content:"\e201"}.mi-mobile-screen-share::before{content:"\e0e7"}.mi-mobiledata-off::before{content:"\f034"}.mi-mode::before{content:"\f097"}.mi-mode-comment::before{content:"\e253"}.mi-mode-edit::before{content:"\e254"}.mi-mode-edit-outline::before{content:"\f035"}.mi-mode-fan-off::before{content:"\ec17"}.mi-mode-night::before{content:"\f036"}.mi-mode-of-travel::before{content:"\e7ce"}.mi-mode-standby::before{content:"\f037"}.mi-model-training::before{content:"\f0cf"}.mi-monetization-on::before{content:"\e263"}.mi-money::before{content:"\e57d"}.mi-money-off::before{content:"\e25c"}.mi-money-off-csred::before{content:"\f038"}.mi-monitor::before{content:"\ef5b"}.mi-monitor-heart::before{content:"\eaa2"}.mi-monitor-weight::before{content:"\f039"}.mi-monochrome-photos::before{content:"\e403"}.mi-mood::before{content:"\e7f2"}.mi-mood-bad::before{content:"\e7f3"}.mi-moped::before{content:"\eb28"}.mi-more::before{content:"\e619"}.mi-more-horiz::before{content:"\e5d3"}.mi-more-time::before{content:"\ea5d"}.mi-more-vert::before{content:"\e5d4"}.mi-mosque::before{content:"\eab2"}.mi-motion-photos-auto::before{content:"\f03a"}.mi-motion-photos-off::before{content:"\e9c0"}.mi-motion-photos-on::before{content:"\e9c1"}.mi-motion-photos-pause::before{content:"\f227"}.mi-motion-photos-paused::before{content:"\e9c2"}.mi-motorcycle::before{content:"\e91b"}.mi-mouse::before{content:"\e323"}.mi-move-down::before{content:"\eb61"}.mi-move-to-inbox::before{content:"\e168"}.mi-move-up::before{content:"\eb64"}.mi-movie::before{content:"\e02c"}.mi-movie-creation::before{content:"\e404"}.mi-movie-edit::before{content:"\f840"}.mi-movie-filter::before{content:"\e43a"}.mi-moving::before{content:"\e501"}.mi-mp::before{content:"\e9c3"}.mi-multiline-chart::before{content:"\e6df"}.mi-multiple-stop::before{content:"\f1b9"}.mi-multitrack-audio::before{content:"\e1b8"}.mi-museum::before{content:"\ea36"}.mi-music-note::before{content:"\e405"}.mi-music-off::before{content:"\e440"}.mi-music-video::before{content:"\e063"}.mi-my-library-add::before{content:"\e02e"}.mi-my-library-books::before{content:"\e02f"}.mi-my-library-music::before{content:"\e030"}.mi-my-location::before{content:"\e55c"}.mi-nat::before{content:"\ef5c"}.mi-nature::before{content:"\e406"}.mi-nature-people::before{content:"\e407"}.mi-navigate-before::before{content:"\e408"}.mi-navigate-next::before{content:"\e409"}.mi-navigation::before{content:"\e55d"}.mi-near-me::before{content:"\e569"}.mi-near-me-disabled::before{content:"\f1ef"}.mi-nearby-error::before{content:"\f03b"}.mi-nearby-off::before{content:"\f03c"}.mi-nest-cam-wired-stand::before{content:"\ec16"}.mi-network-cell::before{content:"\e1b9"}.mi-network-check::before{content:"\e640"}.mi-network-locked::before{content:"\e61a"}.mi-network-ping::before{content:"\ebca"}.mi-network-wifi::before{content:"\e1ba"}.mi-network-wifi-1-bar::before{content:"\ebe4"}.mi-network-wifi-2-bar::before{content:"\ebd6"}.mi-network-wifi-3-bar::before{content:"\ebe1"}.mi-new-label::before{content:"\e609"}.mi-new-releases::before{content:"\e031"}.mi-newspaper::before{content:"\eb81"}.mi-next-plan::before{content:"\ef5d"}.mi-next-week::before{content:"\e16a"}.mi-nfc::before{content:"\e1bb"}.mi-night-shelter::before{content:"\f1f1"}.mi-nightlife::before{content:"\ea62"}.mi-nightlight::before{content:"\f03d"}.mi-nightlight-round::before{content:"\ef5e"}.mi-nights-stay::before{content:"\ea46"}.mi-no-accounts::before{content:"\f03e"}.mi-no-adult-content::before{content:"\f8fe"}.mi-no-backpack::before{content:"\f237"}.mi-no-cell::before{content:"\f1a4"}.mi-no-crash::before{content:"\ebf0"}.mi-no-drinks::before{content:"\f1a5"}.mi-no-encryption::before{content:"\e641"}.mi-no-encryption-gmailerrorred::before{content:"\f03f"}.mi-no-flash::before{content:"\f1a6"}.mi-no-food::before{content:"\f1a7"}.mi-no-luggage::before{content:"\f23b"}.mi-no-meals::before{content:"\f1d6"}.mi-no-meals-ouline::before{content:"\f229"}.mi-no-meeting-room::before{content:"\eb4e"}.mi-no-photography::before{content:"\f1a8"}.mi-no-sim::before{content:"\e0cc"}.mi-no-stroller::before{content:"\f1af"}.mi-no-transfer::before{content:"\f1d5"}.mi-noise-aware::before{content:"\ebec"}.mi-noise-control-off::before{content:"\ebf3"}.mi-nordic-walking::before{content:"\e50e"}.mi-north::before{content:"\f1e0"}.mi-north-east::before{content:"\f1e1"}.mi-north-west::before{content:"\f1e2"}.mi-not-accessible::before{content:"\f0fe"}.mi-not-interested::before{content:"\e033"}.mi-not-listed-location::before{content:"\e575"}.mi-not-started::before{content:"\f0d1"}.mi-note::before{content:"\e06f"}.mi-note-add::before{content:"\e89c"}.mi-note-alt::before{content:"\f040"}.mi-notes::before{content:"\e26c"}.mi-notification-add::before{content:"\e399"}.mi-notification-important::before{content:"\e004"}.mi-notifications::before{content:"\e7f4"}.mi-notifications-active::before{content:"\e7f7"}.mi-notifications-none::before{content:"\e7f5"}.mi-notifications-off::before{content:"\e7f6"}.mi-notifications-on::before{content:"\e7f7"}.mi-notifications-paused::before{content:"\e7f8"}.mi-now-wallpaper::before{content:"\e1bc"}.mi-now-widgets::before{content:"\e1bd"}.mi-numbers::before{content:"\eac7"}.mi-offline-bolt::before{content:"\e932"}.mi-offline-pin::before{content:"\e90a"}.mi-offline-share::before{content:"\e9c5"}.mi-oil-barrel::before{content:"\ec15"}.mi-on-device-training::before{content:"\ebfd"}.mi-ondemand-video::before{content:"\e63a"}.mi-online-prediction::before{content:"\f0eb"}.mi-opacity::before{content:"\e91c"}.mi-open-in-browser::before{content:"\e89d"}.mi-open-in-full::before{content:"\f1ce"}.mi-open-in-new::before{content:"\e89e"}.mi-open-in-new-off::before{content:"\e4f6"}.mi-open-with::before{content:"\e89f"}.mi-other-houses::before{content:"\e58c"}.mi-outbond::before{content:"\f228"}.mi-outbound::before{content:"\e1ca"}.mi-outbox::before{content:"\ef5f"}.mi-outdoor-grill::before{content:"\ea47"}.mi-outgoing-mail::before{content:"\f0d2"}.mi-outlet::before{content:"\f1d4"}.mi-outlined-flag::before{content:"\e16e"}.mi-output::before{content:"\ebbe"}.mi-padding::before{content:"\e9c8"}.mi-pages::before{content:"\e7f9"}.mi-pageview::before{content:"\e8a0"}.mi-paid::before{content:"\f041"}.mi-palette::before{content:"\e40a"}.mi-pallet::before{content:"\f86a"}.mi-pan-tool::before{content:"\e925"}.mi-pan-tool-alt::before{content:"\ebb9"}.mi-panorama::before{content:"\e40b"}.mi-panorama-fish-eye::before{content:"\e40c"}.mi-panorama-fisheye::before{content:"\e40c"}.mi-panorama-horizontal::before{content:"\e40d"}.mi-panorama-horizontal-select::before{content:"\ef60"}.mi-panorama-photosphere::before{content:"\e9c9"}.mi-panorama-photosphere-select::before{content:"\e9ca"}.mi-panorama-vertical::before{content:"\e40e"}.mi-panorama-vertical-select::before{content:"\ef61"}.mi-panorama-wide-angle::before{content:"\e40f"}.mi-panorama-wide-angle-select::before{content:"\ef62"}.mi-paragliding::before{content:"\e50f"}.mi-park::before{content:"\ea63"}.mi-party-mode::before{content:"\e7fa"}.mi-password::before{content:"\f042"}.mi-paste::before{content:"\f098"}.mi-pattern::before{content:"\f043"}.mi-pause::before{content:"\e034"}.mi-pause-circle::before{content:"\e1a2"}.mi-pause-circle-filled::before{content:"\e035"}.mi-pause-circle-outline::before{content:"\e036"}.mi-pause-presentation::before{content:"\e0ea"}.mi-payment::before{content:"\e8a1"}.mi-payments::before{content:"\ef63"}.mi-paypal::before{content:"\ea8d"}.mi-pedal-bike::before{content:"\eb29"}.mi-pending::before{content:"\ef64"}.mi-pending-actions::before{content:"\f1bb"}.mi-pentagon::before{content:"\eb50"}.mi-people::before{content:"\e7fb"}.mi-people-alt::before{content:"\ea21"}.mi-people-outline::before{content:"\e7fc"}.mi-percent::before{content:"\eb58"}.mi-perm-camera-mic::before{content:"\e8a2"}.mi-perm-contact-cal::before{content:"\e8a3"}.mi-perm-contact-calendar::before{content:"\e8a3"}.mi-perm-data-setting::before{content:"\e8a4"}.mi-perm-device-info::before{content:"\e8a5"}.mi-perm-device-information::before{content:"\e8a5"}.mi-perm-identity::before{content:"\e8a6"}.mi-perm-media::before{content:"\e8a7"}.mi-perm-phone-msg::before{content:"\e8a8"}.mi-perm-scan-wifi::before{content:"\e8a9"}.mi-person::before{content:"\e7fd"}.mi-person-2::before{content:"\f8e4"}.mi-person-3::before{content:"\f8e5"}.mi-person-4::before{content:"\f8e6"}.mi-person-add::before{content:"\e7fe"}.mi-person-add-alt::before{content:"\ea4d"}.mi-person-add-alt-1::before{content:"\ef65"}.mi-person-add-disabled::before{content:"\e9cb"}.mi-person-off::before{content:"\e510"}.mi-person-outline::before{content:"\e7ff"}.mi-person-pin::before{content:"\e55a"}.mi-person-pin-circle::before{content:"\e56a"}.mi-person-remove::before{content:"\ef66"}.mi-person-remove-alt-1::before{content:"\ef67"}.mi-person-search::before{content:"\f106"}.mi-personal-injury::before{content:"\e6da"}.mi-personal-video::before{content:"\e63b"}.mi-pest-control::before{content:"\f0fa"}.mi-pest-control-rodent::before{content:"\f0fd"}.mi-pets::before{content:"\e91d"}.mi-phishing::before{content:"\ead7"}.mi-phone::before{content:"\e0cd"}.mi-phone-android::before{content:"\e324"}.mi-phone-bluetooth-speaker::before{content:"\e61b"}.mi-phone-callback::before{content:"\e649"}.mi-phone-disabled::before{content:"\e9cc"}.mi-phone-enabled::before{content:"\e9cd"}.mi-phone-forwarded::before{content:"\e61c"}.mi-phone-in-talk::before{content:"\e61d"}.mi-phone-iphone::before{content:"\e325"}.mi-phone-locked::before{content:"\e61e"}.mi-phone-missed::before{content:"\e61f"}.mi-phone-paused::before{content:"\e620"}.mi-phonelink::before{content:"\e326"}.mi-phonelink-erase::before{content:"\e0db"}.mi-phonelink-lock::before{content:"\e0dc"}.mi-phonelink-off::before{content:"\e327"}.mi-phonelink-ring::before{content:"\e0dd"}.mi-phonelink-setup::before{content:"\e0de"}.mi-photo::before{content:"\e410"}.mi-photo-album::before{content:"\e411"}.mi-photo-camera::before{content:"\e412"}.mi-photo-camera-back::before{content:"\ef68"}.mi-photo-camera-front::before{content:"\ef69"}.mi-photo-filter::before{content:"\e43b"}.mi-photo-library::before{content:"\e413"}.mi-photo-size-select-actual::before{content:"\e432"}.mi-photo-size-select-large::before{content:"\e433"}.mi-photo-size-select-small::before{content:"\e434"}.mi-php::before{content:"\eb8f"}.mi-piano::before{content:"\e521"}.mi-piano-off::before{content:"\e520"}.mi-picture-as-pdf::before{content:"\e415"}.mi-picture-in-picture::before{content:"\e8aa"}.mi-picture-in-picture-alt::before{content:"\e911"}.mi-pie-chart::before{content:"\e6c4"}.mi-pie-chart-outline::before{content:"\f044"}.mi-pie-chart-outlined::before{content:"\e6c5"}.mi-pin::before{content:"\f045"}.mi-pin-drop::before{content:"\e55e"}.mi-pin-end::before{content:"\e767"}.mi-pin-invoke::before{content:"\e763"}.mi-pinch::before{content:"\eb38"}.mi-pivot-table-chart::before{content:"\e9ce"}.mi-pix::before{content:"\eaa3"}.mi-place::before{content:"\e55f"}.mi-plagiarism::before{content:"\ea5a"}.mi-play-arrow::before{content:"\e037"}.mi-play-circle::before{content:"\e1c4"}.mi-play-circle-fill::before{content:"\e038"}.mi-play-circle-filled::before{content:"\e038"}.mi-play-circle-outline::before{content:"\e039"}.mi-play-disabled::before{content:"\ef6a"}.mi-play-for-work::before{content:"\e906"}.mi-play-lesson::before{content:"\f047"}.mi-playlist-add::before{content:"\e03b"}.mi-playlist-add-check::before{content:"\e065"}.mi-playlist-add-check-circle::before{content:"\e7e6"}.mi-playlist-add-circle::before{content:"\e7e5"}.mi-playlist-play::before{content:"\e05f"}.mi-playlist-remove::before{content:"\eb80"}.mi-plumbing::before{content:"\f107"}.mi-plus-one::before{content:"\e800"}.mi-podcasts::before{content:"\f048"}.mi-point-of-sale::before{content:"\f17e"}.mi-policy::before{content:"\ea17"}.mi-poll::before{content:"\e801"}.mi-polyline::before{content:"\ebbb"}.mi-polymer::before{content:"\e8ab"}.mi-pool::before{content:"\eb48"}.mi-portable-wifi-off::before{content:"\e0ce"}.mi-portrait::before{content:"\e416"}.mi-post-add::before{content:"\ea20"}.mi-power::before{content:"\e63c"}.mi-power-input::before{content:"\e336"}.mi-power-off::before{content:"\e646"}.mi-power-settings-new::before{content:"\e8ac"}.mi-precision-manufacturing::before{content:"\f049"}.mi-pregnant-woman::before{content:"\e91e"}.mi-present-to-all::before{content:"\e0df"}.mi-preview::before{content:"\f1c5"}.mi-price-change::before{content:"\f04a"}.mi-price-check::before{content:"\f04b"}.mi-print::before{content:"\e8ad"}.mi-print-disabled::before{content:"\e9cf"}.mi-priority-high::before{content:"\e645"}.mi-privacy-tip::before{content:"\f0dc"}.mi-private-connectivity::before{content:"\e744"}.mi-production-quantity-limits::before{content:"\e1d1"}.mi-propane::before{content:"\ec14"}.mi-propane-tank::before{content:"\ec13"}.mi-psychology::before{content:"\ea4a"}.mi-psychology-alt::before{content:"\f8ea"}.mi-public::before{content:"\e80b"}.mi-public-off::before{content:"\f1ca"}.mi-publish::before{content:"\e255"}.mi-published-with-changes::before{content:"\f232"}.mi-punch-clock::before{content:"\eaa8"}.mi-push-pin::before{content:"\f10d"}.mi-qr-code::before{content:"\ef6b"}.mi-qr-code-2::before{content:"\e00a"}.mi-qr-code-scanner::before{content:"\f206"}.mi-query-builder::before{content:"\e8ae"}.mi-query-stats::before{content:"\e4fc"}.mi-question-answer::before{content:"\e8af"}.mi-question-mark::before{content:"\eb8b"}.mi-queue::before{content:"\e03c"}.mi-queue-music::before{content:"\e03d"}.mi-queue-play-next::before{content:"\e066"}.mi-quick-contacts-dialer::before{content:"\e0cf"}.mi-quick-contacts-mail::before{content:"\e0d0"}.mi-quickreply::before{content:"\ef6c"}.mi-quiz::before{content:"\f04c"}.mi-quora::before{content:"\ea98"}.mi-r-mobiledata::before{content:"\f04d"}.mi-radar::before{content:"\f04e"}.mi-radio::before{content:"\e03e"}.mi-radio-button-checked::before{content:"\e837"}.mi-radio-button-off::before{content:"\e836"}.mi-radio-button-on::before{content:"\e837"}.mi-radio-button-unchecked::before{content:"\e836"}.mi-railway-alert::before{content:"\e9d1"}.mi-ramen-dining::before{content:"\ea64"}.mi-ramp-left::before{content:"\eb9c"}.mi-ramp-right::before{content:"\eb96"}.mi-rate-review::before{content:"\e560"}.mi-raw-off::before{content:"\f04f"}.mi-raw-on::before{content:"\f050"}.mi-read-more::before{content:"\ef6d"}.mi-real-estate-agent::before{content:"\e73a"}.mi-rebase-edit::before{content:"\f846"}.mi-receipt::before{content:"\e8b0"}.mi-receipt-long::before{content:"\ef6e"}.mi-recent-actors::before{content:"\e03f"}.mi-recommend::before{content:"\e9d2"}.mi-record-voice-over::before{content:"\e91f"}.mi-rectangle::before{content:"\eb54"}.mi-recycling::before{content:"\e760"}.mi-reddit::before{content:"\eaa0"}.mi-redeem::before{content:"\e8b1"}.mi-redo::before{content:"\e15a"}.mi-reduce-capacity::before{content:"\f21c"}.mi-refresh::before{content:"\e5d5"}.mi-remember-me::before{content:"\f051"}.mi-remove::before{content:"\e15b"}.mi-remove-circle::before{content:"\e15c"}.mi-remove-circle-outline::before{content:"\e15d"}.mi-remove-done::before{content:"\e9d3"}.mi-remove-from-queue::before{content:"\e067"}.mi-remove-moderator::before{content:"\e9d4"}.mi-remove-red-eye::before{content:"\e417"}.mi-remove-road::before{content:"\ebfc"}.mi-remove-shopping-cart::before{content:"\e928"}.mi-reorder::before{content:"\e8fe"}.mi-repartition::before{content:"\f8e8"}.mi-repeat::before{content:"\e040"}.mi-repeat-on::before{content:"\e9d6"}.mi-repeat-one::before{content:"\e041"}.mi-repeat-one-on::before{content:"\e9d7"}.mi-replay::before{content:"\e042"}.mi-replay-10::before{content:"\e059"}.mi-replay-30::before{content:"\e05a"}.mi-replay-5::before{content:"\e05b"}.mi-replay-circle-filled::before{content:"\e9d8"}.mi-reply::before{content:"\e15e"}.mi-reply-all::before{content:"\e15f"}.mi-report::before{content:"\e160"}.mi-report-gmailerrorred::before{content:"\f052"}.mi-report-off::before{content:"\e170"}.mi-report-problem::before{content:"\e8b2"}.mi-request-page::before{content:"\f22c"}.mi-request-quote::before{content:"\f1b6"}.mi-reset-tv::before{content:"\e9d9"}.mi-restart-alt::before{content:"\f053"}.mi-restaurant::before{content:"\e56c"}.mi-restaurant-menu::before{content:"\e561"}.mi-restore::before{content:"\e8b3"}.mi-restore-from-trash::before{content:"\e938"}.mi-restore-page::before{content:"\e929"}.mi-reviews::before{content:"\f054"}.mi-rice-bowl::before{content:"\f1f5"}.mi-ring-volume::before{content:"\e0d1"}.mi-rocket::before{content:"\eba5"}.mi-rocket-launch::before{content:"\eb9b"}.mi-roller-shades::before{content:"\ec12"}.mi-roller-shades-closed::before{content:"\ec11"}.mi-roller-skating::before{content:"\ebcd"}.mi-roofing::before{content:"\f201"}.mi-room::before{content:"\e8b4"}.mi-room-preferences::before{content:"\f1b8"}.mi-room-service::before{content:"\eb49"}.mi-rotate-90-degrees-ccw::before{content:"\e418"}.mi-rotate-90-degrees-cw::before{content:"\eaab"}.mi-rotate-left::before{content:"\e419"}.mi-rotate-right::before{content:"\e41a"}.mi-roundabout-left::before{content:"\eb99"}.mi-roundabout-right::before{content:"\eba3"}.mi-rounded-corner::before{content:"\e920"}.mi-route::before{content:"\eacd"}.mi-router::before{content:"\e328"}.mi-rowing::before{content:"\e921"}.mi-rss-feed::before{content:"\e0e5"}.mi-rsvp::before{content:"\f055"}.mi-rtt::before{content:"\e9ad"}.mi-rule::before{content:"\f1c2"}.mi-rule-folder::before{content:"\f1c9"}.mi-run-circle::before{content:"\ef6f"}.mi-running-with-errors::before{content:"\e51d"}.mi-rv-hookup::before{content:"\e642"}.mi-safety-check::before{content:"\ebef"}.mi-safety-divider::before{content:"\e1cc"}.mi-sailing::before{content:"\e502"}.mi-sanitizer::before{content:"\f21d"}.mi-satellite::before{content:"\e562"}.mi-satellite-alt::before{content:"\eb3a"}.mi-save::before{content:"\e161"}.mi-save-alt::before{content:"\e171"}.mi-save-as::before{content:"\eb60"}.mi-saved-search::before{content:"\ea11"}.mi-savings::before{content:"\e2eb"}.mi-scale::before{content:"\eb5f"}.mi-scanner::before{content:"\e329"}.mi-scatter-plot::before{content:"\e268"}.mi-schedule::before{content:"\e8b5"}.mi-schedule-send::before{content:"\ea0a"}.mi-schema::before{content:"\e4fd"}.mi-school::before{content:"\e80c"}.mi-science::before{content:"\ea4b"}.mi-score::before{content:"\e269"}.mi-scoreboard::before{content:"\ebd0"}.mi-screen-lock-landscape::before{content:"\e1be"}.mi-screen-lock-portrait::before{content:"\e1bf"}.mi-screen-lock-rotation::before{content:"\e1c0"}.mi-screen-rotation::before{content:"\e1c1"}.mi-screen-rotation-alt::before{content:"\ebee"}.mi-screen-search-desktop::before{content:"\ef70"}.mi-screen-share::before{content:"\e0e2"}.mi-screenshot::before{content:"\f056"}.mi-screenshot-monitor::before{content:"\ec08"}.mi-scuba-diving::before{content:"\ebce"}.mi-sd::before{content:"\e9dd"}.mi-sd-card::before{content:"\e623"}.mi-sd-card-alert::before{content:"\f057"}.mi-sd-storage::before{content:"\e1c2"}.mi-search::before{content:"\e8b6"}.mi-search-off::before{content:"\ea76"}.mi-security::before{content:"\e32a"}.mi-security-update::before{content:"\f058"}.mi-security-update-good::before{content:"\f059"}.mi-security-update-warning::before{content:"\f05a"}.mi-segment::before{content:"\e94b"}.mi-select-all::before{content:"\e162"}.mi-self-improvement::before{content:"\ea78"}.mi-sell::before{content:"\f05b"}.mi-send::before{content:"\e163"}.mi-send-and-archive::before{content:"\ea0c"}.mi-send-time-extension::before{content:"\eadb"}.mi-send-to-mobile::before{content:"\f05c"}.mi-sensor-door::before{content:"\f1b5"}.mi-sensor-occupied::before{content:"\ec10"}.mi-sensor-window::before{content:"\f1b4"}.mi-sensors::before{content:"\e51e"}.mi-sensors-off::before{content:"\e51f"}.mi-sentiment-dissatisfied::before{content:"\e811"}.mi-sentiment-neutral::before{content:"\e812"}.mi-sentiment-satisfied::before{content:"\e813"}.mi-sentiment-satisfied-alt::before{content:"\e0ed"}.mi-sentiment-very-dissatisfied::before{content:"\e814"}.mi-sentiment-very-satisfied::before{content:"\e815"}.mi-set-meal::before{content:"\f1ea"}.mi-settings::before{content:"\e8b8"}.mi-settings-accessibility::before{content:"\f05d"}.mi-settings-applications::before{content:"\e8b9"}.mi-settings-backup-restore::before{content:"\e8ba"}.mi-settings-bluetooth::before{content:"\e8bb"}.mi-settings-brightness::before{content:"\e8bd"}.mi-settings-cell::before{content:"\e8bc"}.mi-settings-display::before{content:"\e8bd"}.mi-settings-ethernet::before{content:"\e8be"}.mi-settings-input-antenna::before{content:"\e8bf"}.mi-settings-input-component::before{content:"\e8c0"}.mi-settings-input-composite::before{content:"\e8c1"}.mi-settings-input-hdmi::before{content:"\e8c2"}.mi-settings-input-svideo::before{content:"\e8c3"}.mi-settings-overscan::before{content:"\e8c4"}.mi-settings-phone::before{content:"\e8c5"}.mi-settings-power::before{content:"\e8c6"}.mi-settings-remote::before{content:"\e8c7"}.mi-settings-suggest::before{content:"\f05e"}.mi-settings-system-daydream::before{content:"\e1c3"}.mi-settings-voice::before{content:"\e8c8"}.mi-severe-cold::before{content:"\ebd3"}.mi-shape-line::before{content:"\f8d3"}.mi-share::before{content:"\e80d"}.mi-share-arrival-time::before{content:"\e524"}.mi-share-location::before{content:"\f05f"}.mi-shelves::before{content:"\f86e"}.mi-shield::before{content:"\e9e0"}.mi-shield-moon::before{content:"\eaa9"}.mi-shop::before{content:"\e8c9"}.mi-shop-2::before{content:"\e19e"}.mi-shop-two::before{content:"\e8ca"}.mi-shopify::before{content:"\ea9d"}.mi-shopping-bag::before{content:"\f1cc"}.mi-shopping-basket::before{content:"\e8cb"}.mi-shopping-cart::before{content:"\e8cc"}.mi-shopping-cart-checkout::before{content:"\eb88"}.mi-short-text::before{content:"\e261"}.mi-shortcut::before{content:"\f060"}.mi-show-chart::before{content:"\e6e1"}.mi-shower::before{content:"\f061"}.mi-shuffle::before{content:"\e043"}.mi-shuffle-on::before{content:"\e9e1"}.mi-shutter-speed::before{content:"\e43d"}.mi-sick::before{content:"\f220"}.mi-sign-language::before{content:"\ebe5"}.mi-signal-cellular-0-bar::before{content:"\f0a8"}.mi-signal-cellular-1-bar::before{content:"\f0a9"}.mi-signal-cellular-2-bar::before{content:"\f0aa"}.mi-signal-cellular-3-bar::before{content:"\f0ab"}.mi-signal-cellular-4-bar::before{content:"\e1c8"}.mi-signal-cellular-alt::before{content:"\e202"}.mi-signal-cellular-alt-1-bar::before{content:"\ebdf"}.mi-signal-cellular-alt-2-bar::before{content:"\ebe3"}.mi-signal-cellular-connected-no-internet-0-bar::before{content:"\f0ac"}.mi-signal-cellular-connected-no-internet-1-bar::before{content:"\f0ad"}.mi-signal-cellular-connected-no-internet-2-bar::before{content:"\f0ae"}.mi-signal-cellular-connected-no-internet-3-bar::before{content:"\f0af"}.mi-signal-cellular-connected-no-internet-4-bar::before{content:"\e1cd"}.mi-signal-cellular-no-sim::before{content:"\e1ce"}.mi-signal-cellular-nodata::before{content:"\f062"}.mi-signal-cellular-null::before{content:"\e1cf"}.mi-signal-cellular-off::before{content:"\e1d0"}.mi-signal-wifi-0-bar::before{content:"\f0b0"}.mi-signal-wifi-1-bar::before{content:"\f0b1"}.mi-signal-wifi-1-bar-lock::before{content:"\f0b2"}.mi-signal-wifi-2-bar::before{content:"\f0b3"}.mi-signal-wifi-2-bar-lock::before{content:"\f0b4"}.mi-signal-wifi-3-bar::before{content:"\f0b5"}.mi-signal-wifi-3-bar-lock::before{content:"\f0b6"}.mi-signal-wifi-4-bar::before{content:"\e1d8"}.mi-signal-wifi-4-bar-lock::before{content:"\e1d9"}.mi-signal-wifi-bad::before{content:"\f063"}.mi-signal-wifi-connected-no-internet-0::before{content:"\f0f2"}.mi-signal-wifi-connected-no-internet-1::before{content:"\f0ee"}.mi-signal-wifi-connected-no-internet-2::before{content:"\f0f1"}.mi-signal-wifi-connected-no-internet-3::before{content:"\f0ed"}.mi-signal-wifi-connected-no-internet-4::before{content:"\f064"}.mi-signal-wifi-off::before{content:"\e1da"}.mi-signal-wifi-statusbar-1-bar::before{content:"\f0e6"}.mi-signal-wifi-statusbar-2-bar::before{content:"\f0f0"}.mi-signal-wifi-statusbar-3-bar::before{content:"\f0ea"}.mi-signal-wifi-statusbar-4-bar::before{content:"\f065"}.mi-signal-wifi-statusbar-connected-no-internet::before{content:"\f0f8"}.mi-signal-wifi-statusbar-connected-no-internet-1::before{content:"\f0e9"}.mi-signal-wifi-statusbar-connected-no-internet-2::before{content:"\f0f7"}.mi-signal-wifi-statusbar-connected-no-internet-3::before{content:"\f0e8"}.mi-signal-wifi-statusbar-connected-no-internet-4::before{content:"\f066"}.mi-signal-wifi-statusbar-not-connected::before{content:"\f0ef"}.mi-signal-wifi-statusbar-null::before{content:"\f067"}.mi-signpost::before{content:"\eb91"}.mi-sim-card::before{content:"\e32b"}.mi-sim-card-alert::before{content:"\e624"}.mi-sim-card-download::before{content:"\f068"}.mi-single-bed::before{content:"\ea48"}.mi-sip::before{content:"\f069"}.mi-skateboarding::before{content:"\e511"}.mi-skip-next::before{content:"\e044"}.mi-skip-previous::before{content:"\e045"}.mi-sledding::before{content:"\e512"}.mi-slideshow::before{content:"\e41b"}.mi-slow-motion-video::before{content:"\e068"}.mi-smart-button::before{content:"\f1c1"}.mi-smart-display::before{content:"\f06a"}.mi-smart-screen::before{content:"\f06b"}.mi-smart-toy::before{content:"\f06c"}.mi-smartphone::before{content:"\e32c"}.mi-smoke-free::before{content:"\eb4a"}.mi-smoking-rooms::before{content:"\eb4b"}.mi-sms::before{content:"\e625"}.mi-sms-failed::before{content:"\e626"}.mi-snapchat::before{content:"\ea6e"}.mi-snippet-folder::before{content:"\f1c7"}.mi-snooze::before{content:"\e046"}.mi-snowboarding::before{content:"\e513"}.mi-snowing::before{content:"\e80f"}.mi-snowmobile::before{content:"\e503"}.mi-snowshoeing::before{content:"\e514"}.mi-soap::before{content:"\f1b2"}.mi-social-distance::before{content:"\e1cb"}.mi-solar-power::before{content:"\ec0f"}.mi-sort::before{content:"\e164"}.mi-sort-by-alpha::before{content:"\e053"}.mi-sos::before{content:"\ebf7"}.mi-soup-kitchen::before{content:"\e7d3"}.mi-source::before{content:"\f1c4"}.mi-south::before{content:"\f1e3"}.mi-south-america::before{content:"\e7e4"}.mi-south-east::before{content:"\f1e4"}.mi-south-west::before{content:"\f1e5"}.mi-spa::before{content:"\eb4c"}.mi-space-bar::before{content:"\e256"}.mi-space-dashboard::before{content:"\e66b"}.mi-spatial-audio::before{content:"\ebeb"}.mi-spatial-audio-off::before{content:"\ebe8"}.mi-spatial-tracking::before{content:"\ebea"}.mi-speaker::before{content:"\e32d"}.mi-speaker-group::before{content:"\e32e"}.mi-speaker-notes::before{content:"\e8cd"}.mi-speaker-notes-off::before{content:"\e92a"}.mi-speaker-phone::before{content:"\e0d2"}.mi-speed::before{content:"\e9e4"}.mi-spellcheck::before{content:"\e8ce"}.mi-splitscreen::before{content:"\f06d"}.mi-spoke::before{content:"\e9a7"}.mi-sports::before{content:"\ea30"}.mi-sports-bar::before{content:"\f1f3"}.mi-sports-baseball::before{content:"\ea51"}.mi-sports-basketball::before{content:"\ea26"}.mi-sports-cricket::before{content:"\ea27"}.mi-sports-esports::before{content:"\ea28"}.mi-sports-football::before{content:"\ea29"}.mi-sports-golf::before{content:"\ea2a"}.mi-sports-gymnastics::before{content:"\ebc4"}.mi-sports-handball::before{content:"\ea33"}.mi-sports-hockey::before{content:"\ea2b"}.mi-sports-kabaddi::before{content:"\ea34"}.mi-sports-martial-arts::before{content:"\eae9"}.mi-sports-mma::before{content:"\ea2c"}.mi-sports-motorsports::before{content:"\ea2d"}.mi-sports-rugby::before{content:"\ea2e"}.mi-sports-score::before{content:"\f06e"}.mi-sports-soccer::before{content:"\ea2f"}.mi-sports-tennis::before{content:"\ea32"}.mi-sports-volleyball::before{content:"\ea31"}.mi-square::before{content:"\eb36"}.mi-square-foot::before{content:"\ea49"}.mi-ssid-chart::before{content:"\eb66"}.mi-stacked-bar-chart::before{content:"\e9e6"}.mi-stacked-line-chart::before{content:"\f22b"}.mi-stadium::before{content:"\eb90"}.mi-stairs::before{content:"\f1a9"}.mi-star::before{content:"\e838"}.mi-star-border::before{content:"\e83a"}.mi-star-border-purple500::before{content:"\f099"}.mi-star-half::before{content:"\e839"}.mi-star-outline::before{content:"\f06f"}.mi-star-purple500::before{content:"\f09a"}.mi-star-rate::before{content:"\f0ec"}.mi-stars::before{content:"\e8d0"}.mi-start::before{content:"\e089"}.mi-stay-current-landscape::before{content:"\e0d3"}.mi-stay-current-portrait::before{content:"\e0d4"}.mi-stay-primary-landscape::before{content:"\e0d5"}.mi-stay-primary-portrait::before{content:"\e0d6"}.mi-sticky-note-2::before{content:"\f1fc"}.mi-stop::before{content:"\e047"}.mi-stop-circle::before{content:"\ef71"}.mi-stop-screen-share::before{content:"\e0e3"}.mi-storage::before{content:"\e1db"}.mi-store::before{content:"\e8d1"}.mi-store-mall-directory::before{content:"\e563"}.mi-storefront::before{content:"\ea12"}.mi-storm::before{content:"\f070"}.mi-straight::before{content:"\eb95"}.mi-straighten::before{content:"\e41c"}.mi-stream::before{content:"\e9e9"}.mi-streetview::before{content:"\e56e"}.mi-strikethrough-s::before{content:"\e257"}.mi-stroller::before{content:"\f1ae"}.mi-style::before{content:"\e41d"}.mi-subdirectory-arrow-left::before{content:"\e5d9"}.mi-subdirectory-arrow-right::before{content:"\e5da"}.mi-subject::before{content:"\e8d2"}.mi-subscript::before{content:"\f111"}.mi-subscriptions::before{content:"\e064"}.mi-subtitles::before{content:"\e048"}.mi-subtitles-off::before{content:"\ef72"}.mi-subway::before{content:"\e56f"}.mi-summarize::before{content:"\f071"}.mi-sunny::before{content:"\e81a"}.mi-sunny-snowing::before{content:"\e819"}.mi-superscript::before{content:"\f112"}.mi-supervised-user-circle::before{content:"\e939"}.mi-supervisor-account::before{content:"\e8d3"}.mi-support::before{content:"\ef73"}.mi-support-agent::before{content:"\f0e2"}.mi-surfing::before{content:"\e515"}.mi-surround-sound::before{content:"\e049"}.mi-swap-calls::before{content:"\e0d7"}.mi-swap-horiz::before{content:"\e8d4"}.mi-swap-horizontal-circle::before{content:"\e933"}.mi-swap-vert::before{content:"\e8d5"}.mi-swap-vert-circle::before{content:"\e8d6"}.mi-swap-vertical-circle::before{content:"\e8d6"}.mi-swipe::before{content:"\e9ec"}.mi-swipe-down::before{content:"\eb53"}.mi-swipe-down-alt::before{content:"\eb30"}.mi-swipe-left::before{content:"\eb59"}.mi-swipe-left-alt::before{content:"\eb33"}.mi-swipe-right::before{content:"\eb52"}.mi-swipe-right-alt::before{content:"\eb56"}.mi-swipe-up::before{content:"\eb2e"}.mi-swipe-up-alt::before{content:"\eb35"}.mi-swipe-vertical::before{content:"\eb51"}.mi-switch-access-shortcut::before{content:"\e7e1"}.mi-switch-access-shortcut-add::before{content:"\e7e2"}.mi-switch-account::before{content:"\e9ed"}.mi-switch-camera::before{content:"\e41e"}.mi-switch-left::before{content:"\f1d1"}.mi-switch-right::before{content:"\f1d2"}.mi-switch-video::before{content:"\e41f"}.mi-synagogue::before{content:"\eab0"}.mi-sync::before{content:"\e627"}.mi-sync-alt::before{content:"\ea18"}.mi-sync-disabled::before{content:"\e628"}.mi-sync-lock::before{content:"\eaee"}.mi-sync-problem::before{content:"\e629"}.mi-system-security-update::before{content:"\f072"}.mi-system-security-update-good::before{content:"\f073"}.mi-system-security-update-warning::before{content:"\f074"}.mi-system-update::before{content:"\e62a"}.mi-system-update-alt::before{content:"\e8d7"}.mi-system-update-tv::before{content:"\e8d7"}.mi-tab::before{content:"\e8d8"}.mi-tab-unselected::before{content:"\e8d9"}.mi-table-bar::before{content:"\ead2"}.mi-table-chart::before{content:"\e265"}.mi-table-restaurant::before{content:"\eac6"}.mi-table-rows::before{content:"\f101"}.mi-table-view::before{content:"\f1be"}.mi-tablet::before{content:"\e32f"}.mi-tablet-android::before{content:"\e330"}.mi-tablet-mac::before{content:"\e331"}.mi-tag::before{content:"\e9ef"}.mi-tag-faces::before{content:"\e420"}.mi-takeout-dining::before{content:"\ea74"}.mi-tap-and-play::before{content:"\e62b"}.mi-tapas::before{content:"\f1e9"}.mi-task::before{content:"\f075"}.mi-task-alt::before{content:"\e2e6"}.mi-taxi-alert::before{content:"\ef74"}.mi-telegram::before{content:"\ea6b"}.mi-temple-buddhist::before{content:"\eab3"}.mi-temple-hindu::before{content:"\eaaf"}.mi-terminal::before{content:"\eb8e"}.mi-terrain::before{content:"\e564"}.mi-text-decrease::before{content:"\eadd"}.mi-text-fields::before{content:"\e262"}.mi-text-format::before{content:"\e165"}.mi-text-increase::before{content:"\eae2"}.mi-text-rotate-up::before{content:"\e93a"}.mi-text-rotate-vertical::before{content:"\e93b"}.mi-text-rotation-angledown::before{content:"\e93c"}.mi-text-rotation-angleup::before{content:"\e93d"}.mi-text-rotation-down::before{content:"\e93e"}.mi-text-rotation-none::before{content:"\e93f"}.mi-text-snippet::before{content:"\f1c6"}.mi-textsms::before{content:"\e0d8"}.mi-texture::before{content:"\e421"}.mi-theater-comedy::before{content:"\ea66"}.mi-theaters::before{content:"\e8da"}.mi-thermostat::before{content:"\f076"}.mi-thermostat-auto::before{content:"\f077"}.mi-thumb-down::before{content:"\e8db"}.mi-thumb-down-alt::before{content:"\e816"}.mi-thumb-down-off-alt::before{content:"\e9f2"}.mi-thumb-up::before{content:"\e8dc"}.mi-thumb-up-alt::before{content:"\e817"}.mi-thumb-up-off-alt::before{content:"\e9f3"}.mi-thumbs-up-down::before{content:"\e8dd"}.mi-thunderstorm::before{content:"\ebdb"}.mi-tiktok::before{content:"\ea7e"}.mi-time-to-leave::before{content:"\e62c"}.mi-timelapse::before{content:"\e422"}.mi-timeline::before{content:"\e922"}.mi-timer::before{content:"\e425"}.mi-timer-10::before{content:"\e423"}.mi-timer-10-select::before{content:"\f07a"}.mi-timer-3::before{content:"\e424"}.mi-timer-3-select::before{content:"\f07b"}.mi-timer-off::before{content:"\e426"}.mi-tips-and-updates::before{content:"\e79a"}.mi-tire-repair::before{content:"\ebc8"}.mi-title::before{content:"\e264"}.mi-toc::before{content:"\e8de"}.mi-today::before{content:"\e8df"}.mi-toggle-off::before{content:"\e9f5"}.mi-toggle-on::before{content:"\e9f6"}.mi-token::before{content:"\ea25"}.mi-toll::before{content:"\e8e0"}.mi-tonality::before{content:"\e427"}.mi-topic::before{content:"\f1c8"}.mi-tornado::before{content:"\e199"}.mi-touch-app::before{content:"\e913"}.mi-tour::before{content:"\ef75"}.mi-toys::before{content:"\e332"}.mi-track-changes::before{content:"\e8e1"}.mi-traffic::before{content:"\e565"}.mi-train::before{content:"\e570"}.mi-tram::before{content:"\e571"}.mi-transcribe::before{content:"\f8ec"}.mi-transfer-within-a-station::before{content:"\e572"}.mi-transform::before{content:"\e428"}.mi-transgender::before{content:"\e58d"}.mi-transit-enterexit::before{content:"\e579"}.mi-translate::before{content:"\e8e2"}.mi-travel-explore::before{content:"\e2db"}.mi-trending-down::before{content:"\e8e3"}.mi-trending-flat::before{content:"\e8e4"}.mi-trending-neutral::before{content:"\e8e4"}.mi-trending-up::before{content:"\e8e5"}.mi-trip-origin::before{content:"\e57b"}.mi-trolley::before{content:"\f86b"}.mi-troubleshoot::before{content:"\e1d2"}.mi-try::before{content:"\f07c"}.mi-tsunami::before{content:"\ebd8"}.mi-tty::before{content:"\f1aa"}.mi-tune::before{content:"\e429"}.mi-tungsten::before{content:"\f07d"}.mi-turn-left::before{content:"\eba6"}.mi-turn-right::before{content:"\ebab"}.mi-turn-sharp-left::before{content:"\eba7"}.mi-turn-sharp-right::before{content:"\ebaa"}.mi-turn-slight-left::before{content:"\eba4"}.mi-turn-slight-right::before{content:"\eb9a"}.mi-turned-in::before{content:"\e8e6"}.mi-turned-in-not::before{content:"\e8e7"}.mi-tv::before{content:"\e333"}.mi-tv-off::before{content:"\e647"}.mi-two-wheeler::before{content:"\e9f9"}.mi-type-specimen::before{content:"\f8f0"}.mi-u-turn-left::before{content:"\eba1"}.mi-u-turn-right::before{content:"\eba2"}.mi-umbrella::before{content:"\f1ad"}.mi-unarchive::before{content:"\e169"}.mi-undo::before{content:"\e166"}.mi-unfold-less::before{content:"\e5d6"}.mi-unfold-less-double::before{content:"\f8cf"}.mi-unfold-more::before{content:"\e5d7"}.mi-unfold-more-double::before{content:"\f8d0"}.mi-unpublished::before{content:"\f236"}.mi-unsubscribe::before{content:"\e0eb"}.mi-upcoming::before{content:"\f07e"}.mi-update::before{content:"\e923"}.mi-update-disabled::before{content:"\e075"}.mi-upgrade::before{content:"\f0fb"}.mi-upload::before{content:"\f09b"}.mi-upload-file::before{content:"\e9fc"}.mi-usb::before{content:"\e1e0"}.mi-usb-off::before{content:"\e4fa"}.mi-vaccines::before{content:"\e138"}.mi-vape-free::before{content:"\ebc6"}.mi-vaping-rooms::before{content:"\ebcf"}.mi-verified::before{content:"\ef76"}.mi-verified-user::before{content:"\e8e8"}.mi-vertical-align-bottom::before{content:"\e258"}.mi-vertical-align-center::before{content:"\e259"}.mi-vertical-align-top::before{content:"\e25a"}.mi-vertical-distribute::before{content:"\e076"}.mi-vertical-shades::before{content:"\ec0e"}.mi-vertical-shades-closed::before{content:"\ec0d"}.mi-vertical-split::before{content:"\e949"}.mi-vibration::before{content:"\e62d"}.mi-video-call::before{content:"\e070"}.mi-video-camera-back::before{content:"\f07f"}.mi-video-camera-front::before{content:"\f080"}.mi-video-chat::before{content:"\f8a0"}.mi-video-collection::before{content:"\e04a"}.mi-video-file::before{content:"\eb87"}.mi-video-label::before{content:"\e071"}.mi-video-library::before{content:"\e04a"}.mi-video-settings::before{content:"\ea75"}.mi-video-stable::before{content:"\f081"}.mi-videocam::before{content:"\e04b"}.mi-videocam-off::before{content:"\e04c"}.mi-videogame-asset::before{content:"\e338"}.mi-videogame-asset-off::before{content:"\e500"}.mi-view-agenda::before{content:"\e8e9"}.mi-view-array::before{content:"\e8ea"}.mi-view-carousel::before{content:"\e8eb"}.mi-view-column::before{content:"\e8ec"}.mi-view-comfortable::before{content:"\e42a"}.mi-view-comfy::before{content:"\e42a"}.mi-view-comfy-alt::before{content:"\eb73"}.mi-view-compact::before{content:"\e42b"}.mi-view-compact-alt::before{content:"\eb74"}.mi-view-cozy::before{content:"\eb75"}.mi-view-day::before{content:"\e8ed"}.mi-view-headline::before{content:"\e8ee"}.mi-view-in-ar::before{content:"\e9fe"}.mi-view-kanban::before{content:"\eb7f"}.mi-view-list::before{content:"\e8ef"}.mi-view-module::before{content:"\e8f0"}.mi-view-quilt::before{content:"\e8f1"}.mi-view-sidebar::before{content:"\f114"}.mi-view-stream::before{content:"\e8f2"}.mi-view-timeline::before{content:"\eb85"}.mi-view-week::before{content:"\e8f3"}.mi-vignette::before{content:"\e435"}.mi-villa::before{content:"\e586"}.mi-visibility::before{content:"\e8f4"}.mi-visibility-off::before{content:"\e8f5"}.mi-voice-chat::before{content:"\e62e"}.mi-voice-over-off::before{content:"\e94a"}.mi-voicemail::before{content:"\e0d9"}.mi-volcano::before{content:"\ebda"}.mi-volume-down::before{content:"\e04d"}.mi-volume-down-alt::before{content:"\e79c"}.mi-volume-mute::before{content:"\e04e"}.mi-volume-off::before{content:"\e04f"}.mi-volume-up::before{content:"\e050"}.mi-volunteer-activism::before{content:"\ea70"}.mi-vpn-key::before{content:"\e0da"}.mi-vpn-key-off::before{content:"\eb7a"}.mi-vpn-lock::before{content:"\e62f"}.mi-vrpano::before{content:"\f082"}.mi-wallet::before{content:"\f8ff"}.mi-wallet-giftcard::before{content:"\e8f6"}.mi-wallet-membership::before{content:"\e8f7"}.mi-wallet-travel::before{content:"\e8f8"}.mi-wallpaper::before{content:"\e1bc"}.mi-warehouse::before{content:"\ebb8"}.mi-warning::before{content:"\e002"}.mi-warning-amber::before{content:"\f083"}.mi-wash::before{content:"\f1b1"}.mi-watch::before{content:"\e334"}.mi-watch-later::before{content:"\e924"}.mi-watch-off::before{content:"\eae3"}.mi-water::before{content:"\f084"}.mi-water-damage::before{content:"\f203"}.mi-water-drop::before{content:"\e798"}.mi-waterfall-chart::before{content:"\ea00"}.mi-waves::before{content:"\e176"}.mi-waving-hand::before{content:"\e766"}.mi-wb-auto::before{content:"\e42c"}.mi-wb-cloudy::before{content:"\e42d"}.mi-wb-incandescent::before{content:"\e42e"}.mi-wb-iridescent::before{content:"\e436"}.mi-wb-shade::before{content:"\ea01"}.mi-wb-sunny::before{content:"\e430"}.mi-wb-twighlight::before{content:"\ea02"}.mi-wb-twilight::before{content:"\e1c6"}.mi-wc::before{content:"\e63d"}.mi-web::before{content:"\e051"}.mi-web-asset::before{content:"\e069"}.mi-web-asset-off::before{content:"\e4f7"}.mi-web-stories::before{content:"\e595"}.mi-webhook::before{content:"\eb92"}.mi-wechat::before{content:"\ea81"}.mi-weekend::before{content:"\e16b"}.mi-west::before{content:"\f1e6"}.mi-whatshot::before{content:"\e80e"}.mi-wheelchair-pickup::before{content:"\f1ab"}.mi-where-to-vote::before{content:"\e177"}.mi-widgets::before{content:"\e1bd"}.mi-width-full::before{content:"\f8f5"}.mi-width-normal::before{content:"\f8f6"}.mi-width-wide::before{content:"\f8f7"}.mi-wifi::before{content:"\e63e"}.mi-wifi-1-bar::before{content:"\e4ca"}.mi-wifi-2-bar::before{content:"\e4d9"}.mi-wifi-calling::before{content:"\ef77"}.mi-wifi-calling-1::before{content:"\f0e7"}.mi-wifi-calling-2::before{content:"\f0f6"}.mi-wifi-calling-3::before{content:"\f085"}.mi-wifi-channel::before{content:"\eb6a"}.mi-wifi-find::before{content:"\eb31"}.mi-wifi-lock::before{content:"\e1e1"}.mi-wifi-off::before{content:"\e648"}.mi-wifi-password::before{content:"\eb6b"}.mi-wifi-protected-setup::before{content:"\f0fc"}.mi-wifi-tethering::before{content:"\e1e2"}.mi-wifi-tethering-error::before{content:"\ead9"}.mi-wifi-tethering-error-rounded::before{content:"\f086"}.mi-wifi-tethering-off::before{content:"\f087"}.mi-wind-power::before{content:"\ec0c"}.mi-window::before{content:"\f088"}.mi-wine-bar::before{content:"\f1e8"}.mi-woman::before{content:"\e13e"}.mi-woman-2::before{content:"\f8e7"}.mi-woo-commerce::before{content:"\ea6d"}.mi-wordpress::before{content:"\ea9f"}.mi-work::before{content:"\e8f9"}.mi-work-history::before{content:"\ec09"}.mi-work-off::before{content:"\e942"}.mi-work-outline::before{content:"\e943"}.mi-workspace-premium::before{content:"\e7af"}.mi-workspaces::before{content:"\e1a0"}.mi-workspaces-filled::before{content:"\ea0d"}.mi-workspaces-outline::before{content:"\ea0f"}.mi-wrap-text::before{content:"\e25b"}.mi-wrong-location::before{content:"\ef78"}.mi-wysiwyg::before{content:"\f1c3"}.mi-yard::before{content:"\f089"}.mi-youtube-searched-for::before{content:"\e8fa"}.mi-zoom-in::before{content:"\e8ff"}.mi-zoom-in-map::before{content:"\eb2d"}.mi-zoom-out::before{content:"\e900"}.mi-zoom-out-map::before{content:"\e56b"} /** * @deprecated As of 1.0, use .material-icons instead of .mi */ .mi { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } /** * @deprecated As of 1.0, use .material-icons-outlined instead of .mi-outlined */ .mi-outlined { font-family: "Material Icons Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } /** * @deprecated As of 1.0, use .material-icons-round instead of .mi-round */ .mi-round { font-family: "Material Icons Round"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } /** * @deprecated As of 1.0, use .material-icons-sharp instead of .mi-sharp */ .mi-sharp { font-family: "Material Icons Sharp"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } /** * @deprecated As of 1.0, use .material-icons-two-tone instead of .mi-two-tone */ .mi-two-tone { font-family: "Material Icons Two Tone"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } .mi-123::before { content: "\eb8d"; } .mi-360::before { content: "\e577"; } .mi-10k::before { content: "\e951"; } .mi-10mp::before { content: "\e952"; } .mi-11mp::before { content: "\e953"; } .mi-12mp::before { content: "\e954"; } .mi-13mp::before { content: "\e955"; } .mi-14mp::before { content: "\e956"; } .mi-15mp::before { content: "\e957"; } .mi-16mp::before { content: "\e958"; } .mi-17mp::before { content: "\e959"; } .mi-18-up-rating::before { content: "\f8fd"; } .mi-18mp::before { content: "\e95a"; } .mi-19mp::before { content: "\e95b"; } .mi-1k::before { content: "\e95c"; } .mi-1k-plus::before { content: "\e95d"; } .mi-1x-mobiledata::before { content: "\efcd"; } .mi-20mp::before { content: "\e95e"; } .mi-21mp::before { content: "\e95f"; } .mi-22mp::before { content: "\e960"; } .mi-23mp::before { content: "\e961"; } .mi-24mp::before { content: "\e962"; } .mi-2k::before { content: "\e963"; } .mi-2k-plus::before { content: "\e964"; } .mi-2mp::before { content: "\e965"; } .mi-30fps::before { content: "\efce"; } .mi-30fps-select::before { content: "\efcf"; } .mi-3d-rotation::before { content: "\e84d"; } .mi-3g-mobiledata::before { content: "\efd0"; } .mi-3k::before { content: "\e966"; } .mi-3k-plus::before { content: "\e967"; } .mi-3mp::before { content: "\e968"; } .mi-3p::before { content: "\efd1"; } .mi-4g-mobiledata::before { content: "\efd2"; } .mi-4g-plus-mobiledata::before { content: "\efd3"; } .mi-4k::before { content: "\e072"; } .mi-4k-plus::before { content: "\e969"; } .mi-4mp::before { content: "\e96a"; } .mi-5g::before { content: "\ef38"; } .mi-5k::before { content: "\e96b"; } .mi-5k-plus::before { content: "\e96c"; } .mi-5mp::before { content: "\e96d"; } .mi-60fps::before { content: "\efd4"; } .mi-60fps-select::before { content: "\efd5"; } .mi-6-ft-apart::before { content: "\f21e"; } .mi-6k::before { content: "\e96e"; } .mi-6k-plus::before { content: "\e96f"; } .mi-6mp::before { content: "\e970"; } .mi-7k::before { content: "\e971"; } .mi-7k-plus::before { content: "\e972"; } .mi-7mp::before { content: "\e973"; } .mi-8k::before { content: "\e974"; } .mi-8k-plus::before { content: "\e975"; } .mi-8mp::before { content: "\e976"; } .mi-9k::before { content: "\e977"; } .mi-9k-plus::before { content: "\e978"; } .mi-9mp::before { content: "\e979"; } .mi-abc::before { content: "\eb94"; } .mi-ac-unit::before { content: "\eb3b"; } .mi-access-alarm::before { content: "\e190"; } .mi-access-alarms::before { content: "\e191"; } .mi-access-time::before { content: "\e192"; } .mi-access-time-filled::before { content: "\efd6"; } .mi-accessibility::before { content: "\e84e"; } .mi-accessibility-new::before { content: "\e92c"; } .mi-accessible::before { content: "\e914"; } .mi-accessible-forward::before { content: "\e934"; } .mi-account-balance::before { content: "\e84f"; } .mi-account-balance-wallet::before { content: "\e850"; } .mi-account-box::before { content: "\e851"; } .mi-account-circle::before { content: "\e853"; } .mi-account-tree::before { content: "\e97a"; } .mi-ad-units::before { content: "\ef39"; } .mi-adb::before { content: "\e60e"; } .mi-add::before { content: "\e145"; } .mi-add-a-photo::before { content: "\e439"; } .mi-add-alarm::before { content: "\e193"; } .mi-add-alert::before { content: "\e003"; } .mi-add-box::before { content: "\e146"; } .mi-add-business::before { content: "\e729"; } .mi-add-call::before { content: "\e0e8"; } .mi-add-card::before { content: "\eb86"; } .mi-add-chart::before { content: "\e97b"; } .mi-add-circle::before { content: "\e147"; } .mi-add-circle-outline::before { content: "\e148"; } .mi-add-comment::before { content: "\e266"; } .mi-add-home::before { content: "\f8eb"; } .mi-add-home-work::before { content: "\f8ed"; } .mi-add-ic-call::before { content: "\e97c"; } .mi-add-link::before { content: "\e178"; } .mi-add-location::before { content: "\e567"; } .mi-add-location-alt::before { content: "\ef3a"; } .mi-add-moderator::before { content: "\e97d"; } .mi-add-photo-alternate::before { content: "\e43e"; } .mi-add-reaction::before { content: "\e1d3"; } .mi-add-road::before { content: "\ef3b"; } .mi-add-shopping-cart::before { content: "\e854"; } .mi-add-task::before { content: "\f23a"; } .mi-add-to-drive::before { content: "\e65c"; } .mi-add-to-home-screen::before { content: "\e1fe"; } .mi-add-to-photos::before { content: "\e39d"; } .mi-add-to-queue::before { content: "\e05c"; } .mi-addchart::before { content: "\ef3c"; } .mi-adf-scanner::before { content: "\eada"; } .mi-adjust::before { content: "\e39e"; } .mi-admin-panel-settings::before { content: "\ef3d"; } .mi-adobe::before { content: "\ea96"; } .mi-ads-click::before { content: "\e762"; } .mi-agriculture::before { content: "\ea79"; } .mi-air::before { content: "\efd8"; } .mi-airline-seat-flat::before { content: "\e630"; } .mi-airline-seat-flat-angled::before { content: "\e631"; } .mi-airline-seat-individual-suite::before { content: "\e632"; } .mi-airline-seat-legroom-extra::before { content: "\e633"; } .mi-airline-seat-legroom-normal::before { content: "\e634"; } .mi-airline-seat-legroom-reduced::before { content: "\e635"; } .mi-airline-seat-recline-extra::before { content: "\e636"; } .mi-airline-seat-recline-normal::before { content: "\e637"; } .mi-airline-stops::before { content: "\e7d0"; } .mi-airlines::before { content: "\e7ca"; } .mi-airplane-ticket::before { content: "\efd9"; } .mi-airplanemode-active::before { content: "\e195"; } .mi-airplanemode-inactive::before { content: "\e194"; } .mi-airplanemode-off::before { content: "\e194"; } .mi-airplanemode-on::before { content: "\e195"; } .mi-airplay::before { content: "\e055"; } .mi-airport-shuttle::before { content: "\eb3c"; } .mi-alarm::before { content: "\e855"; } .mi-alarm-add::before { content: "\e856"; } .mi-alarm-off::before { content: "\e857"; } .mi-alarm-on::before { content: "\e858"; } .mi-album::before { content: "\e019"; } .mi-align-horizontal-center::before { content: "\e00f"; } .mi-align-horizontal-left::before { content: "\e00d"; } .mi-align-horizontal-right::before { content: "\e010"; } .mi-align-vertical-bottom::before { content: "\e015"; } .mi-align-vertical-center::before { content: "\e011"; } .mi-align-vertical-top::before { content: "\e00c"; } .mi-all-inbox::before { content: "\e97f"; } .mi-all-inclusive::before { content: "\eb3d"; } .mi-all-out::before { content: "\e90b"; } .mi-alt-route::before { content: "\f184"; } .mi-alternate-email::before { content: "\e0e6"; } .mi-amp-stories::before { content: "\ea13"; } .mi-analytics::before { content: "\ef3e"; } .mi-anchor::before { content: "\f1cd"; } .mi-android::before { content: "\e859"; } .mi-animation::before { content: "\e71c"; } .mi-announcement::before { content: "\e85a"; } .mi-aod::before { content: "\efda"; } .mi-apartment::before { content: "\ea40"; } .mi-api::before { content: "\f1b7"; } .mi-app-blocking::before { content: "\ef3f"; } .mi-app-registration::before { content: "\ef40"; } .mi-app-settings-alt::before { content: "\ef41"; } .mi-app-shortcut::before { content: "\eae4"; } .mi-apple::before { content: "\ea80"; } .mi-approval::before { content: "\e982"; } .mi-apps::before { content: "\e5c3"; } .mi-apps-outage::before { content: "\e7cc"; } .mi-architecture::before { content: "\ea3b"; } .mi-archive::before { content: "\e149"; } .mi-area-chart::before { content: "\e770"; } .mi-arrow-back::before { content: "\e5c4"; } .mi-arrow-back-ios::before { content: "\e5e0"; } .mi-arrow-back-ios-new::before { content: "\e2ea"; } .mi-arrow-circle-down::before { content: "\f181"; } .mi-arrow-circle-left::before { content: "\eaa7"; } .mi-arrow-circle-right::before { content: "\eaaa"; } .mi-arrow-circle-up::before { content: "\f182"; } .mi-arrow-downward::before { content: "\e5db"; } .mi-arrow-drop-down::before { content: "\e5c5"; } .mi-arrow-drop-down-circle::before { content: "\e5c6"; } .mi-arrow-drop-up::before { content: "\e5c7"; } .mi-arrow-forward::before { content: "\e5c8"; } .mi-arrow-forward-ios::before { content: "\e5e1"; } .mi-arrow-left::before { content: "\e5de"; } .mi-arrow-outward::before { content: "\f8ce"; } .mi-arrow-right::before { content: "\e5df"; } .mi-arrow-right-alt::before { content: "\e941"; } .mi-arrow-upward::before { content: "\e5d8"; } .mi-art-track::before { content: "\e060"; } .mi-article::before { content: "\ef42"; } .mi-aspect-ratio::before { content: "\e85b"; } .mi-assessment::before { content: "\e85c"; } .mi-assignment::before { content: "\e85d"; } .mi-assignment-add::before { content: "\f848"; } .mi-assignment-ind::before { content: "\e85e"; } .mi-assignment-late::before { content: "\e85f"; } .mi-assignment-return::before { content: "\e860"; } .mi-assignment-returned::before { content: "\e861"; } .mi-assignment-turned-in::before { content: "\e862"; } .mi-assist-walker::before { content: "\f8d5"; } .mi-assistant::before { content: "\e39f"; } .mi-assistant-direction::before { content: "\e988"; } .mi-assistant-navigation::before { content: "\e989"; } .mi-assistant-photo::before { content: "\e3a0"; } .mi-assured-workload::before { content: "\eb6f"; } .mi-atm::before { content: "\e573"; } .mi-attach-email::before { content: "\ea5e"; } .mi-attach-file::before { content: "\e226"; } .mi-attach-money::before { content: "\e227"; } .mi-attachment::before { content: "\e2bc"; } .mi-attractions::before { content: "\ea52"; } .mi-attribution::before { content: "\efdb"; } .mi-audio-file::before { content: "\eb82"; } .mi-audiotrack::before { content: "\e3a1"; } .mi-auto-awesome::before { content: "\e65f"; } .mi-auto-awesome-mosaic::before { content: "\e660"; } .mi-auto-awesome-motion::before { content: "\e661"; } .mi-auto-delete::before { content: "\ea4c"; } .mi-auto-fix-high::before { content: "\e663"; } .mi-auto-fix-normal::before { content: "\e664"; } .mi-auto-fix-off::before { content: "\e665"; } .mi-auto-graph::before { content: "\e4fb"; } .mi-auto-mode::before { content: "\ec20"; } .mi-auto-stories::before { content: "\e666"; } .mi-autofps-select::before { content: "\efdc"; } .mi-autorenew::before { content: "\e863"; } .mi-av-timer::before { content: "\e01b"; } .mi-baby-changing-station::before { content: "\f19b"; } .mi-back-hand::before { content: "\e764"; } .mi-backpack::before { content: "\f19c"; } .mi-backspace::before { content: "\e14a"; } .mi-backup::before { content: "\e864"; } .mi-backup-table::before { content: "\ef43"; } .mi-badge::before { content: "\ea67"; } .mi-bakery-dining::before { content: "\ea53"; } .mi-balance::before { content: "\eaf6"; } .mi-balcony::before { content: "\e58f"; } .mi-ballot::before { content: "\e172"; } .mi-bar-chart::before { content: "\e26b"; } .mi-barcode-reader::before { content: "\f85c"; } .mi-batch-prediction::before { content: "\f0f5"; } .mi-bathroom::before { content: "\efdd"; } .mi-bathtub::before { content: "\ea41"; } .mi-battery-0-bar::before { content: "\ebdc"; } .mi-battery-1-bar::before { content: "\ebd9"; } .mi-battery-20::before { content: "\f09c"; } .mi-battery-2-bar::before { content: "\ebe0"; } .mi-battery-30::before { content: "\f09d"; } .mi-battery-3-bar::before { content: "\ebdd"; } .mi-battery-4-bar::before { content: "\ebe2"; } .mi-battery-50::before { content: "\f09e"; } .mi-battery-5-bar::before { content: "\ebd4"; } .mi-battery-60::before { content: "\f09f"; } .mi-battery-6-bar::before { content: "\ebd2"; } .mi-battery-80::before { content: "\f0a0"; } .mi-battery-90::before { content: "\f0a1"; } .mi-battery-alert::before { content: "\e19c"; } .mi-battery-charging-20::before { content: "\f0a2"; } .mi-battery-charging-30::before { content: "\f0a3"; } .mi-battery-charging-50::before { content: "\f0a4"; } .mi-battery-charging-60::before { content: "\f0a5"; } .mi-battery-charging-80::before { content: "\f0a6"; } .mi-battery-charging-90::before { content: "\f0a7"; } .mi-battery-charging-full::before { content: "\e1a3"; } .mi-battery-full::before { content: "\e1a4"; } .mi-battery-saver::before { content: "\efde"; } .mi-battery-std::before { content: "\e1a5"; } .mi-battery-unknown::before { content: "\e1a6"; } .mi-beach-access::before { content: "\eb3e"; } .mi-bed::before { content: "\efdf"; } .mi-bedroom-baby::before { content: "\efe0"; } .mi-bedroom-child::before { content: "\efe1"; } .mi-bedroom-parent::before { content: "\efe2"; } .mi-bedtime::before { content: "\ef44"; } .mi-bedtime-off::before { content: "\eb76"; } .mi-beenhere::before { content: "\e52d"; } .mi-bento::before { content: "\f1f4"; } .mi-bike-scooter::before { content: "\ef45"; } .mi-biotech::before { content: "\ea3a"; } .mi-blender::before { content: "\efe3"; } .mi-blind::before { content: "\f8d6"; } .mi-blinds::before { content: "\e286"; } .mi-blinds-closed::before { content: "\ec1f"; } .mi-block::before { content: "\e14b"; } .mi-block-flipped::before { content: "\ef46"; } .mi-bloodtype::before { content: "\efe4"; } .mi-bluetooth::before { content: "\e1a7"; } .mi-bluetooth-audio::before { content: "\e60f"; } .mi-bluetooth-connected::before { content: "\e1a8"; } .mi-bluetooth-disabled::before { content: "\e1a9"; } .mi-bluetooth-drive::before { content: "\efe5"; } .mi-bluetooth-searching::before { content: "\e1aa"; } .mi-blur-circular::before { content: "\e3a2"; } .mi-blur-linear::before { content: "\e3a3"; } .mi-blur-off::before { content: "\e3a4"; } .mi-blur-on::before { content: "\e3a5"; } .mi-bolt::before { content: "\ea0b"; } .mi-book::before { content: "\e865"; } .mi-book-online::before { content: "\f217"; } .mi-bookmark::before { content: "\e866"; } .mi-bookmark-add::before { content: "\e598"; } .mi-bookmark-added::before { content: "\e599"; } .mi-bookmark-border::before { content: "\e867"; } .mi-bookmark-outline::before { content: "\e867"; } .mi-bookmark-remove::before { content: "\e59a"; } .mi-bookmarks::before { content: "\e98b"; } .mi-border-all::before { content: "\e228"; } .mi-border-bottom::before { content: "\e229"; } .mi-border-clear::before { content: "\e22a"; } .mi-border-color::before { content: "\e22b"; } .mi-border-horizontal::before { content: "\e22c"; } .mi-border-inner::before { content: "\e22d"; } .mi-border-left::before { content: "\e22e"; } .mi-border-outer::before { content: "\e22f"; } .mi-border-right::before { content: "\e230"; } .mi-border-style::before { content: "\e231"; } .mi-border-top::before { content: "\e232"; } .mi-border-vertical::before { content: "\e233"; } .mi-boy::before { content: "\eb67"; } .mi-branding-watermark::before { content: "\e06b"; } .mi-breakfast-dining::before { content: "\ea54"; } .mi-brightness-1::before { content: "\e3a6"; } .mi-brightness-2::before { content: "\e3a7"; } .mi-brightness-3::before { content: "\e3a8"; } .mi-brightness-4::before { content: "\e3a9"; } .mi-brightness-5::before { content: "\e3aa"; } .mi-brightness-6::before { content: "\e3ab"; } .mi-brightness-7::before { content: "\e3ac"; } .mi-brightness-auto::before { content: "\e1ab"; } .mi-brightness-high::before { content: "\e1ac"; } .mi-brightness-low::before { content: "\e1ad"; } .mi-brightness-medium::before { content: "\e1ae"; } .mi-broadcast-on-home::before { content: "\f8f8"; } .mi-broadcast-on-personal::before { content: "\f8f9"; } .mi-broken-image::before { content: "\e3ad"; } .mi-browse-gallery::before { content: "\ebd1"; } .mi-browser-not-supported::before { content: "\ef47"; } .mi-browser-updated::before { content: "\e7cf"; } .mi-brunch-dining::before { content: "\ea73"; } .mi-brush::before { content: "\e3ae"; } .mi-bubble-chart::before { content: "\e6dd"; } .mi-bug-report::before { content: "\e868"; } .mi-build::before { content: "\e869"; } .mi-build-circle::before { content: "\ef48"; } .mi-bungalow::before { content: "\e591"; } .mi-burst-mode::before { content: "\e43c"; } .mi-bus-alert::before { content: "\e98f"; } .mi-business::before { content: "\e0af"; } .mi-business-center::before { content: "\eb3f"; } .mi-cabin::before { content: "\e589"; } .mi-cable::before { content: "\efe6"; } .mi-cached::before { content: "\e86a"; } .mi-cake::before { content: "\e7e9"; } .mi-calculate::before { content: "\ea5f"; } .mi-calendar-month::before { content: "\ebcc"; } .mi-calendar-today::before { content: "\e935"; } .mi-calendar-view-day::before { content: "\e936"; } .mi-calendar-view-month::before { content: "\efe7"; } .mi-calendar-view-week::before { content: "\efe8"; } .mi-call::before { content: "\e0b0"; } .mi-call-end::before { content: "\e0b1"; } .mi-call-made::before { content: "\e0b2"; } .mi-call-merge::before { content: "\e0b3"; } .mi-call-missed::before { content: "\e0b4"; } .mi-call-missed-outgoing::before { content: "\e0e4"; } .mi-call-received::before { content: "\e0b5"; } .mi-call-split::before { content: "\e0b6"; } .mi-call-to-action::before { content: "\e06c"; } .mi-camera::before { content: "\e3af"; } .mi-camera-alt::before { content: "\e3b0"; } .mi-camera-enhance::before { content: "\e8fc"; } .mi-camera-front::before { content: "\e3b1"; } .mi-camera-indoor::before { content: "\efe9"; } .mi-camera-outdoor::before { content: "\efea"; } .mi-camera-rear::before { content: "\e3b2"; } .mi-camera-roll::before { content: "\e3b3"; } .mi-cameraswitch::before { content: "\efeb"; } .mi-campaign::before { content: "\ef49"; } .mi-cancel::before { content: "\e5c9"; } .mi-cancel-presentation::before { content: "\e0e9"; } .mi-cancel-schedule-send::before { content: "\ea39"; } .mi-candlestick-chart::before { content: "\ead4"; } .mi-car-crash::before { content: "\ebf2"; } .mi-car-rental::before { content: "\ea55"; } .mi-car-repair::before { content: "\ea56"; } .mi-card-giftcard::before { content: "\e8f6"; } .mi-card-membership::before { content: "\e8f7"; } .mi-card-travel::before { content: "\e8f8"; } .mi-carpenter::before { content: "\f1f8"; } .mi-cases::before { content: "\e992"; } .mi-casino::before { content: "\eb40"; } .mi-cast::before { content: "\e307"; } .mi-cast-connected::before { content: "\e308"; } .mi-cast-for-education::before { content: "\efec"; } .mi-castle::before { content: "\eab1"; } .mi-catching-pokemon::before { content: "\e508"; } .mi-category::before { content: "\e574"; } .mi-celebration::before { content: "\ea65"; } .mi-cell-tower::before { content: "\ebba"; } .mi-cell-wifi::before { content: "\e0ec"; } .mi-center-focus-strong::before { content: "\e3b4"; } .mi-center-focus-weak::before { content: "\e3b5"; } .mi-chair::before { content: "\efed"; } .mi-chair-alt::before { content: "\efee"; } .mi-chalet::before { content: "\e585"; } .mi-change-circle::before { content: "\e2e7"; } .mi-change-history::before { content: "\e86b"; } .mi-charging-station::before { content: "\f19d"; } .mi-chat::before { content: "\e0b7"; } .mi-chat-bubble::before { content: "\e0ca"; } .mi-chat-bubble-outline::before { content: "\e0cb"; } .mi-check::before { content: "\e5ca"; } .mi-check-box::before { content: "\e834"; } .mi-check-box-outline-blank::before { content: "\e835"; } .mi-check-circle::before { content: "\e86c"; } .mi-check-circle-outline::before { content: "\e92d"; } .mi-checklist::before { content: "\e6b1"; } .mi-checklist-rtl::before { content: "\e6b3"; } .mi-checkroom::before { content: "\f19e"; } .mi-chevron-left::before { content: "\e5cb"; } .mi-chevron-right::before { content: "\e5cc"; } .mi-child-care::before { content: "\eb41"; } .mi-child-friendly::before { content: "\eb42"; } .mi-chrome-reader-mode::before { content: "\e86d"; } .mi-church::before { content: "\eaae"; } .mi-circle::before { content: "\ef4a"; } .mi-circle-notifications::before { content: "\e994"; } .mi-class::before { content: "\e86e"; } .mi-clean-hands::before { content: "\f21f"; } .mi-cleaning-services::before { content: "\f0ff"; } .mi-clear::before { content: "\e14c"; } .mi-clear-all::before { content: "\e0b8"; } .mi-close::before { content: "\e5cd"; } .mi-close-fullscreen::before { content: "\f1cf"; } .mi-closed-caption::before { content: "\e01c"; } .mi-closed-caption-disabled::before { content: "\f1dc"; } .mi-closed-caption-off::before { content: "\e996"; } .mi-cloud::before { content: "\e2bd"; } .mi-cloud-circle::before { content: "\e2be"; } .mi-cloud-done::before { content: "\e2bf"; } .mi-cloud-download::before { content: "\e2c0"; } .mi-cloud-off::before { content: "\e2c1"; } .mi-cloud-queue::before { content: "\e2c2"; } .mi-cloud-sync::before { content: "\eb5a"; } .mi-cloud-upload::before { content: "\e2c3"; } .mi-cloudy-snowing::before { content: "\e810"; } .mi-co2::before { content: "\e7b0"; } .mi-co-present::before { content: "\eaf0"; } .mi-code::before { content: "\e86f"; } .mi-code-off::before { content: "\e4f3"; } .mi-coffee::before { content: "\efef"; } .mi-coffee-maker::before { content: "\eff0"; } .mi-collections::before { content: "\e3b6"; } .mi-collections-bookmark::before { content: "\e431"; } .mi-color-lens::before { content: "\e3b7"; } .mi-colorize::before { content: "\e3b8"; } .mi-comment::before { content: "\e0b9"; } .mi-comment-bank::before { content: "\ea4e"; } .mi-comments-disabled::before { content: "\e7a2"; } .mi-commit::before { content: "\eaf5"; } .mi-commute::before { content: "\e940"; } .mi-compare::before { content: "\e3b9"; } .mi-compare-arrows::before { content: "\e915"; } .mi-compass-calibration::before { content: "\e57c"; } .mi-compost::before { content: "\e761"; } .mi-compress::before { content: "\e94d"; } .mi-computer::before { content: "\e30a"; } .mi-confirmation-num::before { content: "\e638"; } .mi-confirmation-number::before { content: "\e638"; } .mi-connect-without-contact::before { content: "\f223"; } .mi-connected-tv::before { content: "\e998"; } .mi-connecting-airports::before { content: "\e7c9"; } .mi-construction::before { content: "\ea3c"; } .mi-contact-emergency::before { content: "\f8d1"; } .mi-contact-mail::before { content: "\e0d0"; } .mi-contact-page::before { content: "\f22e"; } .mi-contact-phone::before { content: "\e0cf"; } .mi-contact-support::before { content: "\e94c"; } .mi-contactless::before { content: "\ea71"; } .mi-contacts::before { content: "\e0ba"; } .mi-content-copy::before { content: "\e14d"; } .mi-content-cut::before { content: "\e14e"; } .mi-content-paste::before { content: "\e14f"; } .mi-content-paste-go::before { content: "\ea8e"; } .mi-content-paste-off::before { content: "\e4f8"; } .mi-content-paste-search::before { content: "\ea9b"; } .mi-contrast::before { content: "\eb37"; } .mi-control-camera::before { content: "\e074"; } .mi-control-point::before { content: "\e3ba"; } .mi-control-point-duplicate::before { content: "\e3bb"; } .mi-conveyor-belt::before { content: "\f867"; } .mi-cookie::before { content: "\eaac"; } .mi-copy::before { content: "\f08a"; } .mi-copy-all::before { content: "\e2ec"; } .mi-copyright::before { content: "\e90c"; } .mi-coronavirus::before { content: "\f221"; } .mi-corporate-fare::before { content: "\f1d0"; } .mi-cottage::before { content: "\e587"; } .mi-countertops::before { content: "\f1f7"; } .mi-create::before { content: "\e150"; } .mi-create-new-folder::before { content: "\e2cc"; } .mi-credit-card::before { content: "\e870"; } .mi-credit-card-off::before { content: "\e4f4"; } .mi-credit-score::before { content: "\eff1"; } .mi-crib::before { content: "\e588"; } .mi-crisis-alert::before { content: "\ebe9"; } .mi-crop::before { content: "\e3be"; } .mi-crop-16-9::before { content: "\e3bc"; } .mi-crop-3-2::before { content: "\e3bd"; } .mi-crop-5-4::before { content: "\e3bf"; } .mi-crop-7-5::before { content: "\e3c0"; } .mi-crop-din::before { content: "\e3c1"; } .mi-crop-free::before { content: "\e3c2"; } .mi-crop-landscape::before { content: "\e3c3"; } .mi-crop-original::before { content: "\e3c4"; } .mi-crop-portrait::before { content: "\e3c5"; } .mi-crop-rotate::before { content: "\e437"; } .mi-crop-square::before { content: "\e3c6"; } .mi-cruelty-free::before { content: "\e799"; } .mi-css::before { content: "\eb93"; } .mi-currency-bitcoin::before { content: "\ebc5"; } .mi-currency-exchange::before { content: "\eb70"; } .mi-currency-franc::before { content: "\eafa"; } .mi-currency-lira::before { content: "\eaef"; } .mi-currency-pound::before { content: "\eaf1"; } .mi-currency-ruble::before { content: "\eaec"; } .mi-currency-rupee::before { content: "\eaf7"; } .mi-currency-yen::before { content: "\eafb"; } .mi-currency-yuan::before { content: "\eaf9"; } .mi-curtains::before { content: "\ec1e"; } .mi-curtains-closed::before { content: "\ec1d"; } .mi-cut::before { content: "\f08b"; } .mi-cyclone::before { content: "\ebd5"; } .mi-dangerous::before { content: "\e99a"; } .mi-dark-mode::before { content: "\e51c"; } .mi-dashboard::before { content: "\e871"; } .mi-dashboard-customize::before { content: "\e99b"; } .mi-data-array::before { content: "\ead1"; } .mi-data-exploration::before { content: "\e76f"; } .mi-data-object::before { content: "\ead3"; } .mi-data-saver-off::before { content: "\eff2"; } .mi-data-saver-on::before { content: "\eff3"; } .mi-data-thresholding::before { content: "\eb9f"; } .mi-data-usage::before { content: "\e1af"; } .mi-dataset::before { content: "\f8ee"; } .mi-dataset-linked::before { content: "\f8ef"; } .mi-date-range::before { content: "\e916"; } .mi-deblur::before { content: "\eb77"; } .mi-deck::before { content: "\ea42"; } .mi-dehaze::before { content: "\e3c7"; } .mi-delete::before { content: "\e872"; } .mi-delete-forever::before { content: "\e92b"; } .mi-delete-outline::before { content: "\e92e"; } .mi-delete-sweep::before { content: "\e16c"; } .mi-delivery-dining::before { content: "\ea72"; } .mi-density-large::before { content: "\eba9"; } .mi-density-medium::before { content: "\eb9e"; } .mi-density-small::before { content: "\eba8"; } .mi-departure-board::before { content: "\e576"; } .mi-description::before { content: "\e873"; } .mi-deselect::before { content: "\ebb6"; } .mi-design-services::before { content: "\f10a"; } .mi-desk::before { content: "\f8f4"; } .mi-desktop-access-disabled::before { content: "\e99d"; } .mi-desktop-mac::before { content: "\e30b"; } .mi-desktop-windows::before { content: "\e30c"; } .mi-details::before { content: "\e3c8"; } .mi-developer-board::before { content: "\e30d"; } .mi-developer-board-off::before { content: "\e4ff"; } .mi-developer-mode::before { content: "\e1b0"; } .mi-device-hub::before { content: "\e335"; } .mi-device-thermostat::before { content: "\e1ff"; } .mi-device-unknown::before { content: "\e339"; } .mi-devices::before { content: "\e1b1"; } .mi-devices-fold::before { content: "\ebde"; } .mi-devices-other::before { content: "\e337"; } .mi-dew-point::before { content: "\f879"; } .mi-dialer-sip::before { content: "\e0bb"; } .mi-dialpad::before { content: "\e0bc"; } .mi-diamond::before { content: "\ead5"; } .mi-difference::before { content: "\eb7d"; } .mi-dining::before { content: "\eff4"; } .mi-dinner-dining::before { content: "\ea57"; } .mi-directions::before { content: "\e52e"; } .mi-directions-bike::before { content: "\e52f"; } .mi-directions-boat::before { content: "\e532"; } .mi-directions-boat-filled::before { content: "\eff5"; } .mi-directions-bus::before { content: "\e530"; } .mi-directions-bus-filled::before { content: "\eff6"; } .mi-directions-car::before { content: "\e531"; } .mi-directions-car-filled::before { content: "\eff7"; } .mi-directions-ferry::before { content: "\e532"; } .mi-directions-off::before { content: "\f10f"; } .mi-directions-railway::before { content: "\e534"; } .mi-directions-railway-filled::before { content: "\eff8"; } .mi-directions-run::before { content: "\e566"; } .mi-directions-subway::before { content: "\e533"; } .mi-directions-subway-filled::before { content: "\eff9"; } .mi-directions-train::before { content: "\e534"; } .mi-directions-transit::before { content: "\e535"; } .mi-directions-transit-filled::before { content: "\effa"; } .mi-directions-walk::before { content: "\e536"; } .mi-dirty-lens::before { content: "\ef4b"; } .mi-disabled-by-default::before { content: "\f230"; } .mi-disabled-visible::before { content: "\e76e"; } .mi-disc-full::before { content: "\e610"; } .mi-discord::before { content: "\ea6c"; } .mi-discount::before { content: "\ebc9"; } .mi-display-settings::before { content: "\eb97"; } .mi-diversity-1::before { content: "\f8d7"; } .mi-diversity-2::before { content: "\f8d8"; } .mi-diversity-3::before { content: "\f8d9"; } .mi-dnd-forwardslash::before { content: "\e611"; } .mi-dns::before { content: "\e875"; } .mi-do-disturb::before { content: "\f08c"; } .mi-do-disturb-alt::before { content: "\f08d"; } .mi-do-disturb-off::before { content: "\f08e"; } .mi-do-disturb-on::before { content: "\f08f"; } .mi-do-not-disturb::before { content: "\e612"; } .mi-do-not-disturb-alt::before { content: "\e611"; } .mi-do-not-disturb-off::before { content: "\e643"; } .mi-do-not-disturb-on::before { content: "\e644"; } .mi-do-not-disturb-on-total-silence::before { content: "\effb"; } .mi-do-not-step::before { content: "\f19f"; } .mi-do-not-touch::before { content: "\f1b0"; } .mi-dock::before { content: "\e30e"; } .mi-document-scanner::before { content: "\e5fa"; } .mi-domain::before { content: "\e7ee"; } .mi-domain-add::before { content: "\eb62"; } .mi-domain-disabled::before { content: "\e0ef"; } .mi-domain-verification::before { content: "\ef4c"; } .mi-done::before { content: "\e876"; } .mi-done-all::before { content: "\e877"; } .mi-done-outline::before { content: "\e92f"; } .mi-donut-large::before { content: "\e917"; } .mi-donut-small::before { content: "\e918"; } .mi-door-back::before { content: "\effc"; } .mi-door-front::before { content: "\effd"; } .mi-door-sliding::before { content: "\effe"; } .mi-doorbell::before { content: "\efff"; } .mi-double-arrow::before { content: "\ea50"; } .mi-downhill-skiing::before { content: "\e509"; } .mi-download::before { content: "\f090"; } .mi-download-done::before { content: "\f091"; } .mi-download-for-offline::before { content: "\f000"; } .mi-downloading::before { content: "\f001"; } .mi-drafts::before { content: "\e151"; } .mi-drag-handle::before { content: "\e25d"; } .mi-drag-indicator::before { content: "\e945"; } .mi-draw::before { content: "\e746"; } .mi-drive-eta::before { content: "\e613"; } .mi-drive-file-move::before { content: "\e675"; } .mi-drive-file-move-outline::before { content: "\e9a1"; } .mi-drive-file-move-rtl::before { content: "\e76d"; } .mi-drive-file-rename-outline::before { content: "\e9a2"; } .mi-drive-folder-upload::before { content: "\e9a3"; } .mi-dry::before { content: "\f1b3"; } .mi-dry-cleaning::before { content: "\ea58"; } .mi-duo::before { content: "\e9a5"; } .mi-dvr::before { content: "\e1b2"; } .mi-dynamic-feed::before { content: "\ea14"; } .mi-dynamic-form::before { content: "\f1bf"; } .mi-e-mobiledata::before { content: "\f002"; } .mi-earbuds::before { content: "\f003"; } .mi-earbuds-battery::before { content: "\f004"; } .mi-east::before { content: "\f1df"; } .mi-eco::before { content: "\ea35"; } .mi-edgesensor-high::before { content: "\f005"; } .mi-edgesensor-low::before { content: "\f006"; } .mi-edit::before { content: "\e3c9"; } .mi-edit-attributes::before { content: "\e578"; } .mi-edit-calendar::before { content: "\e742"; } .mi-edit-document::before { content: "\f88c"; } .mi-edit-location::before { content: "\e568"; } .mi-edit-location-alt::before { content: "\e1c5"; } .mi-edit-note::before { content: "\e745"; } .mi-edit-notifications::before { content: "\e525"; } .mi-edit-off::before { content: "\e950"; } .mi-edit-road::before { content: "\ef4d"; } .mi-edit-square::before { content: "\f88d"; } .mi-egg::before { content: "\eacc"; } .mi-egg-alt::before { content: "\eac8"; } .mi-eject::before { content: "\e8fb"; } .mi-elderly::before { content: "\f21a"; } .mi-elderly-woman::before { content: "\eb69"; } .mi-electric-bike::before { content: "\eb1b"; } .mi-electric-bolt::before { content: "\ec1c"; } .mi-electric-car::before { content: "\eb1c"; } .mi-electric-meter::before { content: "\ec1b"; } .mi-electric-moped::before { content: "\eb1d"; } .mi-electric-rickshaw::before { content: "\eb1e"; } .mi-electric-scooter::before { content: "\eb1f"; } .mi-electrical-services::before { content: "\f102"; } .mi-elevator::before { content: "\f1a0"; } .mi-email::before { content: "\e0be"; } .mi-emergency::before { content: "\e1eb"; } .mi-emergency-recording::before { content: "\ebf4"; } .mi-emergency-share::before { content: "\ebf6"; } .mi-emoji-emotions::before { content: "\ea22"; } .mi-emoji-events::before { content: "\ea23"; } .mi-emoji-flags::before { content: "\ea1a"; } .mi-emoji-food-beverage::before { content: "\ea1b"; } .mi-emoji-nature::before { content: "\ea1c"; } .mi-emoji-objects::before { content: "\ea24"; } .mi-emoji-people::before { content: "\ea1d"; } .mi-emoji-symbols::before { content: "\ea1e"; } .mi-emoji-transportation::before { content: "\ea1f"; } .mi-energy-savings-leaf::before { content: "\ec1a"; } .mi-engineering::before { content: "\ea3d"; } .mi-enhance-photo-translate::before { content: "\e8fc"; } .mi-enhanced-encryption::before { content: "\e63f"; } .mi-equalizer::before { content: "\e01d"; } .mi-error::before { content: "\e000"; } .mi-error-outline::before { content: "\e001"; } .mi-escalator::before { content: "\f1a1"; } .mi-escalator-warning::before { content: "\f1ac"; } .mi-euro::before { content: "\ea15"; } .mi-euro-symbol::before { content: "\e926"; } .mi-ev-station::before { content: "\e56d"; } .mi-event::before { content: "\e878"; } .mi-event-available::before { content: "\e614"; } .mi-event-busy::before { content: "\e615"; } .mi-event-note::before { content: "\e616"; } .mi-event-repeat::before { content: "\eb7b"; } .mi-event-seat::before { content: "\e903"; } .mi-exit-to-app::before { content: "\e879"; } .mi-expand::before { content: "\e94f"; } .mi-expand-circle-down::before { content: "\e7cd"; } .mi-expand-less::before { content: "\e5ce"; } .mi-expand-more::before { content: "\e5cf"; } .mi-explicit::before { content: "\e01e"; } .mi-explore::before { content: "\e87a"; } .mi-explore-off::before { content: "\e9a8"; } .mi-exposure::before { content: "\e3ca"; } .mi-exposure-minus-1::before { content: "\e3cb"; } .mi-exposure-minus-2::before { content: "\e3cc"; } .mi-exposure-neg-1::before { content: "\e3cb"; } .mi-exposure-neg-2::before { content: "\e3cc"; } .mi-exposure-plus-1::before { content: "\e3cd"; } .mi-exposure-plus-2::before { content: "\e3ce"; } .mi-exposure-zero::before { content: "\e3cf"; } .mi-extension::before { content: "\e87b"; } .mi-extension-off::before { content: "\e4f5"; } .mi-face::before { content: "\e87c"; } .mi-face-2::before { content: "\f8da"; } .mi-face-3::before { content: "\f8db"; } .mi-face-4::before { content: "\f8dc"; } .mi-face-5::before { content: "\f8dd"; } .mi-face-6::before { content: "\f8de"; } .mi-face-retouching-natural::before { content: "\ef4e"; } .mi-face-retouching-off::before { content: "\f007"; } .mi-face-unlock::before { content: "\f008"; } .mi-facebook::before { content: "\f234"; } .mi-fact-check::before { content: "\f0c5"; } .mi-factory::before { content: "\ebbc"; } .mi-family-restroom::before { content: "\f1a2"; } .mi-fast-forward::before { content: "\e01f"; } .mi-fast-rewind::before { content: "\e020"; } .mi-fastfood::before { content: "\e57a"; } .mi-favorite::before { content: "\e87d"; } .mi-favorite-border::before { content: "\e87e"; } .mi-favorite-outline::before { content: "\e87e"; } .mi-fax::before { content: "\ead8"; } .mi-featured-play-list::before { content: "\e06d"; } .mi-featured-video::before { content: "\e06e"; } .mi-feed::before { content: "\f009"; } .mi-feedback::before { content: "\e87f"; } .mi-female::before { content: "\e590"; } .mi-fence::before { content: "\f1f6"; } .mi-festival::before { content: "\ea68"; } .mi-fiber-dvr::before { content: "\e05d"; } .mi-fiber-manual-record::before { content: "\e061"; } .mi-fiber-new::before { content: "\e05e"; } .mi-fiber-pin::before { content: "\e06a"; } .mi-fiber-smart-record::before { content: "\e062"; } .mi-file-copy::before { content: "\e173"; } .mi-file-download::before { content: "\e2c4"; } .mi-file-download-done::before { content: "\e9aa"; } .mi-file-download-off::before { content: "\e4fe"; } .mi-file-open::before { content: "\eaf3"; } .mi-file-present::before { content: "\ea0e"; } .mi-file-upload::before { content: "\e2c6"; } .mi-file-upload-off::before { content: "\f886"; } .mi-filter::before { content: "\e3d3"; } .mi-filter-1::before { content: "\e3d0"; } .mi-filter-2::before { content: "\e3d1"; } .mi-filter-3::before { content: "\e3d2"; } .mi-filter-4::before { content: "\e3d4"; } .mi-filter-5::before { content: "\e3d5"; } .mi-filter-6::before { content: "\e3d6"; } .mi-filter-7::before { content: "\e3d7"; } .mi-filter-8::before { content: "\e3d8"; } .mi-filter-9::before { content: "\e3d9"; } .mi-filter-9-plus::before { content: "\e3da"; } .mi-filter-alt::before { content: "\ef4f"; } .mi-filter-alt-off::before { content: "\eb32"; } .mi-filter-b-and-w::before { content: "\e3db"; } .mi-filter-center-focus::before { content: "\e3dc"; } .mi-filter-drama::before { content: "\e3dd"; } .mi-filter-frames::before { content: "\e3de"; } .mi-filter-hdr::before { content: "\e3df"; } .mi-filter-list::before { content: "\e152"; } .mi-filter-list-alt::before { content: "\e94e"; } .mi-filter-list-off::before { content: "\eb57"; } .mi-filter-none::before { content: "\e3e0"; } .mi-filter-tilt-shift::before { content: "\e3e2"; } .mi-filter-vintage::before { content: "\e3e3"; } .mi-find-in-page::before { content: "\e880"; } .mi-find-replace::before { content: "\e881"; } .mi-fingerprint::before { content: "\e90d"; } .mi-fire-extinguisher::before { content: "\f1d8"; } .mi-fire-hydrant::before { content: "\f1a3"; } .mi-fire-hydrant-alt::before { content: "\f8f1"; } .mi-fire-truck::before { content: "\f8f2"; } .mi-fireplace::before { content: "\ea43"; } .mi-first-page::before { content: "\e5dc"; } .mi-fit-screen::before { content: "\ea10"; } .mi-fitbit::before { content: "\e82b"; } .mi-fitness-center::before { content: "\eb43"; } .mi-flag::before { content: "\e153"; } .mi-flag-circle::before { content: "\eaf8"; } .mi-flaky::before { content: "\ef50"; } .mi-flare::before { content: "\e3e4"; } .mi-flash-auto::before { content: "\e3e5"; } .mi-flash-off::before { content: "\e3e6"; } .mi-flash-on::before { content: "\e3e7"; } .mi-flashlight-off::before { content: "\f00a"; } .mi-flashlight-on::before { content: "\f00b"; } .mi-flatware::before { content: "\f00c"; } .mi-flight::before { content: "\e539"; } .mi-flight-class::before { content: "\e7cb"; } .mi-flight-land::before { content: "\e904"; } .mi-flight-takeoff::before { content: "\e905"; } .mi-flip::before { content: "\e3e8"; } .mi-flip-camera-android::before { content: "\ea37"; } .mi-flip-camera-ios::before { content: "\ea38"; } .mi-flip-to-back::before { content: "\e882"; } .mi-flip-to-front::before { content: "\e883"; } .mi-flood::before { content: "\ebe6"; } .mi-flourescent::before { content: "\ec31"; } .mi-fluorescent::before { content: "\ec31"; } .mi-flutter-dash::before { content: "\e00b"; } .mi-fmd-bad::before { content: "\f00e"; } .mi-fmd-good::before { content: "\f00f"; } .mi-foggy::before { content: "\e818"; } .mi-folder::before { content: "\e2c7"; } .mi-folder-copy::before { content: "\ebbd"; } .mi-folder-delete::before { content: "\eb34"; } .mi-folder-off::before { content: "\eb83"; } .mi-folder-open::before { content: "\e2c8"; } .mi-folder-shared::before { content: "\e2c9"; } .mi-folder-special::before { content: "\e617"; } .mi-folder-zip::before { content: "\eb2c"; } .mi-follow-the-signs::before { content: "\f222"; } .mi-font-download::before { content: "\e167"; } .mi-font-download-off::before { content: "\e4f9"; } .mi-food-bank::before { content: "\f1f2"; } .mi-forest::before { content: "\ea99"; } .mi-fork-left::before { content: "\eba0"; } .mi-fork-right::before { content: "\ebac"; } .mi-forklift::before { content: "\f868"; } .mi-format-align-center::before { content: "\e234"; } .mi-format-align-justify::before { content: "\e235"; } .mi-format-align-left::before { content: "\e236"; } .mi-format-align-right::before { content: "\e237"; } .mi-format-bold::before { content: "\e238"; } .mi-format-clear::before { content: "\e239"; } .mi-format-color-fill::before { content: "\e23a"; } .mi-format-color-reset::before { content: "\e23b"; } .mi-format-color-text::before { content: "\e23c"; } .mi-format-indent-decrease::before { content: "\e23d"; } .mi-format-indent-increase::before { content: "\e23e"; } .mi-format-italic::before { content: "\e23f"; } .mi-format-line-spacing::before { content: "\e240"; } .mi-format-list-bulleted::before { content: "\e241"; } .mi-format-list-bulleted-add::before { content: "\f849"; } .mi-format-list-numbered::before { content: "\e242"; } .mi-format-list-numbered-rtl::before { content: "\e267"; } .mi-format-overline::before { content: "\eb65"; } .mi-format-paint::before { content: "\e243"; } .mi-format-quote::before { content: "\e244"; } .mi-format-shapes::before { content: "\e25e"; } .mi-format-size::before { content: "\e245"; } .mi-format-strikethrough::before { content: "\e246"; } .mi-format-textdirection-l-to-r::before { content: "\e247"; } .mi-format-textdirection-r-to-l::before { content: "\e248"; } .mi-format-underline::before { content: "\e249"; } .mi-format-underlined::before { content: "\e249"; } .mi-fort::before { content: "\eaad"; } .mi-forum::before { content: "\e0bf"; } .mi-forward::before { content: "\e154"; } .mi-forward-10::before { content: "\e056"; } .mi-forward-30::before { content: "\e057"; } .mi-forward-5::before { content: "\e058"; } .mi-forward-to-inbox::before { content: "\f187"; } .mi-foundation::before { content: "\f200"; } .mi-free-breakfast::before { content: "\eb44"; } .mi-free-cancellation::before { content: "\e748"; } .mi-front-hand::before { content: "\e769"; } .mi-front-loader::before { content: "\f869"; } .mi-fullscreen::before { content: "\e5d0"; } .mi-fullscreen-exit::before { content: "\e5d1"; } .mi-functions::before { content: "\e24a"; } .mi-g-mobiledata::before { content: "\f010"; } .mi-g-translate::before { content: "\e927"; } .mi-gamepad::before { content: "\e30f"; } .mi-games::before { content: "\e021"; } .mi-garage::before { content: "\f011"; } .mi-gas-meter::before { content: "\ec19"; } .mi-gavel::before { content: "\e90e"; } .mi-generating-tokens::before { content: "\e749"; } .mi-gesture::before { content: "\e155"; } .mi-get-app::before { content: "\e884"; } .mi-gif::before { content: "\e908"; } .mi-gif-box::before { content: "\e7a3"; } .mi-girl::before { content: "\eb68"; } .mi-gite::before { content: "\e58b"; } .mi-goat::before { content: "\10fffd"; } .mi-golf-course::before { content: "\eb45"; } .mi-gpp-bad::before { content: "\f012"; } .mi-gpp-good::before { content: "\f013"; } .mi-gpp-maybe::before { content: "\f014"; } .mi-gps-fixed::before { content: "\e1b3"; } .mi-gps-not-fixed::before { content: "\e1b4"; } .mi-gps-off::before { content: "\e1b5"; } .mi-grade::before { content: "\e885"; } .mi-gradient::before { content: "\e3e9"; } .mi-grading::before { content: "\ea4f"; } .mi-grain::before { content: "\e3ea"; } .mi-graphic-eq::before { content: "\e1b8"; } .mi-grass::before { content: "\f205"; } .mi-grid-3x3::before { content: "\f015"; } .mi-grid-4x4::before { content: "\f016"; } .mi-grid-goldenratio::before { content: "\f017"; } .mi-grid-off::before { content: "\e3eb"; } .mi-grid-on::before { content: "\e3ec"; } .mi-grid-view::before { content: "\e9b0"; } .mi-group::before { content: "\e7ef"; } .mi-group-add::before { content: "\e7f0"; } .mi-group-off::before { content: "\e747"; } .mi-group-remove::before { content: "\e7ad"; } .mi-group-work::before { content: "\e886"; } .mi-groups::before { content: "\f233"; } .mi-groups-2::before { content: "\f8df"; } .mi-groups-3::before { content: "\f8e0"; } .mi-h-mobiledata::before { content: "\f018"; } .mi-h-plus-mobiledata::before { content: "\f019"; } .mi-hail::before { content: "\e9b1"; } .mi-handshake::before { content: "\ebcb"; } .mi-handyman::before { content: "\f10b"; } .mi-hardware::before { content: "\ea59"; } .mi-hd::before { content: "\e052"; } .mi-hdr-auto::before { content: "\f01a"; } .mi-hdr-auto-select::before { content: "\f01b"; } .mi-hdr-enhanced-select::before { content: "\ef51"; } .mi-hdr-off::before { content: "\e3ed"; } .mi-hdr-off-select::before { content: "\f01c"; } .mi-hdr-on::before { content: "\e3ee"; } .mi-hdr-on-select::before { content: "\f01d"; } .mi-hdr-plus::before { content: "\f01e"; } .mi-hdr-strong::before { content: "\e3f1"; } .mi-hdr-weak::before { content: "\e3f2"; } .mi-headphones::before { content: "\f01f"; } .mi-headphones-battery::before { content: "\f020"; } .mi-headset::before { content: "\e310"; } .mi-headset-mic::before { content: "\e311"; } .mi-headset-off::before { content: "\e33a"; } .mi-healing::before { content: "\e3f3"; } .mi-health-and-safety::before { content: "\e1d5"; } .mi-hearing::before { content: "\e023"; } .mi-hearing-disabled::before { content: "\f104"; } .mi-heart-broken::before { content: "\eac2"; } .mi-heat-pump::before { content: "\ec18"; } .mi-height::before { content: "\ea16"; } .mi-help::before { content: "\e887"; } .mi-help-center::before { content: "\f1c0"; } .mi-help-outline::before { content: "\e8fd"; } .mi-hevc::before { content: "\f021"; } .mi-hexagon::before { content: "\eb39"; } .mi-hide-image::before { content: "\f022"; } .mi-hide-source::before { content: "\f023"; } .mi-high-quality::before { content: "\e024"; } .mi-highlight::before { content: "\e25f"; } .mi-highlight-alt::before { content: "\ef52"; } .mi-highlight-off::before { content: "\e888"; } .mi-highlight-remove::before { content: "\e888"; } .mi-hiking::before { content: "\e50a"; } .mi-history::before { content: "\e889"; } .mi-history-edu::before { content: "\ea3e"; } .mi-history-toggle-off::before { content: "\f17d"; } .mi-hive::before { content: "\eaa6"; } .mi-hls::before { content: "\eb8a"; } .mi-hls-off::before { content: "\eb8c"; } .mi-holiday-village::before { content: "\e58a"; } .mi-home::before { content: "\e88a"; } .mi-home-filled::before { content: "\e9b2"; } .mi-home-max::before { content: "\f024"; } .mi-home-mini::before { content: "\f025"; } .mi-home-repair-service::before { content: "\f100"; } .mi-home-work::before { content: "\ea09"; } .mi-horizontal-distribute::before { content: "\e014"; } .mi-horizontal-rule::before { content: "\f108"; } .mi-horizontal-split::before { content: "\e947"; } .mi-hot-tub::before { content: "\eb46"; } .mi-hotel::before { content: "\e53a"; } .mi-hotel-class::before { content: "\e743"; } .mi-hourglass-bottom::before { content: "\ea5c"; } .mi-hourglass-disabled::before { content: "\ef53"; } .mi-hourglass-empty::before { content: "\e88b"; } .mi-hourglass-full::before { content: "\e88c"; } .mi-hourglass-top::before { content: "\ea5b"; } .mi-house::before { content: "\ea44"; } .mi-house-siding::before { content: "\f202"; } .mi-houseboat::before { content: "\e584"; } .mi-how-to-reg::before { content: "\e174"; } .mi-how-to-vote::before { content: "\e175"; } .mi-html::before { content: "\eb7e"; } .mi-http::before { content: "\e902"; } .mi-https::before { content: "\e88d"; } .mi-hub::before { content: "\e9f4"; } .mi-hvac::before { content: "\f10e"; } .mi-ice-skating::before { content: "\e50b"; } .mi-icecream::before { content: "\ea69"; } .mi-image::before { content: "\e3f4"; } .mi-image-aspect-ratio::before { content: "\e3f5"; } .mi-image-not-supported::before { content: "\f116"; } .mi-image-search::before { content: "\e43f"; } .mi-imagesearch-roller::before { content: "\e9b4"; } .mi-import-contacts::before { content: "\e0e0"; } .mi-import-export::before { content: "\e0c3"; } .mi-important-devices::before { content: "\e912"; } .mi-inbox::before { content: "\e156"; } .mi-incomplete-circle::before { content: "\e79b"; } .mi-indeterminate-check-box::before { content: "\e909"; } .mi-info::before { content: "\e88e"; } .mi-info-outline::before { content: "\e88f"; } .mi-input::before { content: "\e890"; } .mi-insert-chart::before { content: "\e24b"; } .mi-insert-chart-outlined::before { content: "\e26a"; } .mi-insert-comment::before { content: "\e24c"; } .mi-insert-drive-file::before { content: "\e24d"; } .mi-insert-emoticon::before { content: "\e24e"; } .mi-insert-invitation::before { content: "\e24f"; } .mi-insert-link::before { content: "\e250"; } .mi-insert-page-break::before { content: "\eaca"; } .mi-insert-photo::before { content: "\e251"; } .mi-insights::before { content: "\f092"; } .mi-install-desktop::before { content: "\eb71"; } .mi-install-mobile::before { content: "\eb72"; } .mi-integration-instructions::before { content: "\ef54"; } .mi-interests::before { content: "\e7c8"; } .mi-interpreter-mode::before { content: "\e83b"; } .mi-inventory::before { content: "\e179"; } .mi-inventory-2::before { content: "\e1a1"; } .mi-invert-colors::before { content: "\e891"; } .mi-invert-colors-off::before { content: "\e0c4"; } .mi-invert-colors-on::before { content: "\e891"; } .mi-ios-share::before { content: "\e6b8"; } .mi-iron::before { content: "\e583"; } .mi-iso::before { content: "\e3f6"; } .mi-javascript::before { content: "\eb7c"; } .mi-join-full::before { content: "\eaeb"; } .mi-join-inner::before { content: "\eaf4"; } .mi-join-left::before { content: "\eaf2"; } .mi-join-right::before { content: "\eaea"; } .mi-kayaking::before { content: "\e50c"; } .mi-kebab-dining::before { content: "\e842"; } .mi-key::before { content: "\e73c"; } .mi-key-off::before { content: "\eb84"; } .mi-keyboard::before { content: "\e312"; } .mi-keyboard-alt::before { content: "\f028"; } .mi-keyboard-arrow-down::before { content: "\e313"; } .mi-keyboard-arrow-left::before { content: "\e314"; } .mi-keyboard-arrow-right::before { content: "\e315"; } .mi-keyboard-arrow-up::before { content: "\e316"; } .mi-keyboard-backspace::before { content: "\e317"; } .mi-keyboard-capslock::before { content: "\e318"; } .mi-keyboard-command::before { content: "\eae0"; } .mi-keyboard-command-key::before { content: "\eae7"; } .mi-keyboard-control::before { content: "\e5d3"; } .mi-keyboard-control-key::before { content: "\eae6"; } .mi-keyboard-double-arrow-down::before { content: "\ead0"; } .mi-keyboard-double-arrow-left::before { content: "\eac3"; } .mi-keyboard-double-arrow-right::before { content: "\eac9"; } .mi-keyboard-double-arrow-up::before { content: "\eacf"; } .mi-keyboard-hide::before { content: "\e31a"; } .mi-keyboard-option::before { content: "\eadf"; } .mi-keyboard-option-key::before { content: "\eae8"; } .mi-keyboard-return::before { content: "\e31b"; } .mi-keyboard-tab::before { content: "\e31c"; } .mi-keyboard-voice::before { content: "\e31d"; } .mi-king-bed::before { content: "\ea45"; } .mi-kitchen::before { content: "\eb47"; } .mi-kitesurfing::before { content: "\e50d"; } .mi-label::before { content: "\e892"; } .mi-label-important::before { content: "\e937"; } .mi-label-important-outline::before { content: "\e948"; } .mi-label-off::before { content: "\e9b6"; } .mi-label-outline::before { content: "\e893"; } .mi-lan::before { content: "\eb2f"; } .mi-landscape::before { content: "\e3f7"; } .mi-landslide::before { content: "\ebd7"; } .mi-language::before { content: "\e894"; } .mi-laptop::before { content: "\e31e"; } .mi-laptop-chromebook::before { content: "\e31f"; } .mi-laptop-mac::before { content: "\e320"; } .mi-laptop-windows::before { content: "\e321"; } .mi-last-page::before { content: "\e5dd"; } .mi-launch::before { content: "\e895"; } .mi-layers::before { content: "\e53b"; } .mi-layers-clear::before { content: "\e53c"; } .mi-leaderboard::before { content: "\f20c"; } .mi-leak-add::before { content: "\e3f8"; } .mi-leak-remove::before { content: "\e3f9"; } .mi-leave-bags-at-home::before { content: "\f21b"; } .mi-legend-toggle::before { content: "\f11b"; } .mi-lens::before { content: "\e3fa"; } .mi-lens-blur::before { content: "\f029"; } .mi-library-add::before { content: "\e02e"; } .mi-library-add-check::before { content: "\e9b7"; } .mi-library-books::before { content: "\e02f"; } .mi-library-music::before { content: "\e030"; } .mi-light::before { content: "\f02a"; } .mi-light-mode::before { content: "\e518"; } .mi-lightbulb::before { content: "\e0f0"; } .mi-lightbulb-circle::before { content: "\ebfe"; } .mi-lightbulb-outline::before { content: "\e90f"; } .mi-line-axis::before { content: "\ea9a"; } .mi-line-style::before { content: "\e919"; } .mi-line-weight::before { content: "\e91a"; } .mi-linear-scale::before { content: "\e260"; } .mi-link::before { content: "\e157"; } .mi-link-off::before { content: "\e16f"; } .mi-linked-camera::before { content: "\e438"; } .mi-liquor::before { content: "\ea60"; } .mi-list::before { content: "\e896"; } .mi-list-alt::before { content: "\e0ee"; } .mi-live-help::before { content: "\e0c6"; } .mi-live-tv::before { content: "\e639"; } .mi-living::before { content: "\f02b"; } .mi-local-activity::before { content: "\e53f"; } .mi-local-airport::before { content: "\e53d"; } .mi-local-atm::before { content: "\e53e"; } .mi-local-attraction::before { content: "\e53f"; } .mi-local-bar::before { content: "\e540"; } .mi-local-cafe::before { content: "\e541"; } .mi-local-car-wash::before { content: "\e542"; } .mi-local-convenience-store::before { content: "\e543"; } .mi-local-dining::before { content: "\e556"; } .mi-local-drink::before { content: "\e544"; } .mi-local-fire-department::before { content: "\ef55"; } .mi-local-florist::before { content: "\e545"; } .mi-local-gas-station::before { content: "\e546"; } .mi-local-grocery-store::before { content: "\e547"; } .mi-local-hospital::before { content: "\e548"; } .mi-local-hotel::before { content: "\e549"; } .mi-local-laundry-service::before { content: "\e54a"; } .mi-local-library::before { content: "\e54b"; } .mi-local-mall::before { content: "\e54c"; } .mi-local-movies::before { content: "\e54d"; } .mi-local-offer::before { content: "\e54e"; } .mi-local-parking::before { content: "\e54f"; } .mi-local-pharmacy::before { content: "\e550"; } .mi-local-phone::before { content: "\e551"; } .mi-local-pizza::before { content: "\e552"; } .mi-local-play::before { content: "\e553"; } .mi-local-police::before { content: "\ef56"; } .mi-local-post-office::before { content: "\e554"; } .mi-local-print-shop::before { content: "\e555"; } .mi-local-printshop::before { content: "\e555"; } .mi-local-restaurant::before { content: "\e556"; } .mi-local-see::before { content: "\e557"; } .mi-local-shipping::before { content: "\e558"; } .mi-local-taxi::before { content: "\e559"; } .mi-location-city::before { content: "\e7f1"; } .mi-location-disabled::before { content: "\e1b6"; } .mi-location-history::before { content: "\e55a"; } .mi-location-off::before { content: "\e0c7"; } .mi-location-on::before { content: "\e0c8"; } .mi-location-pin::before { content: "\f1db"; } .mi-location-searching::before { content: "\e1b7"; } .mi-lock::before { content: "\e897"; } .mi-lock-clock::before { content: "\ef57"; } .mi-lock-open::before { content: "\e898"; } .mi-lock-outline::before { content: "\e899"; } .mi-lock-person::before { content: "\f8f3"; } .mi-lock-reset::before { content: "\eade"; } .mi-login::before { content: "\ea77"; } .mi-logo-dev::before { content: "\ead6"; } .mi-logout::before { content: "\e9ba"; } .mi-looks::before { content: "\e3fc"; } .mi-looks-3::before { content: "\e3fb"; } .mi-looks-4::before { content: "\e3fd"; } .mi-looks-5::before { content: "\e3fe"; } .mi-looks-6::before { content: "\e3ff"; } .mi-looks-one::before { content: "\e400"; } .mi-looks-two::before { content: "\e401"; } .mi-loop::before { content: "\e028"; } .mi-loupe::before { content: "\e402"; } .mi-low-priority::before { content: "\e16d"; } .mi-loyalty::before { content: "\e89a"; } .mi-lte-mobiledata::before { content: "\f02c"; } .mi-lte-plus-mobiledata::before { content: "\f02d"; } .mi-luggage::before { content: "\f235"; } .mi-lunch-dining::before { content: "\ea61"; } .mi-lyrics::before { content: "\ec0b"; } .mi-macro-off::before { content: "\f8d2"; } .mi-mail::before { content: "\e158"; } .mi-mail-lock::before { content: "\ec0a"; } .mi-mail-outline::before { content: "\e0e1"; } .mi-male::before { content: "\e58e"; } .mi-man::before { content: "\e4eb"; } .mi-man-2::before { content: "\f8e1"; } .mi-man-3::before { content: "\f8e2"; } .mi-man-4::before { content: "\f8e3"; } .mi-manage-accounts::before { content: "\f02e"; } .mi-manage-history::before { content: "\ebe7"; } .mi-manage-search::before { content: "\f02f"; } .mi-map::before { content: "\e55b"; } .mi-maps-home-work::before { content: "\f030"; } .mi-maps-ugc::before { content: "\ef58"; } .mi-margin::before { content: "\e9bb"; } .mi-mark-as-unread::before { content: "\e9bc"; } .mi-mark-chat-read::before { content: "\f18b"; } .mi-mark-chat-unread::before { content: "\f189"; } .mi-mark-email-read::before { content: "\f18c"; } .mi-mark-email-unread::before { content: "\f18a"; } .mi-mark-unread-chat-alt::before { content: "\eb9d"; } .mi-markunread::before { content: "\e159"; } .mi-markunread-mailbox::before { content: "\e89b"; } .mi-masks::before { content: "\f218"; } .mi-maximize::before { content: "\e930"; } .mi-media-bluetooth-off::before { content: "\f031"; } .mi-media-bluetooth-on::before { content: "\f032"; } .mi-mediation::before { content: "\efa7"; } .mi-medical-information::before { content: "\ebed"; } .mi-medical-services::before { content: "\f109"; } .mi-medication::before { content: "\f033"; } .mi-medication-liquid::before { content: "\ea87"; } .mi-meeting-room::before { content: "\eb4f"; } .mi-memory::before { content: "\e322"; } .mi-menu::before { content: "\e5d2"; } .mi-menu-book::before { content: "\ea19"; } .mi-menu-open::before { content: "\e9bd"; } .mi-merge::before { content: "\eb98"; } .mi-merge-type::before { content: "\e252"; } .mi-message::before { content: "\e0c9"; } .mi-messenger::before { content: "\e0ca"; } .mi-messenger-outline::before { content: "\e0cb"; } .mi-mic::before { content: "\e029"; } .mi-mic-external-off::before { content: "\ef59"; } .mi-mic-external-on::before { content: "\ef5a"; } .mi-mic-none::before { content: "\e02a"; } .mi-mic-off::before { content: "\e02b"; } .mi-microwave::before { content: "\f204"; } .mi-military-tech::before { content: "\ea3f"; } .mi-minimize::before { content: "\e931"; } .mi-minor-crash::before { content: "\ebf1"; } .mi-miscellaneous-services::before { content: "\f10c"; } .mi-missed-video-call::before { content: "\e073"; } .mi-mms::before { content: "\e618"; } .mi-mobile-friendly::before { content: "\e200"; } .mi-mobile-off::before { content: "\e201"; } .mi-mobile-screen-share::before { content: "\e0e7"; } .mi-mobiledata-off::before { content: "\f034"; } .mi-mode::before { content: "\f097"; } .mi-mode-comment::before { content: "\e253"; } .mi-mode-edit::before { content: "\e254"; } .mi-mode-edit-outline::before { content: "\f035"; } .mi-mode-fan-off::before { content: "\ec17"; } .mi-mode-night::before { content: "\f036"; } .mi-mode-of-travel::before { content: "\e7ce"; } .mi-mode-standby::before { content: "\f037"; } .mi-model-training::before { content: "\f0cf"; } .mi-monetization-on::before { content: "\e263"; } .mi-money::before { content: "\e57d"; } .mi-money-off::before { content: "\e25c"; } .mi-money-off-csred::before { content: "\f038"; } .mi-monitor::before { content: "\ef5b"; } .mi-monitor-heart::before { content: "\eaa2"; } .mi-monitor-weight::before { content: "\f039"; } .mi-monochrome-photos::before { content: "\e403"; } .mi-mood::before { content: "\e7f2"; } .mi-mood-bad::before { content: "\e7f3"; } .mi-moped::before { content: "\eb28"; } .mi-more::before { content: "\e619"; } .mi-more-horiz::before { content: "\e5d3"; } .mi-more-time::before { content: "\ea5d"; } .mi-more-vert::before { content: "\e5d4"; } .mi-mosque::before { content: "\eab2"; } .mi-motion-photos-auto::before { content: "\f03a"; } .mi-motion-photos-off::before { content: "\e9c0"; } .mi-motion-photos-on::before { content: "\e9c1"; } .mi-motion-photos-pause::before { content: "\f227"; } .mi-motion-photos-paused::before { content: "\e9c2"; } .mi-motorcycle::before { content: "\e91b"; } .mi-mouse::before { content: "\e323"; } .mi-move-down::before { content: "\eb61"; } .mi-move-to-inbox::before { content: "\e168"; } .mi-move-up::before { content: "\eb64"; } .mi-movie::before { content: "\e02c"; } .mi-movie-creation::before { content: "\e404"; } .mi-movie-edit::before { content: "\f840"; } .mi-movie-filter::before { content: "\e43a"; } .mi-moving::before { content: "\e501"; } .mi-mp::before { content: "\e9c3"; } .mi-multiline-chart::before { content: "\e6df"; } .mi-multiple-stop::before { content: "\f1b9"; } .mi-multitrack-audio::before { content: "\e1b8"; } .mi-museum::before { content: "\ea36"; } .mi-music-note::before { content: "\e405"; } .mi-music-off::before { content: "\e440"; } .mi-music-video::before { content: "\e063"; } .mi-my-library-add::before { content: "\e02e"; } .mi-my-library-books::before { content: "\e02f"; } .mi-my-library-music::before { content: "\e030"; } .mi-my-location::before { content: "\e55c"; } .mi-nat::before { content: "\ef5c"; } .mi-nature::before { content: "\e406"; } .mi-nature-people::before { content: "\e407"; } .mi-navigate-before::before { content: "\e408"; } .mi-navigate-next::before { content: "\e409"; } .mi-navigation::before { content: "\e55d"; } .mi-near-me::before { content: "\e569"; } .mi-near-me-disabled::before { content: "\f1ef"; } .mi-nearby-error::before { content: "\f03b"; } .mi-nearby-off::before { content: "\f03c"; } .mi-nest-cam-wired-stand::before { content: "\ec16"; } .mi-network-cell::before { content: "\e1b9"; } .mi-network-check::before { content: "\e640"; } .mi-network-locked::before { content: "\e61a"; } .mi-network-ping::before { content: "\ebca"; } .mi-network-wifi::before { content: "\e1ba"; } .mi-network-wifi-1-bar::before { content: "\ebe4"; } .mi-network-wifi-2-bar::before { content: "\ebd6"; } .mi-network-wifi-3-bar::before { content: "\ebe1"; } .mi-new-label::before { content: "\e609"; } .mi-new-releases::before { content: "\e031"; } .mi-newspaper::before { content: "\eb81"; } .mi-next-plan::before { content: "\ef5d"; } .mi-next-week::before { content: "\e16a"; } .mi-nfc::before { content: "\e1bb"; } .mi-night-shelter::before { content: "\f1f1"; } .mi-nightlife::before { content: "\ea62"; } .mi-nightlight::before { content: "\f03d"; } .mi-nightlight-round::before { content: "\ef5e"; } .mi-nights-stay::before { content: "\ea46"; } .mi-no-accounts::before { content: "\f03e"; } .mi-no-adult-content::before { content: "\f8fe"; } .mi-no-backpack::before { content: "\f237"; } .mi-no-cell::before { content: "\f1a4"; } .mi-no-crash::before { content: "\ebf0"; } .mi-no-drinks::before { content: "\f1a5"; } .mi-no-encryption::before { content: "\e641"; } .mi-no-encryption-gmailerrorred::before { content: "\f03f"; } .mi-no-flash::before { content: "\f1a6"; } .mi-no-food::before { content: "\f1a7"; } .mi-no-luggage::before { content: "\f23b"; } .mi-no-meals::before { content: "\f1d6"; } .mi-no-meals-ouline::before { content: "\f229"; } .mi-no-meeting-room::before { content: "\eb4e"; } .mi-no-photography::before { content: "\f1a8"; } .mi-no-sim::before { content: "\e0cc"; } .mi-no-stroller::before { content: "\f1af"; } .mi-no-transfer::before { content: "\f1d5"; } .mi-noise-aware::before { content: "\ebec"; } .mi-noise-control-off::before { content: "\ebf3"; } .mi-nordic-walking::before { content: "\e50e"; } .mi-north::before { content: "\f1e0"; } .mi-north-east::before { content: "\f1e1"; } .mi-north-west::before { content: "\f1e2"; } .mi-not-accessible::before { content: "\f0fe"; } .mi-not-interested::before { content: "\e033"; } .mi-not-listed-location::before { content: "\e575"; } .mi-not-started::before { content: "\f0d1"; } .mi-note::before { content: "\e06f"; } .mi-note-add::before { content: "\e89c"; } .mi-note-alt::before { content: "\f040"; } .mi-notes::before { content: "\e26c"; } .mi-notification-add::before { content: "\e399"; } .mi-notification-important::before { content: "\e004"; } .mi-notifications::before { content: "\e7f4"; } .mi-notifications-active::before { content: "\e7f7"; } .mi-notifications-none::before { content: "\e7f5"; } .mi-notifications-off::before { content: "\e7f6"; } .mi-notifications-on::before { content: "\e7f7"; } .mi-notifications-paused::before { content: "\e7f8"; } .mi-now-wallpaper::before { content: "\e1bc"; } .mi-now-widgets::before { content: "\e1bd"; } .mi-numbers::before { content: "\eac7"; } .mi-offline-bolt::before { content: "\e932"; } .mi-offline-pin::before { content: "\e90a"; } .mi-offline-share::before { content: "\e9c5"; } .mi-oil-barrel::before { content: "\ec15"; } .mi-on-device-training::before { content: "\ebfd"; } .mi-ondemand-video::before { content: "\e63a"; } .mi-online-prediction::before { content: "\f0eb"; } .mi-opacity::before { content: "\e91c"; } .mi-open-in-browser::before { content: "\e89d"; } .mi-open-in-full::before { content: "\f1ce"; } .mi-open-in-new::before { content: "\e89e"; } .mi-open-in-new-off::before { content: "\e4f6"; } .mi-open-with::before { content: "\e89f"; } .mi-other-houses::before { content: "\e58c"; } .mi-outbond::before { content: "\f228"; } .mi-outbound::before { content: "\e1ca"; } .mi-outbox::before { content: "\ef5f"; } .mi-outdoor-grill::before { content: "\ea47"; } .mi-outgoing-mail::before { content: "\f0d2"; } .mi-outlet::before { content: "\f1d4"; } .mi-outlined-flag::before { content: "\e16e"; } .mi-output::before { content: "\ebbe"; } .mi-padding::before { content: "\e9c8"; } .mi-pages::before { content: "\e7f9"; } .mi-pageview::before { content: "\e8a0"; } .mi-paid::before { content: "\f041"; } .mi-palette::before { content: "\e40a"; } .mi-pallet::before { content: "\f86a"; } .mi-pan-tool::before { content: "\e925"; } .mi-pan-tool-alt::before { content: "\ebb9"; } .mi-panorama::before { content: "\e40b"; } .mi-panorama-fish-eye::before { content: "\e40c"; } .mi-panorama-fisheye::before { content: "\e40c"; } .mi-panorama-horizontal::before { content: "\e40d"; } .mi-panorama-horizontal-select::before { content: "\ef60"; } .mi-panorama-photosphere::before { content: "\e9c9"; } .mi-panorama-photosphere-select::before { content: "\e9ca"; } .mi-panorama-vertical::before { content: "\e40e"; } .mi-panorama-vertical-select::before { content: "\ef61"; } .mi-panorama-wide-angle::before { content: "\e40f"; } .mi-panorama-wide-angle-select::before { content: "\ef62"; } .mi-paragliding::before { content: "\e50f"; } .mi-park::before { content: "\ea63"; } .mi-party-mode::before { content: "\e7fa"; } .mi-password::before { content: "\f042"; } .mi-paste::before { content: "\f098"; } .mi-pattern::before { content: "\f043"; } .mi-pause::before { content: "\e034"; } .mi-pause-circle::before { content: "\e1a2"; } .mi-pause-circle-filled::before { content: "\e035"; } .mi-pause-circle-outline::before { content: "\e036"; } .mi-pause-presentation::before { content: "\e0ea"; } .mi-payment::before { content: "\e8a1"; } .mi-payments::before { content: "\ef63"; } .mi-paypal::before { content: "\ea8d"; } .mi-pedal-bike::before { content: "\eb29"; } .mi-pending::before { content: "\ef64"; } .mi-pending-actions::before { content: "\f1bb"; } .mi-pentagon::before { content: "\eb50"; } .mi-people::before { content: "\e7fb"; } .mi-people-alt::before { content: "\ea21"; } .mi-people-outline::before { content: "\e7fc"; } .mi-percent::before { content: "\eb58"; } .mi-perm-camera-mic::before { content: "\e8a2"; } .mi-perm-contact-cal::before { content: "\e8a3"; } .mi-perm-contact-calendar::before { content: "\e8a3"; } .mi-perm-data-setting::before { content: "\e8a4"; } .mi-perm-device-info::before { content: "\e8a5"; } .mi-perm-device-information::before { content: "\e8a5"; } .mi-perm-identity::before { content: "\e8a6"; } .mi-perm-media::before { content: "\e8a7"; } .mi-perm-phone-msg::before { content: "\e8a8"; } .mi-perm-scan-wifi::before { content: "\e8a9"; } .mi-person::before { content: "\e7fd"; } .mi-person-2::before { content: "\f8e4"; } .mi-person-3::before { content: "\f8e5"; } .mi-person-4::before { content: "\f8e6"; } .mi-person-add::before { content: "\e7fe"; } .mi-person-add-alt::before { content: "\ea4d"; } .mi-person-add-alt-1::before { content: "\ef65"; } .mi-person-add-disabled::before { content: "\e9cb"; } .mi-person-off::before { content: "\e510"; } .mi-person-outline::before { content: "\e7ff"; } .mi-person-pin::before { content: "\e55a"; } .mi-person-pin-circle::before { content: "\e56a"; } .mi-person-remove::before { content: "\ef66"; } .mi-person-remove-alt-1::before { content: "\ef67"; } .mi-person-search::before { content: "\f106"; } .mi-personal-injury::before { content: "\e6da"; } .mi-personal-video::before { content: "\e63b"; } .mi-pest-control::before { content: "\f0fa"; } .mi-pest-control-rodent::before { content: "\f0fd"; } .mi-pets::before { content: "\e91d"; } .mi-phishing::before { content: "\ead7"; } .mi-phone::before { content: "\e0cd"; } .mi-phone-android::before { content: "\e324"; } .mi-phone-bluetooth-speaker::before { content: "\e61b"; } .mi-phone-callback::before { content: "\e649"; } .mi-phone-disabled::before { content: "\e9cc"; } .mi-phone-enabled::before { content: "\e9cd"; } .mi-phone-forwarded::before { content: "\e61c"; } .mi-phone-in-talk::before { content: "\e61d"; } .mi-phone-iphone::before { content: "\e325"; } .mi-phone-locked::before { content: "\e61e"; } .mi-phone-missed::before { content: "\e61f"; } .mi-phone-paused::before { content: "\e620"; } .mi-phonelink::before { content: "\e326"; } .mi-phonelink-erase::before { content: "\e0db"; } .mi-phonelink-lock::before { content: "\e0dc"; } .mi-phonelink-off::before { content: "\e327"; } .mi-phonelink-ring::before { content: "\e0dd"; } .mi-phonelink-setup::before { content: "\e0de"; } .mi-photo::before { content: "\e410"; } .mi-photo-album::before { content: "\e411"; } .mi-photo-camera::before { content: "\e412"; } .mi-photo-camera-back::before { content: "\ef68"; } .mi-photo-camera-front::before { content: "\ef69"; } .mi-photo-filter::before { content: "\e43b"; } .mi-photo-library::before { content: "\e413"; } .mi-photo-size-select-actual::before { content: "\e432"; } .mi-photo-size-select-large::before { content: "\e433"; } .mi-photo-size-select-small::before { content: "\e434"; } .mi-php::before { content: "\eb8f"; } .mi-piano::before { content: "\e521"; } .mi-piano-off::before { content: "\e520"; } .mi-picture-as-pdf::before { content: "\e415"; } .mi-picture-in-picture::before { content: "\e8aa"; } .mi-picture-in-picture-alt::before { content: "\e911"; } .mi-pie-chart::before { content: "\e6c4"; } .mi-pie-chart-outline::before { content: "\f044"; } .mi-pie-chart-outlined::before { content: "\e6c5"; } .mi-pin::before { content: "\f045"; } .mi-pin-drop::before { content: "\e55e"; } .mi-pin-end::before { content: "\e767"; } .mi-pin-invoke::before { content: "\e763"; } .mi-pinch::before { content: "\eb38"; } .mi-pivot-table-chart::before { content: "\e9ce"; } .mi-pix::before { content: "\eaa3"; } .mi-place::before { content: "\e55f"; } .mi-plagiarism::before { content: "\ea5a"; } .mi-play-arrow::before { content: "\e037"; } .mi-play-circle::before { content: "\e1c4"; } .mi-play-circle-fill::before { content: "\e038"; } .mi-play-circle-filled::before { content: "\e038"; } .mi-play-circle-outline::before { content: "\e039"; } .mi-play-disabled::before { content: "\ef6a"; } .mi-play-for-work::before { content: "\e906"; } .mi-play-lesson::before { content: "\f047"; } .mi-playlist-add::before { content: "\e03b"; } .mi-playlist-add-check::before { content: "\e065"; } .mi-playlist-add-check-circle::before { content: "\e7e6"; } .mi-playlist-add-circle::before { content: "\e7e5"; } .mi-playlist-play::before { content: "\e05f"; } .mi-playlist-remove::before { content: "\eb80"; } .mi-plumbing::before { content: "\f107"; } .mi-plus-one::before { content: "\e800"; } .mi-podcasts::before { content: "\f048"; } .mi-point-of-sale::before { content: "\f17e"; } .mi-policy::before { content: "\ea17"; } .mi-poll::before { content: "\e801"; } .mi-polyline::before { content: "\ebbb"; } .mi-polymer::before { content: "\e8ab"; } .mi-pool::before { content: "\eb48"; } .mi-portable-wifi-off::before { content: "\e0ce"; } .mi-portrait::before { content: "\e416"; } .mi-post-add::before { content: "\ea20"; } .mi-power::before { content: "\e63c"; } .mi-power-input::before { content: "\e336"; } .mi-power-off::before { content: "\e646"; } .mi-power-settings-new::before { content: "\e8ac"; } .mi-precision-manufacturing::before { content: "\f049"; } .mi-pregnant-woman::before { content: "\e91e"; } .mi-present-to-all::before { content: "\e0df"; } .mi-preview::before { content: "\f1c5"; } .mi-price-change::before { content: "\f04a"; } .mi-price-check::before { content: "\f04b"; } .mi-print::before { content: "\e8ad"; } .mi-print-disabled::before { content: "\e9cf"; } .mi-priority-high::before { content: "\e645"; } .mi-privacy-tip::before { content: "\f0dc"; } .mi-private-connectivity::before { content: "\e744"; } .mi-production-quantity-limits::before { content: "\e1d1"; } .mi-propane::before { content: "\ec14"; } .mi-propane-tank::before { content: "\ec13"; } .mi-psychology::before { content: "\ea4a"; } .mi-psychology-alt::before { content: "\f8ea"; } .mi-public::before { content: "\e80b"; } .mi-public-off::before { content: "\f1ca"; } .mi-publish::before { content: "\e255"; } .mi-published-with-changes::before { content: "\f232"; } .mi-punch-clock::before { content: "\eaa8"; } .mi-push-pin::before { content: "\f10d"; } .mi-qr-code::before { content: "\ef6b"; } .mi-qr-code-2::before { content: "\e00a"; } .mi-qr-code-scanner::before { content: "\f206"; } .mi-query-builder::before { content: "\e8ae"; } .mi-query-stats::before { content: "\e4fc"; } .mi-question-answer::before { content: "\e8af"; } .mi-question-mark::before { content: "\eb8b"; } .mi-queue::before { content: "\e03c"; } .mi-queue-music::before { content: "\e03d"; } .mi-queue-play-next::before { content: "\e066"; } .mi-quick-contacts-dialer::before { content: "\e0cf"; } .mi-quick-contacts-mail::before { content: "\e0d0"; } .mi-quickreply::before { content: "\ef6c"; } .mi-quiz::before { content: "\f04c"; } .mi-quora::before { content: "\ea98"; } .mi-r-mobiledata::before { content: "\f04d"; } .mi-radar::before { content: "\f04e"; } .mi-radio::before { content: "\e03e"; } .mi-radio-button-checked::before { content: "\e837"; } .mi-radio-button-off::before { content: "\e836"; } .mi-radio-button-on::before { content: "\e837"; } .mi-radio-button-unchecked::before { content: "\e836"; } .mi-railway-alert::before { content: "\e9d1"; } .mi-ramen-dining::before { content: "\ea64"; } .mi-ramp-left::before { content: "\eb9c"; } .mi-ramp-right::before { content: "\eb96"; } .mi-rate-review::before { content: "\e560"; } .mi-raw-off::before { content: "\f04f"; } .mi-raw-on::before { content: "\f050"; } .mi-read-more::before { content: "\ef6d"; } .mi-real-estate-agent::before { content: "\e73a"; } .mi-rebase-edit::before { content: "\f846"; } .mi-receipt::before { content: "\e8b0"; } .mi-receipt-long::before { content: "\ef6e"; } .mi-recent-actors::before { content: "\e03f"; } .mi-recommend::before { content: "\e9d2"; } .mi-record-voice-over::before { content: "\e91f"; } .mi-rectangle::before { content: "\eb54"; } .mi-recycling::before { content: "\e760"; } .mi-reddit::before { content: "\eaa0"; } .mi-redeem::before { content: "\e8b1"; } .mi-redo::before { content: "\e15a"; } .mi-reduce-capacity::before { content: "\f21c"; } .mi-refresh::before { content: "\e5d5"; } .mi-remember-me::before { content: "\f051"; } .mi-remove::before { content: "\e15b"; } .mi-remove-circle::before { content: "\e15c"; } .mi-remove-circle-outline::before { content: "\e15d"; } .mi-remove-done::before { content: "\e9d3"; } .mi-remove-from-queue::before { content: "\e067"; } .mi-remove-moderator::before { content: "\e9d4"; } .mi-remove-red-eye::before { content: "\e417"; } .mi-remove-road::before { content: "\ebfc"; } .mi-remove-shopping-cart::before { content: "\e928"; } .mi-reorder::before { content: "\e8fe"; } .mi-repartition::before { content: "\f8e8"; } .mi-repeat::before { content: "\e040"; } .mi-repeat-on::before { content: "\e9d6"; } .mi-repeat-one::before { content: "\e041"; } .mi-repeat-one-on::before { content: "\e9d7"; } .mi-replay::before { content: "\e042"; } .mi-replay-10::before { content: "\e059"; } .mi-replay-30::before { content: "\e05a"; } .mi-replay-5::before { content: "\e05b"; } .mi-replay-circle-filled::before { content: "\e9d8"; } .mi-reply::before { content: "\e15e"; } .mi-reply-all::before { content: "\e15f"; } .mi-report::before { content: "\e160"; } .mi-report-gmailerrorred::before { content: "\f052"; } .mi-report-off::before { content: "\e170"; } .mi-report-problem::before { content: "\e8b2"; } .mi-request-page::before { content: "\f22c"; } .mi-request-quote::before { content: "\f1b6"; } .mi-reset-tv::before { content: "\e9d9"; } .mi-restart-alt::before { content: "\f053"; } .mi-restaurant::before { content: "\e56c"; } .mi-restaurant-menu::before { content: "\e561"; } .mi-restore::before { content: "\e8b3"; } .mi-restore-from-trash::before { content: "\e938"; } .mi-restore-page::before { content: "\e929"; } .mi-reviews::before { content: "\f054"; } .mi-rice-bowl::before { content: "\f1f5"; } .mi-ring-volume::before { content: "\e0d1"; } .mi-rocket::before { content: "\eba5"; } .mi-rocket-launch::before { content: "\eb9b"; } .mi-roller-shades::before { content: "\ec12"; } .mi-roller-shades-closed::before { content: "\ec11"; } .mi-roller-skating::before { content: "\ebcd"; } .mi-roofing::before { content: "\f201"; } .mi-room::before { content: "\e8b4"; } .mi-room-preferences::before { content: "\f1b8"; } .mi-room-service::before { content: "\eb49"; } .mi-rotate-90-degrees-ccw::before { content: "\e418"; } .mi-rotate-90-degrees-cw::before { content: "\eaab"; } .mi-rotate-left::before { content: "\e419"; } .mi-rotate-right::before { content: "\e41a"; } .mi-roundabout-left::before { content: "\eb99"; } .mi-roundabout-right::before { content: "\eba3"; } .mi-rounded-corner::before { content: "\e920"; } .mi-route::before { content: "\eacd"; } .mi-router::before { content: "\e328"; } .mi-rowing::before { content: "\e921"; } .mi-rss-feed::before { content: "\e0e5"; } .mi-rsvp::before { content: "\f055"; } .mi-rtt::before { content: "\e9ad"; } .mi-rule::before { content: "\f1c2"; } .mi-rule-folder::before { content: "\f1c9"; } .mi-run-circle::before { content: "\ef6f"; } .mi-running-with-errors::before { content: "\e51d"; } .mi-rv-hookup::before { content: "\e642"; } .mi-safety-check::before { content: "\ebef"; } .mi-safety-divider::before { content: "\e1cc"; } .mi-sailing::before { content: "\e502"; } .mi-sanitizer::before { content: "\f21d"; } .mi-satellite::before { content: "\e562"; } .mi-satellite-alt::before { content: "\eb3a"; } .mi-save::before { content: "\e161"; } .mi-save-alt::before { content: "\e171"; } .mi-save-as::before { content: "\eb60"; } .mi-saved-search::before { content: "\ea11"; } .mi-savings::before { content: "\e2eb"; } .mi-scale::before { content: "\eb5f"; } .mi-scanner::before { content: "\e329"; } .mi-scatter-plot::before { content: "\e268"; } .mi-schedule::before { content: "\e8b5"; } .mi-schedule-send::before { content: "\ea0a"; } .mi-schema::before { content: "\e4fd"; } .mi-school::before { content: "\e80c"; } .mi-science::before { content: "\ea4b"; } .mi-score::before { content: "\e269"; } .mi-scoreboard::before { content: "\ebd0"; } .mi-screen-lock-landscape::before { content: "\e1be"; } .mi-screen-lock-portrait::before { content: "\e1bf"; } .mi-screen-lock-rotation::before { content: "\e1c0"; } .mi-screen-rotation::before { content: "\e1c1"; } .mi-screen-rotation-alt::before { content: "\ebee"; } .mi-screen-search-desktop::before { content: "\ef70"; } .mi-screen-share::before { content: "\e0e2"; } .mi-screenshot::before { content: "\f056"; } .mi-screenshot-monitor::before { content: "\ec08"; } .mi-scuba-diving::before { content: "\ebce"; } .mi-sd::before { content: "\e9dd"; } .mi-sd-card::before { content: "\e623"; } .mi-sd-card-alert::before { content: "\f057"; } .mi-sd-storage::before { content: "\e1c2"; } .mi-search::before { content: "\e8b6"; } .mi-search-off::before { content: "\ea76"; } .mi-security::before { content: "\e32a"; } .mi-security-update::before { content: "\f058"; } .mi-security-update-good::before { content: "\f059"; } .mi-security-update-warning::before { content: "\f05a"; } .mi-segment::before { content: "\e94b"; } .mi-select-all::before { content: "\e162"; } .mi-self-improvement::before { content: "\ea78"; } .mi-sell::before { content: "\f05b"; } .mi-send::before { content: "\e163"; } .mi-send-and-archive::before { content: "\ea0c"; } .mi-send-time-extension::before { content: "\eadb"; } .mi-send-to-mobile::before { content: "\f05c"; } .mi-sensor-door::before { content: "\f1b5"; } .mi-sensor-occupied::before { content: "\ec10"; } .mi-sensor-window::before { content: "\f1b4"; } .mi-sensors::before { content: "\e51e"; } .mi-sensors-off::before { content: "\e51f"; } .mi-sentiment-dissatisfied::before { content: "\e811"; } .mi-sentiment-neutral::before { content: "\e812"; } .mi-sentiment-satisfied::before { content: "\e813"; } .mi-sentiment-satisfied-alt::before { content: "\e0ed"; } .mi-sentiment-very-dissatisfied::before { content: "\e814"; } .mi-sentiment-very-satisfied::before { content: "\e815"; } .mi-set-meal::before { content: "\f1ea"; } .mi-settings::before { content: "\e8b8"; } .mi-settings-accessibility::before { content: "\f05d"; } .mi-settings-applications::before { content: "\e8b9"; } .mi-settings-backup-restore::before { content: "\e8ba"; } .mi-settings-bluetooth::before { content: "\e8bb"; } .mi-settings-brightness::before { content: "\e8bd"; } .mi-settings-cell::before { content: "\e8bc"; } .mi-settings-display::before { content: "\e8bd"; } .mi-settings-ethernet::before { content: "\e8be"; } .mi-settings-input-antenna::before { content: "\e8bf"; } .mi-settings-input-component::before { content: "\e8c0"; } .mi-settings-input-composite::before { content: "\e8c1"; } .mi-settings-input-hdmi::before { content: "\e8c2"; } .mi-settings-input-svideo::before { content: "\e8c3"; } .mi-settings-overscan::before { content: "\e8c4"; } .mi-settings-phone::before { content: "\e8c5"; } .mi-settings-power::before { content: "\e8c6"; } .mi-settings-remote::before { content: "\e8c7"; } .mi-settings-suggest::before { content: "\f05e"; } .mi-settings-system-daydream::before { content: "\e1c3"; } .mi-settings-voice::before { content: "\e8c8"; } .mi-severe-cold::before { content: "\ebd3"; } .mi-shape-line::before { content: "\f8d3"; } .mi-share::before { content: "\e80d"; } .mi-share-arrival-time::before { content: "\e524"; } .mi-share-location::before { content: "\f05f"; } .mi-shelves::before { content: "\f86e"; } .mi-shield::before { content: "\e9e0"; } .mi-shield-moon::before { content: "\eaa9"; } .mi-shop::before { content: "\e8c9"; } .mi-shop-2::before { content: "\e19e"; } .mi-shop-two::before { content: "\e8ca"; } .mi-shopify::before { content: "\ea9d"; } .mi-shopping-bag::before { content: "\f1cc"; } .mi-shopping-basket::before { content: "\e8cb"; } .mi-shopping-cart::before { content: "\e8cc"; } .mi-shopping-cart-checkout::before { content: "\eb88"; } .mi-short-text::before { content: "\e261"; } .mi-shortcut::before { content: "\f060"; } .mi-show-chart::before { content: "\e6e1"; } .mi-shower::before { content: "\f061"; } .mi-shuffle::before { content: "\e043"; } .mi-shuffle-on::before { content: "\e9e1"; } .mi-shutter-speed::before { content: "\e43d"; } .mi-sick::before { content: "\f220"; } .mi-sign-language::before { content: "\ebe5"; } .mi-signal-cellular-0-bar::before { content: "\f0a8"; } .mi-signal-cellular-1-bar::before { content: "\f0a9"; } .mi-signal-cellular-2-bar::before { content: "\f0aa"; } .mi-signal-cellular-3-bar::before { content: "\f0ab"; } .mi-signal-cellular-4-bar::before { content: "\e1c8"; } .mi-signal-cellular-alt::before { content: "\e202"; } .mi-signal-cellular-alt-1-bar::before { content: "\ebdf"; } .mi-signal-cellular-alt-2-bar::before { content: "\ebe3"; } .mi-signal-cellular-connected-no-internet-0-bar::before { content: "\f0ac"; } .mi-signal-cellular-connected-no-internet-1-bar::before { content: "\f0ad"; } .mi-signal-cellular-connected-no-internet-2-bar::before { content: "\f0ae"; } .mi-signal-cellular-connected-no-internet-3-bar::before { content: "\f0af"; } .mi-signal-cellular-connected-no-internet-4-bar::before { content: "\e1cd"; } .mi-signal-cellular-no-sim::before { content: "\e1ce"; } .mi-signal-cellular-nodata::before { content: "\f062"; } .mi-signal-cellular-null::before { content: "\e1cf"; } .mi-signal-cellular-off::before { content: "\e1d0"; } .mi-signal-wifi-0-bar::before { content: "\f0b0"; } .mi-signal-wifi-1-bar::before { content: "\f0b1"; } .mi-signal-wifi-1-bar-lock::before { content: "\f0b2"; } .mi-signal-wifi-2-bar::before { content: "\f0b3"; } .mi-signal-wifi-2-bar-lock::before { content: "\f0b4"; } .mi-signal-wifi-3-bar::before { content: "\f0b5"; } .mi-signal-wifi-3-bar-lock::before { content: "\f0b6"; } .mi-signal-wifi-4-bar::before { content: "\e1d8"; } .mi-signal-wifi-4-bar-lock::before { content: "\e1d9"; } .mi-signal-wifi-bad::before { content: "\f063"; } .mi-signal-wifi-connected-no-internet-0::before { content: "\f0f2"; } .mi-signal-wifi-connected-no-internet-1::before { content: "\f0ee"; } .mi-signal-wifi-connected-no-internet-2::before { content: "\f0f1"; } .mi-signal-wifi-connected-no-internet-3::before { content: "\f0ed"; } .mi-signal-wifi-connected-no-internet-4::before { content: "\f064"; } .mi-signal-wifi-off::before { content: "\e1da"; } .mi-signal-wifi-statusbar-1-bar::before { content: "\f0e6"; } .mi-signal-wifi-statusbar-2-bar::before { content: "\f0f0"; } .mi-signal-wifi-statusbar-3-bar::before { content: "\f0ea"; } .mi-signal-wifi-statusbar-4-bar::before { content: "\f065"; } .mi-signal-wifi-statusbar-connected-no-internet::before { content: "\f0f8"; } .mi-signal-wifi-statusbar-connected-no-internet-1::before { content: "\f0e9"; } .mi-signal-wifi-statusbar-connected-no-internet-2::before { content: "\f0f7"; } .mi-signal-wifi-statusbar-connected-no-internet-3::before { content: "\f0e8"; } .mi-signal-wifi-statusbar-connected-no-internet-4::before { content: "\f066"; } .mi-signal-wifi-statusbar-not-connected::before { content: "\f0ef"; } .mi-signal-wifi-statusbar-null::before { content: "\f067"; } .mi-signpost::before { content: "\eb91"; } .mi-sim-card::before { content: "\e32b"; } .mi-sim-card-alert::before { content: "\e624"; } .mi-sim-card-download::before { content: "\f068"; } .mi-single-bed::before { content: "\ea48"; } .mi-sip::before { content: "\f069"; } .mi-skateboarding::before { content: "\e511"; } .mi-skip-next::before { content: "\e044"; } .mi-skip-previous::before { content: "\e045"; } .mi-sledding::before { content: "\e512"; } .mi-slideshow::before { content: "\e41b"; } .mi-slow-motion-video::before { content: "\e068"; } .mi-smart-button::before { content: "\f1c1"; } .mi-smart-display::before { content: "\f06a"; } .mi-smart-screen::before { content: "\f06b"; } .mi-smart-toy::before { content: "\f06c"; } .mi-smartphone::before { content: "\e32c"; } .mi-smoke-free::before { content: "\eb4a"; } .mi-smoking-rooms::before { content: "\eb4b"; } .mi-sms::before { content: "\e625"; } .mi-sms-failed::before { content: "\e626"; } .mi-snapchat::before { content: "\ea6e"; } .mi-snippet-folder::before { content: "\f1c7"; } .mi-snooze::before { content: "\e046"; } .mi-snowboarding::before { content: "\e513"; } .mi-snowing::before { content: "\e80f"; } .mi-snowmobile::before { content: "\e503"; } .mi-snowshoeing::before { content: "\e514"; } .mi-soap::before { content: "\f1b2"; } .mi-social-distance::before { content: "\e1cb"; } .mi-solar-power::before { content: "\ec0f"; } .mi-sort::before { content: "\e164"; } .mi-sort-by-alpha::before { content: "\e053"; } .mi-sos::before { content: "\ebf7"; } .mi-soup-kitchen::before { content: "\e7d3"; } .mi-source::before { content: "\f1c4"; } .mi-south::before { content: "\f1e3"; } .mi-south-america::before { content: "\e7e4"; } .mi-south-east::before { content: "\f1e4"; } .mi-south-west::before { content: "\f1e5"; } .mi-spa::before { content: "\eb4c"; } .mi-space-bar::before { content: "\e256"; } .mi-space-dashboard::before { content: "\e66b"; } .mi-spatial-audio::before { content: "\ebeb"; } .mi-spatial-audio-off::before { content: "\ebe8"; } .mi-spatial-tracking::before { content: "\ebea"; } .mi-speaker::before { content: "\e32d"; } .mi-speaker-group::before { content: "\e32e"; } .mi-speaker-notes::before { content: "\e8cd"; } .mi-speaker-notes-off::before { content: "\e92a"; } .mi-speaker-phone::before { content: "\e0d2"; } .mi-speed::before { content: "\e9e4"; } .mi-spellcheck::before { content: "\e8ce"; } .mi-splitscreen::before { content: "\f06d"; } .mi-spoke::before { content: "\e9a7"; } .mi-sports::before { content: "\ea30"; } .mi-sports-bar::before { content: "\f1f3"; } .mi-sports-baseball::before { content: "\ea51"; } .mi-sports-basketball::before { content: "\ea26"; } .mi-sports-cricket::before { content: "\ea27"; } .mi-sports-esports::before { content: "\ea28"; } .mi-sports-football::before { content: "\ea29"; } .mi-sports-golf::before { content: "\ea2a"; } .mi-sports-gymnastics::before { content: "\ebc4"; } .mi-sports-handball::before { content: "\ea33"; } .mi-sports-hockey::before { content: "\ea2b"; } .mi-sports-kabaddi::before { content: "\ea34"; } .mi-sports-martial-arts::before { content: "\eae9"; } .mi-sports-mma::before { content: "\ea2c"; } .mi-sports-motorsports::before { content: "\ea2d"; } .mi-sports-rugby::before { content: "\ea2e"; } .mi-sports-score::before { content: "\f06e"; } .mi-sports-soccer::before { content: "\ea2f"; } .mi-sports-tennis::before { content: "\ea32"; } .mi-sports-volleyball::before { content: "\ea31"; } .mi-square::before { content: "\eb36"; } .mi-square-foot::before { content: "\ea49"; } .mi-ssid-chart::before { content: "\eb66"; } .mi-stacked-bar-chart::before { content: "\e9e6"; } .mi-stacked-line-chart::before { content: "\f22b"; } .mi-stadium::before { content: "\eb90"; } .mi-stairs::before { content: "\f1a9"; } .mi-star::before { content: "\e838"; } .mi-star-border::before { content: "\e83a"; } .mi-star-border-purple500::before { content: "\f099"; } .mi-star-half::before { content: "\e839"; } .mi-star-outline::before { content: "\f06f"; } .mi-star-purple500::before { content: "\f09a"; } .mi-star-rate::before { content: "\f0ec"; } .mi-stars::before { content: "\e8d0"; } .mi-start::before { content: "\e089"; } .mi-stay-current-landscape::before { content: "\e0d3"; } .mi-stay-current-portrait::before { content: "\e0d4"; } .mi-stay-primary-landscape::before { content: "\e0d5"; } .mi-stay-primary-portrait::before { content: "\e0d6"; } .mi-sticky-note-2::before { content: "\f1fc"; } .mi-stop::before { content: "\e047"; } .mi-stop-circle::before { content: "\ef71"; } .mi-stop-screen-share::before { content: "\e0e3"; } .mi-storage::before { content: "\e1db"; } .mi-store::before { content: "\e8d1"; } .mi-store-mall-directory::before { content: "\e563"; } .mi-storefront::before { content: "\ea12"; } .mi-storm::before { content: "\f070"; } .mi-straight::before { content: "\eb95"; } .mi-straighten::before { content: "\e41c"; } .mi-stream::before { content: "\e9e9"; } .mi-streetview::before { content: "\e56e"; } .mi-strikethrough-s::before { content: "\e257"; } .mi-stroller::before { content: "\f1ae"; } .mi-style::before { content: "\e41d"; } .mi-subdirectory-arrow-left::before { content: "\e5d9"; } .mi-subdirectory-arrow-right::before { content: "\e5da"; } .mi-subject::before { content: "\e8d2"; } .mi-subscript::before { content: "\f111"; } .mi-subscriptions::before { content: "\e064"; } .mi-subtitles::before { content: "\e048"; } .mi-subtitles-off::before { content: "\ef72"; } .mi-subway::before { content: "\e56f"; } .mi-summarize::before { content: "\f071"; } .mi-sunny::before { content: "\e81a"; } .mi-sunny-snowing::before { content: "\e819"; } .mi-superscript::before { content: "\f112"; } .mi-supervised-user-circle::before { content: "\e939"; } .mi-supervisor-account::before { content: "\e8d3"; } .mi-support::before { content: "\ef73"; } .mi-support-agent::before { content: "\f0e2"; } .mi-surfing::before { content: "\e515"; } .mi-surround-sound::before { content: "\e049"; } .mi-swap-calls::before { content: "\e0d7"; } .mi-swap-horiz::before { content: "\e8d4"; } .mi-swap-horizontal-circle::before { content: "\e933"; } .mi-swap-vert::before { content: "\e8d5"; } .mi-swap-vert-circle::before { content: "\e8d6"; } .mi-swap-vertical-circle::before { content: "\e8d6"; } .mi-swipe::before { content: "\e9ec"; } .mi-swipe-down::before { content: "\eb53"; } .mi-swipe-down-alt::before { content: "\eb30"; } .mi-swipe-left::before { content: "\eb59"; } .mi-swipe-left-alt::before { content: "\eb33"; } .mi-swipe-right::before { content: "\eb52"; } .mi-swipe-right-alt::before { content: "\eb56"; } .mi-swipe-up::before { content: "\eb2e"; } .mi-swipe-up-alt::before { content: "\eb35"; } .mi-swipe-vertical::before { content: "\eb51"; } .mi-switch-access-shortcut::before { content: "\e7e1"; } .mi-switch-access-shortcut-add::before { content: "\e7e2"; } .mi-switch-account::before { content: "\e9ed"; } .mi-switch-camera::before { content: "\e41e"; } .mi-switch-left::before { content: "\f1d1"; } .mi-switch-right::before { content: "\f1d2"; } .mi-switch-video::before { content: "\e41f"; } .mi-synagogue::before { content: "\eab0"; } .mi-sync::before { content: "\e627"; } .mi-sync-alt::before { content: "\ea18"; } .mi-sync-disabled::before { content: "\e628"; } .mi-sync-lock::before { content: "\eaee"; } .mi-sync-problem::before { content: "\e629"; } .mi-system-security-update::before { content: "\f072"; } .mi-system-security-update-good::before { content: "\f073"; } .mi-system-security-update-warning::before { content: "\f074"; } .mi-system-update::before { content: "\e62a"; } .mi-system-update-alt::before { content: "\e8d7"; } .mi-system-update-tv::before { content: "\e8d7"; } .mi-tab::before { content: "\e8d8"; } .mi-tab-unselected::before { content: "\e8d9"; } .mi-table-bar::before { content: "\ead2"; } .mi-table-chart::before { content: "\e265"; } .mi-table-restaurant::before { content: "\eac6"; } .mi-table-rows::before { content: "\f101"; } .mi-table-view::before { content: "\f1be"; } .mi-tablet::before { content: "\e32f"; } .mi-tablet-android::before { content: "\e330"; } .mi-tablet-mac::before { content: "\e331"; } .mi-tag::before { content: "\e9ef"; } .mi-tag-faces::before { content: "\e420"; } .mi-takeout-dining::before { content: "\ea74"; } .mi-tap-and-play::before { content: "\e62b"; } .mi-tapas::before { content: "\f1e9"; } .mi-task::before { content: "\f075"; } .mi-task-alt::before { content: "\e2e6"; } .mi-taxi-alert::before { content: "\ef74"; } .mi-telegram::before { content: "\ea6b"; } .mi-temple-buddhist::before { content: "\eab3"; } .mi-temple-hindu::before { content: "\eaaf"; } .mi-terminal::before { content: "\eb8e"; } .mi-terrain::before { content: "\e564"; } .mi-text-decrease::before { content: "\eadd"; } .mi-text-fields::before { content: "\e262"; } .mi-text-format::before { content: "\e165"; } .mi-text-increase::before { content: "\eae2"; } .mi-text-rotate-up::before { content: "\e93a"; } .mi-text-rotate-vertical::before { content: "\e93b"; } .mi-text-rotation-angledown::before { content: "\e93c"; } .mi-text-rotation-angleup::before { content: "\e93d"; } .mi-text-rotation-down::before { content: "\e93e"; } .mi-text-rotation-none::before { content: "\e93f"; } .mi-text-snippet::before { content: "\f1c6"; } .mi-textsms::before { content: "\e0d8"; } .mi-texture::before { content: "\e421"; } .mi-theater-comedy::before { content: "\ea66"; } .mi-theaters::before { content: "\e8da"; } .mi-thermostat::before { content: "\f076"; } .mi-thermostat-auto::before { content: "\f077"; } .mi-thumb-down::before { content: "\e8db"; } .mi-thumb-down-alt::before { content: "\e816"; } .mi-thumb-down-off-alt::before { content: "\e9f2"; } .mi-thumb-up::before { content: "\e8dc"; } .mi-thumb-up-alt::before { content: "\e817"; } .mi-thumb-up-off-alt::before { content: "\e9f3"; } .mi-thumbs-up-down::before { content: "\e8dd"; } .mi-thunderstorm::before { content: "\ebdb"; } .mi-tiktok::before { content: "\ea7e"; } .mi-time-to-leave::before { content: "\e62c"; } .mi-timelapse::before { content: "\e422"; } .mi-timeline::before { content: "\e922"; } .mi-timer::before { content: "\e425"; } .mi-timer-10::before { content: "\e423"; } .mi-timer-10-select::before { content: "\f07a"; } .mi-timer-3::before { content: "\e424"; } .mi-timer-3-select::before { content: "\f07b"; } .mi-timer-off::before { content: "\e426"; } .mi-tips-and-updates::before { content: "\e79a"; } .mi-tire-repair::before { content: "\ebc8"; } .mi-title::before { content: "\e264"; } .mi-toc::before { content: "\e8de"; } .mi-today::before { content: "\e8df"; } .mi-toggle-off::before { content: "\e9f5"; } .mi-toggle-on::before { content: "\e9f6"; } .mi-token::before { content: "\ea25"; } .mi-toll::before { content: "\e8e0"; } .mi-tonality::before { content: "\e427"; } .mi-topic::before { content: "\f1c8"; } .mi-tornado::before { content: "\e199"; } .mi-touch-app::before { content: "\e913"; } .mi-tour::before { content: "\ef75"; } .mi-toys::before { content: "\e332"; } .mi-track-changes::before { content: "\e8e1"; } .mi-traffic::before { content: "\e565"; } .mi-train::before { content: "\e570"; } .mi-tram::before { content: "\e571"; } .mi-transcribe::before { content: "\f8ec"; } .mi-transfer-within-a-station::before { content: "\e572"; } .mi-transform::before { content: "\e428"; } .mi-transgender::before { content: "\e58d"; } .mi-transit-enterexit::before { content: "\e579"; } .mi-translate::before { content: "\e8e2"; } .mi-travel-explore::before { content: "\e2db"; } .mi-trending-down::before { content: "\e8e3"; } .mi-trending-flat::before { content: "\e8e4"; } .mi-trending-neutral::before { content: "\e8e4"; } .mi-trending-up::before { content: "\e8e5"; } .mi-trip-origin::before { content: "\e57b"; } .mi-trolley::before { content: "\f86b"; } .mi-troubleshoot::before { content: "\e1d2"; } .mi-try::before { content: "\f07c"; } .mi-tsunami::before { content: "\ebd8"; } .mi-tty::before { content: "\f1aa"; } .mi-tune::before { content: "\e429"; } .mi-tungsten::before { content: "\f07d"; } .mi-turn-left::before { content: "\eba6"; } .mi-turn-right::before { content: "\ebab"; } .mi-turn-sharp-left::before { content: "\eba7"; } .mi-turn-sharp-right::before { content: "\ebaa"; } .mi-turn-slight-left::before { content: "\eba4"; } .mi-turn-slight-right::before { content: "\eb9a"; } .mi-turned-in::before { content: "\e8e6"; } .mi-turned-in-not::before { content: "\e8e7"; } .mi-tv::before { content: "\e333"; } .mi-tv-off::before { content: "\e647"; } .mi-two-wheeler::before { content: "\e9f9"; } .mi-type-specimen::before { content: "\f8f0"; } .mi-u-turn-left::before { content: "\eba1"; } .mi-u-turn-right::before { content: "\eba2"; } .mi-umbrella::before { content: "\f1ad"; } .mi-unarchive::before { content: "\e169"; } .mi-undo::before { content: "\e166"; } .mi-unfold-less::before { content: "\e5d6"; } .mi-unfold-less-double::before { content: "\f8cf"; } .mi-unfold-more::before { content: "\e5d7"; } .mi-unfold-more-double::before { content: "\f8d0"; } .mi-unpublished::before { content: "\f236"; } .mi-unsubscribe::before { content: "\e0eb"; } .mi-upcoming::before { content: "\f07e"; } .mi-update::before { content: "\e923"; } .mi-update-disabled::before { content: "\e075"; } .mi-upgrade::before { content: "\f0fb"; } .mi-upload::before { content: "\f09b"; } .mi-upload-file::before { content: "\e9fc"; } .mi-usb::before { content: "\e1e0"; } .mi-usb-off::before { content: "\e4fa"; } .mi-vaccines::before { content: "\e138"; } .mi-vape-free::before { content: "\ebc6"; } .mi-vaping-rooms::before { content: "\ebcf"; } .mi-verified::before { content: "\ef76"; } .mi-verified-user::before { content: "\e8e8"; } .mi-vertical-align-bottom::before { content: "\e258"; } .mi-vertical-align-center::before { content: "\e259"; } .mi-vertical-align-top::before { content: "\e25a"; } .mi-vertical-distribute::before { content: "\e076"; } .mi-vertical-shades::before { content: "\ec0e"; } .mi-vertical-shades-closed::before { content: "\ec0d"; } .mi-vertical-split::before { content: "\e949"; } .mi-vibration::before { content: "\e62d"; } .mi-video-call::before { content: "\e070"; } .mi-video-camera-back::before { content: "\f07f"; } .mi-video-camera-front::before { content: "\f080"; } .mi-video-chat::before { content: "\f8a0"; } .mi-video-collection::before { content: "\e04a"; } .mi-video-file::before { content: "\eb87"; } .mi-video-label::before { content: "\e071"; } .mi-video-library::before { content: "\e04a"; } .mi-video-settings::before { content: "\ea75"; } .mi-video-stable::before { content: "\f081"; } .mi-videocam::before { content: "\e04b"; } .mi-videocam-off::before { content: "\e04c"; } .mi-videogame-asset::before { content: "\e338"; } .mi-videogame-asset-off::before { content: "\e500"; } .mi-view-agenda::before { content: "\e8e9"; } .mi-view-array::before { content: "\e8ea"; } .mi-view-carousel::before { content: "\e8eb"; } .mi-view-column::before { content: "\e8ec"; } .mi-view-comfortable::before { content: "\e42a"; } .mi-view-comfy::before { content: "\e42a"; } .mi-view-comfy-alt::before { content: "\eb73"; } .mi-view-compact::before { content: "\e42b"; } .mi-view-compact-alt::before { content: "\eb74"; } .mi-view-cozy::before { content: "\eb75"; } .mi-view-day::before { content: "\e8ed"; } .mi-view-headline::before { content: "\e8ee"; } .mi-view-in-ar::before { content: "\e9fe"; } .mi-view-kanban::before { content: "\eb7f"; } .mi-view-list::before { content: "\e8ef"; } .mi-view-module::before { content: "\e8f0"; } .mi-view-quilt::before { content: "\e8f1"; } .mi-view-sidebar::before { content: "\f114"; } .mi-view-stream::before { content: "\e8f2"; } .mi-view-timeline::before { content: "\eb85"; } .mi-view-week::before { content: "\e8f3"; } .mi-vignette::before { content: "\e435"; } .mi-villa::before { content: "\e586"; } .mi-visibility::before { content: "\e8f4"; } .mi-visibility-off::before { content: "\e8f5"; } .mi-voice-chat::before { content: "\e62e"; } .mi-voice-over-off::before { content: "\e94a"; } .mi-voicemail::before { content: "\e0d9"; } .mi-volcano::before { content: "\ebda"; } .mi-volume-down::before { content: "\e04d"; } .mi-volume-down-alt::before { content: "\e79c"; } .mi-volume-mute::before { content: "\e04e"; } .mi-volume-off::before { content: "\e04f"; } .mi-volume-up::before { content: "\e050"; } .mi-volunteer-activism::before { content: "\ea70"; } .mi-vpn-key::before { content: "\e0da"; } .mi-vpn-key-off::before { content: "\eb7a"; } .mi-vpn-lock::before { content: "\e62f"; } .mi-vrpano::before { content: "\f082"; } .mi-wallet::before { content: "\f8ff"; } .mi-wallet-giftcard::before { content: "\e8f6"; } .mi-wallet-membership::before { content: "\e8f7"; } .mi-wallet-travel::before { content: "\e8f8"; } .mi-wallpaper::before { content: "\e1bc"; } .mi-warehouse::before { content: "\ebb8"; } .mi-warning::before { content: "\e002"; } .mi-warning-amber::before { content: "\f083"; } .mi-wash::before { content: "\f1b1"; } .mi-watch::before { content: "\e334"; } .mi-watch-later::before { content: "\e924"; } .mi-watch-off::before { content: "\eae3"; } .mi-water::before { content: "\f084"; } .mi-water-damage::before { content: "\f203"; } .mi-water-drop::before { content: "\e798"; } .mi-waterfall-chart::before { content: "\ea00"; } .mi-waves::before { content: "\e176"; } .mi-waving-hand::before { content: "\e766"; } .mi-wb-auto::before { content: "\e42c"; } .mi-wb-cloudy::before { content: "\e42d"; } .mi-wb-incandescent::before { content: "\e42e"; } .mi-wb-iridescent::before { content: "\e436"; } .mi-wb-shade::before { content: "\ea01"; } .mi-wb-sunny::before { content: "\e430"; } .mi-wb-twighlight::before { content: "\ea02"; } .mi-wb-twilight::before { content: "\e1c6"; } .mi-wc::before { content: "\e63d"; } .mi-web::before { content: "\e051"; } .mi-web-asset::before { content: "\e069"; } .mi-web-asset-off::before { content: "\e4f7"; } .mi-web-stories::before { content: "\e595"; } .mi-webhook::before { content: "\eb92"; } .mi-wechat::before { content: "\ea81"; } .mi-weekend::before { content: "\e16b"; } .mi-west::before { content: "\f1e6"; } .mi-whatshot::before { content: "\e80e"; } .mi-wheelchair-pickup::before { content: "\f1ab"; } .mi-where-to-vote::before { content: "\e177"; } .mi-widgets::before { content: "\e1bd"; } .mi-width-full::before { content: "\f8f5"; } .mi-width-normal::before { content: "\f8f6"; } .mi-width-wide::before { content: "\f8f7"; } .mi-wifi::before { content: "\e63e"; } .mi-wifi-1-bar::before { content: "\e4ca"; } .mi-wifi-2-bar::before { content: "\e4d9"; } .mi-wifi-calling::before { content: "\ef77"; } .mi-wifi-calling-1::before { content: "\f0e7"; } .mi-wifi-calling-2::before { content: "\f0f6"; } .mi-wifi-calling-3::before { content: "\f085"; } .mi-wifi-channel::before { content: "\eb6a"; } .mi-wifi-find::before { content: "\eb31"; } .mi-wifi-lock::before { content: "\e1e1"; } .mi-wifi-off::before { content: "\e648"; } .mi-wifi-password::before { content: "\eb6b"; } .mi-wifi-protected-setup::before { content: "\f0fc"; } .mi-wifi-tethering::before { content: "\e1e2"; } .mi-wifi-tethering-error::before { content: "\ead9"; } .mi-wifi-tethering-error-rounded::before { content: "\f086"; } .mi-wifi-tethering-off::before { content: "\f087"; } .mi-wind-power::before { content: "\ec0c"; } .mi-window::before { content: "\f088"; } .mi-wine-bar::before { content: "\f1e8"; } .mi-woman::before { content: "\e13e"; } .mi-woman-2::before { content: "\f8e7"; } .mi-woo-commerce::before { content: "\ea6d"; } .mi-wordpress::before { content: "\ea9f"; } .mi-work::before { content: "\e8f9"; } .mi-work-history::before { content: "\ec09"; } .mi-work-off::before { content: "\e942"; } .mi-work-outline::before { content: "\e943"; } .mi-workspace-premium::before { content: "\e7af"; } .mi-workspaces::before { content: "\e1a0"; } .mi-workspaces-filled::before { content: "\ea0d"; } .mi-workspaces-outline::before { content: "\ea0f"; } .mi-wrap-text::before { content: "\e25b"; } .mi-wrong-location::before { content: "\ef78"; } .mi-wysiwyg::before { content: "\f1c3"; } .mi-yard::before { content: "\f089"; } .mi-youtube-searched-for::before { content: "\e8fa"; } .mi-zoom-in::before { content: "\e8ff"; } .mi-zoom-in-map::before { content: "\eb2d"; } .mi-zoom-out::before { content: "\e900"; } .mi-zoom-out-map::before { content: "\e56b"; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/material-icons.59322316.woff2) format("woff2"), url(/fonts/material-icons.4ad034d2.woff) format("woff"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Outlined"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/material-icons-outlined.f86cb7b0.woff2) format("woff2"), url(/fonts/material-icons-outlined.78a93b20.woff) format("woff"); } .material-icons-outlined { font-family: "Material Icons Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Round"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/material-icons-round.b10ec9db.woff2) format("woff2"), url(/fonts/material-icons-round.92dc7ca2.woff) format("woff"); } .material-icons-round { font-family: "Material Icons Round"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Sharp"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/material-icons-sharp.3885863e.woff2) format("woff2"), url(/fonts/material-icons-sharp.a71cb2bf.woff) format("woff"); } .material-icons-sharp { font-family: "Material Icons Sharp"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Two Tone"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/material-icons-two-tone.675bd578.woff2) format("woff2"), url(/fonts/material-icons-two-tone.588d6313.woff) format("woff"); } .material-icons-two-tone { font-family: "Material Icons Two Tone"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @charset "UTF-8"; /****** UTILS ******/ /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .css-equal-content, .css-equal-heights { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .no-arrows::-webkit-outer-spin-button, .no-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .table-scroll { max-height: 400px; /* Set the height as needed */ overflow-y: auto; border: none !important; /* Remove table border */ } /* Optional: Ensure table header stays at the top when scrolling */ .table-scroll thead { position: sticky; top: 0; background-color: #f8f9fa; /* Background color for the sticky header */ z-index: 1; } .notifications .notification-list, .equal-height-cards .pricing-box ul, .experience-box .experience-list, .personal-info, .square-list, .job-widget .job-post-det, .job-list .job-list-footer ul, .roles-menu ul, .task-wrapper .task-list-body #task-list, .team-members, .attachments, .my-video ul, .call-icons .call-items, .call-users ul, .upload-list, .custom-modal .modal-content .modal-body .chat-user-list, .custom-modal .modal-content .modal-body .attach-files ul, .sidebar-twocol.sidebar .sidebar-right ul, .sidebar .sidebar-menu ul, .two-col-bar .sidebar-menu ul { list-style: none; padding: 0; margin: 0; } .css-equal-content { color: red; float: left; } .rating-list span a, .rating-list, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .account-page .main-wrapper, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .dash-widget .card-body .dash-widget-icon, .error-page .main-wrapper, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .punch-info .punch-hours, .cat-upload, .delete-table, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, .custom-modal .modal-content .modal-header, .sidebar-twocol.sidebar .nav-link, .avatar .avatar-title { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .job-list .job-list-det, .rating-list span a, .task-assign .task-complete-btn, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-members, .board-view-header .pro-teams .pro-team-lead, .leave-header, .leave-item .leave-right, .account-page, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .file-content .file-search .input-group-text, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-search .input-group .input-group-text, .file-wrap .file-sidebar .file-header, .time-list .dash-stats-list, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-widget .card-body .dash-widget-icon, .error-page .main-wrapper, .error-page, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .punch-info .punch-hours, .cat-upload, .asset-box .asset-history ul li, .asset-box .assets-image ul, .asset-box .asset-info, .assign-head .assign-content, .assign-head, .assets-info li, .assets-info.assets-image ul, .delete-table, .table-namesplit, .table-imgname, .split-head, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] nav.greedy, .sidebar-twocol.sidebar .sub-menu a, .sidebar-twocol.sidebar .nav-link, .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a, .header .user-menu.nav > li.flag-nav a, .card .leave-inline-form, .avatar .avatar-title { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .leave-header, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-header, .dash-statistics .stats-info p, .att-statistics .stats-info p, .assign-head, .assets-info li, .sidebar-twocol.sidebar .sub-menu a, .card .card-title.with-switch { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .settings-icon span, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .notifications .notification-list, .equal-height-cards .pricing-box ul, .experience-box .experience-list, .personal-info, .square-list, .job-widget .job-post-det, .job-list .job-list-footer ul, .roles-menu ul, .task-wrapper .task-list-body #task-list, .team-members, .attachments, .my-video ul, .call-icons .call-items, .call-users ul, .upload-list, .custom-modal .modal-content .modal-body .chat-user-list, .custom-modal .modal-content .modal-body .attach-files ul, .sidebar-twocol.sidebar .sidebar-right ul, .sidebar .sidebar-menu ul, .two-col-bar .sidebar-menu ul { list-style: none; padding: 0; margin: 0; } .rating-list span a, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .board-view-header .pro-teams .pro-team-lead h4 .avatar-group, .board-view-header .pro-teams, .team-members, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .task-board-color .board-color-list .board-control, .avatar-group { display: inline-flex; } .personal-info li, .job-list .job-list-det, .rating-list, .avatar-dropdown .avatar-group .avatar, .task-assign .task-complete-btn, .chat-footer .message-bar .message-area .input-group, .chat-footer .task-followers, .chat-content-wrap .chat-wrap-inner .task-desc .task-textarea, .chat-content-wrap .chat-wrap-inner .task-desc, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .kanban-cont, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-members, .board-view-header .pro-teams .pro-team-lead, .leave-header, .leave-item .leave-right, .leave-item .leave-row, .account-page .main-wrapper, .account-page, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-search .input-group-text, .file-cont-wrap .file-cont-inner .file-cont-header .file-options, .file-cont-wrap .file-cont-inner .file-cont-header, .file-cont-wrap, .file-wrap .file-sidebar .file-search .input-group .input-group-text, .file-wrap .file-sidebar .file-header, .file-wrap, .time-list .dash-stats-list, .time-list, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-section .dash-info-list .dash-card-container, .dash-section .dash-info-list .dash-card, .welcome-box, .dash-statistics .stats-info p, .dash-widget .card-body .dash-widget-info, .dash-widget .card-body .dash-widget-icon, .dash-widget .card-body, .error-page .main-wrapper, .error-page, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder, .att-statistics .stats-info p, .punch-info .punch-hours, .cat-upload, .asset-box .asset-history ul li, .asset-box .assets-image ul, .asset-box .asset-info, .assign-head .assign-content, .assign-head, .assets-info li, .assets-info.assets-image ul, .delete-table, .table-namesplit, .table-imgname, .split-head, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] nav.greedy, .task-board-color .board-color-list, .task-follower-list, .sidebar-twocol.sidebar .sub-menu a, .sidebar-twocol.sidebar .nav-link, .sidebar-twocol.sidebar, .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a, .sidebar .sidebar-menu ul li.menu-title, .two-col-bar .sidebar-menu ul li.menu-title, .header .user-menu.nav > li.flag-nav a, .card .card-title.with-switch, .card .leave-inline-form, .avatar .avatar-title { display: flex; } .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-widget .card-body .dash-widget-info, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .leave-header, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-header, .dash-statistics .stats-info p, .att-statistics .stats-info p, .assign-head, .assets-info li, .sidebar-twocol.sidebar .sub-menu a, .card .card-title.with-switch { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .account-page .main-wrapper, .file-cont-wrap, .file-wrap, .split-head, .task-board-color .board-color-list { flex-wrap: wrap; } .dash-section .dash-info-list .dash-card, .dash-widget .card-body .dash-widget-info, .voice-call-avatar, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder { flex-direction: column; } /******* BASE *******/ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(/fonts/MaterialIcons-Regular.1e50f5c2.eot); src: local("Material Icons"), local("MaterialIcons-Regular"), url(/fonts/MaterialIcons-Regular.7ea2023e.woff2) format("woff2"), url(/fonts/MaterialIcons-Regular.db852539.woff) format("woff"), url(/fonts/MaterialIcons-Regular.196fa4a9.ttf) format("truetype"); } @font-face { font-family: "CircularStd"; font-style: normal; font-weight: 400; src: local("Circular Std Book"), url(/fonts/CircularStd-Book.5ad75a01.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: italic; font-weight: 400; src: local("Circular Std Book Italic"), url(/fonts/CircularStd-BookItalic.e8c98b39.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: normal; font-weight: 500; src: local("Circular Std Medium"), url(/fonts/CircularStd-Medium.a4f8c6ac.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: italic; font-weight: 500; src: local("Circular Std Medium Italic"), url(/fonts/CircularStd-MediumItalic.ac48f993.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: normal; font-weight: 600; src: local("Circular Std Bold"), url(/fonts/CircularStd-Bold.482c0d19.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: italic; font-weight: 600; src: local("Circular Std Bold Italic"), url(/fonts/CircularStd-BoldItalic.3b90a9d8.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: normal; font-weight: 800; src: local("Circular Std Black"), url(/fonts/CircularStd-Black.aca3b0b6.woff) format("woff"); } @font-face { font-family: "CircularStd"; font-style: italic; font-weight: 800; src: local("Circular Std Black Italic"), url(/fonts/CircularStd-BlackItalic.b3deebab.woff) format("woff"); } h1 { font-weight: 300; font-size: 40px; margin-bottom: 0.5rem; } @media (max-width: 767px) { h1 { font-size: 27px; } } h2 { font-weight: 300; font-size: 30px; margin-bottom: 0.5rem; } @media (max-width: 767px) { h2 { font-size: 23px; } } h3 { font-weight: 300; font-size: 24px; margin-bottom: 0.5rem; } @media (max-width: 1023px) { h3 { font-size: 20px; } } @media (max-width: 767px) { h3 { font-size: 16px; } } h4 { font-weight: 300; font-size: 18px; margin-bottom: 0.5rem; } @media (max-width: 1023px) { h4 { font-size: 18px; } } @media (max-width: 767px) { h4 { font-size: 16px; } } h5 { font-weight: 300; font-size: 14px; margin-bottom: 0.5rem; } @media (max-width: 1023px) { h5 { font-size: 14px; } } h6 { font-weight: 300; font-size: 12px; margin-bottom: 0.5rem; } @media (max-width: 1023px) { h6 { font-size: 12px; } } body { font-family: "CircularStd", sans-serif; font-variant: unset; font-feature-settings: normal; font-size: 15px; color: #1f1f1f; background-color: #f7f7f7; overflow-x: hidden; } .container { width: 100%; max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } img { max-width: 100%; height: auto; vertical-align: middle; } a { text-decoration: none; outline: none; color: #0d6efd; cursor: pointer; transition: all 0.2s ease; } a:hover { transition: all 0.2s ease; } a:focus { outline: 0; } p { margin-bottom: 1rem; } strong, b { font-weight: 700; } /* Override Bootstrap fw-bold to be thin */ .fw-bold { font-weight: 300 !important; } /* Remove all transform, scale, and shadow effects from hover - only light color changes */ .public-layout *:hover { transform: none !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Remove shadows from focus and active states as well */ .public-layout *:focus, .public-layout *:focus-visible, .public-layout *:active { box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Simple hover effects - only opacity/color changes */ .public-layout .btn:hover, .public-layout .card:hover, .public-layout .feature-card:hover, .public-layout .pricing-card:hover, .public-layout a:hover { opacity: 0.85; transform: none !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Keep link color change but remove other effects */ .public-layout a:hover { opacity: 1; color: #0d6efd; box-shadow: none !important; text-shadow: none !important; } /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .css-equal-heights, .css-equal-content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .notifications .notification-list, .equal-height-cards .pricing-box ul, .experience-box .experience-list, .personal-info, .square-list, .job-widget .job-post-det, .job-list .job-list-footer ul, .roles-menu ul, .task-wrapper .task-list-body #task-list, .team-members, .attachments, .my-video ul, .call-icons .call-items, .call-users ul, .upload-list, .custom-modal .modal-content .modal-body .chat-user-list, .custom-modal .modal-content .modal-body .attach-files ul, .sidebar-twocol.sidebar .sidebar-right ul, .sidebar .sidebar-menu ul, .two-col-bar .sidebar-menu ul { list-style: none; padding: 0; margin: 0; } .css-equal-content { color: red; float: left; } .rating-list span a, .rating-list, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .account-page .main-wrapper, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .dash-widget .card-body .dash-widget-icon, .error-page .main-wrapper, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .punch-info .punch-hours, .cat-upload, .delete-table, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, .custom-modal .modal-content .modal-header, .sidebar-twocol.sidebar .nav-link, .avatar .avatar-title { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .job-list .job-list-det, .rating-list span a, .task-assign .task-complete-btn, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-members, .board-view-header .pro-teams .pro-team-lead, .leave-header, .leave-item .leave-right, .account-page, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .file-content .file-search .input-group-text, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-search .input-group .input-group-text, .file-wrap .file-sidebar .file-header, .time-list .dash-stats-list, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-widget .card-body .dash-widget-icon, .error-page .main-wrapper, .error-page, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .punch-info .punch-hours, .cat-upload, .asset-box .asset-history ul li, .asset-box .assets-image ul, .asset-box .asset-info, .assign-head .assign-content, .assign-head, .assets-info li, .assets-info.assets-image ul, .delete-table, .table-namesplit, .table-imgname, .split-head, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] nav.greedy, .sidebar-twocol.sidebar .sub-menu a, .sidebar-twocol.sidebar .nav-link, .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a, .header .user-menu.nav > li.flag-nav a, .card .leave-inline-form, .avatar .avatar-title { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .leave-header, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-header, .dash-statistics .stats-info p, .att-statistics .stats-info p, .assign-head, .assets-info li, .sidebar-twocol.sidebar .sub-menu a, .card .card-title.with-switch { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .settings-icon span, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .notifications .notification-list, .equal-height-cards .pricing-box ul, .experience-box .experience-list, .personal-info, .square-list, .job-widget .job-post-det, .job-list .job-list-footer ul, .roles-menu ul, .task-wrapper .task-list-body #task-list, .team-members, .attachments, .my-video ul, .call-icons .call-items, .call-users ul, .upload-list, .custom-modal .modal-content .modal-body .chat-user-list, .custom-modal .modal-content .modal-body .attach-files ul, .sidebar-twocol.sidebar .sidebar-right ul, .sidebar .sidebar-menu ul, .two-col-bar .sidebar-menu ul { list-style: none; padding: 0; margin: 0; } .rating-list span a, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info, .kanban-cont .kanban-list .kanban-header .kanban-action > a, .board-view-header .pro-teams .pro-team-lead h4 .avatar-group, .board-view-header .pro-teams, .team-members, .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link, .files-list > li .files-cont .file-type .files-icon, .chat-profile-img .edit-btn, .task-board-color .board-color-list .board-control, .avatar-group { display: inline-flex; } .personal-info li, .job-list .job-list-det, .rating-list, .avatar-dropdown .avatar-group .avatar, .task-assign .task-complete-btn, .chat-footer .message-bar .message-area .input-group, .chat-footer .task-followers, .chat-content-wrap .chat-wrap-inner .task-desc .task-textarea, .chat-content-wrap .chat-wrap-inner .task-desc, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon, .chat-content-wrap .chat-wrap-inner .task-header .task-due-date, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon, .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a, .chat-content-wrap .chat-wrap-inner .task-header, .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .kanban-cont, .board-view-header .pro-progress-bar, .board-view-header .pro-teams .pro-team-members, .board-view-header .pro-teams .pro-team-lead, .leave-header, .leave-item .leave-right, .leave-item .leave-row, .account-page .main-wrapper, .account-page, .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb, .file-content .file-search .input-group-text, .file-cont-wrap .file-cont-inner .file-cont-header .file-options, .file-cont-wrap .file-cont-inner .file-cont-header, .file-cont-wrap, .file-wrap .file-sidebar .file-search .input-group .input-group-text, .file-wrap .file-sidebar .file-header, .file-wrap, .time-list .dash-stats-list, .time-list, .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-section .dash-info-list .dash-card-container .dash-card-content, .dash-section .dash-info-list .dash-card-container .dash-card-icon, .dash-section .dash-info-list .dash-card-container, .dash-section .dash-info-list .dash-card, .welcome-box, .dash-statistics .stats-info p, .dash-widget .card-body .dash-widget-info, .dash-widget .card-body .dash-widget-icon, .dash-widget .card-body, .error-page .main-wrapper, .error-page, .call-box .call-wrapper .call-items, .call-box .call-wrapper, .voice-call-avatar, .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder, .att-statistics .stats-info p, .punch-info .punch-hours, .cat-upload, .asset-box .asset-history ul li, .asset-box .assets-image ul, .asset-box .asset-info, .assign-head .assign-content, .assign-head, .assets-info li, .assets-info.assets-image ul, .delete-table, .table-namesplit, .table-imgname, .split-head, [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] nav.greedy, .task-board-color .board-color-list, .task-follower-list, .sidebar-twocol.sidebar .sub-menu a, .sidebar-twocol.sidebar .nav-link, .sidebar-twocol.sidebar, .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a, .sidebar .sidebar-menu ul li.menu-title, .two-col-bar .sidebar-menu ul li.menu-title, .header .user-menu.nav > li.flag-nav a, .card .card-title.with-switch, .card .leave-inline-form, .avatar .avatar-title { display: flex; } .dash-section .dash-info-list .dash-card-container .dash-card-avatars, .dash-widget .card-body .dash-widget-info, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .kanban-cont .kanban-list .kanban-header, .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer, .kanban-cont .kanban-list .kanban-wrap .task-board-header, .leave-header, .file-cont-wrap .file-cont-inner .file-cont-header, .file-wrap .file-sidebar .file-header, .dash-statistics .stats-info p, .att-statistics .stats-info p, .assign-head, .assets-info li, .sidebar-twocol.sidebar .sub-menu a, .card .card-title.with-switch { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .account-page .main-wrapper, .file-cont-wrap, .file-wrap, .split-head, .task-board-color .board-color-list { flex-wrap: wrap; } .dash-section .dash-info-list .dash-card, .dash-widget .card-body .dash-widget-info, .voice-call-avatar, .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder { flex-direction: column; } .col { width: auto; padding-left: 15px; padding-right: 15px; float: left; position: relative; min-height: 1px; } @media (min-width: 320px) { .col.col-xs-12 { width: 100%; } .col.col-xs-11 { width: 91.66666667%; } .col.col-xs-10 { width: 83.33333333%; } .col.col-xs-9 { width: 75%; } .col.col-xs-8 { width: 66.66666667%; } .col.col-xs-7 { width: 58.33333333%; } .col.col-xs-6 { width: 50%; } .col.col-xs-5 { width: 41.66666667%; } .col.col-xs-4 { width: 33.33333333%; } .col.col-xs-3 { width: 25%; } .col.col-xs-2 { width: 16.66666667%; } .col.col-xs-1 { width: 8.33333333%; } } @media (min-width: 568px) { .col.col-sm-12 { width: 100%; } .col.col-sm-11 { width: 91.66666667%; } .col.col-sm-10 { width: 83.33333333%; } .col.col-sm-9 { width: 75%; } .col.col-sm-8 { width: 66.66666667%; } .col.col-sm-7 { width: 58.33333333%; } .col.col-sm-6 { width: 50%; } .col.col-sm-5 { width: 41.66666667%; } .col.col-sm-4 { width: 33.33333333%; } .col.col-sm-3 { width: 25%; } .col.col-sm-2 { width: 16.66666667%; } .col.col-sm-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col.col-md-12 { width: 100%; } .col.col-md-11 { width: 91.66666667%; } .col.col-md-10 { width: 83.33333333%; } .col.col-md-9 { width: 75%; } .col.col-md-8 { width: 66.66666667%; } .col.col-md-7 { width: 58.33333333%; } .col.col-md-6 { width: 50%; } .col.col-md-5 { width: 41.66666667%; } .col.col-md-4 { width: 33.33333333%; } .col.col-md-3 { width: 25%; } .col.col-md-2 { width: 16.66666667%; } .col.col-md-1 { width: 8.33333333%; } } @media (min-width: 1024px) { .col.col-lg-12 { width: 100%; } .col.col-lg-11 { width: 91.66666667%; } .col.col-lg-10 { width: 83.33333333%; } .col.col-lg-9 { width: 75%; } .col.col-lg-8 { width: 66.66666667%; } .col.col-lg-7 { width: 58.33333333%; } .col.col-lg-6 { width: 50%; } .col.col-lg-5 { width: 41.66666667%; } .col.col-lg-4 { width: 33.33333333%; } .col.col-lg-3 { width: 25%; } .col.col-lg-2 { width: 16.66666667%; } .col.col-lg-1 { width: 8.33333333%; } } /******* COMPONENTS ******/ .apply-btn { background: #00c5fb; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); border-color: transparent; box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08); color: #fff; position: absolute; right: 20px; top: 20px; } .btn:hover { border-color: #cccccc; } .form-control:focus { box-shadow: 0 0 0 1px #1e40af !important; border-color: #1e40af !important; } .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: #cccccc; } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: #cccccc; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 3; } .page-item.disabled .page-link { background-color: #ffffff; } .personal-info li .text .avatar-box { position: relative; top: 0; } .chat-footer .message-bar .message-area .btn:hover { border-color: transparent; } .chat-footer .message-bar .message-area .btn i { color: #ffffff; } .btn.btn-assign:hover, .btn.btn-assign:active { border-color: #667eea; } .btn.btn-assign:active { background-color: #667eea; } [data-layout-mode=orange] .top-nav-search .form-control::-moz-placeholder { color: #eeeeee !important; } .btn.add-btn:active { background: #667eea; color: #ffffff; } .header .has-arrow .dropdown-toggle.job-view-flag:after { border-bottom: 2px solid #333333; border-right: 2px solid #333333; } .top-nav-search .form-control.job-view-search::-moz-placeholder { color: #333333 !important; } [data-layout-mode=light] .top-nav-search .form-control::-moz-placeholder { color: #333333 !important; } table td a.download-offer:hover { color: #ffffff; } table td .dropdown.action-label a.btn-rounded.dropdown-toggle { display: inline-flex; align-items: center; gap: 5px; } table td .dropdown.action-label a.btn-rounded.dropdown-toggle::after { margin-left: 0; } .comp-section .card-title { margin-bottom: 0.5rem; } .comp-section .pagination { margin-bottom: 1rem; flex-wrap: wrap; } .setting-pref-btn { height: 44px; font-size: 16px; padding: 10px 15px; } .offcanvas-footer button.btn-light:hover { color: #000; background-color: #f9fafb; } .files-cont .files-action .dropdown-action a:hover { border-color: transparent; } .form-check-input:focus { box-shadow: none; border-color: #dee2e6; } .custom_check { display: inline-block; position: relative; font-size: 14px !important; margin-bottom: 15px; padding-left: 0; cursor: pointer; font-weight: 400 !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 18px; } .custom_check input { position: absolute; opacity: 0; cursor: pointer; } .custom_check input:checked ~ .checkmark { background-color: #667eea; border-color: #667eea; } .custom_check .checkmark { position: absolute; top: 3px; left: -6px; height: 18px; width: 18px; border: 1px solid #E4E4E8; background-color: #fff; border-radius: 5px; transition: all 0.3s ease-in-out; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check .checkmark::after { content: "\f00c"; font-family: "fontawesome" !important; font-weight: 900; position: absolute; display: none; left: 3px; top: 50%; transform: translateY(-50%); color: #ffffff; font-size: 11px; } /****** LAYOUT ******/ .avatar { background-color: transparent; color: #ffffff; display: inline-block; font-weight: 500; height: 34px; line-height: 34px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 34px; position: relative; white-space: nowrap; margin: 0 10px 0 0; border-radius: 50%; } .avatar.avatar-xs { width: 24px; height: 24px; line-height: 24px; display: inline-flex; } .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .avatar .avatar-title { width: 100%; height: 100%; background-color: #0d6efd; color: #ffffff; } .avatar.avatar-online::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #55ce63; } .avatar.avatar-offline::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #f62d51; } .avatar.avatar-away::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #ffbc34; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar .avatar-xs .border { border-width: 2px !important; } .avatar .avatar-xs .rounded { border-radius: 4px !important; } .avatar .avatar-xs .avatar-title { font-size: 12px; } .avatar .avatar-xs.avatar-away::before, .avatar .avatar-xs.avatar-offline::before, .avatar .avatar-xs.avatar-online::before { border-width: 1px; } .avatar-sm { width: 2.5rem; height: 2.5rem; } .avatar-sm .border { border-width: 3px !important; } .avatar-sm .rounded { border-radius: 4px !important; } .avatar-sm .avatar-title { font-size: 15px; } .avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-online::before { border-width: 2px; } .avatar-lg { width: 3.75rem; height: 3.75rem; } .avatar-lg .border { border-width: 3px !important; } .avatar-lg .rounded { border-radius: 8px !important; } .avatar-lg .avatar-title { font-size: 24px; } .avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-online::before { border-width: 3px; } .avatar-xl { width: 5rem; height: 5rem; } .avatar-xl .border { border-width: 4px !important; } .avatar-xl .rounded { border-radius: 8px !important; } .avatar-xl .avatar-title { font-size: 28px; } .avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-online::before { border-width: 4px; } .avatar-xxl { width: 5.125rem; height: 5.125rem; } @media (min-width: 768px) { .avatar-xxl { width: 8rem; height: 8rem; } } .avatar-xxl .border { border-width: 6px !important; } @media (min-width: 768px) { .avatar-xxl .border { border-width: 4px !important; } } .avatar-xxl .rounded { border-radius: 8px !important; } @media (min-width: 768px) { .avatar-xxl .rounded { border-radius: 12px !important; } } .avatar-xxl .avatar-title { font-size: 30px; } @media (min-width: 768px) { .avatar-xxl .avatar-title { font-size: 42px; } } .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } @media (min-width: 768px) { .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } } .avatar-group .avatar + .avatar { margin-left: -0.75rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-group .avatar-xs + .avatar-xs { margin-left: -0.40625rem; } .avatar-group .avatar-sm + .avatar-sm { margin-left: -0.625rem; } .avatar-group .avatar-lg + .avatar-lg { margin-left: -1rem; } .avatar-group .avatar-xl + .avatar-xl { margin-left: -1.28125rem; } .avatar-xs { width: 1.65rem; height: 1.65rem; } .leave-employee-table .avatar { line-height: normal; } .leave-employee-table .avatar-xs { line-height: normal; } .timepicker .ant-picker-input .ant-picker-suffix { display: none; } .fc-scrollgrid-section .fc-scroller-harness tr .fc-col-header-cell { background: #eeeeee; } .fc-view-harness.fc-view-harness-active { height: 400px !important; } .ant-picker-dropdown { z-index: 1055; } .fc .fc-toolbar-title { font-size: 1.2em; } ul { list-style: none; padding: 0; margin: 0; } .btn.focus, .btn:focus { box-shadow: unset; } .btn.btn-rounded { border-radius: 50px; } .btn-white { background-color: #ffffff; border: 1px solid #cccccc; color: #272b41; } .bg-primary, .badge-primary { background-color: #667eea !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #5873eb !important; } .bg-success, .badge-success { background-color: #55ce63 !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #699834 !important; } .bg-info, .badge-info { background-color: #009efb !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #028ee1 !important; } .bg-warning, .badge-warning { background-color: #ffbc34 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #e9ab2e !important; } .bg-danger, .badge-danger { background-color: #f62d51 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #e63333 !important; } .bg-white { background-color: #ffffff; } .bg-purple, .badge-purple { background-color: #9368e9 !important; } .text-primary { color: #667eea !important; } .dropdown-menu li > a.text-primary { color: #667eea !important; } .dropdown-menu li > a.text-success { color: #699834 !important; } .dropdown-menu li > a.text-danger { color: #f62d51 !important; } .dropdown-menu li > a.text-info { color: #009efb !important; } .dropdown-menu li > a.text-warning { color: #ffbc34 !important; } .dropdown-menu li > a.text-purple { color: #7460ee !important; } .text-success { color: #699834 !important; } .text-danger { color: #f62d51 !important; } .text-info { color: #009efb !important; } .text-warning { color: #ffbc34 !important; } .text-purple { color: #7460ee !important; } .text-muted { color: #757575 !important; } .btn-primary { background-color: #667eea; border: 1px solid #667eea; color: #ffffff !important; } .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #ffffff; background-color: #5873eb; border-color: #5873eb; } .btn-primary:focus .open > .dropdown-toggle.btn-primary, .btn-primary:hover .open > .dropdown-toggle.btn-primary, .btn-primary:active .open > .dropdown-toggle.btn-primary, .btn-primary.active .open > .dropdown-toggle.btn-primary { background-color: #5873eb; border: 1px solid #5873eb; } .btn-primary.active.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:hover { background-color: #5873eb; border: 1px solid #5873eb; } .btn-primary:active:focus, .btn-primary:active:hover { background-color: #5873eb; border: 1px solid #5873eb; } .btn-primary .active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled) { background-color: #5873eb; border-color: #5873eb; color: #ffffff; } .btn-primary .active:focus:not(:disabled):not(.disabled), .btn-primary:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-primary .show > .btn-primary.dropdown-toggle { background-color: #5873eb; border-color: #5873eb; color: #ffffff; } .btn-primary .show > .btn-primary.dropdown-toggle:focus { box-shadow: unset; } .btn-primary.disabled, .btn-primary:disabled { background-color: #667eea; border-color: #667eea; color: #ffffff; } .btn-secondary.active:focus :not(:disabled):not(.disabled), .btn-secondary:active:focus :not(:disabled):not(.disabled) { box-shadow: unset; } .show > .btn-secondary.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-success.dropdown-toggle { background-color: #699834; border-color: #699834; color: #ffffff; } .show > .btn-success.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-info.dropdown-toggle { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .show > .btn-info.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-warning.dropdown-toggle { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .show > .btn-warning.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-danger.dropdown-toggle { background-color: #e63333; border-color: #e63333; color: #ffffff; } .show > .btn-danger.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-light.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-outline-primary.dropdown-toggle { background-color: #667eea; border-color: #667eea; } .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-success.dropdown-toggle { background-color: #55ce63; border-color: #55ce63; } .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-info.dropdown-toggle { background-color: #009efb; border-color: #009efb; } .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-danger.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: none; } .btn-success { background-color: #55ce63; border: 1px solid #55ce63; } .btn-success:hover, .btn-success:focus .btn-success.active, .btn-success:active { background-color: #699834; border: 1px solid #699834; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success { background-color: #699834; border: 1px solid #699834; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success.focus, .btn-success .open > .dropdown-toggle.btn-success:hover, .btn-success .open > .dropdown-toggle.btn-success:focus { background-color: #699834; border: 1px solid #699834; } .btn-success.active:focus, .btn-success.active.focus, .btn-success.active:hover, .btn-success.focus, .btn-success:active:focus, .btn-success:active:hover { background-color: #699834; border: 1px solid #699834; } .btn-success.active:not(:disabled):not(.disabled), .btn-success:active:not(:disabled):not(.disabled) { background-color: #699834; border-color: #699834; color: #ffffff; } .btn-success.active:focus:not(:disabled):not(.disabled), .btn-success:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-success.disabled, .btn-success:disabled { background-color: #55ce63; border-color: #55ce63; color: #ffffff; } .btn-info { background-color: #009efb; border: 1px solid #009efb; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:focus, .btn-info.active.focus, .btn-info.active:hover, .btn-info.focus, .btn-info:active:focus, .btn-info:active:hover { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:not(:disabled):not(.disabled), .btn-info:active:not(:disabled):not(.disabled) { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .btn-info.active:not(:disabled):not(.disabled):focus, .btn-info:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-info.disabled, .btn-info:disabled { background-color: #009efb; border-color: #009efb; color: #ffffff; } .btn-warning { background-color: #ffbc34; border: 1px solid #ffbc34; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning:active:focus, .btn-warning:active:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled) { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .btn-warning.active:not(:disabled):not(.disabled):focus, .btn-warning:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffbc34; border-color: #ffbc34; color: #ffffff; } .btn-danger { background-color: #f62d51; border: 1px solid #f62d51; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger:active:focus, .btn-danger:active:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:not(:disabled):not(.disabled), .btn-danger:active:not(:disabled):not(.disabled) { background-color: #e63333; border-color: #e63333; color: #ffffff; } .btn-danger.active:not(:disabled):not(.disabled):focus, .btn-danger:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-danger.disabled, .btn-danger:disabled { background-color: #f62d51; border-color: #f62d51; color: #ffffff; } .open > .dropdown-toggle.btn-info { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-warning { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-danger { background-color: #e63333; border: 1px solid #e63333; } .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-light.active:focus:not(:disabled):not(.disabled), .btn-light:active:focus:not(:disabled):not(.disabled), .btn-dark.active:focus:not(:disabled):not(.disabled), .btn-dark:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-outline-primary { color: #667eea; border-color: #667eea; } .btn-outline-primary:hover { background-color: #667eea; border-color: #667eea; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #667eea; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: #667eea; border-color: #667eea; } .btn-outline-success { color: #55ce63; border-color: #55ce63; } .btn-outline-success:hover { background-color: #55ce63; border-color: #55ce63; } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: none; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #55ce63; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #55ce63; border-color: #55ce63; } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-info { color: #009efb; border-color: #009efb; } .btn-outline-info:hover { color: #ffffff; background-color: #009efb; border-color: #009efb; } .btn-outline-info.disabled, .btn-outline-info:disabled { background-color: transparent; color: #009efb; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: none; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active { background-color: #009efb; border-color: #009efb; } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-warning { color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:hover { color: #ffffff; background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { background-color: transparent; color: #ffbc34; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: none; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active { background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-danger { color: #f62d51; border-color: #f62d51; } .btn-outline-danger:hover { color: #ffffff; background-color: #f62d51; border-color: #f62d51; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { background-color: transparent; color: #f62d51; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: none; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active { background-color: #f62d51; border-color: #f62d51; } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-light { color: #ababab; border-color: #e6e6e6; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #ababab; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #667eea; border-color: #667eea; } .pagination > .active > a, .pagination > .active > span { color: #667eea; } .pagination > li > a, .pagination > li > span { color: #667eea; } .page-link:hover { color: #667eea; } .page-link:focus { box-shadow: unset; } .page-item.active .page-link { background-color: #667eea; border-color: #667eea; color: #fff; } .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inherit; font-size: 14px; border-radius: 3px; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; } .card { border: 1px solid #f0f0f0; margin-bottom: 1.875rem; } .dropdown-item.active, .dropdown-item:active { background-color: #667eea; } .navbar-nav__.open--.dropdown-menu { border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; } .btn-light { border-color: #e6e6e6; color: #a6a6a6; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #0d6efd; text-shadow: unset; } .bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: #0d6efd; } .bg-info-light { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-warning-light { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .bg-success-light { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .text-xs { font-size: 12px !important; } .text-sm { font-size: 14px !important; } .text-lg { font-size: 20px !important; } .text-xl { font-size: 24px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-r-5 { margin-right: 5px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-t-10 { margin-top: 10px !important; } .m-b-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .m-t-30 { margin-top: 30px !important; } .m-r-10 { margin-right: 10px; } .breadcrumb { background-color: transparent; color: #6c757d; font-size: 16px; font-weight: 500; margin: 0; padding: 0; } @media (max-width: 575px) { .breadcrumb { display: none; } } .breadcrumb.active { color: #6c757d; } .breadcrumb a { color: #333333; } .breadcrumb .breadcrumb-item a { color: #333333; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .comp-section { margin: 0; padding: 10px 0; } .comp-section .btn { margin: 0 0 5px; } @media (max-width: 575px) { .comp-section .breadcrumb { display: flex; } } .page-wrapper { left: 0; position: relative; transition: all 0.2s ease-in-out; margin: 0 0 0 230px; padding: 60px 0 0; } @media (max-width: 991px) { .page-wrapper { margin: 0; padding: 60px 0 0; } } .page-wrapper .content { padding: 30px; } @media (max-width: 575px) { .page-wrapper .content { padding: 15px; } } .page-wrapper .content .page-header { margin-bottom: 1rem; } .page-wrapper .content .page-header .page-title { color: #1f1f1f; font-size: 20px; font-weight: 500; margin-bottom: 5px; } @media (max-width: 575px) { .page-wrapper .content .page-header .page-title { font-size: 18px; } } .logo2 { display: none; } @media (max-width: 991px) { .filter-row { margin-bottom: 15px; } } .card { border: 1px solid #ededed; margin-bottom: 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .card .leave-inline-form { min-height: 44px; } .card .leave-inline-form .input-group-text { background-color: #f7f7f7; border-color: #e3e3e3; } @media (max-width: 575px) { .card .leave-inline-form { display: block; } } .card .card-title { color: #1f1f1f; font-size: 20px; font-weight: 500; margin-bottom: 20px; } .form-check-inline .form-check-label { line-height: 25px; } .bg-inverse-danger { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-inverse-success { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-inverse-info { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-inverse-warning { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .progress-xs { height: 4px; } .progress .progress-bar { background-color: #25628F; } .onoffswitch-inner { display: block; margin-left: -100%; width: 200%; transition: all 0.3s ease; } .onoffswitch-switch { background: #ffffff; display: block; height: 20px; margin: 5px; width: 20px; position: absolute; top: 0; right: 43px; bottom: 0; transition: all 0.3s ease; border-radius: 20px; } .block { display: block !important; } .text-muted { color: #8e8e8e !important; } .input-block { margin-bottom: 1rem; } .form-text { color: #999; font-size: 12px; margin: 7px 0; } .form-control { border-color: #e3e3e3; box-shadow: none; font-size: 12px; line-height: 2; } .form-control.search-message { height: 38px; margin-left: 5px; width: 180px; border-radius: 4px; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .cal-icon { position: relative; width: 100%; } .cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "FontAwesome"; font-size: 15px; margin: auto; position: absolute; top: 10px; right: 15px; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .form-focus { height: 50px; position: relative; } .form-focus.focused .form-control { box-shadow: 0 0 0 1px #1e40af !important; border-color: #1e40af !important; } .form-focus.select-focus .focus-label { opacity: 1; font-weight: 300; top: -20px; font-size: 12px; z-index: 1; } .form-focus .cal-icon:after { top: 8px; } .form-focus .focus-label { font-size: 12px; font-weight: 400; opacity: 0.4; pointer-events: none; z-index: 1; color: #888888; margin-bottom: 0; transition: all 0.2s ease; position: absolute; top: -12px; left: 12px; transform-origin: left top; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform: translate3d(0, 22px, 0) scale(1); -webkit-transform: translate3d(0, 22px, 0) scale(1); -ms-transform: translate3d(0, 22px, 0) scale(1); } .form-focus .form-control:focus { box-shadow: 0 0 0 1px #1e40af !important; border-color: #1e40af !important; } .form-focus.focused .focus-label { opacity: 1; font-weight: 300; top: -20px; font-size: 12px; z-index: 1; } .onoffswitch { margin-left: auto; position: relative; width: 73px; -webkit-user-select: none; } .onoffswitch .onoffswitch-checkbox { display: none; } .onoffswitch .onoffswitch-inner:after { content: "OFF"; padding-right: 14px !important; background-color: #cccccc; color: #ffffff; text-align: right; display: block; float: left; font-size: 16px; height: 30px; line-height: 32px; padding: 0; width: 50%; } .onoffswitch .onoffswitch-inner:before { background-color: #55ce63; color: #ffffff; content: "ON"; padding-left: 14px; } .onoffswitch .onoffswitch-inner:after { box-sizing: border-box; color: #ffffff; display: block; float: left; font-size: 16px; height: 30px; line-height: 32px; padding: 0; width: 50%; } .onoffswitch .onoffswitch-inner:before { box-sizing: border-box; color: #ffffff; display: block; float: left; font-size: 16px; height: 30px; line-height: 32px; padding: 0; width: 50%; } .onoffswitch .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; margin-bottom: 0; border-radius: 20px; } .onoffswitch .onoffswitch-checkbox .onoffswitch-inner { display: block; margin-left: -100%; width: 200%; transition: all 0.2s ease; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; margin-bottom: 0; border-radius: 20px; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:before { background-color: #55ce63; color: #ffffff; content: "ON"; padding-left: 14px; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .status-toggle { float: right; } .status-toggle .check { display: block; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; margin: 0; padding: 0; } .status-toggle .check:checked + .checktoggle { background-color: #55ce63; } .status-toggle .check:checked + .checktoggle:after { left: 100%; transform: translate(calc(-100% - 5px), -50%); } .status-toggle .checktoggle { background-color: #e0001a; cursor: pointer; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 48px; border-radius: 12px; } .status-toggle .checktoggle:after { content: " "; display: block; width: 16px; height: 16px; background-color: #ffffff; transition: all 0.2s ease; transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); position: absolute; top: 50%; left: 0; border-radius: 50%; } .v3dp__datepicker .v3dp__input_wrapper .datetimepicker { background-color: white; opacity: 1; } .bg-inverse-purple { background-color: rgba(248, 66, 224, 0.12) !important; color: purple !important; } @keyframes spin { 100% { transform: rotate(360deg); } } .settings-icon { z-index: 99999; position: fixed; right: 20px; bottom: 20px; } @media (max-width: 991px) { .settings-icon { display: none; } } .settings-icon span { width: 45px; height: 45px; border-radius: 45px; cursor: pointer; color: #ffffff; font-size: 24px; background-color: #667eea; animation: spin 4s linear infinite; } .header { background: #667eea; /* background: linear-gradient(to right, #667eea 0%, #764ba2 100%); */ border-bottom: 1px solid transparent; height: 60px; z-index: 1002; position: fixed; top: 0; right: 0; left: 0; } .header .header-left { float: left; height: 60px; position: relative; text-align: center; width: 230px; z-index: 1; padding: 0 20px; transition: all 0.2s ease; } .header .header-left .logo { display: inline-block; line-height: 60px; } @media (max-width: 991px) { .header .header-left { position: absolute; width: 100%; } } @media (min-width: 992px) { .header #toggle_btn { color: white; float: left; font-size: 26px; line-height: 67px; padding-left: 17px; } .header #toggle_btn .bar-icon { display: inline-block; width: 21px; } .header #toggle_btn .bar-icon span { background-color: #ffffff; display: block; float: left; height: 2px; width: 21px; margin: 0 0 5px; border-radius: 50px; } .header #toggle_btn .bar-icon span:nth-child(2) { width: 15px; } } .header .page-title-box { float: left; height: 60px; margin-bottom: 0; padding: 17px 20px; border-radius: 0; display: flex; align-items: center; justify-content: center; gap: 10px; } @media (max-width: 991px) { .header .page-title-box { display: none; } } .header .page-title-box h3 { color: #ffffff; font-size: 20px; font-weight: normal; margin: 0; } .header .mobile_btn { display: none; float: left; } @media (max-width: 991px) { .header .mobile_btn { color: #ffffff; font-size: 24px; height: 60px; line-height: 60px; width: 60px; z-index: 10; padding: 0 20px; position: absolute; top: 0; left: 0; display: block; } } .header .responsive-search { display: none; color: #ffffff; font-size: 20px; height: 60px; line-height: 60px; padding: 0 15px; } @media (max-width: 991px) { .header .responsive-search { display: block; } } .header .top-nav-search form { margin-top: 10px; position: relative; width: 230px; } @media (max-width: 1199px) { .header .top-nav-search form { width: 145px; } } @media (max-width: 991px) { .header .top-nav-search form { display: none; } } .header .top-nav-search form .form-control { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; height: 40px; padding: 10px 50px 10px 15px; border-radius: 50px; } .header .top-nav-search form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .header .top-nav-search form .btn { background-color: transparent; border-color: transparent; color: rgba(255, 255, 255, 0.7); min-height: 40px; position: absolute; top: 0; right: 0; padding: 7px 15px; } @media (max-width: 991px) { .header .top-nav-search.active form { display: block; position: absolute; left: 0; } .header .top-nav-search.active form .form-control { background-color: #ffffff; border-color: #e3e3e3; color: #333333; } .header .top-nav-search.active form .btn { background-color: transparent; border-color: transparent; color: #999; min-height: 40px; position: absolute; top: 0; right: 0; padding: 7px 15px; } } .header .user-menu { float: right; margin: 0; position: relative; z-index: 99; } @media (max-width: 575px) { .header .user-menu { display: none; } } .header .user-menu .dropdown-toggle::after { border: 0; } .header .user-menu.nav > li > a { color: #ffffff; font-size: 15px; line-height: 60px; height: 60px; padding: 0 15px; } @media (max-width: 1199px) { .header .user-menu.nav > li > a { padding: 0 9px; } } .header .user-menu.nav > li > a .badge { color: #ffffff; font-weight: 700; background-color: #7460ee; position: absolute; top: 6px; right: 3px; } .header .user-menu.nav > li > a i { font-size: 20px; line-height: 60px; } .header .user-menu.nav > li.flag-nav a img { width: 20px; height: 20px; margin-right: 5px; } .header .user-menu.nav > li.flag-nav a .dropdown-menu { max-height: 150px; min-width: 120px; overflow-y: auto; } .header .user-menu.nav > li.flag-nav a .dropdown-menu .dropdown-item { padding: 5px 15px; } .header .user-menu.nav > li.flag-nav .dropdown-menu { max-height: 150px; min-width: 120px; overflow-y: auto; } .header .user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item { color: #171717; padding: 5px 15px; } @media (max-width: 991px) { .header .has-arrow .dropdown-toggle > span:nth-child(2) { display: none; } .header .has-arrow .dropdown-toggle:after { display: none !important; } } .header .has-arrow .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .header .has-arrow .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; content: ""; display: inline-block; pointer-events: none; width: 8px; height: 8px; vertical-align: 2px; transform-origin: 66% 66%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transition: all 0.2s ease; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .header .user-img { display: inline-block; position: relative; } .header .user-img img { width: 30px; border-radius: 50%; } .header .user-img .status { border: 2px solid #ffffff; height: 10px; width: 10px; background-color: #55ce63; margin: 0; position: absolute; right: 0; bottom: 12px; border-radius: 50%; display: inline-block; } .header .mobile-user-menu { color: #ffffff; display: none; float: right; font-size: 24px; height: 60px; line-height: 60px; text-align: right; width: 60px; z-index: 10; padding: 0 20px; position: absolute; top: 0; right: 0; } @media (max-width: 575px) { .header .mobile-user-menu { display: block; } } .header .mobile-user-menu a { color: #ffffff; padding: 0; } .header .mobile-user-menu a::after { display: none; } .header .mobile-user-menu .dropdown-menu { padding: 0; } .header .mobile-user-menu .dropdown-menu a { color: #333333; border-bottom: 1px solid #d5d5d5; line-height: 40px; padding: 0 10px; } #layout-position .radio input:checked + label { background: #5873eb; color: #fff; } @media (min-width: 992px) { .mini-sidebar .header-left { width: 230px; padding: 0; } .mini-sidebar .header-left .logo img { height: auto; max-height: 40px; width: auto; } .mini-sidebar .menu-arrow { display: none !important; } .mini-sidebar .chat-user { display: none !important; } .mini-sidebar.expand-menu .menu-arrow { display: block !important; } .mini-sidebar.expand-menu .chat-user { display: block !important; } .mini-sidebar.expand-menu .badge { display: inline-block !important; } .mini-sidebar .noti-dot:before { display: none; } } .sidebar, .two-col-bar { background-color: #555b5c; border-right: 1px solid transparent; margin-top: 0; position: fixed; top: 60px; bottom: 0; left: 0; transition: all 0.2s ease; width: 230px; z-index: 1001; } @media (max-width: 991px) { .sidebar, .two-col-bar { margin-left: -225px; width: 225px; transition: all 0.4s ease; z-index: 1041; } } .sidebar .sidebar-inner, .two-col-bar .sidebar-inner { height: 100%; transition: all 0.2s ease; } .sidebar .sidebar-menu, .two-col-bar .sidebar-menu { padding: 10px 0; } .sidebar .sidebar-menu ul, .two-col-bar .sidebar-menu ul { font-size: 15px; position: relative; width: 100%; } .sidebar .sidebar-menu ul li, .two-col-bar .sidebar-menu ul li { position: relative; } .sidebar .sidebar-menu ul li.submenu .noti-dot:before, .two-col-bar .sidebar-menu ul li.submenu .noti-dot:before { content: ""; width: 5px; height: 5px; border: 5px solid #667eea; background-color: #667eea; z-index: 10; position: absolute; top: 15px; right: 37px; border-radius: 30px; } .sidebar .sidebar-menu ul li.submenu .submenu a span, .two-col-bar .sidebar-menu ul li.submenu .submenu a span { margin-left: 0; } .sidebar .sidebar-menu ul li.menu-title, .two-col-bar .sidebar-menu ul li.menu-title { color: #ebebeb; font-size: 14px; opacity: 1; padding: 5px 15px; white-space: nowrap; margin-bottom: 3px !important; padding-bottom: 3px !important; } .sidebar .sidebar-menu ul li.menu-title a, .two-col-bar .sidebar-menu ul li.menu-title a { color: #667eea; display: inline-block; margin-left: auto; padding: 0; } .sidebar .sidebar-menu ul li.menu-title a i, .two-col-bar .sidebar-menu ul li.menu-title a i { font-size: 16px; } .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a { justify-content: flex-start; position: relative; font-size: 15px; color: #b7c0cd; height: auto; transition: all 0.2s ease; padding: 6px 15px; margin-top: 1px !important; margin-bottom: 1px !important; } .sidebar .sidebar-menu ul li a:hover, .two-col-bar .sidebar-menu ul li a:hover { color: #ffffff; } .sidebar .sidebar-menu ul li a span, .two-col-bar .sidebar-menu ul li a span { display: inline-block; margin-left: 15px; white-space: nowrap; } .sidebar .sidebar-menu ul li a span.chat-user, .two-col-bar .sidebar-menu ul li a span.chat-user { margin-left: 0; overflow: hidden; text-overflow: ellipsis; } .sidebar .sidebar-menu ul li a .menu-arrow, .two-col-bar .sidebar-menu ul li a .menu-arrow { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; line-height: 40px; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 16px; top: 11px; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); position: absolute; right: 15px; } .sidebar .sidebar-menu ul li a .menu-arrow::before, .two-col-bar .sidebar-menu ul li a .menu-arrow::before { content: "\f105"; } .sidebar .sidebar-menu ul li a i, .two-col-bar .sidebar-menu ul li a i { display: inline-block; font-size: 24px; line-height: 24px; text-align: left; vertical-align: middle; width: 20px; } .sidebar .sidebar-menu ul li a i.mail-label, .two-col-bar .sidebar-menu ul li a i.mail-label { font-size: 16px; margin-right: 5px; } .sidebar .sidebar-menu ul li a.subdrop .menu-arrow, .two-col-bar .sidebar-menu ul li a.subdrop .menu-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .sidebar .sidebar-menu ul li a .chat-avatar-sm, .two-col-bar .sidebar-menu ul li a .chat-avatar-sm { display: inline-block; float: left; margin-left: 0 !important; margin-right: 10px; position: relative; width: 40px; } .sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status, .two-col-bar .sidebar-menu ul li a .chat-avatar-sm.user-img .status { bottom: 0; right: -3px; } .sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status, .two-col-bar .sidebar-menu ul li a .chat-avatar-sm.user-img .status { border: 2px solid #ffffff; height: 10px; margin: 0; width: 10px; border-radius: 50px; position: absolute; right: 0; bottom: 0; } .sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.online, .two-col-bar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.online { background-color: #55ce63; } .sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.offline, .two-col-bar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.offline { background-color: #f62d51; } .sidebar .sidebar-menu ul li a span, .two-col-bar .sidebar-menu ul li a span { display: inline-block; margin-left: 15px; white-space: nowrap; } .sidebar .sidebar-menu ul li a span.badge, .two-col-bar .sidebar-menu ul li a span.badge { margin-left: auto; } .sidebar .sidebar-menu ul li.active a, .two-col-bar .sidebar-menu ul li.active a { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } .sidebar .sidebar-menu ul ul a, .two-col-bar .sidebar-menu ul ul a { display: block; font-size: 14px; position: relative; padding: 9px 10px 9px 50px; } .sidebar .sidebar-menu ul ul a.active, .two-col-bar .sidebar-menu ul ul a.active { color: #667eea; text-decoration: underline; } .slide-nav .sidebar { margin-left: 0; } .two-col-bar { background-color: transparent; } .greedy > button { display: none; } .sidebar-overlay { display: none; z-index: 90; height: 100%; width: 100%; z-index: 1040; position: fixed; top: 60px; left: 0; background-color: rgba(0, 0, 0, 0.6); } .sidebar-overlay.opened { display: block; } .card-radio .form-check-input:checked + .form-check-label { border-color: #405189 !important; } .card-radio .form-check-label { background-color: #405189; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding-right: 32px; } .img-switch .card-radio .form-check-input:checked + .form-check-label::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(64, 81, 137, 0.5); } .avatar-title { align-items: center; background-color: #405189; color: #fff; display: flex; font-weight: 500; height: 100%; justify-content: center; width: 100%; } .img-switch .card-radio .form-check-input:checked + .form-check-label::after { content: "✓"; font-family: "Line Awesome Free"; position: absolute; top: 4px; right: 5px; font-size: 10px; background: #fff; font-weight: 900; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: #405189; } .bg-vertical-gradient { background: linear-gradient(to right, #405189, #0ab39c); } .bg-vertical-gradient-2 { background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); } .bg-vertical-gradient-3 { background: linear-gradient(to right, #f43b48 0%, #453a94 100%); } .bg-vertical-gradient-4 { background: linear-gradient(to right, #667eea 0%, #764ba2 100%); } @media (min-width: 992px) { .mini-sidebar .sidebar:not(.chat-sidebar) { width: 60px; } .mini-sidebar .sidebar .menu-title { visibility: hidden; white-space: nowrap; } .mini-sidebar .sidebar .sidebar-menu > ul > li > a i { font-size: 30px; width: 30px; } .mini-sidebar.expand-menu .sidebar:not(.chat-sidebar) { width: 230px; } .mini-sidebar.expand-menu .sidebar .menu-title { visibility: hidden; white-space: nowrap; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li > a i { font-size: 30px; width: 30px; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.menu-title { visibility: visible; } } @media (min-width: 991px) { .mini-sidebar .page-wrapper { margin-left:60px; } } .sidebar-twocol .slide-nav .sidebar { margin-left: 0; } .sidebar-twocol.sidebar { background-color: transparent; border-right: 0; margin-top: 0; z-index: 1001; position: fixed; top: 60px; bottom: 0; left: 0; transition: all 0.2s ease; } @media (max-width: 991px) { .sidebar-twocol.sidebar { margin-left: -225px; width: 225px; transition: all 0.4s ease; z-index: 1041; } } .sidebar-twocol.sidebar .slimScrollDiv { width: 70px !important; } .sidebar-twocol.sidebar .nav-link { padding: 5px; margin-bottom: 15px; color: #ffffff; } .sidebar-twocol.sidebar .nav-link.active { background: #fff; color: #34444c; } .sidebar-twocol.sidebar .sidebar-left { background: #667eea; width: 70px; padding: 10px; } .sidebar-twocol.sidebar .sidebar-right { background: #ffffff; width: 190px; height: 100%; box-shadow: 0 4px 4px rgba(209, 209, 209, 0.25); padding: 0 20px; transition: all 0.2s ease; } .sidebar-twocol.sidebar .sidebar-right { padding-top: 20px; } .sidebar-twocol.sidebar .sidebar-right p { font-size: 10px; color: #9e9e9e; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .sidebar-twocol.sidebar .sidebar-right ul li { padding: 7px 0; } .sidebar-twocol.sidebar .sidebar-right ul li a { font-weight: 400; font-size: 14px; color: #38414A; } .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #667eea; } .sidebar-twocol.sidebar .sidebar-right .menu-arrow { transition: transform 0.15s; display: inline-block; font-family: "Font Awesome 5 Free"; text-rendering: auto; line-height: 40px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 18px; top: 0px; position: relative; font-weight: 700; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .sidebar-twocol.sidebar .sidebar-right .menu-arrow:before { content: "\f105"; } .sidebar-twocol.sidebar li a.subdrop .menu-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } @media (min-width: 991px) { .sidebar-twocol .mini-sidebar .page-wrapper { margin-left: 60px; } .sidebar-twocol .mini-sidebar #toggle_btn { margin-left: 10px; } .sidebar-twocol .mini-sidebar .sidebar-right { display: none; } .sidebar-twocol .expand-menu .sidebar-right { display: block; transition: all 0.2s ease; } } .greedys { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 10px; height: 60px; } .greedys .viewmoremenu { background: transparent; color: #fff; border: 0; min-width: 150px; } .sidebar .sidebar-horizantal { display: none !important; } .mini-sidebar.expand-menu .sidebar .sidebar-menu ul li a span { display: block; } .sidebar-horizantal ul li.submenu a i { height: 20px; line-height: 19px; } .sidebar-horizantal ul li.submenu a span.menu-arrow { top: 12px; } .scroll-area { position: relative; margin: auto; width: 100%; height: calc(100vh - 60px); background-color: transparent !important; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { width: 6px !important; } .ps__rail-y { width: 9px !important; } .collapse:not(.show) { display: none !important; } .collapse.show { display: block !important; } .select2-results__option { padding: 6px 15px; } .select2-container .select2-selection.select2-selection--single { border: 1px solid #dcdcdc; height: 44px; } .select2-container .select2-selection.select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } .select2-dropdown { z-index: 1055; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 7px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #dcdcdc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; margin-left: -10px; margin-top: -2px; width: 0; position: absolute; top: 50%; left: 50%; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #272b41; font-size: 15px; font-weight: normal; line-height: 44px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #dcdcdc; border-width: 0 6px 6px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #667eea; } .select2-container--default .select2-selection--multiple { border: 1px solid #dcdcdc; min-height: 46px; } .select2-dropdown { border-color: #dcdcdc; } .form-focus .select2-container--default .select2-selection--single .select2-selection__rendered { color: #676767; font-size: 14px; font-weight: normal; line-height: 38px; } .form-focus .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 12px; padding-top: 10px; } .modal-dialog .select2-container { width: 100% !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: black; } .tab-content .select2-container { width: 100% !important; } .review-section .select2-container { width: 100% !important; } .nav-tabs { border-bottom: 1px solid #dedfe0; } .nav-tabs.nav-tabs-bottom li { margin-bottom: 0; } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs li a { color: #888888; border-bottom-width: 1px; } .nav-tabs li a.active { border-color: transparent; border-bottom-color: transparent; background-color: transparent; box-shadow: inset 0 -2px 0 #667eea; transition: all 0.2s ease; position: relative; z-index: 2; } .content-full { height: 100%; position: relative; width: 100%; } .content-full .display-table { display: table; table-layout: fixed; border-spacing: 0; width: 100%; height: 100%; } .content-full .display-table .table-row { display: table-row; height: 100%; } .content-full .display-table .table-row .table-body { position: relative; height: 100%; width: 100%; } .content-full .display-table .table-row .table-body .table-content { bottom: 0; left: 0; overflow: auto; position: absolute; top: 0; right: 0; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img { padding: 30px; position: relative; text-align: center; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img { height: 120px; margin: 0 auto; position: relative; width: 120px; cursor: pointer; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img img { height: auto; margin: 0; width: 120px; border-radius: 50%; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img .change-img { background-color: rgba(0, 0, 0, 0.3); color: #ffffff; display: none; height: 100%; line-height: 120px; width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img .edit-btn { height: 36px; width: 36px; border-radius: 40px; position: absolute; top: 15px; right: 15px; } .content-full .display-table .table-row .table-body .table-content .chat-profile-img .user-name { color: #333333; } .content-full .display-table .table-row .table-body .table-content .chat-profile-info { padding: 15px; } .content-full .display-table .table-row .table-body .table-content .chat-profile-info .user-det-list { list-style: none; padding: 0; } .content-full .display-table .table-row .table-body .table-content .chat-profile-info .user-det-list li { padding: 6px 15px; } .nav-tabs .nav-tabs-solid { background-color: transparent; border: 0; } .nav-tabs .nav-tabs-solid .active { background-color: transparent; border-color: transparent; box-shadow: inset 0 -2px 0 #667eea; color: #667eea; } .nav-tabs .nav-link:hover { background-color: transparent; border-color: transparent; color: #333333; } .nav-tabs.nav-tabs-top li a { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-top li a.active { border-top-color: #667eea; border-radius: 0; background: transparent; } .nav-tabs.nav-tabs-bottom li a { border-width: 0; margin-bottom: -1px; } .nav-tabs.nav-tabs-bottom li a.active { border-bottom-color: transparent; background: transparent; border-radius: 0; box-shadow: inset 0 -2px 0 #667eea; } .nav-tabs.nav-tabs-solid { background-color: transparent; border: 0; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active, .nav-tabs.nav-tabs-solid li a.active { background-color: transparent; border-color: transparent; box-shadow: inset 0 -2px 0 #667eea; color: #667eea; border-radius: 0; } .page-menu .nav-tabs li a { font-size: 16px; } @media (max-width: 768px) { .nav-tabs { border-bottom: 0; position: relative; background-color: #ffffff; border: 1px solid #dddddd; padding: 5px 0; border-radius: 3px; } } .custom-modal .modal-content .btn-close { background-color: #a0a0a0; color: #ffffff; font-size: 13px; height: 20px; line-height: 20px; opacity: 1; width: 20px; z-index: 99; margin: 0; padding: 0; border-radius: 50%; position: absolute; top: 10px; right: 10px; } .custom-modal .modal-content .modal-header { padding: 30px 30px 0; } .custom-modal .modal-content .modal-header .modal-title { font-size: 22px; } .custom-modal .modal-content .modal-header .btn-close { background-color: #a0a0a0; border: 0; color: #ffffff; font-size: 13px; height: 20px; line-height: 20px; opacity: 1; width: 20px; z-index: 99; margin: 0; padding: 0; position: absolute; top: 10px; right: 10px; border-radius: 50%; } .custom-modal .modal-content .modal-body { padding: 30px; } .custom-modal .modal-content .modal-body .attach-files ul li { display: inline-block; margin-right: 10px; position: relative; } .custom-modal .modal-content .modal-body .attach-files ul li img { width: 50px; } .custom-modal .modal-content .modal-body .attach-files ul li .file-remove { color: #fb1612; position: absolute; top: -7px; right: -6px; } .custom-modal .modal-content .modal-body .status-toggle { float: left; } .custom-modal .modal-content .modal-body .input-block { margin-bottom: 1rem; float: left; width: 100%; } .custom-modal .modal-content .modal-body .input-block.col-sm-4 { width: 33.3%; } .custom-modal .modal-content .modal-body .input-block.col-sm-6 { width: 50%; } .custom-modal .modal-content .modal-body .add-group-btn .btn-primary { margin-top: 15px; } .custom-modal .modal-content .modal-body .chat-user-list .chat-block { border-bottom: 1px solid #eaeaea; border-radius: inherit; background-color: #ffffff; padding: 10px; } .custom-modal .modal-content .modal-body .chat-user-list .chat-block .user-name { color: #333333; } .custom-modal .modal-content .modal-body .chat-user-list .chat-block .designation { color: #9e9e9e; font-size: 12px; } .custom-modal .modal-content .modal-body .chat-user-list .chat-block .online-date { color: #9e9e9e; font-size: 12px; } .custom-modal .modal-content .modal-body .chat-user-list .chat-block:hover { background-color: #f7f7f7; } .simple-modal .modal-content { border: 0; border-radius: 10px; } .simple-modal .modal-header { border: 0; padding: 20px; } .simple-modal .modal-title { font-size: 20px; } .simple-modal .modal-body { padding: 20px; } .simple-modal .modal-footer { padding: 10px; } .simple-modal .btn-close { background-color: transparent; border: none; color: #000; font-size: 16px; } .submit-section { text-align: center; margin-top: 40px; float: left; width: 100%; } @media (max-width: 575px) { .submit-section { margin-top: 20px; } } .submit-section .submit-btn { font-size: 18px; font-weight: 600; min-width: 200px; border-radius: 50px; padding: 10px 20px; } @media (max-width: 575px) { .submit-section .submit-btn { margin: 10px 0 0; font-size: 14px; } } .task-follower-list { margin-top: 15px; } .task-follower-list span { position: relative; } .task-follower-list span i { cursor: pointer; color: #fb1612; position: absolute; top: -5px; right: 5px; } .task-board-color .board-color-list { height: 45px; } @media (max-width: 991px) { .task-board-color .board-color-list { margin-bottom: 40px; } } .task-board-color .board-color-list .board-control { position: relative; min-height: 1.5rem; cursor: pointer; width: 36px; height: 36px; margin-bottom: 10px; margin: 0 1rem 10px 0; } .task-board-color .board-color-list .board-control .board-indicator { width: 36px; height: 36px; } .task-board-color .board-control-input { position: absolute; z-index: -1; opacity: 0; } .task-board-color .board-control-input:checked ~ .board-indicator:before { content: "\f00c"; display: block; width: 16px; height: 16px; color: #ffffff; border: none; font-family: FontAwesome; text-align: center; line-height: 16px; border-radius: 2px; position: relative; top: 10px; left: 10px; } .task-board-color .board-primary .board-indicator { background: #667eea; } .task-board-color .board-success .board-indicator { background: #4caf50; } .task-board-color .board-info .board-indicator { background: #42a5f5; } .task-board-color .board-purple .board-indicator { background: #7460ee; } .task-board-color .board-warning .board-indicator { background: #ffb300; } .task-board-color .board-danger .board-indicator { background: #ef5350; } .leave-duallist { background-color: #f9f9f9; border: 1px solid #e3e3e3; display: block; padding: 15px; } .leave-duallist select.form-control[multiple] { height: 200px; padding: 7px; } .leave-duallist select.form-control[multiple] option { border-radius: 3px; padding: 7px 12px; } .form-header { text-align: center; margin-bottom: 30px; } .table { padding: 0; background: #ffffff; } .table .table > :not(:first-child) { border-top: 0; } .table th { white-space: nowrap; border-top: 1px solid #e2e5e8; padding: 1rem 0.75rem; } .admin-attendance .table th { white-space: nowrap; border-top: 1px solid #e2e5e8; padding: 1rem 0.75rem; text-align: center !important; } .table td { border-top: 1px solid #e2e5e8; white-space: nowrap; vertical-align: middle; padding: 0.5rem; } .table td a { color: #333333; } .table td .pro-avatar { height: 1.65rem; margin-right: 5px; width: auto; border-radius: 0.25rem; } .table td h2 { display: inline-block; font-size: 14px; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } .table td h2 a { color: #333333; } .table td a { color: #333333; } .table > :not(:first-child) { border-top: 0; } .user-add-shedule-list h2 a { padding: 10px; display: inline-block; } .user-add-shedule-list h2 a span { color: #888888; display: block; font-size: 12px; margin-top: 3px; } .user-add-shedule-list a { border: 1px dashed #aaa; color: #aaa; border-radius: 5px; display: inline-block; padding: 10px; } .table-bordered td { border: none !important; } .table-bordered th { border: none !important; } .filter-row .select2-container .select2-selection.select2-selection--single { height: 50px; } .filter-row .btn { /* min-height: 50px; */ text-transform: uppercase; /* padding: 12px; */ } .card-table .card-header { border-bottom: 1px solid #dddddd; padding: 15px; } .card-table .card-body { padding: 0; } .card-table .card-footer { text-align: center; } .card-table .card-footer a { color: #333333; } .dropdown-action .dropdown-toggle::after { border: 0; } .action-icon { color: #777; font-size: 18px; display: inline-block; } .table-inbox td { padding: 0.5rem; } .table-inbox .starred.fa-star { color: #ffd200; } .unread .name, .unread .subject, .unread .maildate { color: #000000; font-weight: 600; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: #f5f5f5; } .custom-table tr.holiday-completed { color: #aaa; } .custom-table td { padding: 10px 20px; } .leave-table .l-name { width: 200px; } .leave-table .l-days { width: 140px; } .review-section { margin: 0 0 30px; } .review-section .review-header { background-color: #ffffff; border: 1px solid #cfcfcf; text-align: center; margin: 0; padding: 15px; } .review-section .review-header h3 { font-size: 1.4rem; margin-bottom: 3px; } .form-control-sm.form-control { height: 30px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border-radius: 0; } .table-responsive { margin-bottom: 0 !important; } .b-table-sticky-header, .table-responsive, [class*=table-responsive-] { margin-bottom: 0rem; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: #FAFBFE; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: inherit; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { background: #f8f9fa !important; } .card-table .card-body .table tr th::after { right: 0.5em; content: "↓"; } .ant-table-thead > tr > th { border-bottom: 0px solid #f0f0f0 !important; } .ant-table-row .bg-danger-light, .bg-success-light { border-radius: 50px !important; } .ant-tag { font-size: 13px; border: 0px solid #d9d9d9 !important; border-radius: 0.25rem; text-transform: lowercase; } .ant-table-tbody .ant-tag-red { color: #FFFFFF; background-color: #e84646 !important; } .ant-table-tbody .ant-tag-success { color: #FFFFFF; background-color: #7bb13c !important; } .ant-table-tbody .ant-tag-warning { color: #FFFFFF; background-color: #ffbc34 !important; } .table-avatar .avatar-name { font-size: 14px; color: #666; font-weight: 400; } .ant-table-tbody > tr.ant-table-row-selected > td { background: transparent !important; } .ant-table .ant-table-tbody tr td .product-img img { min-width: 40px; width: 40px; height: 40px; border: 0; } .ant-popover-inner { max-width: 276px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .ant-popover-title { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .ant-popover-inner-content { padding: 1rem 1rem; color: #212529; } .ant-table-thead th.ant-table-column-sort { background: #FAFBFE; } .ant-table .ant-table-tbody tr:hover { background: transparent; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { padding: 10px; color: #333333; font-weight: 500; vertical-align: middle; white-space: nowrap; } .ant-table .ant-table-thead th { font-weight: 600; color: #212B36; padding: 1rem 0.75rem; white-space: nowrap; } .ant-table .ant-table-selection .ant-checkbox-checked .ant-checkbox-inner { background-color: #667ee8; border: 1px solid #B9B9C3; } .ant-table .ant-table-tbody tr td .ant-checkbox-checked .ant-checkbox-inner { background-color: #667ee8; border: 1px solid #B9B9C3; } .dash-count .dash-counts h4 { color: #fff; } .dash-count .dash-counts h5 { color: #fff; } .datatableIndex .ant-pagination { display: none; } .sidebar-menu li a[data-bs-toggle=collapse][aria-expanded=true] .menu-arrow { transform: rotate(90deg); } .ant-select:not(.ant-select-customize-input) .ant-select-selector { width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #ced4da !important; } .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, .apexcharts-legend.apx-legend-position-top.apexcharts-align-center { display: none; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { display: none; } .ant-table tbody tr:hover { background: transparent; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: flex; align-items: center; justify-content: center; } .ant-pagination-prev.ant-pagination-disabled { background: #fff; border: 1px solid #dcd9d9; } .ant-pagination-item-active { background: #667ee8 !important; border-color: #667ee8; } .ant-pagination-item { border-radius: 5px; background: #FFFFFF; color: #535353; } .ant-checkbox-inner { background-color: transparent; border-radius: 0px; } .ant-table-cell a { color: #333333; font-size: 14px; font-weight: 400; } .ant-tooltip.ant-tooltip-placement-top { display: none; } .showentries select { width: auto; display: inline-block; height: 30px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border-radius: 0; border-color: #e3e3e3; } .ant-table-pagination .ant-pagination-item-active a { background-color: #667eea; border-color: #667eea; color: #fff; } .ant-table-pagination .ant-pagination-item-active a:hover { background-color: #667eea; border-color: #667eea; color: #fff; } .ant-table-content .ant-table-tbody tr:nth-of-type(2n+1) { background-color: #f5f5f5; } .apexcharts-toolbar { display: none !important; } [data-layout-mode=dark] body .table th { background: none; } [data-layout-mode=dark] body .table td { background: none; } [data-topbar=light] body .header #toggle_btn .bar-icon span { background-color: #333333; } [data-topbar=light] body .header .page-title-box h3 { color: #333333; } [data-topbar=light] body .header .top-nav-search form ::-moz-placeholder { color: #333; } [data-topbar=light] body .header .top-nav-search form ::placeholder { color: #333; } [data-topbar=light] body .header .top-nav-search form .btn { color: #333; } [data-topbar=light] body .header .user-menu.nav > li > a { color: #333333; } [data-layout-mode=dark] body .breadcrumb-item.active { --bs-breadcrumb-item-active-color: #6c757d; } [data-layout-mode=dark] body .card { color: #bbc4cc; } .complete-btn.completed { background-color: green !important; color: white !important; } [data-layout-mode=dark] .v3dp__datepicker .v3dp__input_wrapper .datetimepicker { border: 1px solid #e3e3e3; background: #263238; color: #bbc4cc; } [data-layout-mode=dark] .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #bbc4cc; } [data-layout-mode=dark] .ant-table .ant-table-thead th { color: #bbc4cc; background: #16191c; } [data-layout-mode=dark] .ant-table table { background-color: #16191c; border: 1px solid #2e3840; background: #16191c; --bs-table-bg: $__grayblacks; } [data-layout-mode=dark] .ant-table-content .ant-table-tbody tr:nth-of-type(2n+1) { background-color: #2c3034; } [data-layout-mode=dark] .ant-table-tbody > tr.ant-table-row:hover > td, [data-layout-mode=dark] .ant-table-tbody > tr > td.ant-table-cell-row-hover { background-color: #16191c; } [data-layout-mode=dark] body .ant-table table td a { color: #777; } [data-layout-mode=dark] body .ant-table table td { color: #fff !important; } [data-layout-mode=dark] .ant-table-tbody > tr > td { border-bottom: 1px solid #16191c; } [data-layout-mode=dark] .ant-table-tbody > tr.ant-table-row > td, [data-layout-mode=dark] .ant-table-tbody > tr > td.ant-table-cell { background-color: #16191c; } .note-editing-area { height: 150px; } .note-toolbar { background-color: #ffffff; } .note-editor.note-frame .note-statusbar .note-resizebar { height: 5px; } .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { width: 0px; margin: 0px; } td.ant-table-column-sort { background: transparent; } .ant-table-content .ant-table-tbody tr:nth-of-type(2n+2) { background: #fafafa; } .ant-table tbody td h2 span { color: #888888; display: block; font-size: 13px; margin-top: 2px; } .ant-table .ant-table-tbody tr td h2 { font-size: inherit; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } .ant-table .table-avatar { align-items: center; display: inline-flex; font-size: inherit; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; min-width: 150px; font-size: 14px; } [data-layout-width=boxed] body, [data-layout-width=boxed] .header { max-width: 1300px; margin: auto; } [data-layout-width=boxed] .sidebar ul .menu-title { display: none !important; } [data-layout-width=boxed] .sidebar ul li span { display: none !important; } [data-layout-width=boxed] .sidebar ul ul li { display: none !important; } [data-layout-width=boxed] .page-wrapper { margin: 0 0 0 230px; } [data-layout-width=boxed] .main-wrapper { position: relative; } [data-layout-width=boxed] .main-wrapper #toggle_btn { display: none; } [data-layout-width=boxed] .sidebar { position: absolute; width: 230px; } [data-layout-width=boxed] .sidebar .noti-dot { display: none !important; } [data-layout-width=boxed] .sidebar ul .menu-title { display: block !important; } [data-layout-width=boxed] .sidebar ul li span { display: block !important; } [data-layout-width=boxed] .sidebar ul ul li { display: block !important; } [data-sidebar-size=sm-hover] #toggle_btn { display: none; } [data-sidebar-size=sm-hover] .sidebar ul .menu-title { display: none !important; } [data-sidebar-size=sm-hover] .sidebar ul li span { display: none !important; } [data-sidebar-size=sm-hover] .sidebar ul ul li { display: none !important; width: 100%; } [data-sidebar-size=sm-hover] .two-col-bar:hover .sidebar-right { display: block; } [data-sidebar-size=sm-hover] .two-col-bar .sidebar-left { display: block; } [data-sidebar-size=sm-hover] .two-col-bar .sidebar-right { display: none; } [data-sidebar-size=sm-hover] .page-wrapper { margin: 0 0 0 60px; } [data-sidebar-size=sm-hover] .sidebar { width: 60px; } [data-sidebar-size=sm-hover] .sidebar .noti-dot { display: none !important; } [data-sidebar-size=sm-hover] .sidebar .sidebar-menu ul li span { display: none !important; } [data-sidebar-size=sm-hover] .sidebar:hover { width: 230px; } [data-sidebar-size=sm-hover] .sidebar:hover ul .menu-title { display: inline-block !important; } [data-sidebar-size=sm-hover] .sidebar:hover ul li span { display: inline-block !important; } [data-sidebar-size=sm-hover] .sidebar:hover ul ul li { display: inline-block !important; } [data-sidebar-size=md] .page-wrapper { margin: 0 0 0 200px; } [data-sidebar-size=md] .sidebar { width: 200px; } [data-sidebar-size=md] .sidebar .menu-title { justify-content: center; } [data-sidebar-size=md] .sidebar .sidebar-menu ul li a { flex-direction: column; text-align: center; padding: 10px; } [data-sidebar-size=md] #toggle_btn { display: none; } [data-layout-position=scrollable] .main-wrapper { position: relative; } [data-layout-position=scrollable] .main-wrapper .sidebar { position: absolute; } [data-layout-position=scrollable] .slimScrollDiv, [data-layout-position=scrollable] .slimscroll { overflow: auto !important; height: auto !important; } [data-layout=twocolumn] .two-col-bar { display: block; } [data-layout=twocolumn] #sidebar { display: none; } @media (max-width: 991px) { [data-layout=twocolumn] #sidebar { display: block; } } [data-layout=twocolumn] #sidebar-view, [data-layout=twocolumn] #sidebar-size, [data-layout=twocolumn] #layout-width, [data-layout=twocolumn] #layout-position { display: none; } [data-layout=twocolumn] .mini-sidebar .sidebar .sidebar-right { display: none; } [data-layout=twocolumn] .mini-sidebar.expand-menu .sidebar .sidebar-right { display: block; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar:hover { width: 200px; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul .menu-title { display: block !important; text-align: center; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul li span { display: block !important; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul ul li { display: block !important; } [data-layout-mode=light] .header { background: #ffffff; border-color: transparent; } [data-layout-mode=light] .header .page-title-box h3 { color: #333333; } [data-layout-mode=light] .header .logo { display: none; } [data-layout-mode=light] .header .logo2 { display: inline-block; line-height: 60px; } [data-layout-mode=light] .header #toggle_btn .bar-icon span { background-color: #333333; } [data-layout-mode=light] .header .top-nav-search form .form-control { border: 1px solid #d5d5d5; color: #333333; height: 40px; padding: 10px 50px 10px 15px; border-radius: 50px; } [data-layout-mode=light] .header .top-nav-search form .form-control::-moz-placeholder { color: #333333; } [data-layout-mode=light] .header .top-nav-search form .form-control::placeholder { color: #333333; } [data-layout-mode=light] .header .top-nav-search form .btn { color: #333333; } [data-layout-mode=light] .header .has-arrow .dropdown-toggle:after { border-bottom: 2px solid #333333; border-right: 2px solid #333333; } [data-layout-mode=light] nav.greedy button { color: #333333 !important; } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left { background: #fff; border-right: 1px solid #d5d5d5; } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #333333; } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left .nav-link.active { background: #34444c; color: #fff; } [data-layout-mode=light] .sidebar { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } [data-layout-mode=light] .sidebar .sidebar-menu ul ul { display: none; width: 200px; } [data-layout-mode=light] .sidebar .sidebar-menu ul li a:hover { color: #34444c; } [data-layout-mode=light] .sidebar .sidebar-menu .greedy ul li a:hover { color: #34444c; } [data-layout-mode=light] .user-menu.nav > li > a { color: #333333; } [data-layout-mode=light] .mini-sidebar .header-left .logo2 img { height: auto; max-height: 30px; width: auto; } [data-layout-mode=light] .header .header-left .logo { display: none; line-height: 60px; } [data-layout-mode=light] .sidebar-menu ul li a:hover, [data-layout-mode=light] .two-col-bar .sidebar-menu ul li a:hover { color: #333333; } [data-layout-mode=blue] .header { background: #00c5fb; background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); border-color: transparent; } [data-layout-mode=blue] .header .header-left .logo { display: block; line-height: 60px; } [data-layout-mode=blue] .header .user-menu.nav > li > a { color: #fff; } [data-layout-mode=blue] .header #toggle_btn .bar-icon span { background-color: #fff; } [data-layout-mode=blue] .header .page-title-box h3 { color: #fff; } [data-layout-mode=blue] .header .logo2 { display: none; } [data-layout-mode=blue] .page-item.active .page-link { background-color: #00c5fb; border-color: #00c5fb; } [data-layout-mode=blue] .nav-tabs.nav-tabs-solid li a.active { background-color: transparent; border-color: transparent; border-bottom: 2px solid #00c5fb; color: #00c5fb; } [data-layout-mode=blue] .sidebar-twocol.sidebar .sidebar-left { background: #34444c; } [data-layout-mode=blue] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #00c5fb; } [data-layout-mode=blue] #layout-position .radio input:checked + label { background: #00c5fb; color: #fff; } [data-layout-mode=blue] .dash-widget .card-body .dash-widget-icon { background-color: rgba(0, 197, 251, 0.2); color: #00c5fb; } [data-layout-mode=blue] .bg-primary, [data-layout-mode=blue] .badge-primary { background-color: #00c5fb !important; } [data-layout-mode=blue] .sidebar .sidebar-menu ul ul a.active { color: #00c5fb; text-decoration: underline; } [data-layout-mode=blue] .sidebar ul li.submenu .noti-dot:before { border: 5px solid #00c5fb; } [data-layout-mode=blue] .btn-primary { background-color: #00c5fb; border: 1px solid #00c5fb; } [data-layout-mode=blue] .roles-menu ul li.active a { border-color: #00c5fb; color: #00c5fb; } [data-layout-mode=blue] .settings-icon span { background-color: #00c5fb; } [data-layout-mode=maroon] .header { background: #f43b48; background: linear-gradient(to right, #f43b48 0%, #453a94 100%); border-color: transparent; } [data-layout-mode=maroon] .header .header-left .logo { display: block; line-height: 60px; } [data-layout-mode=maroon] .header .user-menu.nav > li > a { color: #fff; } [data-layout-mode=maroon] .header #toggle_btn .bar-icon span { background-color: #fff; } [data-layout-mode=maroon] .header .page-title-box h3 { color: #fff; } [data-layout-mode=maroon] .header .logo2 { display: none; } [data-layout-mode=maroon] .page-item.active .page-link { background-color: #f43b48; border-color: #f43b48; } [data-layout-mode=maroon] .nav-tabs.nav-tabs-solid li a.active { background-color: transparent; border-color: transparent; border-bottom: 2px solid #f43b48; color: #f43b48; } [data-layout-mode=maroon] .sidebar-twocol.sidebar .sidebar-left { background: #34444c; } [data-layout-mode=maroon] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #f43b48; } [data-layout-mode=maroon] .bg-primary, [data-layout-mode=maroon] .badge-primary { background-color: #f43b48 !important; } [data-layout-mode=maroon] .dash-widget .card-body .dash-widget-icon { background-color: rgba(244, 59, 72, 0.2); color: #f43b48; } [data-layout-mode=maroon] #layout-position .radio input:checked + label { background: #f43b48; color: #fff; } [data-layout-mode=maroon] .sidebar .sidebar-menu ul ul a.active { color: #f43b48; text-decoration: underline; } [data-layout-mode=maroon] .sidebar ul li.submenu .noti-dot:before { border: 5px solid #f43b48; } [data-layout-mode=maroon] .btn-primary { background-color: #f43b48; border: 1px solid #f43b48; } [data-layout-mode=maroon] .roles-menu ul li.active a { border-color: #f43b48; color: #f43b48; } [data-layout-mode=maroon] .settings-icon span { background-color: #f43b48; } [data-layout-mode=purple] .header { background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); border-color: transparent; } [data-layout-mode=purple] .header .header-left .logo { display: block; line-height: 60px; } [data-layout-mode=purple] .header .user-menu.nav > li > a { color: #fff; } [data-layout-mode=purple] .header #toggle_btn .bar-icon span { background-color: #fff; } [data-layout-mode=purple] .header .page-title-box h3 { color: #fff; } [data-layout-mode=purple] .header .logo2 { display: none; } [data-layout-mode=purple] .page-item.active .page-link { background-color: #667eea; border-color: #667eea; } [data-layout-mode=purple] .nav-tabs.nav-tabs-solid li a.active { background-color: transparent; border-color: transparent; border-bottom: 2px solid #667eea; color: #667eea; } [data-layout-mode=purple] .sidebar-twocol.sidebar .sidebar-left { background: #34444c; } [data-layout-mode=purple] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #667eea; } [data-layout-mode=purple] .bg-primary, [data-layout-mode=purple] .badge-primary { background-color: #667eea !important; } [data-layout-mode=purple] #layout-position .radio input:checked + label { background: #667eea; color: #fff; } [data-layout-mode=purple] .dash-widget .card-body .dash-widget-icon { background-color: rgba(102, 126, 234, 0.2); color: #667eea; } [data-layout-mode=purple] .sidebar .sidebar-menu ul ul a.active { color: #667eea; text-decoration: underline; } [data-layout-mode=purple] .sidebar ul li.submenu .noti-dot:before { border: 5px solid #667eea; } [data-layout-mode=purple] .bg-primary, [data-layout-mode=purple] .badge-primary { background-color: #667eea !important; } [data-layout-mode=purple] .btn-primary { background-color: #667eea; border: 1px solid #667eea; } [data-layout-mode=purple] .roles-menu ul li.active a { border-color: #667eea; color: #667eea; } [data-layout-mode=purple] .settings-icon span { background-color: #667eea; } [data-layout-style=detached][data-layout=horizontal] .main-wrapper { max-width: 100%; padding: 0; } [data-layout-style=detached][data-layout=horizontal] .main-wrapper .sidebar { top: 60px; border-radius: 0; left: 0; position: relative !important; } [data-layout-style=detached] .main-wrapper { max-width: 95%; margin: 0 auto; padding-left: 1.5rem; position: relative; } [data-layout-style=detached] .main-wrapper .sidebar { position: absolute; top: 80px; border-radius: 10px; left: 30px; height: -moz-fit-content; height: fit-content; } [data-layout-style=detached] .main-wrapper .sidebar.sidebar-twocol { top: 30px; left: 50px; } [data-layout-style=detached] .sidebar .sidebar-menu, [data-layout-style=detached] .two-col-bar .sidebar-menu { padding: 0; } [data-layout-style=detached] #toggle_btn { display: none; } [data-layout-mode=dark] body { background-color: #263238; color: #bbc4cc; } [data-layout-mode=dark] body .stats-box { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .w-sidebar ul a { color: #bbc4cc; } [data-layout-mode=dark] body .card .card-title { color: #bbc4cc; } [data-layout-mode=dark] body.mini-sidebar .sidebar { background-color: transparent; } [data-layout-mode=dark] body .header .logo { display: block; } [data-layout-mode=dark] body .profile-view .profile-basic .profile-info-left .user-name { color: #bbc4cc; } [data-layout-mode=dark] body .personal-info li .title { color: #bbc4cc; } [data-layout-mode=dark] body .experience-box .experience-list li .experience-content { background-color: #2e3840; padding: 10px; } [data-layout-mode=dark] body .experience-box .experience-list li .experience-user { border-radius: 50px; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left { background: #16191c; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #bbc4cc; background: #2e3840; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #2e3840; background: #fff; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right { background: #2e3840; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right ul li a { color: #bbc4cc; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #ffffff; } [data-layout-mode=dark] body .dash-statistics .stats-info { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table th { color: #bbc4cc; border-top: 1px solid #2e3840; } [data-layout-mode=dark] body .table td { border-top: 1px solid transparent; color: #bbc4cc; } [data-layout-mode=dark] body .table .btn-white { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .chat-main-row .chat-main-wrapper .chat-window .fixed-header, [data-layout-mode=dark] body .chat-footer { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .video-window .fixed-header .nav li a { color: #fff; } [data-layout-mode=dark] body .sidebar .sidebar-menu ul li a { color: #bbc4cc; background: transparent; } [data-layout-mode=dark] body .two-col-bar .sidebar-menu ul li a { color: #bbc4cc; } [data-layout-mode=dark] body .sidebar ul li span { display: inline-block !important; color: #bbc4cc; } [data-layout-mode=dark] body .contact-list > li { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .btn-white { background-color: #16191c; border: 1px solid #2e3840; color: #fff; } [data-layout-mode=dark] body .page-item .page-link { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .dataTables_length .form-control { background-color: #16191c; color: #fff; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table-striped tbody tr:nth-of-type(2n+1) { background-color: #2c3034; } [data-layout-mode=dark] body .nav-tabs.nav-tabs-solid { background-color: transparent; border: 0; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .select2-container--default .select2-selection--single { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .modal-body .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #e3e3e3; } [data-layout-mode=dark] body .activity-box .activity-list li { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .breadcrumb .breadcrumb-item a { color: #bbc4cc; } [data-layout-mode=dark] body .page-wrapper .content .page-header .page-title { color: #bbc4cc; } [data-layout-mode=dark] body .leave-info-box { border: 1px solid #2e3840; } [data-layout-mode=dark] body .card-header { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .faq-card .card .card-header { background-color: #2e3840; } [data-layout-mode=dark] body .faq-card .card .card-header a { color: #bbc4cc; } [data-layout-mode=dark] body .table td a { color: #777; } [data-layout-mode=dark] .view-icons .btn { background-color: #16191c; border: 1px solid #2e3840; color: #bbc4cc; } [data-layout-mode=dark] .header { background: #263238; border-color: #2e3840; } [data-layout-mode=dark] .header .user-menu.nav > li > a { color: #bbc4cc; } [data-layout-mode=dark] .header #toggle_btn .bar-icon span { background-color: #bbc4cc; } [data-layout-mode=dark] .header .page-title-box h3 { color: #bbc4cc; } [data-layout-mode=dark] .header .logo2 { display: none; } [data-layout-mode=dark] .due-info, [data-layout-mode=dark] .assigned-info { color: #fff; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li .task-container { background: #263238; border: 1px solid #2e3840; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li .task-container .task-label { color: #bbc4cc; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li.completed .task-container { background: #16191c; } [data-layout-mode=dark] .task-chat-contents { background-color: #263238; } [data-layout-mode=dark] .sidebar { background-color: #16191c; } [data-layout-mode=dark] .welcome-box { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-left .chat-content { background-color: #16191c; border: 1px solid #2e3840; padding: 10px !important; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-left .chat-content .chat-time { color: #fff; } [data-layout-mode=dark] .chat-sidebar .chat-contents { background-color: #263238; } [data-layout-mode=dark] .chat-footer .message-bar .message-area .input-group .form-control { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-line .chat-date { background-color: #16191c; top: 9px; left: -15px; } [data-layout-mode=dark] .search-box .input-group { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-main-row .chat-main-wrapper .chat-window { background-color: transparent; } [data-layout-mode=dark] .dash-section .dash-info-list .dash-card { background-color: #16191c; border: 1px solid #2e3840; color: #575757; } [data-layout-mode=dark] .card { border: 1px solid #16191c; background: #16191c; } [data-layout-mode=dark] .time-list .dash-stats-list h4 { color: #bbc4cc; } [data-layout-mode=dark] .topics, [data-layout-mode=dark] .w-sidebar { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .topics .topic-title a, [data-layout-mode=dark] .w-sidebar .topic-title a { color: #bbc4cc; } [data-layout-mode=dark] .topics .topics .topics-list li a, [data-layout-mode=dark] .w-sidebar .topics .topics-list li a { color: #bbc4cc; } [data-layout-mode=dark] .roles-menu ul { border: 1px solid #16191c; background: #16191c; } [data-layout-mode=dark] .roles-menu ul li a { color: #bbc4cc; } [data-layout-mode=dark] .list-group-item, [data-layout-mode=dark] .activity-box, [data-layout-mode=dark] .punch-info .punch-hours, [data-layout-mode=dark] .punch-det, [data-layout-mode=dark] .att-statistics .stats-info, [data-layout-mode=dark] .stats-info { border: 1px solid #2e3840; background: #16191c; color: #bbc4cc; } [data-layout-mode=dark] .form-control { border: 1px solid #2e3840; background: #16191c; color: #bbc4cc; } [data-layout-mode=dark] .form-control::-moz-placeholder { color: #fff; } [data-layout-mode=dark] .form-control::placeholder { color: #fff; } [data-layout-mode=dark] .project-title a { color: #fff; } [data-layout-mode=dark] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #bbc4cc; } [data-layout-mode=dark] .profile-widget { border: 1px solid #2e3840; background: #16191c; } [data-layout-mode=dark] .profile-widget .user-name a { color: #fff; } [data-layout-mode=dark] .stats-info h6 { color: #bbc4cc; } [data-layout-mode=dark] .modal-body .form-control { border-color: #e3e3e3; box-shadow: none; background-color: transparent; color: #bbc4cc; } [data-layout-mode=dark] .chat-main-row .chat-main-wrapper .chat-sidebar { border-left: 1px solid #2e3840; } [data-layout-mode=dark] .nav-tabs { border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .chat-line { border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-header { background-color: #16191c; border-bottom: 1px solid #2e3840; color: #bbc4cc; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-pro-list { background-color: #16191c; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li a { color: #bbc4cc; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header span { color: #bbc4cc; } [data-layout-mode=dark] .file-content .file-body { background-color: #16191c; } [data-layout-mode=dark] .file-content .file-body .file-scroll .file-content-inner { padding: 15px; width: 100%; } [data-layout-mode=dark] .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb { background-color: #263238; } [data-layout-mode=dark] .file-content .file-search { background-color: #263238; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-content .file-search .form-control { background-color: #263238; color: #bbc4cc; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search { background-color: #263238; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search .form-control { background-color: #16191c; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header .file-options a { color: #bbc4cc; } [data-layout-mode=dark] .file-wrap { border: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar { border-right: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search .input-group .form-control { color: #bbc4cc; background-color: #263238; } [data-layout-mode=dark] .table-bordered td { border: none !important; } [data-layout-mode=dark] .table-bordered th { border: none !important; } [data-layout-mode=dark] .nav-tabs.nav-tabs-bottom li a.active { color: #fff; } [data-layout-mode=dark] .offcanvas { background-color: #263238; } [data-layout-mode=dark] .offcanvas .sidebar-headerset { border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .offcanvas .settings-mains .layout-head h5 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .settings-mains .layout-head h6 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .card-radio .form-check-label { border-color: #ced4da; } [data-layout-mode=dark] .offcanvas .offcanvas-footer { border-top: 1px solid #2e3840 !important; } [data-layout-mode=dark] .review-section .review-header { background-color: #263238; border: 1px solid #2e3840; } [data-layout-mode=light][data-sidebar=dark] nav.greedy button { color: #fff !important; } [data-sidebar=gradient] .sidebar { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%) !important; } [data-sidebar=gradient] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%) !important; } [data-sidebar=gradient] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #405189 !important; } [data-sidebar=gradient-2] .sidebar { background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); } [data-sidebar=gradient-2] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); } [data-sidebar=gradient-2] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #00c5fb; } [data-sidebar=gradient-2] #layout-position .radio input:checked + label { background: #00c5fb; color: #fff; } [data-sidebar=gradient-3] .sidebar { background: linear-gradient(to right, #f43b48 0%, #453a94 100%); } [data-sidebar=gradient-3] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #f43b48 0%, #453a94 100%); } [data-sidebar=gradient-3] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #f43b48; } [data-sidebar=gradient-3] #layout-position .radio input:checked + label { background: #f43b48; color: #fff; } [data-sidebar=gradient-4] .sidebar { background: linear-gradient(to right, #667eea 0%, #764ba2 100%); } [data-sidebar=gradient-4] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #667eea 0%, #764ba2 100%); } [data-sidebar=gradient-4] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #667eea; } [data-sidebar=gradient-4] #layout-position .radio input:checked + label { background: #667eea; color: #fff; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper { margin: 0; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper .sidebar .sidebar-left { display: block; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper .sidebar .sidebar-right { display: none; } [data-layout=horizontal] .sidebar { width: 100% !important; bottom: inherit; } [data-layout=horizontal] .sidebar .sidebar-menu ul li span { display: inline-block !important; } [data-layout=horizontal] .sidebar .slimScrollDiv, [data-layout=horizontal] .sidebar .sidebar-inner { height: auto !important; overflow: inherit !important; } [data-layout=horizontal] .sidebar .hidden { display: none !important; } [data-layout=horizontal] .sidebar .sidebar-menu { padding: 0 !important; height: 60px; display: flex; align-items: center; } [data-layout=horizontal] .sidebar .sidebar-vertical { display: none !important; } [data-layout=horizontal] .sidebar .sidebar-horizantal { display: flex !important; } [data-layout=horizontal] .sidebar .sidebar-menu ul li a { flex-direction: inherit; text-align: left; } [data-layout=horizontal] .sidebar .sidebar-menu .menu-title { display: none !important; } [data-layout=horizontal] .sidebar ul li span { display: inline-block !important; } [data-layout=horizontal] .sidebar .hidden-links .submenu ul { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); border: 1px solid #d5d5d5; } [data-layout=horizontal] .sidebar .hidden-links li a:hover { color: #333333; } [data-layout=horizontal] .sidebar .sidebar-menu ul { display: flex; align-items: center; -webkit-align-items: center; } [data-layout=horizontal] .sidebar .sidebar-menu ul li.submenu .noti-dot:before { display: none; } [data-layout=horizontal] .sidebar .sidebar-menu ul li a .menu-arrow { right: 0; } [data-layout=horizontal] .sidebar .sidebar-menu ul ul { display: none; width: 200px; background-color: #34444c; position: absolute; top: 45px; left: 0; } [data-layout=horizontal] .sidebar .sidebar-menu ul ul li a .menu-arrow { right: 15px; } [data-layout=horizontal] .sidebar .sidebar-menu ul ul a { padding: 8px 15px; } [data-layout=horizontal] .sidebar .list-inline-item li a:hover { color: #fff; } [data-layout=horizontal] #sidebar-view, [data-layout=horizontal] #sidebar-size, [data-layout=horizontal] #layout-width, [data-layout=horizontal] #layout-position { display: none; } [data-layout=horizontal] #toggle_btn { display: none; } [data-layout=horizontal] ul.hidden-links { position: absolute !important; right: 0; background: #fff; width: 100%; top: 60px; justify-content: start; align-items: start !important; flex-wrap: wrap; border-top: 1px dashed #e3e3e3; padding: 12px 3px; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); } [data-layout=horizontal] ul.hidden-links ul { left: 0 !important; position: absolute !important; top: 40px !important; background-color: #fff !important; width: 100% !important; z-index: 9999; } [data-layout=horizontal] ul.hidden-links ul li a { width: 100%; } [data-layout=horizontal] ul.hidden-links ul li a:hover { color: #333333; } [data-layout=horizontal] ul.hidden-links > li { width: 20%; } [data-layout=horizontal] ul.hidden-links > li a { display: block; padding: 5px 15px; } [data-layout=horizontal] ul.hidden-links li a .menu-arrow { right: 10px !important; } [data-layout=horizontal] .sidebar .sidebar-menu ul li a { padding: 10px 15px; } [data-layout=horizontal] .greedy ul.list-inline-item.list-unstyled.links { width: 95%; } [data-layout=horizontal] .greedy > button { display: block; } [data-layout=horizontal] nav.greedy button { align-self: stretch; transition: all 0.4s ease-out; padding: 5px 0 0 5px; outline: 0; border: 0; font-size: 14px; font-weight: 700; background-color: transparent; color: #fff; min-width: 100px; margin-right: 20px; } [data-layout=horizontal] nav.greedy { position: relative; height: 45px; justify-content: start; } [data-layout=horizontal] nav.greedy ul.hidden-links.hidden { display: none; } [data-layout=horizontal] .page-wrapper { margin: 0; padding-top: 120px; } [data-layout=horizontal] .sidebar .sidebar-menu ul ul ul { position: absolute; right: -200px; top: 0; left: auto; } [data-layout=horizontal] .sidebar ul ul li { display: inline-block !important; width: 100%; } [data-layout=horizontal] .hidden-links .menu-title { display: inline-block !important; color: #333333 !important; } [data-sidebar=dark] .sidebar-twocol.sidebar .sidebar-left { background-color: #34444c; } [data-sidebar=dark] .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #333; background: transparent; } [data-sidebar=dark] .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #fff; background: #333; } [data-sidebar=dark] .sidebar { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); background-color: #34444c; } [data-sidebar=dark] .sidebar .sidebar-menu .greedy ul li a:hover { color: #fff; } [data-sidebar=dark] .sidebar .sidebar-menu ul li a:hover { color: #fff; } [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link { padding: 5px; margin-bottom: 15px; color: #fff; } [data-sidebar=dark] .two-col-bar .sidebar .sidebar-left .nav-link.active { background: #fff; color: #34444c; } [data-topbar=light] body .header .top-nav-search form .form-control { border: 1px solid #d5d5d5; } [data-topbar=light] body .header .top-nav-search form .form-control::-webkit-input-placeholder { /* Edge */ } [data-topbar=light] body .header .top-nav-search form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ } [data-topbar=light] body .header .header-left .logo2 { display: inline-block; line-height: 60px; } [data-topbar=light] body .header .header-left .logo { display: none; line-height: 60px; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-right { background: #fff; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #333; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #34444c; background: #fff; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #333333; background: #fff; } [data-sidebar=light] body .sidebar { background-color: #ffffff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } [data-sidebar=light] body .sidebar ul li span { display: inline-block; color: #333333; } [data-sidebar=light] body .sidebar ul li span:hover { display: inline-block !important; } [data-sidebar=light] body .sidebar .sidebar-menu { padding: 10px 0 !important; background: #ffffff !important; } [data-sidebar=light] body .sidebar .list-inline-item li a:hover i { color: #333 !important; } [data-sidebar=light] body .greedys .viewmoremenu { color: #333; } [data-sidebar=light] body nav.greedy button { color: #333 !important; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left { background: #fafafa; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { background: #34444c; color: #fff; } [data-sidebar=light] body .mini-sidebar.expand-menu .sidebar:not(.chat-sidebar) ul li span { display: block !important; } [data-sidebar=light] body .mini-sidebar .sidebar { background-color: #ffffff; } [data-sidebar=light] body .mini-sidebar .sidebar:not(.chat-sidebar) ul li span { display: none !important; } [data-sidebar=light] body nav.greedy button { color: #333333; } [data-sidebar=light] body .sidebar-menu ul li a:hover, [data-sidebar=light] body .two-col-bar .sidebar-menu ul li a:hover { color: #333333; } [data-sidebar=light] body .sidebar .sidebar-menu ul li.active a, [data-sidebar=light] body .two-col-bar .sidebar-menu ul li.active a { color: #333333; background-color: transparent; } [data-topbar=dark] .header { background: #263238; border-color: #2e3840; } [data-topbar=dark] .header .header-left .logo { display: block; line-height: 60px; } [data-topbar=dark] .header .top-nav-search form .form-control { border: 1px solid #bbc4cc; color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .form-control::-moz-placeholder { color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .form-control::placeholder { color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .btn { color: #bbc4cc; } [data-topbar=dark] .header .user-menu.nav > li > a { color: #bbc4cc; } [data-topbar=dark] .header #toggle_btn .bar-icon span { background-color: #bbc4cc; } [data-topbar=dark] .header .page-title-box h3 { color: #bbc4cc; } [data-topbar=dark] .header .logo2 { display: none; } [data-layout-mode=orange] body .header { background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); } [data-layout-mode=orange] body .header .header-left .logo { display: block; line-height: 60px; } [data-layout-mode=orange] body .header .user-menu.nav > li > a { color: #fff; } [data-layout-mode=orange] body .header #toggle_btn .bar-icon span { background-color: #fff; } [data-layout-mode=orange] body .header .page-title-box h3 { color: #fff; } [data-layout-mode=orange] body .header .header-left .logo2 { display: none; } [data-layout-mode=orange] body .header .top-nav-search form .form-control { background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; height: 40px; padding: 10px 50px 10px 15px; border-radius: 50px; } [data-layout-mode=orange] body .header .top-nav-search form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } [data-layout-mode=orange] body .header .top-nav-search form .btn { color: rgba(255, 255, 255, 0.7); } [data-layout-mode=orange] body .sidebar-twocol.sidebar .sidebar-left { background-color: #34444c; } .two-col-bar { display: none; } [data-sidebar=light] .sidebar { background: #ffffff; } [data-sidebar=light] .sidebar ul li span { display: inline-block !important; color: #333333; } [data-sidebar=light] .sidebar { background-color: #ffffff !important; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) !important; } [data-sidebar=light] .sidebar ul li span { display: inline-block; color: #333333; } [data-layout=horizontal] body .sidebar { width: 100% !important; bottom: inherit !important; } [data-layout=horizontal] .sidebar .scroll-area { height: auto !important; overflow: inherit !important; } [data-sidebar=light] .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #34444c; background: #fff; } [data-layout-position=scrollable][data-layout-style=detached] .main-wrapper .sidebar { left: 30px; } [data-layout-position=scrollable] .scroll-area, [data-layout-position=scrollable] .slimscroll { overflow: auto !important; height: auto !important; } [data-sidebar=dark] .sidebar { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); background-color: #16191c; } [data-layout-mode=dark] .new-task .btn { color: #cccccc; } [data-layout-mode=dark] .custom-modal .modal-content { background-color: #16191c; } [data-layout-mode=dark] body .showentries select { background-color: #16191c; color: #fff; border: 1px solid #2e3840; } [data-layout-mode=dark] .v3dp__popout[data-v-65eb861b] { background-color: #16191c; color: #fff; } [data-layout-mode=dark] .offcanvas { background-color: #16191c; color: #bbc4cc; } [data-layout-mode=dark] body .custom-modal .modal-content .modal-body .chat-user-list .chat-block { background-color: transparent; } [data-layout-mode=dark] body .custom-modal .modal-content .modal-body .chat-user-list .chat-block .user-name { color: #bbc4cc; } [data-layout-mode=dark] .upload-drop-zone { background-color: #16191c; color: #bbc4cc; } [data-layout-mode=dark] .upload-list .file-list { background-color: #16191c; color: #bbc4cc; } [data-layout-mode=dark] .fc .fc-daygrid-day-number { color: #bbc4cc; } [data-layout-mode=dark] .select2-container--open .select2-dropdown { color: #bbc4cc; background-color: #16191c; } [data-layout-mode=dark] .select2-search--dropdown .select2-search__field { color: #bbc4cc; background-color: #16191c; } [data-layout-mode=dark] .note-editor.note-frame { color: #bbc4cc; background-color: #16191c; } [data-layout-mode=dark] .note-toolbar { color: #bbc4cc; background-color: #16191c; } [data-sidebar=light] .sidebar .list-inline-item li a:hover i { color: #333 !important; } [data-sidebar=light] .sidebar ul li ul li a span { color: #b7c0cd; } [data-layout=horizontal] .ps__rail-y { display: none !important; } [data-layout-mode=dark] .ant-pagination-prev .ant-pagination-item-link { background-color: #16191c; border: 1px solid #2e3840; color: #6c757d; } [data-layout-mode=dark] .ant-pagination-item-active { background-color: #16191c !important; border: 1px solid #2e3840; color: #6c757d; } [data-layout-mode=dark] .ant-pagination-item { background-color: #16191c !important; border: 1px solid #2e3840; color: #667eea; } [data-layout-mode=dark] .ant-table-pagination .ant-pagination-item-active a { background-color: #16191c !important; border: 1px solid #2e3840; color: #6c757d; } [data-layout-mode=dark] .ant-pagination-next .ant-pagination-item-link { background-color: #16191c !important; border: 1px solid #2e3840; color: #6c757d; } [data-layout-mode=dark] .dropdown-menu { background-color: #16191c; color: #bbc4cc !important; } [data-layout-mode=dark] .input-block.mb-3.leave-duallist { background-color: black; } [data-layout-mode=dark] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { color: #6c757d; } [data-layout-mode=dark] .ant-picker-panel-container { background-color: #16191c; } [data-layout-mode=dark] .ant-picker-input > input { color: #bbc4cc; } [data-layout-mode=dark] .dropdown-item { color: #777; } [data-layout-mode=dark] body .sidebar .sidebar-menu ul li a { color: #bbc4cc; background: transparent; } [data-layout-position=scrollable] .main-wrapper .sidebar { position: absolute; height: -moz-fit-content; height: fit-content; } [data-layout-mode=orange][data-topbar=dark] .header { background: #263238; } /****** PAGES ******/ .activity-box { position: relative; } .activity-box .activity-list { list-style: none; position: relative; } .activity-box .activity-list::before { content: ""; width: 2px; background: #dddddd; position: absolute; top: 8px; bottom: 0; left: 23px; } .activity-box .activity-list li { background-color: #ffffff; position: relative; border: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); margin: 0 0 10px; padding: 10px; } .activity-box .activity-list li::before { background: #dddddd; bottom: 0; content: ""; width: 2px; position: absolute; top: 12px; left: 22px; } .activity-box .activity-list li .activity-user { height: 32px; width: 32px; margin: 0; padding: 0; position: absolute; top: 12px; left: 8px; } .activity-box .activity-list li .activity-user .avatar { height: 32px; line-height: 32px; width: 32px; margin: 0; } .activity-box .activity-list li .activity-content { position: relative; margin: 0 0 0 40px; padding: 0; } .activity-box .activity-list li .activity-content .timeline-content { color: #9e9e9e; } .activity-box .activity-list li .activity-content .timeline-content a { color: #616161; } .activity-box .activity-list li .time { color: #bdbdbd; display: block; font-size: 13px; } .total-widget { background: #fff; margin-bottom: 25px; padding: 25px; border-radius: 6px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); text-align: center; transition: all 0.5s; position: relative; top: 0; border: 1px solid transparent; } .total-widget:hover { position: relative; top: -5px; border-color: #667eea; } .total-widget h6 { font-size: 18px; color: #333333; } .total-widget h4 { font-size: 32px; color: #667eea; margin: 0; } .split-head li { margin: 0 5px; } @media (max-width: 991px) { .split-head li { margin: 10px; } } .split-head li .btn-whiteline { border: 1px solid #E6E9E8; color: #68616D; font-size: 16px; background: #fff; } .split-head li .btn { padding: 12px; border-radius: 6px; } .split-head li .btn:hover { background: #667eea; color: #fff; } .split-head li .bookingrange { border: 1px solid #E6E9E8; } .table-imgname img { width: 30px; border-radius: 5px; } .table-imgname span { color: #68616D; } .table.table-new { background: transparent; } .table.table-new tbody { background: #fff; } .table-namesplit .table-profileimage img { width: 27px; height: 27px; border-radius: 50px; min-width: 27px; } .table-namesplit .table-name span { font-size: 13px; color: #68616D; font-weight: 400; } .table-namesplit .table-name p { color: #878787; margin: 0; font-size: 11px; } .delete-table { background: #f5f5f5; width: 28px; height: 28px; border-radius: 50px; color: #68616D; } .delete-table:hover { background-color: #667efe; } .delete-table:hover img { filter: brightness(0) invert(1); } .table-new thead tr th { padding: 16px; font-size: 14px; font-weight: 500; color: #1C2D40; background: #EDF3F9; } .table-new thead tr th:first-child { border-radius: 10px 0 0 0; } .table-new thead tr th:last-child { border-radius: 0 10px 0 0; } .table .btn-assign { font-size: 12px; padding: 3px; } .btn-assign { background-color: #667efe; border: 1px solid #667efe; color: #fff !important; font-weight: 500; min-width: 80px; } .btn-assign:hover { background: #5873eb; } .assets-info { background: #fff; margin-bottom: 25px; padding: 20px; border: 1px solid #E6E9E8; border-radius: 8px; width: 100%; } .assets-info.assets-image h2 { border: 0; } .assets-info.assets-image ul { margin-top: 25px; } .assets-info.assets-image ul li { margin: 0 10px; border: 0; padding: 0; } .assets-info h2 { font-size: 18px; font-weight: 400; color: #000000; padding-bottom: 10px; border-bottom: 1px solid #E6E9E8; } .assets-info li { border-bottom: 1px solid #E6E9E8; padding: 15px 0; } @media (max-width: 479px) { .assets-info li { flex-direction: column; } } .assets-info li:last-child { padding-bottom: 0; border-bottom: 0; } .assets-info li span { color: #000000; } .assets-info li p { margin: 0; } .assign-head { margin-bottom: 30px; } .assign-head .assign-content h6 { margin: 0; font-size: 18px; margin-left: 20px; } table.table-new.dataTable > thead .sorting:after, table.table-new.dataTable > thead .sorting_asc:after, table.table-new.dataTable > thead .sorting_desc:after, table.table-new.dataTable > thead .sorting_asc_disabled:after, table.table-new.dataTable > thead .sorting_desc_disabled:after { right: 0.5em; content: "\f0d7"; font-family: "FontAwesome"; top: 24px; color: #C1CCDB; font-size: 12px; opacity: 1; } table.table-new.dataTable > thead .sorting:hover:after, table.table-new.dataTable > thead .sorting_asc:hover:after, table.table-new.dataTable > thead .sorting_desc:hover:after, table.table-new.dataTable > thead .sorting_asc_disabled:hover:after, table.table-new.dataTable > thead .sorting_desc_disabled:hover:after { color: #8291A5; } table.table-new.dataTable > thead .sorting:focus:after, table.table-new.dataTable > thead .sorting_asc:focus:after, table.table-new.dataTable > thead .sorting_desc:focus:after, table.dataTable > thead .sorting_asc_disabled:focus:after, table.table-new.dataTable > thead .sorting_desc_disabled:focus:after { color: #8291A5; } table.table-new.dataTable > thead .sorting:before, table.table-new.dataTable > thead .sorting_asc:before, table.table-new.dataTable > thead .sorting_desc:before, table.table-new.dataTable > thead .sorting_asc_disabled:before, table.table-new.dataTable > thead .sorting_desc_disabled:before { right: 0.5em; content: "\f0d8"; font-family: "FontAwesome"; top: 13px; color: #C1CCDB; font-size: 12px; opacity: 1; } table.table-new.dataTable > thead .sorting:hover:before, table.table-new.dataTable > thead .sorting_asc:hover:before, table.table-new.dataTable > thead .sorting_desc:hover:before, table.table-new.dataTable > thead .sorting_asc_disabled:hover:before, table.table-new.dataTable > thead .sorting_desc_disabled:hover:before { color: #8291A5; } table.table-new.dataTable > thead .sorting:focus:before, table.table-new.dataTable > thead .sorting_asc:focus:before, table.table-new.dataTable > thead .sorting_desc:focus:before, table.table-new.dataTable > thead .sorting_asc_disabled:focus:before, table.table-new.dataTable > thead .sorting_desc_disabled:focus:before { color: #8291A5; } .file-upload-popup { position: relative; } .file-upload-popup .file-upload-popupcontent input { position: absolute; right: 0; top: 0; max-width: 88px; opacity: 0; z-index: 999; } .file-upload-popup .file-upload-popupcontent span { background: #F2F2F2; position: absolute; right: 0; top: 0; width: 88px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 0 4px 4px 0; } .selectnew .select2-container .select2-selection--single { border: 1px solid #dcdcdc; height: 44px; } .selectnew .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #9597A9; border-style: solid; border-width: 0 2px 2px 0; padding: 3px; height: 0; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 50%; width: 0; transform: rotate(45deg); } .selectnew .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #9597A9; border-width: 2px 0 0 2px; padding: 3px; margin-top: -2px; } .custom-modal .modal-content .modal-header .btn-close { background-color: transparent; height: 30px; width: 30px; border: 1px solid #667efe; font-size: 20px; transition: all 0.2s ease; color: #667efe; } .custom-modal .modal-content .modal-header .btn-close:hover { background-color: #667efe; color: white; } .submit-btns { width: 430px; max-width: 100%; padding: 12px; background: #667efe; } .table-newdatatable { margin-top: 25px; } .table-newdatatable .dataTables_length { display: none; } .table-newdatatable .dataTables_info { display: none; } .asset-box h5 { font-size: 18px; margin-bottom: 15px; } .asset-box .asset-info { margin-bottom: 30px; } .asset-box .asset-info .asset-info-img { margin-right: 30px; } .asset-box .asset-info .asset-info-img img { width: 200px; border-radius: 6px; } .asset-box .asset-info .asset-info-det h6 { font-size: 18px; margin-bottom: 7px; } .asset-box .asset-info .asset-info-det p { font-size: 14px; color: #595959; } .asset-box .asset-info .asset-info-det ul li { font-size: 14px; margin-bottom: 15px; } .asset-box .asset-info .asset-info-det ul li span { float: right; color: #595959; margin-left: 15px; } .asset-box .asset-info .asset-info-det ul li:last-child { margin-bottom: 0; } .asset-box .assets-image h2 { border: 0; } .asset-box .assets-image ul { margin-top: 25px; } .asset-box .assets-image ul li { margin: 0 10px; border: 0; padding: 0; } .asset-box .assets-image ul li:first-child { margin-left: 0; } .asset-box .assets-image ul li img { border-radius: 4px; } .asset-box .asset-history ul li { margin-bottom: 28px; } .asset-box .asset-history ul li .aset-img { margin-right: 28px; min-width: 25px; } .asset-box .asset-history ul li h6 { font-size: 14px; margin-bottom: 5px; } .asset-box .asset-history ul li p { font-size: 14px; margin-bottom: 0; } .cals-icon { position: relative; } .cals-icon .icon-text { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } .cals-icon .form-control { padding: 10px 10px 10px 30px; } .cat-upload { position: relative; } .cat-upload { width: 87px; height: 80px; color: #D9D9D9; border: 1px solid #E6E9E8; border-radius: 6px; } .cat-upload .upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; opacity: 0; margin: 0; padding: 5px; position: absolute; top: -3px; right: -3px; } .cat-upload-view { position: relative; } .cat-upload-view .img-close { position: absolute; top: -10px; right: -10px; color: #fb1612; } @media (max-width: 992px) { .assets-image { margin-bottom: 20px; } } @media (max-width: 768px) { .asset-box .asset-info { display: block; } .asset-box .asset-info .asset-info-img { margin-bottom: 15px; } } .punch-det { background-color: #f9f9f9; border: 1px solid #e3e3e3; border-radius: 4px; margin: 0 0 20px; padding: 10px 15px; } .punch-det h6 { line-height: 20px; margin: 0; } .punch-det p { color: #727272; font-size: 14px; margin: 0; } .punch-info { margin: 0 0 20px; } .punch-info .punch-hours { background-color: #f9f9f9; border: 5px solid #e3e3e3; font-size: 18px; height: 120px; width: 120px; margin: 0 auto; border-radius: 50%; } .punch-btn-section { text-align: center; margin: 0 0 0px; } .punch-btn-section .punch-btn { font-size: 18px; font-weight: 600; max-width: 100%; padding: 8px 40px; border-radius: 50px; } .punch-btn-section .stats-box { background-color: #f9f9f9; border: 1px solid #e3e3e3; margin: 0 0 15px; padding: 5px; } .punch-btn-section .stats-box p { font-size: 12px; margin: 0; } .punch-btn-section .stats-box h6 { margin: 0; } .recent-activity .res-activity-list { height: 415px; list-style-type: none; overflow-y: auto; position: relative; margin: 0; padding: 0 0 0 30px; } .recent-activity .res-activity-list:after { content: ""; border: 1px solid #e5e5e5; position: absolute; top: 0; bottom: 0; left: 4px; } .recent-activity .res-activity-list li { margin: 0 0 15px; position: relative; } .recent-activity .res-activity-list li:before { content: ""; width: 10px; height: 10px; border: 2px solid #667eea; z-index: 2; background: #ffffff; border-radius: 100%; margin: 0 0 0 15px; position: absolute; top: 0; left: -45px; } .recent-activity p { font-size: 13px; margin: 0; } .recent-activity .res-activity-time { color: #bbb; font-size: 12px; } .att-statistics .progress { height: 4px; } .att-statistics .stats-info { background-color: #ffffff; border: 1px solid #e5e5e5; text-align: center; border-radius: 4px; margin: 0 0 5px; padding: 15px; } .att-statistics .stats-info p { font-size: 12px; margin: 0 0 5px; } .chat-contents { display: table-row; height: 100%; } .chat-contents .chat-content-wrap { height: 100%; position: relative; width: 100%; } .chat-contents .chat-content-wrap .chats { padding: 30px 15px; } .chat-contents .chat-content-wrap .chats .chat-body { padding: 0 10px 0 48px; } .chat-contents .chat-content-wrap .chats .chat-bubble { display: block; width: 100%; float: left; margin-bottom: 10px; } .chat-contents .chat-content-wrap .chats .chat-bubble:first-child .chat-content { border-top-right-radius: 20px !important; } .chat-contents .chat-content-wrap .chats .chat-bubble:last-child .chat-content { border-bottom-right-radius: 20px !important; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .chat-time { color: rgba(0, 0, 0, 0.5); display: block; font-size: 12px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .attach-list { color: #a3a3a3; line-height: 24px; list-style: none; margin: 0; padding: 5px 0 0; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .attach-list .task-attach-img { margin: 0 0 20px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .chat-img-group p { margin: 0 0 20px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-content p { margin: 0; } .chat-contents .chat-content-wrap .chats .chat-bubble:hover .chat-action-btns { display: block; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns { display: none; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul { list-style: none; margin: 15px 15px 0 15px; padding: 0; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul li { display: inline-block; margin-left: 5px; font-size: 18px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul li a { color: #8c8c8c; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach { position: relative; float: right; border-radius: 4px; margin: 0 0 12px 12px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder { background: rgba(69, 81, 97, 0.6); border-radius: 4px; color: #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; padding: 13px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder .chat-img-name { font-size: 12px; font-weight: 700; line-height: 16px; } .chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder .chat-file-desc { font-size: 11px; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body { padding: 0 10px 0 48px; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content { background-color: #f2f2f2; border: 1px solid #e3e3e3; clear: both; color: #727272; display: block; float: right; max-width: 60%; position: relative; margin: 0; padding: 8px 15px; border-radius: 20px 2px 2px 20px; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content .chat-time { text-align: right; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content.img-content { background-color: transparent; border: 0; color: #76838f; padding: 0; text-align: right; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-time { text-align: right; } .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-action-btns { float: right; } .chat-contents .chat-content-wrap .chats .chat-left { width: 100%; float: left; } .chat-contents .chat-content-wrap .chats .chat-left .chat-avatar { float: left; } .chat-contents .chat-content-wrap .chats .chat-left .chat-avatar .avatar { line-height: 30px; height: 30px; width: 30px; } .chat-contents .chat-content-wrap .chats .chat-left .chat-body { margin: 0; padding: 0 20px 0 0; display: block; overflow: hidden; } .chat-contents .chat-content-wrap .chats .chat-left .chat-content { background-color: #ffffff; border: 1px solid #eaeaea; color: #888888; float: left; position: relative; max-width: 60%; padding: 8px 15px; border-radius: 2px 20px 20px 2px; } @media (max-width: 575px) { .chat-contents .chat-content-wrap .chats .chat-left .chat-content { max-width: 80%; } } .chat-contents .chat-content-wrap .chats .chat-left .chat-bubble:first-child .chat-content { border-top-left-radius: 20px; } .chat-contents .chat-content-wrap .chats .chat-left .chat-bubble:last-child .chat-content { border-bottom-left-radius: 20px; } .chat-contents .chat-content-wrap .chats .chat-left .chat-img-attach { float: left; margin: 0 12px 12px 0; } .chat-sidebar .chat-line .chat-date { background-color: #ffffff; top: 10px; } .chat-line { border-bottom: 1px solid #eaeaea; position: relative; text-align: center; width: 100%; margin: 7px 0 20px; } .chat-line .chat-date { background-color: #f7f7f7; color: #727272; font-size: 12px; padding: 0 11px; position: relative; top: 7px; left: -15px; } .chat-main-row { overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-main-row .chat-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; } .chat-main-row .chat-main-wrapper .message-view { display: table-cell; height: 100%; float: none; position: static; vertical-align: top; width: 75%; padding: 0; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .message-view { width: 100%; } } .chat-main-row .chat-main-wrapper .chat-sidebar { background-color: #ffffff; border-left: 1px solid #eaeaea; width: 300px !important; } .chat-sidebar .chat-contents { background-color: #ffffff; } .chat-sidebar .chat-contents .chats { padding: 15px 15px 30px; } .chat-sidebar .chat-contents .chats .chat-left { margin: 0 0 20px; } .chat-sidebar .chat-contents .chats .chat-left .chat-avatar { float: left; } .chat-sidebar .chat-contents .chats .chat-left .chat-avatar .avatar { width: 30px; height: 30px; line-height: 30px; } .chat-sidebar .chat-contents .chats .chat-left .chat-body { margin: 0 0 0 50px; padding: 0; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble { display: block; width: 100%; float: left; margin: 0 0 10px; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content { border: 0; padding: 0; background-color: transparent; max-width: 100%; border-radius: 0 !important; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .task-chat-user { color: #333333; font-size: 13px; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .chat-time { color: #888888; display: inline-block; font-size: 11px; margin-left: 3px; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details { margin: 10px 0 0px; } .chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details .call-info { margin-left: 10px; width: 100%; } .video-window .fixed-header { padding: 0 !important; border: 0; } .video-window .fixed-header .nav li a { padding: 18px 15px; } .chat-profile-img { padding: 30px; position: relative; text-align: center; } .chat-profile-img .edit-profile-img { height: 120px; margin: 0 auto; position: relative; width: 120px; cursor: pointer; } .chat-profile-img .edit-profile-img img { height: auto; margin: 0; width: 120px; border-radius: 50%; } .chat-profile-img .edit-profile-img .change-img { background-color: rgba(0, 0, 0, 0.3); color: #ffffff; display: none; height: 100%; line-height: 120px; width: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; } .chat-profile-img .edit-profile-img:hover .change-img { display: block !important; } .chat-profile-img .edit-btn { height: 36px; width: 36px; position: absolute; top: 15px; right: 15px; border-radius: 40px; } .chat-profile-img .edit-btn i { font-size: 13px; } .files-list { list-style: none; padding-left: 0; } .files-list > li { border-bottom: 1px solid #eaeaea; margin: 2px 0 0; padding: 10px; border-radius: inherit; } .files-list > li .files-cont { position: relative; } .files-list > li .files-cont .file-type { height: 48px; position: absolute; width: 48px; } .files-list > li .files-cont .file-type .files-icon { background-color: #f5f5f5; border: 1px solid #dddddd; height: 38px; line-height: 38px; text-align: center; width: 38px; border-radius: 4px; } .files-list > li .files-cont .file-type .files-icon i { color: #777; font-size: 20px; } .files-list > li .files-cont .files-info { padding: 0 30px 0 50px; } .files-list > li .files-cont .files-info .text-ellipsis { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .files-list > li .files-cont .files-info .file-author a { color: #667eea; font-size: 12px; text-decoration: underline; margin-right: 5px; } .files-list > li .files-cont .files-info .file-author .file-date { color: #888888; font-size: 12px; } .files-list > li .files-cont .files-action { display: none; height: 30px; list-style: none; padding-left: 0; text-align: right; width: 30px; position: absolute; top: 0; right: 0; } .files-list > li .files-cont .files-action a { color: #777; } .files-list > li:hover .files-action { display: block; } .search-box { margin-top: 5px; } @media (max-width: 991px) { .search-box { display: none; } } .search-box .input-group { background-color: #f7f7f7; border: 1px solid #e3e3e3; border-radius: 50px; } .search-box .input-group .form-control { background: transparent; border: none; } .search-box .input-group .btn { background-color: transparent; border: 0; } .upload-drop-zone { background-color: #ffffff; border: 2px dashed #e3e3e3; color: #cccccc; height: 200px; line-height: 200px; margin-bottom: 20px; text-align: center; } .upload-drop-zone .upload-text { font-size: 24px; margin-left: 10px; } .upload-list .file-size { color: #888888; } .upload-list .file-list { background-color: #ffffff; border-top: 1px solid #e3e3e3; padding: 10px 0; } .upload-list .file-list:first-child { border-top: none; } .upload-list .upload-wrap { position: relative; margin: 0 0 5px; padding: 0 20px 0 0; } .upload-list .file-name { padding-right: 15px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; display: inline-block; vertical-align: top; white-space: nowrap; color: #888888; margin: 0 5px 0 0; vertical-align: middle; } .upload-list .file-close { border: none; background: none; color: #cccccc; position: absolute; top: 2px; right: 0; } .upload-list .progress { margin-bottom: 5px; } .upload-list .upload-process { font-size: 10px; color: #888888; } .voice-call-avatar { flex: 2; } .voice-call-avatar .call-avatar { width: 150px; height: 150px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; margin: 3px; padding: 3px; border-radius: 100%; } .voice-call-avatar .call-avatar .username { font-size: 18px; text-transform: uppercase; } .voice-call-avatar .call-avatar .call-timing-count { padding: 5px; } @media (max-width: 768px) { .voice-call-avatar .call-avatar { width: 120px; height: 120px; } } .call-users { z-index: 99; position: absolute; right: 20px; bottom: 20px; } .call-users ul li { float: left; width: 80px; margin-left: 10px; } .call-users ul li img { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 2px; } .call-users ul li .call-mute { width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 80px; font-size: 30px; color: #ffffff; display: none; border: 3px solid transparent; border-radius: 6px; position: absolute; top: 0; } .call-users ul li a:hover .call-mute { display: block; } .call-icons { text-align: center; position: relative; } .call-icons .call-items { display: inline-block; border-radius: 5px; } .call-icons .call-items .call-item { display: inline-block; text-align: center; margin-right: 5px; } .call-icons .call-items .call-item a { color: #777; border: 1px solid #dddddd; width: 50px; height: 50px; line-height: 50px; display: inline-block; font-size: 20px; border-radius: 50px; } .call-icons .end-call { position: absolute; top: 7px; right: 0; } @media (max-width: 575px) { .call-icons .end-call { margin-top: 10px; position: inherit; } } .call-icons .end-call a { background-color: #f06060; color: #ffffff; display: inline-block; line-height: 10px; text-transform: uppercase; padding: 8px 25px; border-radius: 50px; } .chat-sidebar .chats { padding: 15px 15px 30px; } .chat-sidebar .chat-left .chat-avatar { float: left; } .chat-sidebar .chat-left .chat-avatar .avatar { width: 30px; height: 30px; line-height: 30px; } .chat-sidebar .chat-left .chat-body { margin: 0 0 0 50px; padding: 0; } .user-video { overflow: auto; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .user-video img { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; margin: 0 auto; } .my-video { z-index: 99; position: absolute; right: 20px; bottom: 20px; } .my-video ul li { float: left; width: 120px; margin-right: 10px; } @media (max-width: 575px) { .my-video ul li { width: 80px; } } .my-video ul li img { border: 3px solid #ffffff; border-radius: 6px; } .call-box { display: block; background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); position: sticky; top: 0; z-index: 99; overflow-y: auto; overflow-x: hidden; } .call-box.incoming-box .call-end, .call-box.incoming-box .call-start { margin: 0 10px !important; } .call-box .call-avatar { height: 150px; max-width: 150px; min-width: 150px; position: relative; width: 100%; border-radius: 100%; } .call-box .call-wrapper { height: calc(100vh - 60px); text-align: center; } .call-box .call-wrapper .call-user { margin-bottom: 50px; } .call-box .call-wrapper .call-user h4 { color: #ffffff; } .call-box .call-wrapper .call-user .call-box .call-wrapper .call-user span { display: block; color: #ffffff; font-weight: 500; text-align: center; } .call-box .call-wrapper .call-avatar { cursor: pointer; animation: ripple 2s infinite; margin: 0 0 50px; border-radius: 50%; } .call-box .call-wrapper .call-items .call-item { background-color: rgba(255, 255, 255, 0.2); border: 1px solid transparent; color: #ffffff; line-height: 0; margin: 0 5px; padding: 15px; border-radius: 100%; } @media (max-width: 575px) { .call-box .call-wrapper .call-items .call-item { padding: 10px; } } .call-box .call-wrapper .call-items .call-item.call-start { background: #55ce63; border: 1px solid #55ce63; color: #ffffff; line-height: 0; margin: 30px 20px 0; padding: 20px; border-radius: 100%; } @media (max-width: 575px) { .call-box .call-wrapper .call-items .call-item.call-start { padding: 10px; } } .call-box .call-wrapper .call-items .call-item:first-child { margin-top: -30px; } .call-box .call-wrapper .call-items .call-item.call-end { background: #f06060; border: 1px solid #f06060; color: #ffffff; line-height: 0; margin: 30px 20px 0; padding: 20px; border-radius: 100%; } @media (max-width: 575px) { .call-box .call-wrapper .call-items .call-item.call-end { margin: 0 10px; padding: 10px; } } .call-box .call-wrapper .call-items .call-item:last-child { margin-top: -30px; } .leave-delete-btn { font-weight: 500; min-height: 30px; margin: 0 0 0 10px; padding: 2px 15px; } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0 0 0 50px rgba(0, 0, 0, 0); } } .fc-button { background: #f1f1f1; border: none; color: #797979; text-transform: capitalize; box-shadow: none; height: auto; border-radius: 3px; margin: 0 3px !important; padding: 6px 12px; } .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #667eea !important; color: #ffffff !important; text-shadow: none !important; } .fc-toolbar h2 { font-size: 18px !important; font-weight: 600; line-height: 30px; text-transform: uppercase; } th.fc-widget-header { background: #eeeeee; font-size: 14px; line-height: 20px; text-transform: uppercase; border-color: #f3f3f3; padding: 10px 0; } .fc-event { border: none; cursor: move; font-size: 13px; text-align: center; border-radius: 2px; margin: 1px 7px; padding: 5px; } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { background: #667eea; border: none; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { background: #667eea; border: none; } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { background: #667eea; border: none; } .fc .fc-col-header-cell-cushion { color: #000; } .fc .fc-daygrid-day-number { color: #000; } .contact-box { display: inline-table; height: 100%; position: relative; width: 100%; padding: 30px 15px; } .contact-list { list-style: none; width: 96%; margin: 0; padding: 0; } .contact-list > li { background-color: #ffffff; border-bottom: 1px solid #eaeaea; border-radius: inherit; padding: 10px; } .contact-list > li .contact-cont { position: relative; } .contact-list > li .contact-cont .user-img { display: inline-block; position: relative; } .contact-list > li .contact-cont .user-img .status { background-color: #263238; display: inline-block; border: 2px solid #ffffff; height: 10px; margin: 0; width: 10px; border-radius: 50%; position: absolute; right: 0; bottom: 0; } .contact-list > li .contact-cont .contact-info { padding: 0 30px 0 50px; } .contact-list > li .contact-cont .contact-info .text-ellipsis { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contact-list > li .contact-cont .contact-info .contact-date { color: #888888; font-size: 12px; } .contact-list > li .contact-cont .contact-action { height: 30px; list-style: none; padding-left: 0; text-align: right; width: 30px; position: absolute; top: 10px; right: 0; } .contact-list > li .contact-cont .contact-action .action-icon { color: #777; font-size: 18px; display: inline-block; } .bg-soft-dark { background-color: rgba(64, 81, 137, 0.18) !important; } .bg-soft-light { background-color: rgba(243, 246, 249, 0.18) !important; } .contact-alphapets { background-color: #ffffff; border-left: 1px solid #dddddd; height: 100%; overflow: hidden; padding-bottom: 114px; width: 50px; position: fixed; top: 114px; right: 0; bottom: 0; } .contact-alphapets .alphapets-inner { height: 100%; overflow: auto; } .contact-alphapets .alphapets-inner a { display: block; text-align: center; padding: 2px; color: #333333; } @media (max-width: 991px) { .top-action-left .btn-group { margin-bottom: 15px; } } .bg-maroon { background-color: #f43b48 !important; } .bg-blue { background-color: #00c5fb !important; } .bg-orange { background-color: #667eea !important; } .card-radio .form-check-input { display: none; } .form-check .form-check-input { cursor: pointer; } .form-check-input:checked { background-color: #405189; border-color: #405189; } .card-radio .form-check-input:checked + .form-check-label { border-color: #3BB800 !important; } .card-radio .form-check-label { background-color: var(--vz-card-bg); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding-right: 32px; padding: 10px; } .form-check label { cursor: pointer; } .card-radio .form-check-input:checked + .form-check-label:before { content: "✓"; font-family: "Line Awesome Free"; position: absolute; top: 40%; left: 40%; font-size: 10px; background: #3BB800; font-weight: 900; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: #F4F4F9; transform: translate(0%); } .comp-section { margin: 0 0 30px; padding: 30px 0; } .comp-section .section-title { font-size: 18px; text-decoration: underline; text-transform: uppercase; margin: 0 0 20px; } .progress-example .progress { margin-bottom: 1.5rem; } .progress-example .progress .progress-lg { height: 18px; } /* .tab-content { padding-top: 20px; } */ .page-title { color: #1f1f1f; font-size: 26px; font-weight: 500; margin-bottom: 5px; } .notification-list .status-toggle { float: right; } .notification-list .status-toggle .check { display: block; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; margin: 0; padding: 0; } .notification-list .status-toggle .check:checked + .checktoggle { background-color: #55ce63; } .notification-list .status-toggle .check:checked + .checktoggle:after { left: 100%; transform: translate(calc(-100% - 5px), -50%); -webkit-transform: translate(calc(-100% - 5px), -50%); -ms-transform: translate(calc(-100% - 5px), -50%); } .notification-list .status-toggle .checktoggle { background-color: #e0001a; cursor: pointer; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 48px; border-radius: 12px; } .notification-list .status-toggle .checktoggle:after { content: " "; display: block; width: 16px; height: 16px; background-color: #ffffff; position: absolute; top: 50%; left: 0; border-radius: 50%; transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); transition: all 0.2s ease; } textarea.form-control { resize: vertical; } .switch { cursor: pointer; position: relative; } .switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); } .switch input:checked + span { background-color: #55ce63; } .switch input:checked + span:after { left: 31px; } .switch span { position: relative; width: 60px; height: 30px; background-color: #ffffff; border: 1px solid #eeeeee; border-color: rgba(0, 0, 0, 0.1); display: inline-block; transition: all 0.2s ease; border-radius: 30px; } .switch span:after { content: ""; background-color: #ffffff; width: 20px; height: 20px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); position: absolute; top: 4px; bottom: 1px; left: 6px; border-radius: 30px; transition: all 0.2s ease; } .mailview-header { border-bottom: 1px solid #dddddd; margin: 0 0 20px; padding: 0 0 15px; } .mailview-header .mail-view-title { font-weight: 500; font-size: 24px; } .mailview-header .mail-view-action { float: right; } .mailview-header .clearfix { margin-top: 10px; } .sender-info .sender-img { float: left; margin-right: 10px; width: 40px; } .sender-info .sender-name { display: block; } .sender-info .mail-sent-time { float: right; } .attachments li { border: 1px solid #eeeeee; float: left; width: 200px; margin: 0 0 10px 10px; } .attachments li .attach-file { color: #777; font-size: 70px; text-align: center; min-height: 153px; padding: 10px; } .attachments li .attach-file i { line-height: 133px; } .attachments li .attach-info { background-color: #f4f4f4; padding: 10px; } .attachments li .attach-info .attach-filename { color: #777; font-weight: 700; } .mailview-footer { border-top: 1px solid #dddddd; margin: 20px 0 0; padding: 15px 0 0; } @media (max-width: 575px) { .mailview-footer .left-action { text-align: center; margin-bottom: 15px; } } .mailview-footer .right-action { text-align: right; } @media (max-width: 575px) { .mailview-footer .right-action { text-align: center; } } .error-page { background-color: rgba(255, 155, 68, 0.2); color: #1f1f1f; } .error-page .main-wrapper { flex-wrap: wrap; width: 100%; height: 100vh; } .error-page .main-wrapper .error-box { max-width: 480px; text-align: center; width: 100%; margin: 0 auto; padding: 40px 0; } .error-page .main-wrapper .error-box h1 { color: #667eea; font-size: 10em; } .error-page .main-wrapper .error-box p { margin-bottom: 30px; } .error-page .main-wrapper .error-box .btn-custom { background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); color: #ffffff; } .error-page .main-wrapper .error-box .btn-custom:hover { border-color: transparent; } .error-page .main-wrapper .error-box .btn { font-size: 18px; font-weight: 600; min-width: 200px; padding: 10px 20px; border-radius: 50px; } .dash-widget .card-body { flex-flow: wrap; } .dash-widget .card-body .dash-widget-icon { background-color: rgba(255, 155, 68, 0.2); color: #667eea; font-size: 30px; height: 60px; line-height: 60px; margin-right: 10px; text-align: center; width: 60px; border-radius: 100%; } .dash-widget .card-body .dash-widget-info { text-align: right; width: calc(100% - 70px); } .dash-widget .card-body .dash-widget-info h3 { font-size: 30px; font-weight: 600; margin-bottom: 8px; } .dash-widget .card-body .dash-widget-info span { font-size: 16px; } .dash-statistics .stats-list { height: auto; } .dash-statistics .stats-info { margin-bottom: 5px; background-color: #ffffff; border: 1px solid #e5e5e5; text-align: center; padding: 15px; border-radius: 4px; } .dash-statistics .stats-info p { font-size: 12px; margin-bottom: 5px; } .dash-statistics .progress { height: 4px; } .punch-status .stats-box { margin-bottom: 0; } .stats-box { background-color: #f9f9f9; border: 1px solid #e3e3e3; margin: 0 0 15px; padding: 5px; } .stats-box p { margin: 0; font-size: 12px; } .leave-info-box { border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 15px; } .welcome-box { background-color: #ffffff; border-bottom: 1px solid #ededed; position: relative; margin: -30px -30px 30px; padding: 20px; } .welcome-box .welcome-img { margin-right: 15px; } .welcome-box .welcome-img img { width: 60px; border-radius: 8px; } .welcome-box .welcome-det h3 { margin-bottom: 10px; } .welcome-box .welcome-det p { color: #777; font-size: 18px; margin-bottom: 0; } .dash-section { margin-bottom: 30px; } .dash-section .dash-sec-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } .dash-section .dash-info-list .dash-card { background-color: #ffffff; border: 1px solid #eaeaea; color: #575757; flex-grow: 1; height: auto; border-radius: 8px; padding: 15px; } .dash-section .dash-info-list .dash-card-container { flex-direction: row; flex-grow: 1; } .dash-section .dash-info-list .dash-card-container .dash-card-icon { flex-direction: row; font-size: 26px; padding-right: 15px; } .dash-section .dash-info-list .dash-card-container .dash-card-icon i { width: 30px; } .dash-section .dash-info-list .dash-card-container .dash-card-content { flex-direction: row; } .dash-section .dash-info-list .dash-card-container .dash-card-content p { font-size: 22px; margin-bottom: 0; } @media (max-width: 768px) { .dash-section .dash-info-list .dash-card-container .dash-card-content p { font-size: 16px; } } .dash-section .dash-info-list .dash-card-container .dash-card-avatars { flex-grow: 1; padding: 0 15px; } .dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar { background-color: #ffffff; border: 3px solid #e2e5e8; height: 45px; position: relative; width: 45px; margin-left: -20px; border-radius: 50%; } .dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar:first-of-type { margin-left: 0 !important; } .dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar img { border-radius: 50%; width: 100%; } .dash-section .dash-info-list + .dash-info-list { margin-top: 15px; } .time-list { flex-grow: 1; margin-bottom: 20px; } .time-list .dash-stats-list { flex-flow: column wrap; flex-grow: 1; padding: 0 15px; } .time-list .dash-stats-list h4 { color: #1f1f1f; font-size: 21px; font-weight: 700; line-height: 1.5; margin-bottom: 0; } .time-list .dash-stats-list p { color: #777; font-size: 13px; font-weight: 600; line-height: 1.5; margin-bottom: 0; text-transform: uppercase; } .time-list .dash-stats-list + .dash-stats-list { border-left: 1px solid #eaeaea; } .request-btn { text-align: center; } .dash-sidebar h5 { color: inherit; font-size: 13px; font-weight: 700; line-height: 1.5; margin-bottom: 15px; text-transform: uppercase; } .load-more a { background-color: #ffffff; border: 1px solid #eaeaea; display: inline-block; font-size: 14px; padding: 5px 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 3px; } .file-wrap { border: 1px solid #e0e3e4; position: relative; } .file-wrap.file-sidebar-toggle .file-sidebar { display: none; } @media (max-width: 991px) { .file-wrap.file-sidebar-toggle .file-sidebar { left: 0; display: block; } } .file-wrap.file-sidebar-toggle .file-cont-wrap { margin: 0; } .file-wrap .file-sidebar { border-right: 1px solid #e0e3e4; z-index: 5; width: 300px; position: absolute; left: 0; transition: all 0.3s ease; } @media (max-width: 991px) { .file-wrap .file-sidebar { position: absolute; left: -331px; } } .file-wrap .file-sidebar .file-header { background-color: #ffffff; border-bottom: 1px solid #e0e3e4; color: #979797; height: 72px; padding: 0 15px; } .file-wrap .file-sidebar .file-header span { font-size: 20px; font-weight: 600; text-transform: capitalize; } .file-wrap .file-sidebar .file-header .file-side-close { display: none; background-color: #eeeeee; border: 1px solid #e3e3e3; border-radius: 24px; color: #bbb; font-size: 14px; line-height: 24px; min-height: 26px; text-align: center; width: 26px; position: absolute; right: 15px; } @media (max-width: 991px) { .file-wrap .file-sidebar .file-header .file-side-close { display: block; } } .file-wrap .file-sidebar .file-search { background-color: #f5f5f6; border-bottom: 1px solid #e5e5e5; padding: 10px 15px; width: 100%; } .file-wrap .file-sidebar .file-search .input-group { width: 100%; } .file-wrap .file-sidebar .file-search .input-group .form-control { background-color: #ffffff; border-radius: 50px; padding-left: 36px; } .file-wrap .file-sidebar .file-search .input-group .input-group-text { color: #666; pointer-events: none; z-index: 4; position: absolute; top: 0; bottom: 0; left: 0; border: 0; background: transparent; } .file-wrap .file-sidebar .file-pro-list { background-color: #ffffff; padding: 15px; } .file-wrap .file-sidebar .file-pro-list .file-scroll { max-height: calc(100vh - 259px); min-height: 497px; overflow-y: auto; } .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu { display: inline-block; margin: 0 0 10px; padding: 0; width: 100%; } .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li { display: inline-block; width: 100%; } .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li.active, .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li:hover { background: rgba(33, 33, 33, 0.05); } .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li a { color: #333333; display: inline-block; width: 100%; text-transform: capitalize; padding: 10px 15px; transition: all 0.2s ease; } .file-wrap .file-sidebar .file-pro-list .file-scroll .show-more { text-align: center; } .file-wrap .file-sidebar .file-pro-list .file-scroll .show-more a { position: relative; padding: 0 20px 0 15px; } .file-wrap .file-sidebar .file-pro-list .file-scroll .show-more a:before { content: "\f107"; font-size: 18px; line-height: inherit; font-family: "FontAwesome"; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; } .file-cont-wrap { margin-left: 300px; transition: all 0.3s ease; } @media (max-width: 991px) { .file-cont-wrap { margin: 0; } } .file-cont-wrap .file-cont-inner { flex: 0 0 100%; max-width: 100%; } .file-cont-wrap .file-cont-inner .file-cont-header { background: #ffffff; border-bottom: 1px solid #e0e3e4; height: 72px; padding: 0 15px; } .file-cont-wrap .file-cont-inner .file-cont-header .file-options a { color: #333333; } .file-cont-wrap .file-cont-inner .file-cont-header span { color: #333333; font-size: 20px; font-weight: 600; } .file-cont-wrap .file-cont-inner .file-cont-header .btn-file { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; } .file-cont-wrap .file-cont-inner .file-cont-header .btn-file input { cursor: pointer; direction: ltr; filter: alpha(opacity=0); font-size: 23px; height: 100%; margin: 0; opacity: 0; position: absolute; top: 0; right: 0; width: 100%; } .file-content { flex: 0 0 100%; max-width: 100%; } .file-content .file-search { background-color: #f5f5f6; border-bottom: 1px solid #e5e5e5; width: 100%; padding: 10px 15px; } .file-content .file-search .input-group-text { bottom: 0; color: #666; pointer-events: none; z-index: 4; position: absolute; top: 0; left: 0px; border: 0; background: transparent; } .file-content .file-search .form-control { background-color: #ffffff; padding-left: 36px; border-radius: 50px; } .file-content .file-body { background-color: #f5f5f6; } .file-content .file-body .file-scroll { max-height: calc(100vh - 259px); min-height: 497px; overflow-y: auto; } .file-content .file-body .file-scroll .file-content-inner { padding: 15px; width: 100%; } .file-content .file-body .file-scroll .file-content-inner .card-file { padding: 10px; position: relative; transition: all 0.2s ease; } .file-content .file-body .file-scroll .file-content-inner .card-file .card-body { padding: 15px 0 0; } .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file { position: absolute; top: 10px; right: 10px; } .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link { color: #777; width: 24px; height: 24px; } .file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inherit; background-color: #ffffff; font-size: 13px; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; border-radius: 3px; } .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb { background-color: #f5f5f5; color: #777; font-size: 48px; height: 120px; } .file-content .file-body .file-scroll .file-content-inner .card-file h6 { margin-bottom: 0; font-size: 14px; } .file-content .file-body .file-scroll .file-content-inner .card-file h6 a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; color: #333333; } .file-content .file-body .file-scroll .file-content-inner .card-file span { font-size: 12px; color: #888888; } .file-content .file-body .file-scroll .file-content-inner .card-footer { font-size: 11px; color: #ababab; border-top-width: 0; background-color: transparent; padding: 10px 0 0; } .file-content .file-body .file-scroll .file-content-inner .card-footer span { font-size: 12px; color: #888888; } .account-page .main-wrapper { width: 100%; } .account-page .main-wrapper .account-content { padding: 20px 0; } .account-page .main-wrapper .account-content .account-logo { margin-bottom: 30px; text-align: center; } .account-page .main-wrapper .account-content .account-logo img { width: 100px; } @media (max-width: 575px) { .account-page .main-wrapper .account-content .account-logo img { width: 70px; } } .account-page .main-wrapper .account-content .account-box { background-color: #ffffff; border: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); margin: 0 auto; overflow: hidden; width: 480px; border-radius: 4px; } @media (max-width: 991px) { .account-page .main-wrapper .account-content .account-box { width: 100%; margin: 0 0 20px; } } .account-page .main-wrapper .account-content .account-box .input-block { margin-bottom: 25px; } .account-page .main-wrapper .account-content .account-box label { color: #1f1f1f; font-size: 16px; font-weight: normal; } .account-page .main-wrapper .account-content .account-box .form-control { background-color: #fbfbfb; border: 1px solid #e3e3e3; height: 46px; border-radius: 4px; } .account-page .main-wrapper .account-content .account-box #toggle-password { cursor: pointer; margin-right: 1px; position: absolute; top: 15px; right: 10px; } .account-page .main-wrapper .account-content .account-box .account-btn { background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); border: 0; display: block; font-size: 22px; width: 100%; border-radius: 4px; /* padding: 10px 26px; */ } .account-page .main-wrapper .account-content .account-box .account-wrapper { padding: 30px; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-footer { text-align: center; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-title { font-size: 26px; font-weight: 500; margin-bottom: 5px; text-align: center; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-subtitle { color: #888888; font-size: 18px; text-align: center; margin: 0 0 30px; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .input-block { margin: 0 0 25px; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .input-block label { color: #1f1f1f; font-size: 16px; font-weight: normal; margin-bottom: 5px; } .account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .input-block .form-control { background-color: #fbfbfb; border: 1px solid #e3e3e3; height: 46px; border-radius: 4px; } .account-page .main-wrapper .account-content .account-box .otp-wrap { margin-bottom: 30px; text-align: center; } .account-page .main-wrapper .account-content .account-box .otp-wrap .otp-input { background-color: #ffffff; border: 1px solid #e3e3e3; display: inline-block; font-size: 24px; font-weight: 500; height: 70px; line-height: 29px; margin-right: 15px; text-align: center; width: 50px; border-radius: 4px; } @media (max-width: 575px) { .account-page .main-wrapper .account-content .account-box .otp-wrap .otp-input { height: 50px; width: 52px; margin: 10px; } } .account-page .main-wrapper .account-content .account-box .lock-user { margin-bottom: 20px; text-align: center; } .account-page .main-wrapper .account-content .account-box .lock-user img { margin-bottom: 15px; width: 100px; } .pass-group { position: relative; } .toggle-password { position: absolute; right: 17px; top: 10px; color: gray; cursor: pointer; font-size: 1rem; } #loader-wrapper { background-color: #ffffff; height: 100%; width: 100%; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } #loader-wrapper #loader { background-position: center center; background-repeat: no-repeat; height: 200px; margin: -100px 0 0 -100px; width: 200px; position: absolute; top: 50%; left: 50%; } #loader-wrapper #loader .loader-ellips { font-size: 20px; position: relative; width: 64px; margin: 100px auto 0; } #loader-wrapper #loader .loader-ellips .loader-ellips__dot { display: block; width: 1em; height: 1em; position: absolute; border-radius: 0.5em; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } #loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(1) { background: #404040; animation-name: reveal; left: 0; } #loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(2) { background: #667eea; left: 0; animation-name: slide; } #loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(3) { background: #404040; animation-name: slide; left: 1.5em; } #loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(4) { background: #404040; animation-name: reveal; animation-direction: reverse; left: 3em; } @keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } } @keyframes slide { to { transform: translateX(1.5em); } } .faq-card .card { border-color: #dddddd; border-radius: 3px; box-shadow: none; margin-bottom: 20px; overflow: hidden; } .faq-card .card .card-header { background-color: #ffffff; position: relative; padding: 20px; } .faq-card .card .card-header h4 { margin-bottom: 0; } .faq-card .card .card-header h4 a { color: #3e3e3e; display: block; font-size: 20px; font-weight: 400; padding-right: 60px; position: relative; } .faq-card .card .card-header h4 a:after { font-family: FontAwesome; font-size: 19px; font-weight: 400; position: absolute; right: 0; } .faq-card .card .card-header h4 a.collapsed:after { content: "\f067"; } .faq-card .card .card-header h4 a:not(.collapsed):after { content: "\f068"; } .view-icons { float: right; margin-right: 10px; } .view-icons .btn { background-color: #ffffff; border: 1px solid #e3e3e3; color: #888888; font-size: 18px; min-width: 40px; margin: 0 5px 0 0; padding: 7px 0 3px 0; } .view-icons .btn.active, .view-icons .router-link-active, .view-icons .btn.router-link-active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } .add-btn { background-color: #667eea; border: 1px solid #667eea; color: #ffffff; float: right; font-weight: 500; min-width: 140px; border-radius: 50px; } .add-btn i { margin-right: 5px; } .add-btn:hover { color: #ffffff; background-color: #667eea; border: 1px solid #667eea; } .avatar-dropdown .dropdown-toggle:after { display: none; } .profile-widget { background-color: #ffffff; border: 1px solid #ededed; margin-bottom: 30px; padding: 20px; text-align: center; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } .profile-widget .profile-img { cursor: pointer; height: 80px; margin: 0 auto; position: relative; width: 80px; } .profile-widget .profile-img .avatar { font-size: 24px; height: 80px; line-height: 80px; margin: 0; width: 80px; } .profile-widget .dropdown.profile-action { text-align: right; position: absolute; top: 10px; right: 5px; } .profile-widget .dropdown.profile-action .action-icon { color: #777; font-size: 18px; display: inline-block; } .profile-widget .dropdown.profile-action .dropdown-toggle::after { display: none; } .profile-widget .user-name { color: #333333; } .profile-widget .user-name a { color: #333333; } .stats-info { background-color: #ffffff; border: 1px solid #e5e5e5; text-align: center; border-radius: 4px; margin: 0 0 20px; padding: 15px; } .stats-info h6 { color: #1f1f1f; font-size: 16px; font-weight: normal; line-height: 18px; margin-bottom: 5px; } .stats-info h4 { font-size: 24px; margin-bottom: 0; } .stats-info h4 span { color: #727272; font-size: 12px; } .leave-item { max-width: 653px; } .leave-item .leave-row { margin-bottom: 15px; } .leave-item .leave-row .leave-left { flex: 1 1 auto; } .leave-item .leave-row .leave-left .input-box { max-width: 410px; } .leave-item .leave-row .input-block { margin-bottom: 0; } .leave-item .leave-right { flex: 0 0 200px; justify-content: end; margin-top: 31px; min-height: 44px; text-align: right; } .leave-item .leave-right .btn + .btn { margin-left: 10px; } .leave-item .leave-right .leave-edit-btn { color: #216ef4; background-color: transparent; border: 0; padding: 0 6px; transition: unset; } .leave-header { color: #2E3842; margin-bottom: 20px; } .leave-header .title { flex: 1 1 auto; } .leave-header .leave-action { flex: 1 1 auto; text-align: right; } .half-day { width: 15px; } .half-day .first-off { white-space: pre-wrap; } .v3dp__elements[data-v-65eb861b] button:not(:disabled):hover span { color: #fff; background-color: #667eea !important; } .v3dp__elements[data-v-65eb861b] button.selected span { color: #fff; background-color: #667eea !important; } .project-title { margin: 0 0 5px; } .project-title a { color: #333333; } .team-members img { width: 100%; } .team-members a { border: 2px solid #ffffff; display: block; height: 30px; overflow: hidden; width: 30px; border-radius: 100%; } .team-members .all-users { background-color: #f83f37; color: #ffffff; font-size: 10px; font-weight: 700; line-height: 30px; text-align: center; } .profile-action { text-align: right; position: absolute; top: 10px; right: 5px; } .project-members a { margin-left: -10px; margin-right: 0; position: relative; } .project-members a:first-child { margin-left: 0; } .project-members .team-members li a { margin-left: -10px; display: inline-flex; align-items: center; justify-content: center; } .project-members .team-members li:first-child a { margin-left: 0; } .project-members.task-followers :nth-child(2) { margin-left: 0; } .pro-team-members h4 { margin-bottom: 0; } table .team-members li a { margin-left: -10px; display: inline-flex; align-items: center; justify-content: center; } table .team-members li:first-child a { margin-left: 0; } .modal .modal-body .input-block.row { margin-left: auto; } .header .has-arrow.flag-nav .dropdown-toggle:after { position: relative; top: -2px; } .dropdown .btn-rounded { display: inline-flex; align-items: center; gap: 5px; } .table-avatar a.avatar { line-height: normal; } .progress-bar.w-40 { width: 40%; } .progress-bar.w-65 { width: 65%; } .progress-bar.w-15 { width: 15%; } .progress-bar.w-88 { width: 88%; } .progress-bar.w-70 { width: 70%; } .progress-bar.w-31 { width: 31%; } .progress-bar.w-62 { width: 62%; } .progress-bar.w-22 { width: 22%; } .progress-bar.w-24 { width: 24%; } .progress-bar.w-30 { width: 30%; } .progress-bar.w-26 { width: 26%; } .progress-bar.w-10 { width: 10%; } .progress-bar.w-21 { width: 21%; } .progress-bar.w-20 { width: 20%; } th.width-pixel { width: 40px; } .btn-close:focus { box-shadow: none; } .progress.height-five { height: 5px; } textarea.form-control { height: auto; } td.tdata-width { width: 230px; } th.width-thirty { width: 30px; } .badge.min-w-90 { min-width: 90px; } td.w-50pixel { width: 50px; } td.w-300pixel { width: 300px; } .progress.height-5 { height: 5px; } .progress-bar.w-73 { width: 73%; } .progress-bar.height-10 { height: 10px; } .form-control.width-160 { width: 160px; } thead .bg-thead { background: #f2f2f2; } th.width-250 { width: 250px; } th.width-70 { width: 70px; } td.width-55 { min-width: 55px; max-width: 55px; width: 55px; } a.green-border { border: 2px dashed #1eb53a; } a.blue-border { border: 2px dashed #028ee1; } a.orange-border { border: 2px dashed orange; } a.purple-border { border: 2px dashed purple; } a.red-border { border: 2px dashed red; } th.width-64 { width: 64px; } .board-view-header { margin: 0 0 30px; } .board-view-header .pro-teams { text-align: center; margin: 0 20px 15px 0; } @media (max-width: 991px) { .board-view-header .pro-teams { display: none; } } .board-view-header .pro-teams .avatar-title { background-color: #667eea; } .board-view-header .pro-teams .pro-team-lead h4 { font-size: 16px; margin: 0 0 0 6px; } .board-view-header .pro-teams .pro-team-lead h4 .avatar-group .avatar { margin-right: 0; position: relative; display: inline-block; width: 34px; height: 34px; background-color: transparent; } .board-view-header .pro-teams .pro-team-lead h4 .avatar-group .avatar .border { border: 3px solid #ffffff !important; } .board-view-header .pro-teams .pro-team-members { margin-left: 15px; } .board-view-header .pro-teams .avatar-group .avatar { margin: 0 -0.75rem 0 0; } .board-view-header .pro-progress-bar .progress { width: 100%; height: 15px; background-color: #e3e3e3; box-shadow: unset; margin: 0 10px 0 0; } .board-view-header .pro-progress-bar h4 { margin-bottom: 0; margin-right: 10px; font-size: 13px; /* text-transform: uppercase; */ } .kanban-cont { overflow: auto; padding: 0 0 20px; } .kanban-cont .kanban-list { align-self: flex-start; min-width: 300px; width: 300px; margin: 0 30px 0 0; } .kanban-cont .kanban-list.kanban-todo { background-color: #fef7f6; } .kanban-cont .kanban-list.kanban-todo .kanban-header { background-color: #ef5350; } .kanban-cont .kanban-list.kanban-todo .progress-bar { background-color: #ef5350; } .kanban-cont .kanban-list.kanban-danger { background-color: #fef7f6; } .kanban-cont .kanban-list.kanban-danger .kanban-header { background-color: #ef5350; } .kanban-cont .kanban-list.kanban-danger .progress-bar { background-color: #ef5350; } .kanban-cont .kanban-list .kanban-wrap { padding: 20px; } .kanban-cont .kanban-list .kanban-wrap .task-board-header { font-size: 14px; font-weight: 500; padding: 15px 15px 5px; } .kanban-cont .kanban-list .kanban-wrap .task-board-header a { color: #1f1f1f; } .kanban-cont .kanban-list .kanban-wrap .task-board-body { font-size: 13px; padding: 0 15px 15px; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info { font-size: 12px; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info .progress { width: 100%; margin: 0 10px 0 0; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer { font-size: 12px; margin-top: 10px; align-items: end; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-date { display: block; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-avatar { border-radius: 50%; position: relative; } .kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-user-count { font-size: 10px; font-weight: 500; display: inline-block; margin-left: 3px; position: relative; top: 1px; } .kanban-footer{ font-size: 12px; margin-left: 10px; font-weight: 350; } .kanban-cont .kanban-list .kanban-wrap .card { background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 2px; box-shadow: unset; margin: 0 0 12px; } .kanban-cont .kanban-list .add-new-task { text-align: center; padding: 0 20px 20px; } .kanban-cont .kanban-list .add-new-task a { color: #333333; } /* .kanban-cont .kanban-list .kanban-header { padding: 10px 20px; } */ .kanban-cont .kanban-list .kanban-header .status-title { color: #ffffff; font-size: 16px; font-weight: 500; } .kanban-cont .kanban-list .kanban-header .kanban-action > a { color: #ffffff; background-color: rgba(0, 0, 0, 0.3); width: 22px; height: 22px; border-radius: 50%; } .kanban-cont .kanban-list.kanban-info { background-color: #e7f3fe; } .kanban-cont .kanban-list.kanban-info .kanban-header { background-color: #42a5f5; } .kanban-cont .kanban-list.kanban-info .progress-bar { background-color: #42a5f5; } .kanban-cont .kanban-list.kanban-success { background-color: #edf7ee; } .kanban-cont .kanban-list.kanban-success .kanban-header { background-color: #4caf50; } .kanban-cont .kanban-list.kanban-success .progress-bar { background-color: #4caf50; } .kanban-cont .kanban-list.kanban-warning { background-color: #fdfcf3; } .kanban-cont .kanban-list.kanban-warning .kanban-header { background-color: #ffb300; } .kanban-cont .kanban-list.kanban-warning .progress-bar { background-color: #ffb300; } .kanban-cont .kanban-list.kanban-purple { background-color: #f1effd; } .kanban-cont .kanban-list.kanban-purple .kanban-header { background-color: #7460ee; } .kanban-cont .kanban-list.kanban-purple .progress-bar { background-color: #7460ee; } .kanban-cont .kanban-list.kanban-primary { background-color: #dfe4fb; } .kanban-cont .kanban-list.kanban-primary .kanban-header { background-color: #667eea; } .kanban-cont .kanban-list.kanban-primary .progress-bar { background-color: #667eea; } .chat-main-row { overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-main-row .chat-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; } .chat-main-row .chat-main-wrapper .message-view { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; width: 75%; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .message-view.task-view { width: 100%; } } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .message-view.chat-profile-view { transition: all 0.4s ease; z-index: 1041; width: 300px; display: table-cell; margin: 60px -300px 0 0; padding: 0 0 60px; position: fixed; top: 0; right: 0; transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); } .chat-main-row .chat-main-wrapper .message-view.chat-profile-view.opened { margin-right: 0; } } .chat-main-row .chat-main-wrapper .task-left-sidebar { width: 58.3333%; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .task-left-sidebar { width: 100%; } .chat-main-row .chat-main-wrapper .task-left-sidebar.chat-sidebar { display: none; } } .chat-main-row .chat-main-wrapper .task-right-sidebar { width: 41.6667%; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .task-right-sidebar { z-index: 1041; width: 300px; display: table-cell; transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); margin: 60px -300px 0; padding: 0 0 60px; position: fixed; top: 0; right: 0; transition: all 0.4s ease; } .chat-main-row .chat-main-wrapper .task-right-sidebar.opened { margin-right: 0; } } .chat-main-row .chat-main-wrapper .chat-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #f7f7f7; } .chat-main-row .chat-main-wrapper .chat-attachment-drop-zone { display: flex; flex-direction: column; height: 100%; width: 100%; min-height: 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header { /* background-color: #ffffff; */ /* border-bottom: 1px solid darkgray; */ padding: 8px 15px; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details a { color: #555; text-transform: uppercase; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details .typing-text { color: #667eea; font-size: 12px; text-transform: lowercase; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details .last-seen { color: #888888; display: block; font-size: 12px; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar { border: 0 none; margin: 0; min-height: auto; padding: 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar .profile-rightbar { display: none; color: #bbb; font-size: 26px; margin-left: 15px; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar .profile-rightbar { display: block; } } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu { margin: 1px 0 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li a { color: #bbb; font-size: 22px; line-height: 32px; margin: 0 0 0 15px; padding: 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu { left: auto; right: 0; margin: 15px 0 0; padding: 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu .dropdown-item { font-size: 14px; color: #283447; margin: 0; padding: 0 10px; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .custom-dropdown-menu { margin: 0; padding: 0 0 0 0; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .custom-dropdown-menu .dropdown-item { margin: 0; margin: 0; padding: 0 10px 0 10px; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu-right a { font-size: 14px; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu .profile-rightbar { display: none; } @media (max-width: 991px) { .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu .profile-rightbar { display: block; } } .task-wrapper { padding: 20px; width: 100%; margin: 0 auto; box-sizing: border-box; } .task-wrapper .task-list-body { max-height: 500px; overflow: auto; } .task-wrapper .task-list-body #task-list { border-bottom: 1px solid #eaeaea; } .task-wrapper .task-list-body #task-list li { margin: 0; padding: 0; } .task-wrapper .task-list-body #task-list li.completed .task-container { background: #f9f9f9; } .task-wrapper .task-list-body #task-list li.completed .task-container .complete-btn { background: #35BA67 !important; border: 1px solid #35BA67 !important; color: #ffffff; } .task-wrapper .task-list-body #task-list li .task-container { display: table; background: #ffffff; width: 100%; border: 1px solid #eaeaea; border-bottom: none; box-sizing: border-box; position: relative; padding: 8px 15px; transition: all 0.2s ease; } .task-wrapper .task-list-body #task-list li .task-container .task-action-btn { display: table-cell; vertical-align: middle; text-align: right; } .task-wrapper .task-list-body #task-list li .task-container .task-action-btn.task-check { text-align: left !important; width: 40px; } .task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle { background-color: #ffffff; border: 1px solid #cccccc; height: 20px; width: 20px; display: inline-block; text-align: center; cursor: pointer; border-radius: 100%; transition: all 0.2s ease; } .task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle.large { height: 24px; width: 24px; } .task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle.large .material-icons { font-size: 16px; vertical-align: -4px; } .task-wrapper .task-list-body #task-list li .task-container .task-label { display: table-cell; font-weight: 400; vertical-align: middle; color: #333333; word-break: break-all; } .task-wrapper .task-list-body #task-list li .task-container .task-btn-right { display: none; } .task-wrapper .task-list-body #task-list li .task-container .task-btn-right .action-circle.large { height: 24px; width: 24px; } .task-wrapper .task-list-body #task-list li .task-container .task-btn-right .action-circle.large .material-icons { font-size: 16px; vertical-align: -4px; color: #cccccc; } .task-wrapper .task-list-body #task-list li .task-container:hover .task-btn-right { display: block; } .task-wrapper .task-list-body #task-list li.completed .task-container .task-label { color: #ccc; } .task-wrapper .task-list-footer { position: relative; } .task-wrapper .task-list-footer .new-task-wrapper { transition: all 0.2s ease; overflow: hidden; visibility: hidden; } .task-wrapper .task-list-footer .new-task-wrapper .visible { max-height: 300px; overflow: auto; } .task-wrapper .task-list-footer .new-task-wrapper textarea { box-sizing: border-box; width: 100%; border: 1px solid #eaeaea; border-top: 0; height: 45px; resize: none; margin: 0 0 20px; padding: 10px 45px; transition: all 0.2s ease; } .task-wrapper .task-list-footer .new-task-wrapper .error-message { color: #dc3545; font-style: italic; } .task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn { background: #ffffff; border: 1px solid #cccccc; } .task-wrapper .task-list-footer .new-task-wrapper .btn { float: right; cursor: pointer; padding: 6px 12px; } .chat-content-wrap { height: 100%; position: relative; width: 100%; } .chat-content-wrap .chat-wrap-inner { overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-content-wrap .chat-wrap-inner .chats { padding: 15px 15px 30px; } .chat-content-wrap .chat-wrap-inner .task-header { font-size: 14px; font-weight: 500; padding: 15px 15px 5px; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info { border: 1px solid transparent; flex: 0 1 180px; position: relative; border-radius: 10px; padding: 5px 10px 5px 5px; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info:hover { border-color: #e3e3e3; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info:hover .remove-icon { visibility: visible; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info a { color: #333333; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon { background-color: #e3e3e3; border-radius: 50%; color: #333333; cursor: pointer; height: 20px; margin-right: 10px; transform: translateY(-50%); visibility: hidden; width: 20px; position: absolute; top: 50%; right: 0; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .task-head-title { color: #a6a6a6; font-size: 12px; } .chat-content-wrap .chat-wrap-inner .task-header .assignee-info .task-assignee { font-size: 13px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date { border: 1px solid transparent; flex: 0 0 160px; position: relative; margin: 0 0 0 10px; padding: 5px 10px 5px 5px; border-radius: 10px; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date:hover { border-color: #e3e3e3; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date:hover .remove-icon { visibility: visible; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; color: #cccccc; height: 30px; line-height: 30px; margin-right: 10px; width: 30px; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon span i { font-size: 18px; position: relative; top: 4px; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date a { color: #333333; } .chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon { background-color: #e3e3e3; border-radius: 50%; color: #333333; cursor: pointer; height: 20px; visibility: hidden; width: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; margin: 0 10px 0 0; } .chat-content-wrap .chat-wrap-inner .task-desc { align-items: flex-start; margin: 5px 0 15px; } .chat-content-wrap .chat-wrap-inner .task-desc .task-desc-icon { color: #cccccc; margin: 5px 0 15px; } .chat-content-wrap .chat-wrap-inner .task-desc .task-textarea { width: 100%; } .chat-content-wrap .chat-wrap-inner .task-information { color: #a3a3a3; font-size: 11px; line-height: 17px; min-width: 1px; margin-left: 50px; margin-bottom: 15px; } .chat-content-wrap .chat-wrap-inner .task-information .task-info-line { overflow-wrap: normal; } .chat-content-wrap .chat-wrap-inner .task-information .task-info-line .task-user { color: #888888; font-weight: 500; } .chat-content-wrap .chat-wrap-inner .task-information .task-time { display: inline-block; padding-left: 10px; } .task-chat-contents { background-color: #ffffff; } .task-chat-contents .chat.chat-left { margin: 0 0 20px; } .task-chat-contents .completed-task-msg { margin: 0 0 30px 50px; } .task-chat-contents .completed-task-msg .task-success { color: #55ce63; font-size: 13px; } .task-chat-contents .completed-task-msg .task-time { color: #a3a3a3; display: inline-block; font-size: 11px; } .chat-footer { background-color: #ffffff; border-top: 1px solid #eaeaea; padding: 15px; } .chat-footer .call-duration { display: inline-block; font-size: 30px; margin-top: 4px; position: absolute; left: 0; } @media (max-width: 575px) { .chat-footer .call-duration { display: block; margin-top: 0; margin-bottom: 10px; position: inherit; } } .chat-footer .task-followers { margin-top: 15px; } .chat-footer .task-followers .followers-title { margin: 5px 10px 0 0; } .chat-footer .task-followers .followers-title .avatar { width: 30px; height: 30px; line-height: 30px; } .chat-footer .task-followers .followers-add { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; color: #cccccc; display: inline-block; font-size: 20px; height: 34px; line-height: 34px; text-align: center; width: 34px; } .chat-footer .task-followers .followers-add i { line-height: 28px; } .chat-footer .message-bar { display: table; height: 44px; position: relative; width: 100%; } .chat-footer .message-bar .message-inner { display: table-row; height: 100%; width: 100%; padding: 0 8px; } .chat-footer .message-bar .link { color: #777; display: table-cell; font-size: 20px; position: relative; vertical-align: middle; width: 30px; } .chat-footer .message-bar .message-area { display: table-cell; } .chat-footer .message-bar .message-area .input-group { position: relative; flex-wrap: wrap; align-items: stretch; width: 100%; } .chat-footer .message-bar .message-area .input-group .form-control { background-color: #ffffff; border: 1px solid #eaeaea; box-shadow: none; color: #555; display: block; font-size: 14px; height: 44px; margin: 0; padding: 6px 12px; resize: none; } .chat-footer .message-bar .message-area .btn { height: 44px; width: 50px; } .chat-footer .btn-custom { background: #667eea; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: #ffffff; } @media (max-width: 991px) { .leave-box .subtitle { display: none; } } .task-chat-view .chat-left .chat-content { border: 0 !important; padding: 0 !important; } .task-chat-view .chat-left .chat-content p { font-size: 13px; margin-bottom: 0; } .notification-popup { z-index: 1051; width: 300px; display: inline-block; background: #1F8FEF; border: 1px solid #1082e4; color: #ffffff; opacity: 0.8; position: fixed; top: 20px; right: 10px; border-radius: 2px; padding: 20px; box-sizing: border-box; transition: all 0.2s ease; } .notification-popup.hide { opacity: 0; visibility: hidden; } .task-assign { float: left; } .task-assign a { float: left; } .task-assign .task-complete-btn { background-color: #ffffff; border: 1px solid #cccccc; color: #333333; font-size: 14px; padding: 6px 10px; border-radius: 5px; } .task-assign .task-completed-btn { background-color: #4caf50; color: #ffffff; border: 1px solid #cccccc; font-size: 14px; padding: 6px 10px; border-radius: 5px; } .new-task textarea { box-sizing: border-box; width: 100%; border: 1px solid #eaeaea; border-top: 0; height: 45px; resize: none; margin: 0 0 20px; padding: 10px 45px; } .new-task .error-message { color: #dc3545; font-style: italic; } .new-task .btn { float: right; cursor: pointer; padding: 6px 12px; } .search-result { margin: 0 0 30px; } .search-result u { color: #667eea; } .search-result p { color: #777; margin-bottom: 0; } .search-lists .nav-tabs.nav-tabs-solid { background-color: transparent; border: 0; border-bottom: 1px solid #e3e3e3; } .main-search { margin: 0 0 20px; } .small-container { max-width: 1100px; margin: auto; padding: 30px; } .small-container .inner-header { margin: 0 0 30px; } .small-container .inner-content .lead { font-size: 20px; font-weight: 300; } .avatar-dropdown .page-link { border: 0; width: 25px; text-align: center; border-radius: 0; padding: 10px 5px; } .avatar-dropdown .dropdown-menu { min-width: unset; width: 100px; padding: 0; } .avatar-dropdown .avatar-group { min-height: 88px; white-space: normal; padding: 2px; } .avatar-dropdown .avatar-group .avatar { margin: 2px; } .avatar-dropdown .avatar-group .avatar-xs + .avatar-xs { margin-left: -1.25rem; } .avatar-dropdown .avatar-pagination { border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .roles-menu { margin: 15px 0; } } .roles-menu ul { background-color: #ffffff; border: 1px solid #e3e3e3; } .roles-menu ul li { display: block; position: relative; } .roles-menu ul li.active a { border-color: #1e3a8a; color: #1e3a8a; } .roles-menu ul li a { border-left: 3px solid transparent; color: #333333; display: block; position: relative; padding: 10px 15px; } .roles-menu ul li a:hover { background-color: #eeeeee; border-color: #1e3a8a; } .roles-menu ul li a:hover .role-action { display: block; } .roles-menu ul li .role-action { float: right; display: none; } .roles-menu ul li .role-action .action-circle { background-color: #ffffff; border: 1px solid #cccccc; height: 24px; width: 24px; display: inline-block; text-align: center; cursor: pointer; border-radius: 100%; transition: all 0.3s ease; } .roles-menu ul li .role-action .action-circle .material-icons { font-size: 16px; vertical-align: -4px; color: #cccccc; } .rating-list span { display: inline-block; margin-right: 4px; } .rating-list span a { background-color: #cccccc; color: #333333; width: 50px; height: 50px; font-size: 18px; font-weight: 600; margin-bottom: 5px; border-radius: 4px; } .rating-list span.rating-normal { text-align: center; } .rating-list span.rating-normal a { background-color: #ad0d20; color: #ffffff; } .rating-list span.rating-bad a { background-color: #dccc00; color: #ffffff; } .rating-list span.rating-good { text-align: right; } .rating-list span.rating-good a { background-color: #00a100; color: #ffffff; } .rating-list .rating-text { font-size: 12px; max-width: 157px; display: inline-block; margin-top: 5px; } .custom_radio { color: #555; display: inline-block; position: relative; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin: 0 0 10px; padding: 0 0 0 30px; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark:after { opacity: 1; } .custom_radio .checkmark { height: 20px; width: 20px; background-color: #ffffff; border: 1px solid #cccccc; position: absolute; top: 0; left: 0; border-radius: 50%; } .custom_radio .checkmark:after { display: block; content: ""; opacity: 0; width: 12px; height: 12px; background: #667eea; position: absolute; top: 3px; left: 3px; border-radius: 50%; transition: all 0.3s ease; } @media (max-width: 575px) { .contact-cat { padding: 0 70px 0 15px; } } @media (max-width: 575px) { .contacts-list { padding: 0 70px 0 15px; } .contacts-list .contact-list { list-style: none; padding-left: 0; margin: 0; width: 100%; } } .job-list { background-color: #ffffff; border: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); display: block; margin-bottom: 35px; position: relative; border-radius: 4px; transition: all 0.2s ease; } .job-list .job-list-det { align-items: flex-start; padding: 20px; } .job-list .job-list-desc { flex: 1 1 0; } .job-list h3.job-list-title { color: #333333; font-size: 18px; font-weight: 600; line-height: 18px; } .job-list h4.job-department { color: #777; font-size: 14px; margin-bottom: 0; } .job-list .job-types { background-color: transparent; border: 1px solid #667eea; color: #667eea; display: inline-block; text-align: center; border-radius: 4px; padding: 6px 12px; } .job-list .job-types:hover { background: #667eea; color: #ffffff; } .job-list .job-list-footer { background-color: #f9f9f9; border-radius: 0 0 4px 4px; position: relative; padding: 20px; } .job-list .job-list-footer ul li { color: #777; display: inline-block; margin-right: 14px; } .job-list .job-list-footer ul li i { color: #777; margin-right: 3px; position: relative; } .page-wrapper.job-wrapper { margin: 0 !important; } .job-widget { background-color: #ffffff; border: 1px solid #efefef; float: left; position: relative; width: 100%; margin: 0 0 30px; padding: 30px; } .job-widget h4 { color: #585858; font-size: 16px; font-weight: 600; margin: 0 0 20px; } .job-widget .job-description p { color: #727272; line-height: 28px; } .job-widget .job-title { color: #585858; font-size: 22px; font-weight: 600; margin-bottom: 5px; } .job-widget .job-dept { color: #737882; display: block; font-size: 16px; font-weight: 500; margin-bottom: 20px; } .job-widget .job-post-det { display: inline-block; margin-bottom: 5px; width: 100%; color: #737882; } .job-widget .job-post-det li { float: left; list-style: none; margin-right: 20px; } .job-widget .job-post-det li .text-blue { color: #009ce7; } .square-list li { color: #727272; line-height: 24px; list-style: none; margin: 10px 0 0 20px; position: relative; } .square-list li:before { font-family: fontawesome; margin: 0; position: relative; color: #667eea; float: left; margin-left: -20px; display: block; content: "\f0c8"; font-size: 8px; } .job-btn { border: 2px solid #667eea; color: #667eea; display: block; font-size: 16px; font-weight: 600; margin-bottom: 20px; padding: 15px; text-transform: uppercase; transition: all 0.2s ease; } .job-btn:hover { background-color: #667eea; color: #ffffff; border-color: #667eea; } .info-list { color: #888888; padding-top: 20px; } .info-list span { color: #667eea; float: left; font-size: 20px; line-height: 14px; } .info-list h5 { color: #585858; font-size: 14px; font-weight: 600; margin-bottom: 5px; margin-left: 40px; text-transform: uppercase; } .info-list p { line-height: 1.7; margin: 0 0 0 40px; } .info-list .app-ends { color: #46cd38; font-size: 13px; } .modal button.btn-close { /* background: transparent; */ border: 0; } .w-sidebar { background: #ffffff; padding: 1rem; border: 1px solid #ededed; } .w-sidebar ul { padding: 15px; } .w-sidebar ul a { color: #333333; } @media (max-width: 991px) { .message-view .task-view { width: 100%; } .task-chat-view { display: none !important; transition: all 0.2s ease; right: 0; transform: translateX(0px); z-index: 1041; width: 300px !important; position: fixed !important; transition: all 0.4s ease 0s; margin-right: -300px; display: table-cell; top: 0; padding-bottom: 60px; margin-top: 60px; } .task-chat-view.opened { margin-right: 0 !important; display: block !important; } } .sidebar-headerset { width: 100%; padding: 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F5F5F5; } .sidebar-headerset h2 { font-size: 24px; font-weight: 600; } .sidebar-headerset h3 { font-size: 15px; font-weight: 400; margin: 0; } .settings-mains { padding: 15px; } .settings-mains .layout-head { margin-bottom: 15px; } .settings-mains .layout-head h5 { font-size: 16px; font-weight: 600; color: #272B41; } .settings-mains .layout-head h6 { font-size: 14px; font-weight: 400; margin: 0; color: #272B41; } #layout-position .radio input + label { min-width: 110px; border: 0; } .bor-rad-50 { border-radius: 50px; } .bg-sidebarcolor { background: #F9F9F9; height: 45px; display: block; border-radius: 5px; } .bg-sidebarcolor.bg-darks { background: #34444c; } .bg-sidebarcolor.bg-gradients { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%); } .bg-sidebarcolor.bg-oranges { background: #667eea; } .bg-sidebarcolor.bg-darkset { background: #16191C; } .account-page .main-wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100vh; } .mt-15 { margin-top: 15px !important; } .mt-17 { margin-top: 17px !important; } .profile-view { position: relative; } .profile-view .profile-img-wrap { height: 120px; width: 120px; position: absolute; } .profile-view .candidate-profile-img-wrap { height: 100%; width: 120px; position: absolute; } .emp-profile-view .profile-img-wrap { height: 120px; width: 120px; /* position: absolute; */ } .emp-profile-view .emp-profile-img-wrap { height: 100%; width: 120px; /* position: absolute; */ } .profile { display: flex !important; flex-direction: column; justify-content: center; } .upload-btn{ margin-top: 5px; padding: 5px; border-radius: 35px !important; } @media (max-width: 575px) { .profile-view .profile-img-wrap { position: relative; margin: 0 auto; } .profile-view .candidate-profile-img-wrap { position: relative; margin: 0 auto; } .emp-profile-view .emp-profile-img-wrap { /* position: relative; */ margin: 0 auto; } } .profile-view .profile-img-wrap img { border-radius: 50%; height: 120px; width: 120px; } .profile-view .candidate-profile-img-wrap img { border-radius: 50%; height: 120px; width: 120px; } .emp-profile-view .emp-profile-img-wrap img { border-radius: 50%; height: 120px; width: 120px; } .profile-view .profile-img { width: 120px; height: 120px; } .profile-view .candidate-profile-img { width: 120px; height: 120px; } .emp-profile-view .emp-profile-img { width: 120px; height: 120px; } .profile-view .profile-basic { margin-left: 140px; padding-right: 50px; } @media (max-width: 575px) { .profile-view .profile-basic { margin-left: 0; padding-right: 0; } .profile-view .candidate-profile-img { width: 120px; height: 120px; margin-bottom: 55px; } .emp-profile-view .emp-profile-img { width: 120px; height: 120px; margin-bottom: 55px; } } .profile-view .profile-basic .profile-info-left { border-right: 2px dashed #cccccc; } @media (max-width: 575px) { .profile-view .profile-basic .profile-info-left { text-align: center; padding: 15px 0; } } @media (max-width: 768px) { .profile-view .profile-basic .profile-info-left { border-right: none; border-bottom: 2px dashed #cccccc; margin: 0 0 20px; padding: 0 0 20px; } } .profile-view .profile-basic .profile-info-left .user-name { color: #333333; } .profile-view .profile-basic .profile-info-left .staff-id { font-size: 14px; font-weight: 500; margin-top: 5px; } .profile-view .profile-basic .profile-info-left .staff-msg { margin-top: 30px; } .profile-view .profile-basic .profile-info-left .staff-msg .btn-custom { background: #667eea; background: linear-gradient(to right, #667eea 0%, #764ba2 100%); color: #ffffff; } .profile-view .profile-basic .profile-info-left .staff-msg .btn-custom:hover { border-color: #667eea; } .profile-view .pro-edit { position: absolute; top: 0; right: 0; } .profile-action .dropdown-toggle:after { display: none; } .edit-icon { background-color: #eeeeee; border: 1px solid #e3e3e3; color: #bbb; float: right; font-size: 12px; line-height: 24px; min-height: 26px; text-align: center; width: 26px; border-radius: 24px; } .personal-info li { margin-bottom: 10px; } @media (max-width: 991px) { .personal-info li { width: 100%; } } .personal-info li .title { color: #333333; float: left; font-weight: 500; width: 30%; } @media (max-width: 575px) { .personal-info li .title { width: 50%; margin: 0; } } .personal-info li .text { color: #888888; display: block; overflow: hidden; width: 70%; float: left; } .personal-info li .text .avatar-box { float: left; position: relative; } .personal-info li .text .avatar-box .avatar-xs { line-height: normal; } .delete-icon { color: #f83f37; float: right; font-size: 18px; } .experience-box { position: relative; } .experience-box .experience-list { position: relative; } .experience-box .experience-list::before { background: #dddddd; bottom: 0; content: ""; width: 2px; position: absolute; top: 8px; left: 8px; } .experience-box .experience-list li { position: relative; } .experience-box .experience-list li .experience-user { background: #ffffff; height: 10px; width: 10px; margin: 0; padding: 0; position: absolute; top: 4px; left: 4px; } .experience-box .experience-list li .experience-user .before-circle { background-color: #dddddd; border-radius: 50%; height: 10px; width: 10px; } .experience-box .experience-list li .experience-content { background-color: #ffffff; margin: 0 0 20px 40px; padding: 0; position: relative; } .experience-box .experience-list li .experience-content .timeline-content { color: #9e9e9e; } .experience-box .experience-list li .experience-content .timeline-content a.name { color: #616161; font-weight: 700; } .experience-box .experience-list li .experience-content .time { color: #bdbdbd; display: block; font-size: 12px; line-height: 1.35; } .submit-btn { font-size: 18px; font-weight: 600; min-width: 200px; padding: 10px 20px; border-radius: 50px; } .profile-img-wrap { height: 120px; position: absolute; width: 120px; background: #ffffff; overflow: hidden; } @media (max-width: 575px) { .profile-img-wrap { position: relative; margin: 0 auto; } } .profile-img-wrap.edit-img { border-radius: 50%; margin: 0 auto 30px; position: relative; } .profile-img-wrap img { border-radius: 50%; height: 120px; width: 120px; } .profile-img-wrap .fileupload { background: rgba(33, 33, 33, 0.5); border: none; padding: 3px 10px; border-radius: 0; position: absolute; right: 0; bottom: 0; left: 0; } .profile-img-wrap .fileupload .btn-text { color: #ffffff; } .profile-img-wrap .fileupload .upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; opacity: 0; margin: 0; padding: 5px; position: absolute; top: -3px; right: -3px; } .payslip-title { text-align: center; text-decoration: underline; text-transform: uppercase; margin: 0 0 20px; } .inv-logo { height: auto; max-height: 100px; width: auto; margin: 0 0 20px; } .invoice-details { float: right; text-align: right; } .topics { background-color: #ffffff; border: 1px solid #ededed; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin: 0 0 30px; padding: 20px; } .topics .topic-title { color: #333333; margin: 0 0 20px; padding: 0 25px 0 0; position: relative; } .topics .topic-title a { color: #333333; font-size: 20px; font-weight: 500; text-decoration: none; } .topics .topic-title a i { color: #667eea; margin-right: 5px; } .topics .topic-title a span { color: #667eea; } .topics .topics-list { margin: 0; padding: 0; } .topics .topics-list li { position: relative; list-style: none; line-height: 2; } .topics .topics-list li:before { font-family: FontAwesome; content: "\f016"; color: #555; font-size: 15px; position: absolute; top: 0; left: 0; } .topics .topics-list li a { padding-left: 25px; color: #555; font-size: 14px; font-weight: 400; text-decoration: none; outline: 0 none; } .equal-height-cards .card { height: 100%; } .equal-height-cards .pricing-box { text-align: center; } .equal-height-cards .pricing-box ul { text-align: left; } .equal-height-cards .pricing-box ul li { line-height: 35px; } .equal-height-cards .pricing-box ul li i { color: #26af48; margin-right: 5px; } .topnav-dropdown-header { border-bottom: 1px solid #eeeeee; text-align: center; font-size: 12px; height: 32px; line-height: 32px; padding: 0 12px; } .topnav-dropdown-header .notification-title { color: #333333; display: block; float: left; font-size: 14px; } .topnav-dropdown-header .clear-noti { color: #f83f37; float: right; font-size: 11px; text-transform: uppercase; } .notifications .noti-content { height: 290px; width: 350px; overflow-y: auto; position: relative; } .notifications .notification-list li { margin-top: 0; border-bottom: 1px solid #f5f5f5; } .notifications .notification-list li a { display: block; padding: 12px; border-radius: 2px; } .notifications .notification-list li .noti-title { color: #333333; } .notifications .notification-list li .noti-details { color: #989c9e; margin: 0; } .notifications .notification-list li p.noti-time { margin: 0; } .notifications .notification-list li .notification-time { font-size: 12px; line-height: 1.35; color: #bdbdbd; } .notifications .notification-list li .list-item { border: 0; padding: 0; position: relative; } .notifications .notification-list li .list-item .list-left { height: 48px; position: absolute; width: 48px; } .notifications .notification-list li .list-item .list-body { padding: 0 0 0 50px; } .notifications .notification-list li .list-item .list-body .message-author { color: #333333; float: left; font-weight: 500; width: 175px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notifications .notification-list li .list-item .list-body .message-time { color: #888888; float: right; font-size: 11px; } .notifications .notification-list li .list-item .list-body .message-content { color: #333333; font-size: 13px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topnav-dropdown-footer { border-top: 1px solid #eeeeee; font-size: 12px; height: 32px; line-height: 32px; padding: 0 12px; } .topnav-dropdown-footer a { display: block; text-align: center; color: #333333; } .list-left { height: 48px; position: absolute; width: 48px; } .list-body { padding: 0 0 0 50px; } .list-body .message-author { color: #333333; float: left; font-weight: 500; width: 175px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-body .message-time { color: #888888; float: right; font-size: 11px; } .list-body .message-content { color: #333333; font-size: 13px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .disable{ pointer-events: none; opacity: 0.5; cursor: no-drop; } .hide { visibility: hidden; } .loading-indicator { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */ z-index: 1000 !important; /* Ensure it appears on top of other elements */ } .loading-indicator-dialog { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */ z-index: 1056 !important; /* Ensure it appears on top of other elements */ } .loading-indicator-message { font-size: 18px; font-weight: bold; color: #333; /* Choose a suitable text color */ } .required{ border-color: red !important; } .stats-list { height: 415px; } .emp-update-img{ display: flex; justify-content: center; height: 170px; } p, div, span { -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Ensures text cannot be selected or edited */ } /* Dual Sidebar Layout for Chat Page */ body .sidebar.chat-sidebar { left: 60px; /* Position next to closed default sidebar when mini */ z-index: 1000; /* Ensure it's below the default sidebar */ width: 325px !important; /* Override mini-sidebar width rule */ margin-left: 0; /* Show chat sidebar by default */ transition: width 0.3s ease, margin-left 0.3s ease, left 0.3s ease; } /* Ensure chat sidebar text is always visible regardless of mini-sidebar state (when NOT in chat-sidebar-mini mode) */ body:not(.chat-sidebar-mini) .sidebar.chat-sidebar .chat-user, body:not(.chat-sidebar-mini) .sidebar.chat-sidebar .menu-title, body:not(.chat-sidebar-mini) .sidebar.chat-sidebar span { display: inline-block !important; visibility: visible !important; opacity: 1 !important; } /* CRITICAL: Override any mini-sidebar rules that might affect chat sidebar text */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title span, body.chat-sidebar-mini .sidebar.chat-sidebar span.chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar .home-text { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Override any default sidebar mini rules that might show text in chat sidebar */ body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-user, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar span.chat-user, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .menu-title span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .home-text { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* FORCE HIDE ALL TEXT when chat sidebar is mini - comprehensive rules */ body.chat-sidebar-mini .sidebar.chat-sidebar span:not(.chat-avatar-sm):not(.user-img):not(.badge), body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title, body.chat-sidebar-mini .sidebar.chat-sidebar li span, body.chat-sidebar-mini .sidebar.chat-sidebar div span, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar span:not(.chat-avatar-sm):not(.user-img):not(.badge), body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .menu-title, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar li span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar div span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item span { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } body:not(.mini-sidebar) .sidebar.chat-sidebar { left: 230px; /* Position next to open default sidebar */ } /* Collapse chat sidebar when chat-sidebar-mini class is present */ body.chat-sidebar-mini .sidebar.chat-sidebar { width: 60px !important; /* Collapse to mini width like default sidebar */ } /* Hide ALL text in chat sidebar when in mini mode, keep only icons/images */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title span, body.chat-sidebar-mini .sidebar.chat-sidebar span:not(.chat-avatar-sm):not(.user-img), body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title { display: none !important; } /* ABSOLUTE FORCE HIDE for menu title text in chat sidebar mini mode */ body.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title span, body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title > span, body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title::before, body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title::after, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .menu-title > span, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .menu-title::before, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .menu-title::after { display: none !important; visibility: hidden !important; opacity: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Show only the + button in menu titles when mini */ body.chat-sidebar-mini .sidebar.chat-sidebar .menu-title a { display: block !important; } /* Perfect centering for chat items in mini mode */ body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li { text-align: center; padding: 12px 0; display: flex; justify-content: center; align-items: center; } body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; padding: 8px 0 !important; text-decoration: none; } /* Perfect centering for avatars */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm, body.chat-sidebar-mini .sidebar.chat-sidebar .user-img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .user-img { margin: 0 auto !important; display: block !important; visibility: visible !important; opacity: 1 !important; text-align: center; width: 24px !important; height: 24px !important; flex-shrink: 0 !important; } /* Hide ALL text content but keep avatars */ body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a *:not(.chat-avatar-sm):not(.user-img):not(img) { display: none !important; } /* Center + buttons in menu sections */ body.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title { text-align: center !important; padding: 15px 0 !important; display: block !important; } body.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title a { display: inline-block !important; margin: 0 auto !important; text-align: center !important; color: initial !important; font-size: initial !important; visibility: visible !important; opacity: 1 !important; } /* Additional text hiding rules for mini mode */ body.chat-sidebar-mini .sidebar.chat-sidebar .sidebar-inner .scroll-area .sidebar-menu .greedy .links li a span.chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar .sidebar-inner .scroll-area .sidebar-menu .greedy .links li .chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar text, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li div span.chat-user { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Force hide any text nodes in mini mode but preserve avatars and icons */ body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a > *:not(.chat-avatar-sm):not(.user-img):not(img):not(i):not(.fa-solid):not(.fas):not(.fa-plus) { display: none !important; } /* Explicitly show avatar containers and images in mini mode */ body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .chat-avatar-sm, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .user-img, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .chat-avatar-sm, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .user-img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a img { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 auto !important; width: 24px !important; height: 24px !important; } /* SELECTIVE TEXT HIDING - Only hide text content, preserve buttons, icons, and images */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-user, body.chat-sidebar-mini .sidebar.chat-sidebar .home-text, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-user, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .home-text { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Hide menu title TEXT CONTENT ONLY */ body.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar li.menu-title { font-size: 0 !important; color: transparent !important; } /* Ensure toggle button, icons, and images remain visible */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-toggle-btn, body.chat-sidebar-mini .sidebar.chat-sidebar .btn, body.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm, body.chat-sidebar-mini .sidebar.chat-sidebar .user-img, body.chat-sidebar-mini .sidebar.chat-sidebar img, body.chat-sidebar-mini .sidebar.chat-sidebar i, body.chat-sidebar-mini .sidebar.chat-sidebar .fa-plus, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-toggle-btn, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .btn, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .user-img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar i, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .fa-plus { display: block !important; visibility: visible !important; opacity: 1 !important; color: initial !important; font-size: initial !important; width: auto !important; height: auto !important; } /* Specific rules for avatar images */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm img, body.chat-sidebar-mini .sidebar.chat-sidebar .user-img img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm img, body.mini-sidebar.chat-sidebar-mini .sidebar.chat-sidebar .user-img img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; margin: 0 auto !important; } /* Ensure only images and icons are visible */ body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a img, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .chat-avatar-sm img, body.chat-sidebar-mini .sidebar.chat-sidebar .list-inline-item.list-unstyled.links li a .user-img img, body.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm, body.chat-sidebar-mini .sidebar.chat-sidebar .user-img, body.chat-sidebar-mini .sidebar.chat-sidebar .chat-avatar-sm img, body.chat-sidebar-mini .sidebar.chat-sidebar .user-img img { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 auto !important; width: auto !important; height: auto !important; } /* Style home section in mini mode */ body.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-home { padding: 50px 5px 15px 5px; text-align: center; } body.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-home .home-link { justify-content: center; padding: 10px 5px; } body.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-home .home-link i { margin-right: 0; margin: 0; } body.chat-sidebar-mini .sidebar.chat-sidebar .chat-sidebar-home .home-text { display: none; } /* Ensure default sidebar stays on top when both are present */ body .sidebar:not(.chat-sidebar) { z-index: 1001; } /* Chat page specific wrapper adjustments */ .chat-page-wrapper { margin-left: 285px; /* 60px (closed default sidebar) + 225px (chat sidebar) */ transition: margin-left 0.3s ease; min-height: calc(100vh - 60px); /* Account for header height */ } /* Ensure chat header is always visible and positioned correctly */ .chat-page-wrapper .chat-header { position: relative; z-index: 99; /* Below sidebars but above content */ } body:not(.mini-sidebar) .chat-page-wrapper { margin-left: 555px; /* 230px (open default sidebar) + 325px (chat sidebar) */ } /* Adjust content when chat sidebar is collapsed */ body.mini-sidebar .chat-page-wrapper { margin-left: 385px !important; /* 60px (closed default sidebar) + 60px (mini chat sidebar) */ } body:not(.mini-sidebar).chat-sidebar-mini .chat-page-wrapper { margin-left: 290px; /* 230px (open default sidebar) + 60px (mini chat sidebar) */ } /* Mobile responsive behavior */ @media (max-width: 991px) { body .sidebar.chat-sidebar { left: 0 !important; margin-left: -325px; /* Hidden by default on mobile */ } .chat-page-wrapper { margin-left: 0; width: 100%; } body:not(.mini-sidebar) .chat-page-wrapper { margin-left: 0; } /* Show chat sidebar on mobile when not mini */ body:not(.chat-sidebar-mini) .sidebar.chat-sidebar { margin-left: 0; } /* Handle mobile sidebar toggle for default sidebar */ .slide-nav .sidebar:not(.chat-sidebar) { margin-left: 0; } /* When default sidebar is shown on mobile, push chat sidebar further */ .slide-nav .sidebar.chat-sidebar { left: 225px !important; margin-left: -225px; } /* When both sidebars are shown on mobile and chat sidebar is not mini */ .slide-nav:not(.chat-sidebar-mini) .sidebar.chat-sidebar { left: 225px !important; margin-left: 0; } /* Mobile content adjustments */ body.chat-sidebar-mini .chat-page-wrapper { margin-left: 0; } body.mini-sidebar .chat-page-wrapper { margin-left: 0 !important; width: 100% !important; } } /* Reduce spacing for default sidebar menu items */ .sidebar .sidebar-menu ul li.menu-title + li a, .two-col-bar .sidebar-menu ul li.menu-title + li a { margin-top: 0px !important; padding-top: 4px !important; } /* Additional spacing reduction for all sidebar menu items */ .sidebar .sidebar-menu ul li:not(.menu-title), .two-col-bar .sidebar-menu ul li:not(.menu-title) { margin-top: 1px !important; margin-bottom: 1px !important; } /* 🌅 PURE WHITE SUMMER DAWN SIDEBAR THEME 🌅 */ /* Main Sidebar Container */ .sidebar, .two-col-bar { background: #ffffff !important; border-right: 1px solid rgba(220, 240, 255, 0.6) !important; box-shadow: 2px 0 15px rgba(173, 216, 230, 0.08), 0 0 20px rgba(240, 248, 255, 0.15) !important; } /* Subtle Background Effect - Very Light Summer Dawn Gradient */ .sidebar::before, .two-col-bar::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(238, 238, 238); pointer-events: none; z-index: 1; } /* Removed ::after top border lines */ /* Sidebar Menu Items */ .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a { color: #4a5568 !important; font-weight: 500 !important; border-radius: 4px !important; /* margin: 3px 12px !important; */ padding: 4px 12px !important; min-height: 36px !important; background: transparent !important; } /* Hover Effects - Light Eye-Soothing Summer Dawn */ .sidebar .sidebar-menu ul li a:hover, .two-col-bar .sidebar-menu ul li a:hover { color: #2d3748 !important; background: rgb(238, 238, 238) !important; box-shadow: 0 4px 20px rgba(173, 216, 230, 0.12), 0 2px 8px rgba(240, 248, 255, 0.15) !important; border-left: none !important; padding-left: 22px !important; } /* Active State - Gentle Summer Dawn Accent */ .sidebar .sidebar-menu ul li.active > a, .two-col-bar .sidebar-menu ul li.active > a { color: #2d3748 !important; background: rgb(234, 233, 233) !important; border-left: none !important; box-shadow: 0 6px 25px rgba(173, 216, 230, 0.15), 0 3px 12px rgba(240, 248, 255, 0.2) !important; font-weight: 600 !important; padding-left: 22px !important; } /* Icons */ .sidebar .sidebar-menu ul li a i, .two-col-bar .sidebar-menu ul li a i { color: #718096 !important; font-size: 18px !important; width: 24px !important; height: 24px !important; } .sidebar .sidebar-menu ul li a:hover i, .two-col-bar .sidebar-menu ul li a:hover i { color: #4299e1 !important; } .sidebar .sidebar-menu ul li.active > a i, .two-col-bar .sidebar-menu ul li.active > a i { color: #3182ce !important; } /* Menu Titles */ .sidebar .sidebar-menu ul li.menu-title, .two-col-bar .sidebar-menu ul li.menu-title { color: #a0aec0 !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; /* margin: 28px 0 18px !important; */ /* padding: 10px 22px !important; */ position: relative !important; } /* Removed ::after lines for menu titles */ /* Submenu Styling - Light and Airy */ .sidebar .sidebar-menu ul li.submenu ul, .two-col-bar .sidebar-menu ul li.submenu ul { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%) !important; border-radius: 4px !important; margin: 8px 12px 8px 24px !important; padding: 8px 0 !important; box-shadow: 0 4px 20px rgba(173, 216, 230, 0.08), 0 2px 8px rgba(240, 248, 255, 0.1) !important; backdrop-filter: blur(8px) !important; max-width: calc(100% - 36px) !important; overflow: hidden !important; } .sidebar .sidebar-menu ul li.submenu ul li a, .two-col-bar .sidebar-menu ul li.submenu ul li a { color: #718096 !important; padding: 10px 16px 10px 28px !important; border-radius: 4px !important; margin: 3px 8px !important; font-weight: 400 !important; min-height: 32px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: calc(100% - 16px) !important; background: transparent !important; } .sidebar .sidebar-menu ul li.submenu ul li a:hover, .two-col-bar .sidebar-menu ul li.submenu ul li a:hover { color: #4a5568 !important; background: rgb(238, 238, 238) !important; box-shadow: 0 3px 12px rgba(173, 216, 230, 0.1) !important; } .sidebar .sidebar-menu ul li.submenu ul li.active > a, .two-col-bar .sidebar-menu ul li.submenu ul li.active > a { color: #3182ce !important; background: rgb(238, 238, 238) !important; font-weight: 600 !important; box-shadow: 0 4px 16px rgba(173, 216, 230, 0.15) !important; } .sidebar .sidebar-menu ul li.submenu ul li.active > a::before, .two-col-bar .sidebar-menu ul li.submenu ul li.active > a::before { content: ''; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); width: 3px; height: 18px; background: linear-gradient(180deg, rgba(173, 216, 230, 0.8) 0%, rgba(240, 248, 255, 0.6) 100%); border-radius: 0 3px 3px 0; } /* Menu Arrow */ .sidebar .sidebar-menu ul li a .menu-arrow, .two-col-bar .sidebar-menu ul li a .menu-arrow { color: #cbd5e0 !important; font-size: 14px !important; transition: transform 0.28s ease, color 0.2s ease !important; } .sidebar .sidebar-menu ul li a:hover .menu-arrow, .two-col-bar .sidebar-menu ul li a:hover .menu-arrow { color: #4299e1 !important; } .sidebar .sidebar-menu ul li.submenu > a[aria-expanded="true"] .menu-arrow, .two-col-bar .sidebar-menu ul li.submenu > a[aria-expanded="true"] .menu-arrow { transform: rotate(90deg) !important; color: #4299e1 !important; } /* Smooth submenu expand/collapse (hover + click) — height animated via JS Works for fully expanded sidebar AND mini-sidebar temporarily expanded on hover */ body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse, .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse { display: block !important; overflow: hidden !important; visibility: visible !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; max-height: none !important; transition: height 0.3s ease, opacity 0.25s ease, padding 0.3s ease !important; } body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse:not(.show), body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse:not(.show), .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse:not(.show) { height: 0; opacity: 0; pointer-events: none; } body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse.show, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse.show, .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul.sidebar-vertical > li.submenu > ul.collapse.show { opacity: 1; margin: 0 12px 0 24px !important; padding-top: 4px !important; padding-bottom: 0 !important; pointer-events: auto; } /* Notification Dots */ .sidebar .sidebar-menu ul li .noti-dot:before, .two-col-bar .sidebar-menu ul li .noti-dot:before { width: 8px !important; height: 8px !important; background: linear-gradient(135deg, #4299e1 0%, #63b3ed 100%) !important; border-radius: 50% !important; box-shadow: 0 0 10px rgba(66, 153, 225, 0.4) !important; } /* Badges */ .sidebar .sidebar-menu ul li a span.badge, .two-col-bar .sidebar-menu ul li a span.badge { background: linear-gradient(135deg, rgba(173, 216, 230, 0.8) 0%, rgba(240, 248, 255, 0.6) 100%) !important; color: #4a5568 !important; font-size: 11px !important; padding: 5px 10px !important; border-radius: 4px !important; font-weight: 600 !important; box-shadow: 0 2px 8px rgba(173, 216, 230, 0.2) !important; border: 1px solid rgba(226, 232, 240, 0.3) !important; } /* Mobile Responsive */ @media (max-width: 991px) { .sidebar, .two-col-bar { box-shadow: 6px 0 25px rgba(173, 216, 230, 0.12), 0 0 30px rgba(240, 248, 255, 0.1) !important; } } /* Focus States */ .sidebar .sidebar-menu ul li a:focus, .two-col-bar .sidebar-menu ul li a:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(173, 216, 230, 0.2), 0 4px 16px rgba(240, 248, 255, 0.15) !important; } /* Scrollbar Styling - Light Theme */ .sidebar .ps__rail-y { width: 6px !important; background: rgba(226, 232, 240, 0.2) !important; border-radius: 3px !important; opacity: 0.6 !important; } .ps__thumb-y { background: linear-gradient(180deg, rgba(173, 216, 230, 0.6) 0%, rgba(240, 248, 255, 0.4) 100%) !important; width: 4px !important; border-radius: 2px !important; } .ps__rail-x { height: 4px !important; background-color: transparent !important; } .ps__thumb-x { background: linear-gradient(90deg, rgba(173, 216, 230, 0.6) 0%, rgba(240, 248, 255, 0.4) 100%) !important; height: 4px !important; border-radius: 2px !important; } /* Sidebar Border Enhancement */ .sidebar { border-right: 1px solid rgba(220, 240, 255, 0.6) !important; box-shadow: 2px 0 15px rgba(173, 216, 230, 0.08), 0 0 20px rgba(240, 248, 255, 0.1) !important; } /* Active state enhancements */ .sidebar .sidebar-menu ul li.active { position: relative; } /* .sidebar .sidebar-menu ul li.active::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, rgba(173, 216, 230, 0.8) 0%, rgba(240, 248, 255, 0.6) 100%); border-radius: 0 3px 3px 0; } */ /* Hover effects for better UX */ .sidebar .sidebar-menu ul li a { border-radius: 0 25px 25px 0; margin-right: 12px; } /* FORCE REMOVE ALL TRANSFORMS AND TRANSITIONS */ .sidebar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li a, .sidebar .sidebar-menu ul li a:hover, .two-col-bar .sidebar-menu ul li a:hover, .sidebar .sidebar-menu ul li a:active, .two-col-bar .sidebar-menu ul li a:active, .sidebar .sidebar-menu ul li a:focus, .two-col-bar .sidebar-menu ul li a:focus, .sidebar .sidebar-menu ul li.active > a, .two-col-bar .sidebar-menu ul li.active > a { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; padding: 4px 12px !important; /* margin: 4px 0 !important; */ text-indent: 0 !important; left: 0 !important; right: auto !important; position: relative !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; margin-left: 0 !important; margin-right: 12px !important; padding-right: 22px !important; width: 100% !important; box-sizing: border-box !important; } /* FORCE REMOVE ALL TRANSFORMS FROM SUBMENU ITEMS */ .sidebar .sidebar-menu ul li.submenu ul li a, .two-col-bar .sidebar-menu ul li.submenu ul li a, .sidebar .sidebar-menu ul li.submenu ul li a:hover, .two-col-bar .sidebar-menu ul li.submenu ul li a:hover, .sidebar .sidebar-menu ul li.submenu ul li a:active, .two-col-bar .sidebar-menu ul li.submenu ul li a:active, .sidebar .sidebar-menu ul li.submenu ul li.active > a, .two-col-bar .sidebar-menu ul li.submenu ul li.active > a { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; padding: 4px 12px !important; margin: 3px 8px !important; text-indent: 0 !important; left: 0 !important; right: auto !important; position: relative !important; } /* FORCE REMOVE ALL TRANSFORMS FROM ICONS AND SPANS */ .sidebar .sidebar-menu ul li a i, .two-col-bar .sidebar-menu ul li a i, .sidebar .sidebar-menu ul li a span, .two-col-bar .sidebar-menu ul li a span, .sidebar .sidebar-menu ul li a .menu-arrow, .two-col-bar .sidebar-menu ul li a .menu-arrow { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; } /* FORCE REMOVE ALL TRANSFORMS FROM CHAT SIDEBAR */ .chat-sidebar .sidebar-menu ul li a, .chat-sidebar .sidebar-menu ul li a:hover, .chat-sidebar .sidebar-menu ul li a:active, .chat-sidebar .sidebar-menu ul li a:focus, .chat-sidebar .sidebar-menu ul li.active > a, .chat-sidebar ul li a, .chat-sidebar ul li a:hover, .chat-sidebar ul li a:active, .chat-sidebar ul li a:focus, .chat-sidebar ul li.active > a, .chat-sidebar .links li a, .chat-sidebar .links li a:hover, .chat-sidebar .links li a:active, .chat-sidebar .links li a:focus { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; text-indent: 0 !important; left: 0 !important; right: auto !important; position: relative !important; } /* FORCE CONSISTENT POSITIONING FOR TEXT AND ICONS */ .chat-sidebar .sidebar-menu ul li a i, .chat-sidebar .sidebar-menu ul li a span, .chat-sidebar ul li a i, .chat-sidebar ul li a span, .sidebar .sidebar-menu ul li a i, .sidebar .sidebar-menu ul li a span, .two-col-bar .sidebar-menu ul li a i, .two-col-bar .sidebar-menu ul li a span { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } /* COLLAPSED SIDEBAR FIXES */ .sidebar.sidebar-mini .sidebar-menu ul li a, .sidebar.sidebar-mini .sidebar-menu ul li a:hover, .sidebar.sidebar-mini .sidebar-menu ul li.active > a, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a:hover, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li.active > a, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a:hover, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li.active > a, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a:hover, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li.active > a { text-align: center !important; padding: 4px 0 !important; /* margin: 4px 0 !important; */ width: 100% !important; border-radius: 0 !important; margin-right: 0 !important; overflow: hidden !important; } .sidebar.sidebar-mini .sidebar-menu ul li a span, .sidebar.sidebar-mini .sidebar-menu ul li a .menu-text, .sidebar.sidebar-mini .sidebar-menu ul li a .menu-arrow, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a span, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a .menu-text, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a .menu-arrow, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a span, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a .menu-text, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a .menu-arrow, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a span, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a .menu-text, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a .menu-arrow { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .sidebar.sidebar-mini .sidebar-menu ul li a i, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li a i, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li a i, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a i { display: block !important; text-align: center !important; margin: 0 auto !important; width: 24px !important; height: 24px !important; line-height: 24px !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } /* Gmail-like behavior: keep the icon column fixed even when mini-sidebar expands (only the label text becomes visible). */ @media (min-width: 992px) { .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; /* 60px icon column starts at the very left of the mini sidebar */ padding: 4px 12px 4px 0 !important; box-sizing: border-box !important; } .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a i { flex: 0 0 60px !important; width: auto !important; margin: 0 !important; text-align: center !important; position: static !important; } .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li a span { margin-left: 0 !important; /* override style.css default spacing */ white-space: nowrap !important; } } .sidebar.sidebar-mini .sidebar-menu ul li.menu-title, .sidebar.mini-sidebar:not(.chat-sidebar) .sidebar-menu ul li.menu-title, .sidebar.collapsed:not(.chat-sidebar) .sidebar-menu ul li.menu-title, .mini-sidebar .sidebar:not(.chat-sidebar) .sidebar-menu ul li.menu-title { /* display: none !important; visibility: hidden !important; height: 0 !important; */ overflow: hidden !important; } .sidebar.sidebar-mini:not(:hover) .sidebar-menu ul li.submenu ul, .sidebar.mini-sidebar:not(.chat-sidebar):not(:hover) .sidebar-menu ul li.submenu ul, .sidebar.collapsed:not(.chat-sidebar):not(:hover) .sidebar-menu ul li.submenu ul, .mini-sidebar .sidebar:not(.chat-sidebar):not(:hover) .sidebar-menu ul li.submenu ul { display: none !important; } /* Prevent submenus from auto-expanding when sidebar is collapsed (not hovered) */ .mini-sidebar .sidebar:not(.chat-sidebar):not(:hover) .sidebar-menu ul li.submenu ul.collapse { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } /* Even if submenu has .show class (from route matching), hide it when sidebar is collapsed (not hovered) */ .mini-sidebar .sidebar:not(.chat-sidebar):not(:hover) .sidebar-menu ul li.submenu ul.collapse.show { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } /* On hover, closed submenus stay collapsed (height animated by JS — do not use display:none) */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.submenu ul.collapse:not(.show) { display: block !important; visibility: visible !important; height: 0; overflow: hidden !important; max-height: none !important; opacity: 0; pointer-events: none; } /* ========================================= */ /* SIDEBAR HOVER EXPAND - OVERLAP CONTENT */ /* ========================================= */ /* When sidebar is in mini-sidebar state, expand on hover and overlap content */ @media (min-width: 992px) { /* Expand sidebar width on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover { width: 230px !important; z-index: 1002 !important; /* Ensure it's above content */ box-shadow: none !important; transition: width 0.3s ease !important; } /* Show menu titles on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.menu-title { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; } /* Show menu item text/spans on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a span, .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a .menu-text, .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a .menu-arrow { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; overflow: visible !important; } /* Adjust menu item layout on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a { /* Keep icon anchored using the fixed 60px icon column (Gmail-like) */ text-align: center !important; padding: 4px 12px 4px 0 !important; /* margin: 4px 12px !important; */ width: 100% !important; border-radius: 4px !important; margin-left: 0px !important; margin-right: 12px !important; padding-right: 22px !important; overflow: visible !important; margin-bottom: 0px !important; } /* Prevent the global :hover/:active menu rules from shifting icon position */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a:hover { padding-left: 0 !important; } .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.active > a { padding-left: 0 !important; } /* Adjust icon positioning on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li a i { display: block !important; flex: 0 0 60px !important; width: auto !important; margin: 0 !important; text-align: center !important; height: 24px !important; line-height: 24px !important; position: static !important; } /* Submenus while mini-sidebar is hover-expanded: JS animates height (no snap / no transition:none) */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.submenu ul.collapse { display: block !important; visibility: visible !important; overflow: hidden !important; max-height: none !important; transition: height 0.3s ease, opacity 0.25s ease, padding 0.3s ease !important; } .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.submenu ul.collapse:not(.show) { height: 0; opacity: 0; pointer-events: none; } .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.submenu ul.collapse.show { opacity: 1; pointer-events: auto; } /* Prevent Bootstrap from auto-expanding submenus on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover .sidebar-menu ul li.submenu a[data-bs-toggle="collapse"] { pointer-events: auto !important; } /* Ensure page-wrapper doesn't shift when hovering */ .mini-sidebar .page-wrapper { margin-left: 60px !important; transition: none !important; } /* Ensure sidebar maintains fixed positioning on hover */ .mini-sidebar .sidebar:not(.chat-sidebar):hover { position: fixed !important; left: 0 !important; } } /* Gmail-like behavior for toggle-expanded sidebar (not hover): when `body` does NOT have `.mini-sidebar`, keep a fixed 60px icon column. */ @media (min-width: 992px) { body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul li a, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; /* Anchor the icon column at a consistent x position */ padding: 4px 12px 4px 0 !important; box-sizing: border-box !important; text-align: center !important; } body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul li a i, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul li a i { flex: 0 0 60px !important; width: auto !important; margin: 0 !important; text-align: center !important; height: 24px !important; line-height: 24px !important; position: static !important; } body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul li a span, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul li a span { margin-left: 0 !important; /* override default 15px spacing */ white-space: nowrap !important; } /* Prevent hover/active rules from pushing the icon column */ body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul li a:hover, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul li a:hover { padding-left: 0 !important; } body:not(.mini-sidebar) .sidebar:not(.chat-sidebar) .sidebar-menu ul li.active > a, body:not(.mini-sidebar) .two-col-bar:not(.chat-sidebar) .sidebar-menu ul li.active > a { padding-left: 0 !important; } } /* Submenu enhancements */ .sidebar .sidebar-menu ul li.submenu ul { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%); /* border-left: 2px solid rgba(220, 240, 255, 0.4); */ margin-left: 18px; } .sidebar .sidebar-menu ul li.submenu ul li a { border-radius: 0 20px 20px 0; margin-right: 18px; } /* Removed ::after hover effects for menu items */ /* Removed ::after active effects for menu items */ /* ========================================= */ /* 🔥 ULTRA-THIN GRAY SCROLLBARS FOR ENTIRE APP 🔥 */ /* ========================================= */ /* Global Webkit Scrollbar Styles - Ultra Thin Gray */ ::-webkit-scrollbar { width: 2px !important; height: 2px !important; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05) !important; border-radius: 1px !important; } ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.6) 0%, rgba(107, 114, 128, 0.4) 100%) !important; border-radius: 1px !important; -webkit-transition: all 0.2s ease !important; transition: all 0.2s ease !important; } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(75, 85, 99, 0.8) 0%, rgba(107, 114, 128, 0.6) 100%) !important; } ::-webkit-scrollbar-corner { background: transparent !important; } /* Firefox Scrollbar Styling */ * { scrollbar-width: thin !important; scrollbar-color: rgba(75, 85, 99, 0.6) rgba(0, 0, 0, 0.05) !important; } /* Specific Ultra-Thin Gray Scrollbars for Common Elements */ .table-responsive::-webkit-scrollbar, .card-body::-webkit-scrollbar, .modal-body::-webkit-scrollbar, .sidebar-inner::-webkit-scrollbar, .chat-contents::-webkit-scrollbar, .content-wrapper::-webkit-scrollbar, .page-wrapper::-webkit-scrollbar, .main-wrapper::-webkit-scrollbar, .dataTables_wrapper::-webkit-scrollbar, .form-control::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar, .collapse::-webkit-scrollbar, .tab-content::-webkit-scrollbar, .list-group::-webkit-scrollbar, .navbar-nav::-webkit-scrollbar, .breadcrumb::-webkit-scrollbar, .pagination::-webkit-scrollbar, .alert::-webkit-scrollbar, .progress::-webkit-scrollbar, .carousel::-webkit-scrollbar, .accordion::-webkit-scrollbar, .toast::-webkit-scrollbar, .popover::-webkit-scrollbar, .tooltip::-webkit-scrollbar, .btn-group::-webkit-scrollbar, .input-group::-webkit-scrollbar, .form-floating::-webkit-scrollbar, .form-select::-webkit-scrollbar, .form-check::-webkit-scrollbar, .form-switch::-webkit-scrollbar, .form-range::-webkit-scrollbar, .nav::-webkit-scrollbar, .nav-tabs::-webkit-scrollbar, .nav-pills::-webkit-scrollbar, .navbar::-webkit-scrollbar, .navbar-collapse::-webkit-scrollbar, .container::-webkit-scrollbar, .container-fluid::-webkit-scrollbar, .row::-webkit-scrollbar, .col::-webkit-scrollbar, .d-flex::-webkit-scrollbar, .overflow-auto::-webkit-scrollbar, .overflow-scroll::-webkit-scrollbar, .overflow-x-auto::-webkit-scrollbar, .overflow-y-auto::-webkit-scrollbar, .overflow-x-scroll::-webkit-scrollbar, .overflow-y-scroll::-webkit-scrollbar, .h-100::-webkit-scrollbar, .w-100::-webkit-scrollbar, .mh-100::-webkit-scrollbar, .mw-100::-webkit-scrollbar, .vh-100::-webkit-scrollbar, .vw-100::-webkit-scrollbar, .min-vh-100::-webkit-scrollbar, .min-vw-100::-webkit-scrollbar, .position-relative::-webkit-scrollbar, .position-absolute::-webkit-scrollbar, .position-fixed::-webkit-scrollbar, .position-sticky::-webkit-scrollbar, .text-wrap::-webkit-scrollbar, .text-nowrap::-webkit-scrollbar, .text-truncate::-webkit-scrollbar, .border::-webkit-scrollbar, .border-top::-webkit-scrollbar, .border-end::-webkit-scrollbar, .border-bottom::-webkit-scrollbar, .border-start::-webkit-scrollbar, .rounded::-webkit-scrollbar, .rounded-top::-webkit-scrollbar, .rounded-end::-webkit-scrollbar, .rounded-bottom::-webkit-scrollbar, .rounded-start::-webkit-scrollbar, .rounded-circle::-webkit-scrollbar, .rounded-pill::-webkit-scrollbar, .shadow::-webkit-scrollbar, .shadow-sm::-webkit-scrollbar, .shadow-lg::-webkit-scrollbar, .shadow-none::-webkit-scrollbar { width: 2px !important; height: 2px !important; } .table-responsive::-webkit-scrollbar-track, .card-body::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track, .sidebar-inner::-webkit-scrollbar-track, .chat-contents::-webkit-scrollbar-track, .content-wrapper::-webkit-scrollbar-track, .page-wrapper::-webkit-scrollbar-track, .main-wrapper::-webkit-scrollbar-track, .dataTables_wrapper::-webkit-scrollbar-track, .form-control::-webkit-scrollbar-track, .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track, .collapse::-webkit-scrollbar-track, .tab-content::-webkit-scrollbar-track, .list-group::-webkit-scrollbar-track, .navbar-nav::-webkit-scrollbar-track, .breadcrumb::-webkit-scrollbar-track, .pagination::-webkit-scrollbar-track, .alert::-webkit-scrollbar-track, .progress::-webkit-scrollbar-track, .carousel::-webkit-scrollbar-track, .accordion::-webkit-scrollbar-track, .toast::-webkit-scrollbar-track, .popover::-webkit-scrollbar-track, .tooltip::-webkit-scrollbar-track, .btn-group::-webkit-scrollbar-track, .input-group::-webkit-scrollbar-track, .form-floating::-webkit-scrollbar-track, .form-select::-webkit-scrollbar-track, .form-check::-webkit-scrollbar-track, .form-switch::-webkit-scrollbar-track, .form-range::-webkit-scrollbar-track, .nav::-webkit-scrollbar-track, .nav-tabs::-webkit-scrollbar-track, .nav-pills::-webkit-scrollbar-track, .navbar::-webkit-scrollbar-track, .navbar-collapse::-webkit-scrollbar-track, .container::-webkit-scrollbar-track, .container-fluid::-webkit-scrollbar-track, .row::-webkit-scrollbar-track, .col::-webkit-scrollbar-track, .d-flex::-webkit-scrollbar-track, .overflow-auto::-webkit-scrollbar-track, .overflow-scroll::-webkit-scrollbar-track, .overflow-x-auto::-webkit-scrollbar-track, .overflow-y-auto::-webkit-scrollbar-track, .overflow-x-scroll::-webkit-scrollbar-track, .overflow-y-scroll::-webkit-scrollbar-track, .h-100::-webkit-scrollbar-track, .w-100::-webkit-scrollbar-track, .mh-100::-webkit-scrollbar-track, .mw-100::-webkit-scrollbar-track, .vh-100::-webkit-scrollbar-track, .vw-100::-webkit-scrollbar-track, .min-vh-100::-webkit-scrollbar-track, .min-vw-100::-webkit-scrollbar-track, .position-relative::-webkit-scrollbar-track, .position-absolute::-webkit-scrollbar-track, .position-fixed::-webkit-scrollbar-track, .position-sticky::-webkit-scrollbar-track, .text-wrap::-webkit-scrollbar-track, .text-nowrap::-webkit-scrollbar-track, .text-truncate::-webkit-scrollbar-track, .border::-webkit-scrollbar-track, .border-top::-webkit-scrollbar-track, .border-end::-webkit-scrollbar-track, .border-bottom::-webkit-scrollbar-track, .border-start::-webkit-scrollbar-track, .rounded::-webkit-scrollbar-track, .rounded-top::-webkit-scrollbar-track, .rounded-end::-webkit-scrollbar-track, .rounded-bottom::-webkit-scrollbar-track, .rounded-start::-webkit-scrollbar-track, .rounded-circle::-webkit-scrollbar-track, .rounded-pill::-webkit-scrollbar-track, .shadow::-webkit-scrollbar-track, .shadow-sm::-webkit-scrollbar-track, .shadow-lg::-webkit-scrollbar-track, .shadow-none::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; } .table-responsive::-webkit-scrollbar-thumb, .card-body::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb, .sidebar-inner::-webkit-scrollbar-thumb, .chat-contents::-webkit-scrollbar-thumb, .content-wrapper::-webkit-scrollbar-thumb, .page-wrapper::-webkit-scrollbar-thumb, .main-wrapper::-webkit-scrollbar-thumb, .dataTables_wrapper::-webkit-scrollbar-thumb, .form-control::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb, .collapse::-webkit-scrollbar-thumb, .tab-content::-webkit-scrollbar-thumb, .list-group::-webkit-scrollbar-thumb, .navbar-nav::-webkit-scrollbar-thumb, .breadcrumb::-webkit-scrollbar-thumb, .pagination::-webkit-scrollbar-thumb, .alert::-webkit-scrollbar-thumb, .progress::-webkit-scrollbar-thumb, .carousel::-webkit-scrollbar-thumb, .accordion::-webkit-scrollbar-thumb, .toast::-webkit-scrollbar-thumb, .popover::-webkit-scrollbar-thumb, .tooltip::-webkit-scrollbar-thumb, .btn-group::-webkit-scrollbar-thumb, .input-group::-webkit-scrollbar-thumb, .form-floating::-webkit-scrollbar-thumb, .form-select::-webkit-scrollbar-thumb, .form-check::-webkit-scrollbar-thumb, .form-switch::-webkit-scrollbar-thumb, .form-range::-webkit-scrollbar-thumb, .nav::-webkit-scrollbar-thumb, .nav-tabs::-webkit-scrollbar-thumb, .nav-pills::-webkit-scrollbar-thumb, .navbar::-webkit-scrollbar-thumb, .navbar-collapse::-webkit-scrollbar-thumb, .container::-webkit-scrollbar-thumb, .container-fluid::-webkit-scrollbar-thumb, .row::-webkit-scrollbar-thumb, .col::-webkit-scrollbar-thumb, .d-flex::-webkit-scrollbar-thumb, .overflow-auto::-webkit-scrollbar-thumb, .overflow-scroll::-webkit-scrollbar-thumb, .overflow-x-auto::-webkit-scrollbar-thumb, .overflow-y-auto::-webkit-scrollbar-thumb, .overflow-x-scroll::-webkit-scrollbar-thumb, .overflow-y-scroll::-webkit-scrollbar-thumb, .h-100::-webkit-scrollbar-thumb, .w-100::-webkit-scrollbar-thumb, .mh-100::-webkit-scrollbar-thumb, .mw-100::-webkit-scrollbar-thumb, .vh-100::-webkit-scrollbar-thumb, .vw-100::-webkit-scrollbar-thumb, .min-vh-100::-webkit-scrollbar-thumb, .min-vw-100::-webkit-scrollbar-thumb, .position-relative::-webkit-scrollbar-thumb, .position-absolute::-webkit-scrollbar-thumb, .position-fixed::-webkit-scrollbar-thumb, .position-sticky::-webkit-scrollbar-thumb, .text-wrap::-webkit-scrollbar-thumb, .text-nowrap::-webkit-scrollbar-thumb, .text-truncate::-webkit-scrollbar-thumb, .border::-webkit-scrollbar-thumb, .border-top::-webkit-scrollbar-thumb, .border-end::-webkit-scrollbar-thumb, .border-bottom::-webkit-scrollbar-thumb, .border-start::-webkit-scrollbar-thumb, .rounded::-webkit-scrollbar-thumb, .rounded-top::-webkit-scrollbar-thumb, .rounded-end::-webkit-scrollbar-thumb, .rounded-bottom::-webkit-scrollbar-thumb, .rounded-start::-webkit-scrollbar-thumb, .rounded-circle::-webkit-scrollbar-thumb, .rounded-pill::-webkit-scrollbar-thumb, .shadow::-webkit-scrollbar-thumb, .shadow-sm::-webkit-scrollbar-thumb, .shadow-lg::-webkit-scrollbar-thumb, .shadow-none::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.5) 0%, rgba(107, 114, 128, 0.3) 100%) !important; border-radius: 1px !important; opacity: 0.7 !important; -webkit-transition: all 0.2s ease !important; transition: all 0.2s ease !important; } .table-responsive::-webkit-scrollbar-thumb:hover, .card-body::-webkit-scrollbar-thumb:hover, .modal-body::-webkit-scrollbar-thumb:hover, .sidebar-inner::-webkit-scrollbar-thumb:hover, .chat-contents::-webkit-scrollbar-thumb:hover, .content-wrapper::-webkit-scrollbar-thumb:hover, .page-wrapper::-webkit-scrollbar-thumb:hover, .main-wrapper::-webkit-scrollbar-thumb:hover, .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .form-control::-webkit-scrollbar-thumb:hover, .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover, .collapse::-webkit-scrollbar-thumb:hover, .tab-content::-webkit-scrollbar-thumb:hover, .list-group::-webkit-scrollbar-thumb:hover, .navbar-nav::-webkit-scrollbar-thumb:hover, .breadcrumb::-webkit-scrollbar-thumb:hover, .pagination::-webkit-scrollbar-thumb:hover, .alert::-webkit-scrollbar-thumb:hover, .progress::-webkit-scrollbar-thumb:hover, .carousel::-webkit-scrollbar-thumb:hover, .accordion::-webkit-scrollbar-thumb:hover, .toast::-webkit-scrollbar-thumb:hover, .popover::-webkit-scrollbar-thumb:hover, .tooltip::-webkit-scrollbar-thumb:hover, .btn-group::-webkit-scrollbar-thumb:hover, .input-group::-webkit-scrollbar-thumb:hover, .form-floating::-webkit-scrollbar-thumb:hover, .form-select::-webkit-scrollbar-thumb:hover, .form-check::-webkit-scrollbar-thumb:hover, .form-switch::-webkit-scrollbar-thumb:hover, .form-range::-webkit-scrollbar-thumb:hover, .nav::-webkit-scrollbar-thumb:hover, .nav-tabs::-webkit-scrollbar-thumb:hover, .nav-pills::-webkit-scrollbar-thumb:hover, .navbar::-webkit-scrollbar-thumb:hover, .navbar-collapse::-webkit-scrollbar-thumb:hover, .container::-webkit-scrollbar-thumb:hover, .container-fluid::-webkit-scrollbar-thumb:hover, .row::-webkit-scrollbar-thumb:hover, .col::-webkit-scrollbar-thumb:hover, .d-flex::-webkit-scrollbar-thumb:hover, .overflow-auto::-webkit-scrollbar-thumb:hover, .overflow-scroll::-webkit-scrollbar-thumb:hover, .overflow-x-auto::-webkit-scrollbar-thumb:hover, .overflow-y-auto::-webkit-scrollbar-thumb:hover, .overflow-x-scroll::-webkit-scrollbar-thumb:hover, .overflow-y-scroll::-webkit-scrollbar-thumb:hover, .h-100::-webkit-scrollbar-thumb:hover, .w-100::-webkit-scrollbar-thumb:hover, .mh-100::-webkit-scrollbar-thumb:hover, .mw-100::-webkit-scrollbar-thumb:hover, .vh-100::-webkit-scrollbar-thumb:hover, .vw-100::-webkit-scrollbar-thumb:hover, .min-vh-100::-webkit-scrollbar-thumb:hover, .min-vw-100::-webkit-scrollbar-thumb:hover, .position-relative::-webkit-scrollbar-thumb:hover, .position-absolute::-webkit-scrollbar-thumb:hover, .position-fixed::-webkit-scrollbar-thumb:hover, .position-sticky::-webkit-scrollbar-thumb:hover, .text-wrap::-webkit-scrollbar-thumb:hover, .text-nowrap::-webkit-scrollbar-thumb:hover, .text-truncate::-webkit-scrollbar-thumb:hover, .border::-webkit-scrollbar-thumb:hover, .border-top::-webkit-scrollbar-thumb:hover, .border-end::-webkit-scrollbar-thumb:hover, .border-bottom::-webkit-scrollbar-thumb:hover, .border-start::-webkit-scrollbar-thumb:hover, .rounded::-webkit-scrollbar-thumb:hover, .rounded-top::-webkit-scrollbar-thumb:hover, .rounded-end::-webkit-scrollbar-thumb:hover, .rounded-bottom::-webkit-scrollbar-thumb:hover, .rounded-start::-webkit-scrollbar-thumb:hover, .rounded-circle::-webkit-scrollbar-thumb:hover, .rounded-pill::-webkit-scrollbar-thumb:hover, .shadow::-webkit-scrollbar-thumb:hover, .shadow-sm::-webkit-scrollbar-thumb:hover, .shadow-lg::-webkit-scrollbar-thumb:hover, .shadow-none::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(75, 85, 99, 0.7) 0%, rgba(107, 114, 128, 0.5) 100%) !important; opacity: 0.9 !important; } /* Perfect Scrollbar Ultra-Thin Gray Customization */ .ps__rail-y { width: 2px !important; background-color: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; opacity: 0.6 !important; } .ps__thumb-y { background: linear-gradient(180deg, rgba(75, 85, 99, 0.6) 0%, rgba(107, 114, 128, 0.4) 100%) !important; width: 2px !important; border-radius: 1px !important; transition: all 0.2s ease !important; } .ps__rail-x { height: 2px !important; background-color: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; opacity: 0.6 !important; } .ps__thumb-x { background: linear-gradient(90deg, rgba(75, 85, 99, 0.6) 0%, rgba(107, 114, 128, 0.4) 100%) !important; height: 2px !important; border-radius: 1px !important; transition: all 0.2s ease !important; } /* Ultra-Thin Gray Scrollbars for DataTables */ .dataTables_scrollBody::-webkit-scrollbar { width: 2px !important; height: 2px !important; } .dataTables_scrollBody::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; } .dataTables_scrollBody::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.5) 0%, rgba(107, 114, 128, 0.3) 100%) !important; border-radius: 1px !important; opacity: 0.7 !important; } .dataTables_scrollBody::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(75, 85, 99, 0.7) 0%, rgba(107, 114, 128, 0.5) 100%) !important; opacity: 0.9 !important; } /* Ultra-Thin Gray Scrollbars for Code/Pre Elements */ pre::-webkit-scrollbar, code::-webkit-scrollbar, .highlight::-webkit-scrollbar, .code-block::-webkit-scrollbar { width: 2px !important; height: 2px !important; } pre::-webkit-scrollbar-track, code::-webkit-scrollbar-track, .highlight::-webkit-scrollbar-track, .code-block::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; } pre::-webkit-scrollbar-thumb, code::-webkit-scrollbar-thumb, .highlight::-webkit-scrollbar-thumb, .code-block::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.5) 0%, rgba(107, 114, 128, 0.3) 100%) !important; border-radius: 1px !important; opacity: 0.7 !important; } pre::-webkit-scrollbar-thumb:hover, code::-webkit-scrollbar-thumb:hover, .highlight::-webkit-scrollbar-thumb:hover, .code-block::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(75, 85, 99, 0.7) 0%, rgba(107, 114, 128, 0.5) 100%) !important; opacity: 0.9 !important; } /* Ultra-Thin Gray Scrollbars for Textarea and Input Elements */ textarea::-webkit-scrollbar, .form-control::-webkit-scrollbar, .form-select::-webkit-scrollbar { width: 2px !important; height: 2px !important; } textarea::-webkit-scrollbar-track, .form-control::-webkit-scrollbar-track, .form-select::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; } textarea::-webkit-scrollbar-thumb, .form-control::-webkit-scrollbar-thumb, .form-select::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.5) 0%, rgba(107, 114, 128, 0.3) 100%) !important; border-radius: 1px !important; opacity: 0.7 !important; } textarea::-webkit-scrollbar-thumb:hover, .form-control::-webkit-scrollbar-thumb:hover, .form-select::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(75, 85, 99, 0.7) 0%, rgba(107, 114, 128, 0.5) 100%) !important; opacity: 0.9 !important; } /* Hide scrollbars but keep functionality for specific elements */ .scrollbar-hidden { -ms-overflow-style: none !important; scrollbar-width: none !important; } .scrollbar-hidden::-webkit-scrollbar { display: none !important; } /* Show ultra-thin scrollbars on hover for specific elements */ .scrollbar-hover { -ms-overflow-style: none !important; scrollbar-width: none !important; } .scrollbar-hover::-webkit-scrollbar { display: none !important; } .scrollbar-hover:hover { -ms-overflow-style: auto !important; scrollbar-width: thin !important; } .scrollbar-hover:hover::-webkit-scrollbar { display: block !important; width: 2px !important; height: 2px !important; } .scrollbar-hover:hover::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 1px !important; } .scrollbar-hover:hover::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(75, 85, 99, 0.5) 0%, rgba(107, 114, 128, 0.3) 100%) !important; border-radius: 1px !important; opacity: 0.7 !important; } /* Ultra-Thin Gray Scrollbars for Mobile Devices */ @media (max-width: 768px) { ::-webkit-scrollbar { width: 1px !important; height: 1px !important; } .ps__rail-y { width: 1px !important; } .ps__thumb-y { width: 1px !important; } .ps__rail-x { height: 1px !important; } .ps__thumb-x { height: 1px !important; } } /* Chat page mobile layout */ @media (max-width: 991px) { /* Remove desktop dual-sidebar offsets on mobile */ body.mini-sidebar .chat-page-wrapper, body:not(.mini-sidebar) .chat-page-wrapper, body:not(.mini-sidebar).chat-sidebar-mini .chat-page-wrapper, body:not(.chat-sidebar-mini) .chat-page-wrapper { margin-left: 0 !important; width: 100% !important; } /* Chat sidebar must start at viewport edge on mobile (not left: 60px/230px) */ body .sidebar.chat-sidebar, body.mini-sidebar .sidebar.chat-sidebar, body:not(.mini-sidebar) .sidebar.chat-sidebar { left: 0 !important; margin-left: -325px; width: 325px !important; } body.chat-sidebar-mini .sidebar.chat-sidebar { left: 0 !important; margin-left: -325px !important; } /* List view: full-width chat list, hide empty content pane */ body.chat-mobile-list:not(.chat-sidebar-mini) .sidebar.chat-sidebar { left: 0 !important; margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } body.chat-mobile-list .chat-page-wrapper { margin-left: 0 !important; width: 100% !important; } body.chat-mobile-list .chat-main-row { display: none !important; } /* Conversation view: full-width chat window, hide chat list sidebar */ body.chat-mobile-conversation .sidebar.chat-sidebar { left: 0 !important; margin-left: -325px !important; } body.chat-mobile-conversation .chat-page-wrapper { margin-left: 0 !important; width: 100% !important; } body.chat-mobile-conversation .chat-main-row { display: block !important; } /* App nav drawer open on mobile */ body.slide-nav.chat-mobile-list:not(.chat-sidebar-mini) .sidebar.chat-sidebar { left: 225px !important; margin-left: 0 !important; width: calc(100% - 225px) !important; } body.slide-nav.chat-mobile-conversation .sidebar.chat-sidebar { left: 225px !important; margin-left: calc(-100% + 225px) !important; } .chat-main-row .chat-main-wrapper { display: block; width: 100%; } .chat-main-row .chat-main-wrapper .message-view, .chat-main-row .chat-main-wrapper .message-view.task-view { display: block; width: 100% !important; max-width: 100%; } } /* ========================================= */ /* DUAL-PANE SIDEBAR (icons + submenu) */ /* ========================================= */ :root { --sidebar-icons-pane-width: 72px; --sidebar-icons-gutter: 0px; --sidebar-icons-rail-width: 72px; --sidebar-submenu-pane-width: 188px; --sidebar-icons-pane-radius: 0px; --sidebar-icons-pane-border: #1e3a8a; /* Shared height for icons-pane toolbar rail and in-page chrome headers (e.g. project view topbar) */ --workspace-chrome-rail-height: 46px; } /* * Full-height application surfaces used by detail/workspace pages. * Their outer gutter and radius intentionally mirror the floating icons pane. * The wrapper is pinned to exactly one viewport so the surface below it never * grows past the fold (several of these pages also set an inline min-height). */ .page-wrapper.rounded-page-wrapper { box-sizing: border-box; height: 100vh; min-height: 100vh !important; max-height: 100vh; overflow: hidden; padding: calc(60px + var(--sidebar-icons-gutter)) var(--sidebar-icons-gutter) var(--sidebar-icons-gutter) !important; } .rounded-page-wrapper > .rounded-page-surface { position: relative !important; box-sizing: border-box; width: 100%; height: 100% !important; min-height: 0 !important; max-height: 100% !important; border: 1px solid rgba(226, 232, 240, 0.9); border-radius: var(--sidebar-icons-pane-radius); overflow: hidden; background-clip: padding-box; } .rounded-page-wrapper > .rounded-page-surface--scroll { overflow-y: auto; overflow-x: hidden; } /* Inner containers sized against the raw viewport must fit the shell instead */ .rounded-page-wrapper > .rounded-page-surface > .meeting-details-container { height: 100% !important; } /* * .chat-main-row inherits the wrapper's padding, which would re-apply the * header offset and gutters a second time inside the shell. */ .rounded-page-wrapper > .chat-main-row.rounded-page-surface { padding-top: 0 !important; padding-bottom: 0 !important; } .rounded-page-wrapper > .meeting-details-body-region.rounded-page-surface { background-color: #f6f7f9; } @media (min-width: 992px) { /* * The rail (and the submenu when pinned) already ends where the wrapper's * margin begins, so an extra left pad here would double the gutter. */ .page-wrapper.rounded-page-wrapper { padding-left: 0 !important; } /* A pinned submenu and the page surface form one continuous workspace */ body:not(.mini-sidebar) .rounded-page-wrapper > .rounded-page-surface { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* * Chat is a compound shell: fixed .chat-sidebar (list) + .chat-page-wrapper * (conversation). The list pane owns the left edge; conversation stays * square on the left in both mini and pinned-submenu modes. * The chat list owns the left edge, so its right border is the only seam. */ .page-wrapper.chat-page-wrapper.rounded-page-wrapper > .rounded-page-surface { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } body .sidebar.chat-sidebar { top: calc(60px + var(--sidebar-icons-gutter)) !important; bottom: var(--sidebar-icons-gutter) !important; height: auto !important; overflow: hidden !important; background-color: #ffffff !important; border: 1px solid rgba(226, 232, 240, 0.9); box-shadow: none !important; } /* Icons-only: chat list is the left edge of the rounded content box */ body.mini-sidebar .sidebar.chat-sidebar { border-radius: var(--sidebar-icons-pane-radius) 0 0 var(--sidebar-icons-pane-radius); } /* Pinned submenu: join flush to the submenu’s right edge */ body:not(.mini-sidebar) .sidebar.chat-sidebar { border-radius: 0; } } .sidebar.sidebar-dual:not(.chat-sidebar) { display: flex !important; align-items: stretch !important; width: calc(var(--sidebar-icons-rail-width) + var(--sidebar-submenu-pane-width)) !important; overflow: visible !important; background: transparent !important; border-right: none !important; box-shadow: none !important; transition: width 0.3s ease !important; font-size: 12px !important; } .sidebar.sidebar-dual:not(.chat-sidebar)::before { display: none !important; } body.mini-sidebar .sidebar.sidebar-dual:not(.chat-sidebar) { width: var(--sidebar-icons-rail-width) !important; } /* Keep page content aligned with the wider icons rail */ @media (min-width: 992px) { body:not(.mini-sidebar) .page-wrapper { margin-left: calc( var(--sidebar-icons-rail-width, 72px) + var(--sidebar-submenu-pane-width, 160px) ) !important; } body.mini-sidebar .page-wrapper { margin-left: var(--sidebar-icons-rail-width, 72px) !important; } } /* Disable legacy hover-expand on the dual-pane sidebar */ @media (min-width: 992px) { body.mini-sidebar .sidebar.sidebar-dual:not(.chat-sidebar):hover { width: var(--sidebar-icons-rail-width) !important; box-shadow: none !important; } } /* Icons pane — flush rail, white fill, former blue as border */ .sidebar.sidebar-dual .sidebar-icons-pane { position: relative; z-index: 3; display: flex; flex-direction: column; flex: 0 0 var(--sidebar-icons-pane-width); width: var(--sidebar-icons-pane-width); box-sizing: border-box; margin: 0; height: 100%; background: #ffffff; border: none; border-right: 1px solid var(--sidebar-icons-pane-border); border-radius: 0; overflow: hidden; box-shadow: none; } /* Fixed toolbar above the scrolling icons (separator; no overlap when scrolled) */ .sidebar.sidebar-dual .sidebar-icons-pane-toolbar { position: relative; z-index: 2; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--workspace-chrome-rail-height); min-height: var(--workspace-chrome-rail-height); padding: 0; background: #ffffff; /* border-bottom: 1px solid rgba(30, 58, 138, 0.18); */ box-shadow: none; } .sidebar.sidebar-dual .sidebar-icons-scroll { flex: 1 1 auto; min-height: 0; height: 0 !important; /* flex child fills remaining pane below toolbar */ max-height: none !important; margin: 0 !important; width: 100%; } .sidebar.sidebar-dual .sidebar-icons-scroll.ps, .sidebar.sidebar-dual .sidebar-icons-scroll > .ps { height: 100% !important; } .sidebar.sidebar-dual .sidebar-icons-menu { display: flex; flex-direction: column; align-items: center; padding: 6px 0 14px; gap: 1px; } .sidebar.sidebar-dual .sidebar-icon-item { position: relative; display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; width: calc(100% - 8px); min-height: 48px; padding: 6px 2px 5px !important; margin: 0 4px !important; color: #64748b !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; cursor: pointer; transition: color 0.2s ease, font-weight 0.2s ease; gap: 2px; } .sidebar.sidebar-dual .sidebar-icon-item i { display: block !important; width: 25px !important; height: 25px !important; line-height: 25px !important; font-size: 25px !important; text-align: center !important; margin: 0 auto !important; color: inherit !important; flex-shrink: 0; } .sidebar.sidebar-dual .sidebar-icon-item .sidebar-icon-label { width: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.15 !important; text-align: center !important; color: inherit !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /* Only wrap between words, so single-word labels never split as "Performanc/e" */ word-break: normal; overflow-wrap: normal; hyphens: none; opacity: 0.92; visibility: visible !important; height: auto !important; } .sidebar.sidebar-dual .sidebar-icon-item:hover { background: transparent !important; color: #1e3a8a !important; } .sidebar.sidebar-dual .sidebar-icon-item:hover .sidebar-icon-label { font-weight: 600 !important; } .sidebar.sidebar-dual .sidebar-icon-item.active, .sidebar.sidebar-dual .sidebar-icon-item.active:hover { background: var(--sidebar-icons-pane-border, #1e3a8a) !important; color: #ffffff !important; border-radius: 8px !important; } .sidebar.sidebar-dual .sidebar-icon-item.active i, .sidebar.sidebar-dual .sidebar-icon-item.active:hover i { color: #ffffff !important; } .sidebar.sidebar-dual .sidebar-icon-item.active .sidebar-icon-label, .sidebar.sidebar-dual .sidebar-icon-item.active:hover .sidebar-icon-label { font-weight: 600 !important; color: #ffffff !important; opacity: 1; } .sidebar.sidebar-dual .sidebar-icon-item .noti-dot { position: absolute; top: 4px; right: 10px; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%); box-shadow: 0 0 10px rgba(147, 197, 253, 0.55); } /* Toggle buttons */ .sidebar.sidebar-dual .sidebar-pane-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px; background: rgb(238, 238, 238); color: #4a5568; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } .sidebar.sidebar-dual .sidebar-pane-toggle:hover { background: rgb(226, 226, 226); color: #1e3a8a; } .sidebar.sidebar-dual .sidebar-pane-toggle--expand { position: static; top: auto; left: auto; transform: none; z-index: auto; flex-shrink: 0; } .sidebar.sidebar-dual .sidebar-pane-toggle--expand + .sidebar-icons-scroll .sidebar-icons-menu { padding-top: 0; } /* toolbar already provides spacing; keep menu top padding modest */ .sidebar.sidebar-dual .sidebar-icons-pane-toolbar + .sidebar-icons-scroll .sidebar-icons-menu { padding-top: 6px; } .sidebar.sidebar-dual .sidebar-pane-toggle--collapse { flex-shrink: 0; width: 20px; height: 20px; border-radius: 4px; font-size: 12px; line-height: 1; background: rgb(238, 238, 238); color: #4a5568; } .sidebar.sidebar-dual .sidebar-pane-toggle--collapse:hover { background: rgb(226, 226, 226); color: #3182ce; } .sidebar.sidebar-dual .sidebar-pane-toggle--collapse i { font-size: 12px; line-height: 1; } /* Submenu panes — flush to icons pane, no radius */ .sidebar.sidebar-dual .sidebar-submenu-pane { position: absolute; top: 0; bottom: 0; left: var(--sidebar-icons-rail-width); width: var(--sidebar-submenu-pane-width); background: #ffffff; border-right: 1px solid rgba(226, 232, 240, 0.7); border-radius: 0; overflow: hidden; transform: translateX(-100%); opacity: 0; pointer-events: none; transition: transform 0.3s ease, opacity 0.3s ease; will-change: transform, opacity; } .sidebar.sidebar-dual .sidebar-submenu-pane.is-open { transform: translateX(0); opacity: 1; pointer-events: auto; } .sidebar.sidebar-dual .sidebar-submenu-pane--selected { z-index: 1; } .sidebar.sidebar-dual .sidebar-submenu-pane--hover { z-index: 2; box-shadow: 4px 0 18px rgba(0, 0, 0, 0.08); } .sidebar.sidebar-dual .sidebar-submenu-pane-inner { display: flex; flex-direction: column; height: 100%; } .sidebar.sidebar-dual .sidebar-submenu-pane-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; box-sizing: border-box; height: 36px; min-height: 36px; max-height: 36px; padding: 0 10px; /* border-bottom: 1px solid rgba(226, 232, 240, 0.8); */ overflow: hidden; } .sidebar.sidebar-dual .sidebar-submenu-pane-title { font-size: 14px; font-weight: 700; color: #2d3748; letter-spacing: 0.02em; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar.sidebar-dual .sidebar-submenu-scroll { flex: 1 1 auto; height: auto !important; max-height: calc(100vh - 100px); } .sidebar.sidebar-dual .sidebar-submenu-list { list-style: none; margin: 0; padding: 6px 0 14px; } .sidebar.sidebar-dual .sidebar-submenu-list li { margin: 0; padding: 0; } .sidebar.sidebar-dual .sidebar-submenu-list li.sidebar-submenu-section-header { margin: 10px 6px 4px; padding: 4px 6px 2px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .sidebar.sidebar-dual .sidebar-submenu-list li.sidebar-submenu-section-header span { display: block; font-size: 14px; font-weight: 700; color: #2d3748; letter-spacing: 0.02em; line-height: 1.2; } .sidebar.sidebar-dual .sidebar-submenu-list li a { display: flex !important; align-items: center; gap: 8px; min-height: 30px; padding: 5px 10px !important; margin: 1px 6px !important; border-radius: 4px !important; color: #4a5568 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; text-decoration: none !important; background: transparent !important; transition: background 0.2s ease, color 0.2s ease; } .sidebar.sidebar-dual .sidebar-submenu-list li a > i { display: inline-flex !important; align-items: center; justify-content: center; width: 18px !important; min-width: 16px; height: 16px !important; margin: 0 !important; flex-shrink: 0; font-size: 18px !important; line-height: 1 !important; color: inherit !important; opacity: 0.85; } .sidebar.sidebar-dual .sidebar-submenu-list li a span { flex: 1; min-width: 0; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; } .sidebar.sidebar-dual .sidebar-submenu-list li a:hover { background: rgb(238, 238, 238) !important; color: #2d3748 !important; } .sidebar.sidebar-dual .sidebar-submenu-list li a:hover > i, .sidebar.sidebar-dual .sidebar-submenu-list li a.active > i { opacity: 1; } .sidebar.sidebar-dual .sidebar-submenu-list li a.active { background: rgb(234, 233, 233) !important; color: #2d3748 !important; font-weight: 400 !important; } .sidebar.sidebar-dual .sidebar-submenu-list li a.active span { font-weight: 400 !important; } /* When hover overlay is active while mini, keep icons rail fixed and float pane over content */ body.mini-sidebar .sidebar.sidebar-dual:not(.chat-sidebar).submenu-hover-active { z-index: 1003 !important; } @media (max-width: 991px) { .sidebar.sidebar-dual:not(.chat-sidebar) { width: calc(var(--sidebar-icons-rail-width) + var(--sidebar-submenu-pane-width)) !important; } body.mini-sidebar .sidebar.sidebar-dual:not(.chat-sidebar) { width: calc(var(--sidebar-icons-rail-width) + var(--sidebar-submenu-pane-width)) !important; } .sidebar.sidebar-dual .sidebar-submenu-pane { position: absolute; left: var(--sidebar-icons-rail-width); width: var(--sidebar-submenu-pane-width); } .sidebar.sidebar-dual .sidebar-submenu-pane--selected { transform: translateX(0); opacity: 1; pointer-events: auto; } .sidebar.sidebar-dual .sidebar-submenu-pane--hover { display: none; } .sidebar.sidebar-dual .sidebar-pane-toggle--expand { display: none; } } /* Chat page: align chat list + content with dual-pane widths (rail + 160) */ @media (min-width: 992px) { body.mini-sidebar .sidebar.chat-sidebar { left: var(--sidebar-icons-rail-width, 72px) !important; } body:not(.mini-sidebar) .sidebar.chat-sidebar { left: calc( var(--sidebar-icons-rail-width, 72px) + var(--sidebar-submenu-pane-width, 160px) ) !important; } body.mini-sidebar .page-wrapper.chat-page-wrapper { margin-left: calc(var(--sidebar-icons-rail-width, 72px) + 325px) !important; } body:not(.mini-sidebar) .page-wrapper.chat-page-wrapper { margin-left: calc( var(--sidebar-icons-rail-width, 72px) + var(--sidebar-submenu-pane-width, 160px) + 325px ) !important; } body.mini-sidebar.chat-sidebar-mini .page-wrapper.chat-page-wrapper { margin-left: calc(var(--sidebar-icons-rail-width, 72px) + 60px) !important; } body:not(.mini-sidebar).chat-sidebar-mini .page-wrapper.chat-page-wrapper { margin-left: calc( var(--sidebar-icons-rail-width, 72px) + var(--sidebar-submenu-pane-width, 160px) + 60px ) !important; } } /* Modern chat UI — white theme (overrides legacy table layout in style.css) */ :root { --chat-primary: #007bff; --chat-primary-hover: #0069d9; --chat-sidebar-bg: #f8f9fa; --chat-surface: #ffffff; --chat-border: #dee2e6; --chat-text: #212529; --chat-text-muted: #6c757d; --chat-incoming-bg: #e9ecef; --chat-outgoing-bg: #e7efff; --chat-active-row: #eef4ff; } /* ══════════════════════════════════════════════════════════════ CHAT WINDOW LAYOUT — flex column: header / messages / footer ══════════════════════════════════════════════════════════════ */ .chat-main-row .chat-main-wrapper { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; table-layout: auto !important; position: relative !important; } .chat-main-row .chat-main-wrapper .message-view, .chat-main-row .chat-main-wrapper .message-view.task-view { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; width: 100% !important; float: none !important; position: static !important; vertical-align: top !important; } .chat-main-row .chat-main-wrapper .chat-attachment-drop-zone, .chat-main-row .chat-main-wrapper .message-view.chat-container, .chat-main-row .chat-main-wrapper .message-view .chat-drop-zone-fill { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; width: 100% !important; } .chat-main-row .chat-main-wrapper .chat-window { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; width: 100% !important; table-layout: auto !important; background-color: var(--chat-surface) !important; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header { display: flex !important; align-items: center !important; flex: 0 0 auto !important; order: 1 !important; position: relative !important; background-color: var(--chat-surface) !important; border-bottom: 1px solid var(--chat-border); padding: 8px 16px !important; min-height: 52px !important; height: 52px !important; width: 100% !important; z-index: 2; box-sizing: border-box !important; } .chat-main-row .chat-main-wrapper .chat-window .chat-contents-wrapper { display: flex !important; flex: 1 1 auto !important; order: 2 !important; flex-direction: column !important; min-height: 0 !important; overflow: hidden !important; position: relative !important; width: 100% !important; } .chat-main-row .chat-main-wrapper .chat-window .chat-contents { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; order: unset !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; width: 100% !important; } .chat-main-row .chat-main-wrapper .chat-window .chat-footer { display: block !important; flex: 0 0 auto !important; order: 3 !important; position: relative !important; bottom: auto !important; background: var(--chat-surface) !important; border-top: 1px solid var(--chat-border); padding: 12px 20px 16px !important; width: 100% !important; z-index: 2; } .chat-main-row .chat-main-wrapper .chat-window .chat-footer .message-bar { display: flex !important; height: auto !important; width: 100% !important; } .chat-main-row .chat-main-wrapper .chat-window .chat-footer .message-bar .message-inner { display: flex !important; flex: 1 1 auto !important; width: 100% !important; height: auto !important; } /* Message list fills the middle pane */ .chat-main-row .chat-main-wrapper .chat-window .chat-contents .chat-container, .chat-main-row .chat-main-wrapper .chat-window .chat-contents .chat-wrapper { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; width: 100% !important; } .chat-main-row .chat-main-wrapper .chat-window .chat-contents .chat-messages { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 16px 24px !important; background: var(--chat-surface) !important; } /* ══════════════════════════════════════════════════════════════ SIDEBAR SHELL ══════════════════════════════════════════════════════════════ */ .chat-sidebar { background-color: var(--chat-sidebar-bg) !important; } .chat-sidebar .sidebar-horizantal { display: none !important; } .chat-sidebar .sidebar-inner { display: flex; flex-direction: column; height: 100%; } .chat-sidebar .scroll-area { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .chat-sidebar .sidebar-menu { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } .chat-sidebar .sidebar-menu nav { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } /* ══════════════════════════════════════════════════════════════ SIDEBAR HEADER ══════════════════════════════════════════════════════════════ */ .chat-list-header { flex-shrink: 0; background: #fff; border-bottom: 1px solid #e5e7eb; } .chat-list-header__topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--workspace-chrome-rail-height, 46px); height: var(--workspace-chrome-rail-height, 46px); padding: 0 14px; box-sizing: border-box; /* border-bottom: 1px solid #e5e7eb; */ background: #fff; } .chat-list-header__title { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.2; color: #1e3a8a; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-list-header__actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .chat-list-header__btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 1px solid #1e3a8a; border-radius: 6px; background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: #ffffff; font-size: 12px; line-height: 1; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .chat-list-header__btn:hover { background: linear-gradient(to right, #1e293b 0%, #1e3a8a 100%); border-color: #1e293b; color: #ffffff; } .chat-list-header__tools { padding: 10px 14px 12px; background: #fff; } .chat-list-search { position: relative; margin-bottom: 10px; } .chat-list-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 13px; pointer-events: none; } .chat-list-search input { width: 100%; padding: 8px 12px 8px 36px; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; font-size: 0.8125rem; color: #374151; outline: none; } .chat-list-search input:focus { border-color: #1e3a8a; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.12); } .chat-list-search input::-moz-placeholder { color: #9ca3af; } .chat-list-search input::placeholder { color: #9ca3af; } .chat-list-filters { display: flex; align-items: center; gap: 8px; } .chat-list-filter { border: none; background: transparent; color: #6b7280; font-size: 0.8125rem; font-weight: 500; padding: 6px 14px; border-radius: 999px; cursor: pointer; transition: color 0.15s ease, background 0.15s ease; } .chat-list-filter:hover { color: #374151; } .chat-list-filter.is-active { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%); color: #fff; } .chat-list-filter__count { margin-left: 4px; opacity: 0.85; } /* Hide legacy section titles — header replaces them */ .chat-sidebar .sidebar-menu .links li.menu-title { display: none !important; } /* ══════════════════════════════════════════════════════════════ SIDEBAR LIST ITEMS — no flicker, stable hover ══════════════════════════════════════════════════════════════ */ .chat-sidebar .sidebar-menu .links { padding: 4px 8px 12px !important; flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } .chat-sidebar .sidebar-menu ul li:not(.menu-title) { margin: 2px 0 !important; padding: 0 !important; border-radius: 10px; background: transparent !important; transition: none !important; position: relative; } /* Smooth reorder when chats move after new messages */ .chat-list-transition-root { display: contents; } .chat-list-move { transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); } .chat-list-enter-active, .chat-list-leave-active { transition: opacity 0.28s ease, transform 0.28s ease; } .chat-list-enter-from, .chat-list-leave-to { opacity: 0; transform: translateY(-10px); } .chat-sidebar-empty { flex: 1 1 auto; display: flex !important; align-items: center; justify-content: center; min-height: 280px; margin: 0 !important; padding: 32px 20px !important; background: transparent !important; border-radius: 0 !important; list-style: none; } .chat-sidebar-empty__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 220px; } .chat-sidebar-empty__icon { font-size: 2.75rem; color: #ced4da; margin-bottom: 14px; line-height: 1; } .chat-sidebar-empty__title { margin: 0 0 6px; font-size: 0.9375rem; font-weight: 600; color: var(--chat-text); } .chat-sidebar-empty__hint { margin: 0; font-size: 0.8125rem; color: var(--chat-text-muted); line-height: 1.4; } .chat-sidebar .sidebar-menu ul li:not(.menu-title):hover { background: transparent !important; } .chat-sidebar .sidebar-menu ul li.active:not(.menu-title) { background: transparent !important; } .chat-sidebar .sidebar-menu ul li a.chat-list-item, .chat-sidebar .links li a.chat-list-item { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; padding: 10px 10px !important; margin: 0 !important; border-radius: 10px !important; text-decoration: none !important; color: inherit !important; background: transparent !important; float: none !important; transform: none !important; transition: background-color 0.12s ease !important; -webkit-transition: background-color 0.12s ease !important; text-indent: 0 !important; position: relative !important; left: auto !important; box-shadow: none !important; } .chat-sidebar .sidebar-menu ul li a.chat-list-item:hover, .chat-sidebar .links li a.chat-list-item:hover, .chat-sidebar .sidebar-menu ul li a.chat-list-item:focus, .chat-sidebar .links li a.chat-list-item:focus { background: rgba(0, 0, 0, 0.04) !important; color: inherit !important; transform: none !important; box-shadow: none !important; } .chat-sidebar .sidebar-menu ul li.active > a.chat-list-item, .chat-sidebar .links li.active > a.chat-list-item { background: var(--chat-active-row) !important; } /* Reset legacy sidebar span rules that misalign title vs preview */ .chat-sidebar .sidebar-menu ul li a.chat-list-item span, .chat-sidebar .sidebar-menu ul li a.chat-list-item p, .chat-sidebar .links li a.chat-list-item span, .chat-sidebar .links li a.chat-list-item p { margin-left: 0 !important; margin-right: 0 !important; float: none !important; position: static !important; } .chat-list-item__content { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; overflow: hidden; } .chat-list-item__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; width: 100%; min-width: 0; } .chat-list-item__aside { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; } .chat-list-item__name { flex: 1 1 auto; min-width: 0; font-size: 0.875rem; font-weight: 600; color: var(--chat-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35; display: block !important; } .chat-list-item__time { flex-shrink: 0; font-size: 0.6875rem; color: var(--chat-text-muted); line-height: 1.35; white-space: nowrap; display: block !important; } .chat-list-item__preview { margin: 0 !important; padding: 0 !important; font-size: 0.8125rem; color: var(--chat-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35; width: 100%; display: block !important; } /* Avatars — clean circles, no float/ghost text */ .chat-sidebar .chat-list-avatar { position: relative; flex-shrink: 0; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; margin: 0 !important; padding: 0 !important; font-size: 0.8125rem; font-weight: 600; font-family: inherit; color: #fff !important; letter-spacing: 0.03em; line-height: 1 !important; text-align: center !important; overflow: hidden !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; } .chat-sidebar .chat-list-avatar__status { position: absolute; bottom: 0; right: 0; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid var(--chat-sidebar-bg); box-sizing: border-box; } .chat-unread-badge { min-width: 18px; height: 18px; padding: 0 5px; background: var(--chat-primary); color: #fff; font-size: 0.6875rem; font-weight: 600; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } /* ══════════════════════════════════════════════════════════════ CHAT HEADER ══════════════════════════════════════════════════════════════ */ .chat-window-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 0; height: 100%; padding: 0; margin: 0; } .chat-window-header__identity { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1 1 auto; height: 36px; } .chat-header-avatar { width: 36px; height: 36px; min-width: 36px; min-height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; color: #fff; line-height: 1; flex-shrink: 0; margin: 0; padding: 0; overflow: hidden; } .chat-window-header__text { display: flex; flex-direction: column; justify-content: center; gap: 1px; min-width: 0; flex: 1 1 auto; line-height: 1.2; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .display-name { font-size: 0.875rem !important; font-weight: 600 !important; color: var(--chat-text) !important; text-transform: none !important; transform: none !important; position: static !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .chat-header-subtitle, .chat-main-row .chat-main-wrapper .chat-window .fixed-header .group-user-list, .chat-main-row .chat-main-wrapper .chat-window .fixed-header .status-text { margin: 0 !important; padding: 0 !important; font-size: 0.6875rem !important; line-height: 1.2 !important; color: var(--chat-text-muted) !important; display: block !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: none !important; } .chat-main-row .chat-main-wrapper .chat-window .fixed-header .status-text, .chat-main-row .chat-main-wrapper .chat-window .fixed-header .status-text span { color: #22c55e !important; font-size: inherit !important; padding: 0 !important; text-transform: none !important; } .chat-header-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; flex-shrink: 0; } .chat-header-actions > div { display: flex; align-items: center; } .chat-header-action-btn { width: 30px; height: 30px; border: none; background: transparent; color: var(--chat-text-muted); border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; text-decoration: none; } .chat-header-action-btn:hover { background: #f1f3f5; color: var(--chat-text); } .chat-avatar-initials { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; color: #fff; flex-shrink: 0; line-height: 1; } .chat-avatar-initials--header { width: 34px; height: 34px; font-size: 0.6875rem; } /* ══════════════════════════════════════════════════════════════ MESSAGE BUBBLES ══════════════════════════════════════════════════════════════ */ .chat-wrapper { background: var(--chat-surface) !important; } .date-separator { display: flex; align-items: center; gap: 12px; margin: 1.25rem 0; } .date-separator::before, .date-separator::after { content: ''; flex: 1; height: 1px; background: var(--chat-border); } .date-separator span { background: transparent !important; padding: 0 !important; font-size: 0.75rem; font-weight: 500; color: var(--chat-text-muted); border-radius: 0 !important; } .chat-wrapper .message-group { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100%; } .chat-wrapper .message { display: flex !important; max-width: 72% !important; width: -moz-fit-content !important; width: fit-content !important; margin-bottom: 0.75rem !important; } .chat-wrapper .message.chat-left { align-self: flex-start !important; margin-left: 0 !important; margin-right: auto !important; } .chat-wrapper .message.chat-right { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; } .chat-wrapper .message.chat-right .message-inner { display: flex !important; justify-content: flex-end !important; width: auto !important; max-width: 100%; } .chat-wrapper .message.chat-left .message-content, .chat-wrapper .message.chat-right .message-content { display: flex; flex-direction: column; flex: 0 1 auto; min-width: 0; max-width: 100%; } .chat-wrapper .message.chat-left .message-content { align-items: flex-start; } .chat-wrapper .message.chat-right .message-content { align-items: flex-end; } .chat-wrapper .message-bubble { display: inline-block !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100% !important; box-sizing: border-box; } .chat-wrapper .message-text, .chat-wrapper .message-text p { width: -moz-fit-content; width: fit-content; max-width: 100%; } .message-bubble { border: none !important; box-shadow: none !important; padding: 0.5rem 0.875rem !important; border-radius: 16px !important; font-size: 0.875rem !important; } .chat-left .message-bubble { background: var(--chat-incoming-bg) !important; color: var(--chat-text) !important; border-top-left-radius: 4px !important; } .chat-right .message-bubble { background: var(--chat-outgoing-bg) !important; color: var(--chat-text) !important; border: 1px solid #c1d7f0 !important; border-top-right-radius: 4px !important; } .message-bubble .message-text a, .chat-left .message-text a, .chat-right .message-text a { color: #2563eb !important; text-decoration: underline !important; } .chat-right .message-text { color: var(--chat-text) !important; } .chat-right .message-time { display: none !important; } .message-meta { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 4px; font-size: 0.6875rem; color: var(--chat-text-muted); } .chat-left .message-meta { justify-content: flex-start; } .chat-delivery-status--sent { color: #1e3a8a !important; } .message.chat-left .typing-indicator-inline { display: flex; align-items: center; gap: 6px; color: var(--chat-text-muted); font-size: 0.8125rem; font-style: italic; } /* ══════════════════════════════════════════════════════════════ INPUT BAR ══════════════════════════════════════════════════════════════ */ .chat-rich-input__body { border: 1px solid var(--chat-border); border-radius: 14px; background: var(--chat-surface); padding: 4px 8px; } .chat-rich-input__body:focus-within { border-color: #1e3a8a; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); } .chat-rich-input__field, .message-input { font-size: 0.875rem !important; } .chat-rich-input__field::-moz-placeholder, .message-input::-moz-placeholder { color: #adb5bd; } .chat-rich-input__field::placeholder, .message-input::placeholder { color: #adb5bd; } .attach-button, .emoji-button { color: #1e3a8a !important; font-size: 16px !important; } .chat-rich-input__actions .action-button.send-button, .chat-footer .action-button.send-button { width: 36px !important; height: 36px !important; background: #1e3a8a !important; color: #fff !important; border-radius: 50% !important; } .chat-rich-input__actions .action-button.send-button i, .chat-footer .action-button.send-button i { color: #fff !important; font-size: 14px !important; } .chat-rich-input__actions { width: 36px !important; height: 36px !important; } .chat-attachment-hint { display: none !important; } .chat-footer .message-area .input-wrap { display: flex; align-items: center; gap: 4px; border: 1px solid var(--chat-border); border-radius: 14px; padding: 4px 8px; background: var(--chat-surface); width: 100%; } .chat-footer .message-area .emoji-button, .chat-footer .message-area .attach-button { position: static; transform: none; width: 32px; height: 32px; background: transparent; } .chat-footer .message-area .message-input { flex: 1; min-width: 0; padding: 8px 4px; } .empty-chat-container { background: var(--chat-surface); } /* ══════════════════════════════════════════════════════════════ RIGHT SIDEBAR PANELS (add / edit / share) ══════════════════════════════════════════════════════════════ */ .chat-right-panel-layer { position: absolute; inset: 0; z-index: 20; pointer-events: none; } .chat-right-panel-layer--fixed { position: fixed; z-index: 1050; } .chat-right-panel-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.18); z-index: 20; pointer-events: auto; } .chat-right-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(400px, 100%); background: #fff; border-left: 1px solid var(--chat-border); box-shadow: -8px 0 24px rgba(15, 23, 42, 0.08); z-index: 21; display: flex; flex-direction: column; min-height: 0; pointer-events: auto; } .chat-right-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--chat-border); flex-shrink: 0; } .chat-right-panel__header h5 { margin: 0; font-size: 1rem; font-weight: 600; color: var(--chat-text); } .chat-right-panel__close { width: 32px; height: 32px; border: none; background: transparent; color: var(--chat-text-muted); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .chat-right-panel__close:hover { background: #f1f3f5; color: var(--chat-text); } .chat-right-panel__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px; } .chat-right-panel__intro { margin: 0 0 16px; color: var(--chat-text-muted); font-size: 0.875rem; line-height: 1.45; } .chat-right-panel__footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--chat-border); flex-shrink: 0; background: #fff; } @media (max-width: 991px) { .chat-right-panel { width: 100%; } } /* Header Customizations — light bar (swapped with sidebar icons pane) */ .header { background: #ffffff !important; border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important; box-shadow: none !important; } /* Header Left Logo Section */ .header .header-left { background-color: rgba(0, 0, 0, 0.03); border-right: 1px solid rgba(226, 232, 240, 0.8); } /* Prevent header-left from collapsing when sidebar is toggled */ .mini-sidebar .header-left { width: 230px !important; padding: 0 !important; } .mini-sidebar .header-left .logo img { max-height: 40px !important; } /* Toggle Button */ .header #toggle_btn { color: #1e3a8a !important; } @media (max-width: 991px) { .header #toggle_btn { display: none !important; } } .header #toggle_btn:hover { color: #1e40af !important; } .header #toggle_btn .bar-icon span { background-color: #1e3a8a !important; } /* Page Title / tenant branding */ .header .page-title-box { display: flex !important; align-items: center !important; gap: 0 !important; height: 60px; /* Logo column owns the left edge (matches icons rail); pad only after it */ padding: 0 16px 0 0 !important; } .header .page-title-box .logo { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; /* Match icons pane width so mark + BETA share the same center axis */ box-sizing: border-box; width: var(--sidebar-icons-pane-width, 72px); text-decoration: none; /* Space before tenant avatar + name (over submenu / content) */ margin-right: 16px; } .header .page-title-box .logo-wrapper { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 0; position: relative; gap: 2px; } .header .page-title-box .header-logo-mark { display: block; width: 34px; height: 34px; background-color: #1e3a8a; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAj8AAAHLCAYAAAAnR/mlAAAAx3pUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMwCPz3FB3BPGLDOE6TSN2g4xcMkZKoJ/Ewh8+Ysn8/R3k5ELjw0qVpa9XAyorDEqmBMT1Unn6CjopZvdXLe80ULZJ3BiEtIpz1vHBGGJYtFyF5J7HeCeWIKA+hfIh8Ip9tSyFNIcIgIAVGfKs2lX79wrrXOySsuBOds7hYcI8zd9vettg7hLgTUDVP1KKH3LjQmMkw6944c6ZuHkhyElvIvz2dKD/L1VnPlusZFQAAAYVpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU6UiFRE7+DVkqC7aRUUcSxWLYKG0FVp1MLn0Q2jSkKS4OAquBQc/FqsOLs66OrgKguAHiLODk6KLlPi/pNAixoPjfry797h7Bwj1MlPNjiigapaRisfEbG5FDLxCwDD6MI5BiZl6Ir2Qgef4uoePr3cRnuV97s/Ro+RNBvhE4ijTDYt4nXhm09I57xOHWElSiM+JJwy6IPEj12WX3zgXHRZ4ZsjIpOaIQ8RisY3lNmYlQyWeJg4rqkb5QtZlhfMWZ7VcZc178hcG89pymus0RxDHIhJIQoSMKjZQhoUIrRopJlK0H/PwDzn+JLlkcm2AkWMeFaiQHD/4H/zu1ixMTbpJwRjQ+WLbH6NAYBdo1Gz7+9i2GyeA/xm40lr+Sh2Y/SS91tLCR0DvNnBx3dLkPeByBxh40iVDciQ/TaFQAN7P6JtyQP8t0L3q9tbcx+kDkKGulm6Ag0NgrEjZax7v7mrv7d8zzf5+ANqyctBnblUOAAANdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpkNDQ3NDM0Ny1kMjc5LTRmYjUtODViZC03NDQwNDhkYjE4MjMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODM2YmViYWYtOTgxNS00YzliLWEzM2QtMTJjM2QzNGMwNWY4IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTgwOWMwODQtNGFlMy00ZDc2LWJlNTMtZjNkOTEzYTVkNWYwIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MDkwNTYwNDkyODMwNjQiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zNiIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MDI6MjdUMjI6NDc6MTgrMDU6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjAyOjI3VDIyOjQ3OjE4KzA1OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjYzNThjZWMtMGRhZC00ZjY5LWJlMTYtNWZkNWY5N2E0MWRjIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTAyLTI3VDIyOjQ3OjI5Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pv+7W1UAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfoAhsRLx2n5S1CAAAOyElEQVR42u3dwW0b2R3H8d8LfAwgpQJrgdzFrcDcCixXILoC0xWYrmDlCkxVsNwKIlWw1D1ApAoiAbm/HGbkGI6NlS2KHM77fABhc9okfw7IL997M0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9kwxgrbVWg+TTJLc/zNJjvo/GJt1KWVuDFt9j7nY0L/qNsn6i/98W0pZmzLihz+LnOlncfPCZGjMZSllagxbfe+pW/ivuUlyneSij6J1KeXa9PmWZ0Yw2jecoz50pn30HJsKMFLP+78Xn70H3vUxdJHkwgoRn7PyM67gmSSZ9cEjduD/WfnZ/vtSHcj/lPsYWiVZlVJuvTrih/0OnnmSkyQHJgLiR/w8yO9CSPywX28mR+lWeGbplnoB8SN+HhdCy1LKyismfhjem8hJHzwvTQPEj/jZuJskyyRnVoPG7S9GsBdvHrNa63WS34QPwJN5nuRdkn/XWpf9Kjvihy0Gz2GtdVFrvU3yMba3ALbpNMm/RJD4YXvhM0v3zIp3cYgZQAQhfkYcPSf99tZH0QMwyAg66x8ai/jhkdEz6R8B/1tsbwEM2Zsk17VWP5MifvjB6DmstZ4l+SN+agJgXxwk+bXWuu6ftYb44YHhM033GzRvTANgLx0n+cNWmPjhz6PnfrXnH7HFBTAGb5JYBRI/fCN8Jul+W8ZqD8C4PE+3CrQwCvHD/8Jnnu5sjx8cBRivd7XWC9tg4qf16DmstS6T/GoaAE14ke6OMNtg4qfJ8DlKt811ahoATTlItw02Mwrx01L4TNLdzWWbC6BdH/vVf8TP6MNnlm7Fx1OaATitta6cAxI/Yw8fP08BwOdeJnEQWvyMMnzmffgAwJeOBZD4GVv4LOOOLgAEkPhpKHzc0QWAABI/TYTPXPgAIIDETyvhM4utLgAEkPhpKHwcbgbg0QFkDOJnH8JnInwA2FQAeRCi+Bl6+BypdAA27NQvwoufoYbPYZJVPMAQgM17V2s9MQbxMzRn8VtdADydpV+DFz+D4ZZ2ALbgoA8gd4CJn52HzyRuaQdgO47T7TQgfnYWPvfnfABgW06d/xE/u7RI8twYANgy21/iZ/tqrdMkb0wCgB04iJ0H8bPl8DlMsjQJAHboRf+LAoifrVjEdhcAu3dm+0v8PLn+7i7bXQAMwUHc/SV+tlHZRgDAgJz251ARP5vX762+MAkABmZhBOLHxQVASxx+Fj+b1/+irkPOAPiCLn6aCJ/DJHOTAGDAnlv9ET+bNE93oh4AhmxhBOLn0az6ALBHrP6In404iVUfAPbHwgjEj4sIgJZY/RE/P66/eNzhBcC+ET/ix8UDQFNe9D/HhPh5uFrrUTzNGYD95WYd8eOiAaApJ0Ygflw0ALTkwMFn8fNgtdaTOOgMgC/y4sfFAgB75WX/sF7Ej/gBwGca4ifJpy0vT3QGQPyIn2ZMvfQAjMhLIxA/ChmApvS7Goifr14cR3GXFwDjMzUC8ePiAMDnG+LHxQHASB275V38iB8AfMbRdvz0Rey8DwBj5VfexY+LAoCmTI1A/LgoAPAln6bjx0UBwJgd9I90Qfx84oIAwGed+GnKsZccgJGbGoH4SfLpyc4AgPhphvgBoAVTIxA/4gcAED8AMFIvjED8AAA0GT9TLzcAYOUHAEam1uoLv/gBABA/AECDnhkBT+yylDI1hu2otR4mWSZ5aRoAX+dWdxiRUsptKeUkyblpAIif515uGoqgmQACED8ggAAQPyCAAMQPIIAAxA8ggADEDyCAAMQPIIAAxA8wrAB6bxKA+AFaCqBFktcmAYgfoKUAWgogQPwAAghA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAwwqgV0nuTAMQP0ArAbRKMhVAgPgBWgqgtQACxA8ggADEDyCAAMQPIIAAxA8ggADEDyCAAMQPIIAAxA8wvAC6MQ1A/AAtBdAkyZVpAOIHaCWAbtOtAAkgQPwAAghA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAAwqgS9MAxA/QTACVUqZJzk0DED9ASxE0E0CA+AEEEID4AQQQgPgBBBCA+AEEEID4AQQQgPgBBBCA+AGGFUAfTAIQP0BLATRP8tokAPEDtBRASwEEiB9AAAGIH0AAAYgfQAABiB9AAAGIH0AAAeIHQAAB4gdAAAHiB2CnAfRzkjvTAMQP0EoArZNMBRAgfgABBCB+AAEEIH4AAQSIHwABBIgfAAEEiB8AAQSIHwABBIgfgJ0F0FGSK9MAxA/QSgDdplsBEkCA+AEEECB+AAQQIH4ABBAgfgD2O4DWpgGIH6CZACqlzE2CRvzdCMQPALTkr0YgfgAAxA8AIH4AAMQPAID4AQAQPwAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AID4AQAQPwAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAAiB8AAPEDACB+AADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAAiB8AAPEDACB+AADEDwCA+AEAxA8AgPgBABA/AADiBwBA/AAAiB9asjaC7am1HpoCgPhht26NYKsmtdalMQCIH2jJaa11ZRUIQPxAS14muRBAAOIHWnIsgADEDwggAPEDCCAA8QMIIADxAwggYC/8xwjEDyCAoCX/NALxAwggAPEDAqhOjAIQP4AAAhA/wEgdCCBA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAAghA/ADDC6ATowDED9BSAP1Wa50ZBSB+gJZ8FECA+AEEEID4AQQQgPgBBBCA+AEEEID4AQQQgPgBBBCA+AGGFUBzYwDED9CSX2utS2MAxA/QklMBBIgfQAABiB9AAAGIH0AAAYgfQAABiB9AAAGIH0AAAYgfYGABVGs9NApA/ADNBFCSCwEEiB+gJccCCBA/gAACED+AAAIQP4AAAhA/gAACED+AAAIQP4AAAhA/wPAC6MgoAPEDtBRA61rrxCgA8QO04iDdCpAAAsQPIIAAxA8ggADEDyCAAMQPIIAAxA8ggADxAyCAAPEDIIAA8QOwmwD6o9Y6MwpA/AAt+SiAAPEDCCAA8QMIIADxAwggQPwACCBA/AAIIED8AAggQPwACCBA/ADsNICWxgCIH6AlpwIIED+AAALETyOuvNwggACeNfT/9dbLDc0HUJKIIBA/AO0EUP8HNMyZHwBA/AAAe81RD/GTJLn2cgPQglLK2hTEj/gBAJqLHwBowY0RiJ97lgABaMG1EYifew5/AeDzDis/AODzTvyMUinlNsmdlxyAkbs2AvGjhgEQP4gfABijUsqFKYgfNQxAK66MQPx8ycoPAD7nxE87LAUCIH5o8QnPl152AEbKl3zx48IAoB1+0FT8fIsLA4Ax+t0IxM+3qnjlZQdghC6MQPyoYwDED+LHBQLACN047yN+/oytLwB8romfdpRSruMpmACMx9IIxI8LBYBW2PISPw9miRAAn2fipx391penPQOw75ZGIH5cMAC04sqWl/j5Xqskdy4DAPbUmRGIn+9SSrmN1R8A9tNdnPcRP6oZgIas+i/xiJ/v0x989nMXAOybhRGIn8ew+gPAPjnvv7wjfn5MKeUibnsHwJd28dOYhREAsAcu3d4ufjbC6g8Ae2JuBOJnkxZGAMCAnVv1ET8b1a/+uPMLAF/SxU9TLCcCMETv3eElfp5Ef2G9NwkABuQu7vASP0/sLMmNMQAwEHNPcxY/T6q/wGx/ATAEl6WUpTGIn20E0CoOPwOwW3dJZsYgfrZp1l94ALALC4ecxc9W9dtfihuAXbgspTjkLH52EkCrJB9MAoAtuktyYgziZ5cWSa6MAYAtmbm7S/zs1GfbX87/APDUPvS7DoifnQfQOs7/APC0LkspHrUifgYVQM7/APBUbuKcj/gZaADNk5ybBAAbdJfkxDkf8TNk8zgADcDmzPrjFYifYerLfCqAANiA1w44i599CqBZ3AEGwOPCZ2kM4mefAmidbgVIAAHwvc6Fj/gRQAC0FD4zYxA/AggA4YP4EUAAjMhr4SN+xhhAR3EXGABfD5+lMYifMQaQ2+AB+NxdklfCR/yMPoBKKZN4EjSA8EmmnuMjflqKoFmStyYB0KSrJEee3Cx+WgygsyS/xEFogJZ8KKVM/FaX+Gk5gC7SHYS+NA2AUbs/3zM3CvEjgLpzQNPYBgMYq8skE+d7xA//H0FnSX6Ou8EAxuIuydtSyrSUcm0c4oevB9C6vxvsvWkA7LX71Z4zoxA/PCyCFkl+irNAAPvmLt1DC632iB9+IICu+7NAr5LcmAjA4H1Idwv70ijED4+LoFUp5SjdVpjb4gGG5zLJT6WUuVvYxQ+bjaBFutviRRDAcKLnF1tc4oenDaBbEQQwqOi5MA7xw/Yj6G2cCQLYhvN021uiR/yw4wg6688EvUryu6kAbNRN/yXzb6WUme2tcXtmBHsXQqskq1rrUZKTJLMkxyYD8N3ukqySLK3wtMXKz/5G0HW/GjRJ96ygt/HUaICHBM95ut/fOuxXeYRPY6z8jCSEkpwlOetXhKbpVoWmSQ5MCGjcVboVnguhg/gZbwgt+7/UWid9BE36P1tkwJjdJVknuej/1p7Jg/hpL4bW/RvBJ7XWabo7yI76IDrs/2mVCNgXV0lu+/e32z50rh1U5kGfjUbAF2F0H0Kfmz7iX2mZebuv31G6Q/AwBvdhc++2/0IHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADzWfwGxUWmzIzNRHwAAAABJRU5ErkJggg==); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAj8AAAHLCAYAAAAnR/mlAAAAx3pUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMwCPz3FB3BPGLDOE6TSN2g4xcMkZKoJ/Ewh8+Ysn8/R3k5ELjw0qVpa9XAyorDEqmBMT1Unn6CjopZvdXLe80ULZJ3BiEtIpz1vHBGGJYtFyF5J7HeCeWIKA+hfIh8Ip9tSyFNIcIgIAVGfKs2lX79wrrXOySsuBOds7hYcI8zd9vettg7hLgTUDVP1KKH3LjQmMkw6944c6ZuHkhyElvIvz2dKD/L1VnPlusZFQAAAYVpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU6UiFRE7+DVkqC7aRUUcSxWLYKG0FVp1MLn0Q2jSkKS4OAquBQc/FqsOLs66OrgKguAHiLODk6KLlPi/pNAixoPjfry797h7Bwj1MlPNjiigapaRisfEbG5FDLxCwDD6MI5BiZl6Ir2Qgef4uoePr3cRnuV97s/Ro+RNBvhE4ijTDYt4nXhm09I57xOHWElSiM+JJwy6IPEj12WX3zgXHRZ4ZsjIpOaIQ8RisY3lNmYlQyWeJg4rqkb5QtZlhfMWZ7VcZc178hcG89pymus0RxDHIhJIQoSMKjZQhoUIrRopJlK0H/PwDzn+JLlkcm2AkWMeFaiQHD/4H/zu1ixMTbpJwRjQ+WLbH6NAYBdo1Gz7+9i2GyeA/xm40lr+Sh2Y/SS91tLCR0DvNnBx3dLkPeByBxh40iVDciQ/TaFQAN7P6JtyQP8t0L3q9tbcx+kDkKGulm6Ag0NgrEjZax7v7mrv7d8zzf5+ANqyctBnblUOAAANdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpkNDQ3NDM0Ny1kMjc5LTRmYjUtODViZC03NDQwNDhkYjE4MjMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODM2YmViYWYtOTgxNS00YzliLWEzM2QtMTJjM2QzNGMwNWY4IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTgwOWMwODQtNGFlMy00ZDc2LWJlNTMtZjNkOTEzYTVkNWYwIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MDkwNTYwNDkyODMwNjQiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zNiIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MDI6MjdUMjI6NDc6MTgrMDU6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjAyOjI3VDIyOjQ3OjE4KzA1OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjYzNThjZWMtMGRhZC00ZjY5LWJlMTYtNWZkNWY5N2E0MWRjIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTAyLTI3VDIyOjQ3OjI5Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pv+7W1UAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfoAhsRLx2n5S1CAAAOyElEQVR42u3dwW0b2R3H8d8LfAwgpQJrgdzFrcDcCixXILoC0xWYrmDlCkxVsNwKIlWw1D1ApAoiAbm/HGbkGI6NlS2KHM77fABhc9okfw7IL997M0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9kwxgrbVWg+TTJLc/zNJjvo/GJt1KWVuDFt9j7nY0L/qNsn6i/98W0pZmzLihz+LnOlncfPCZGjMZSllagxbfe+pW/ivuUlyneSij6J1KeXa9PmWZ0Yw2jecoz50pn30HJsKMFLP+78Xn70H3vUxdJHkwgoRn7PyM67gmSSZ9cEjduD/WfnZ/vtSHcj/lPsYWiVZlVJuvTrih/0OnnmSkyQHJgLiR/w8yO9CSPywX28mR+lWeGbplnoB8SN+HhdCy1LKyismfhjem8hJHzwvTQPEj/jZuJskyyRnVoPG7S9GsBdvHrNa63WS34QPwJN5nuRdkn/XWpf9Kjvihy0Gz2GtdVFrvU3yMba3ALbpNMm/RJD4YXvhM0v3zIp3cYgZQAQhfkYcPSf99tZH0QMwyAg66x8ai/jhkdEz6R8B/1tsbwEM2Zsk17VWP5MifvjB6DmstZ4l+SN+agJgXxwk+bXWuu6ftYb44YHhM033GzRvTANgLx0n+cNWmPjhz6PnfrXnH7HFBTAGb5JYBRI/fCN8Jul+W8ZqD8C4PE+3CrQwCvHD/8Jnnu5sjx8cBRivd7XWC9tg4qf16DmstS6T/GoaAE14ke6OMNtg4qfJ8DlKt811ahoATTlItw02Mwrx01L4TNLdzWWbC6BdH/vVf8TP6MNnlm7Fx1OaATitta6cAxI/Yw8fP08BwOdeJnEQWvyMMnzmffgAwJeOBZD4GVv4LOOOLgAEkPhpKHzc0QWAABI/TYTPXPgAIIDETyvhM4utLgAEkPhpKHwcbgbg0QFkDOJnH8JnInwA2FQAeRCi+Bl6+BypdAA27NQvwoufoYbPYZJVPMAQgM17V2s9MQbxMzRn8VtdADydpV+DFz+D4ZZ2ALbgoA8gd4CJn52HzyRuaQdgO47T7TQgfnYWPvfnfABgW06d/xE/u7RI8twYANgy21/iZ/tqrdMkb0wCgB04iJ0H8bPl8DlMsjQJAHboRf+LAoifrVjEdhcAu3dm+0v8PLn+7i7bXQAMwUHc/SV+tlHZRgDAgJz251ARP5vX762+MAkABmZhBOLHxQVASxx+Fj+b1/+irkPOAPiCLn6aCJ/DJHOTAGDAnlv9ET+bNE93oh4AhmxhBOLn0az6ALBHrP6In404iVUfAPbHwgjEj4sIgJZY/RE/P66/eNzhBcC+ET/ix8UDQFNe9D/HhPh5uFrrUTzNGYD95WYd8eOiAaApJ0Ygflw0ALTkwMFn8fNgtdaTOOgMgC/y4sfFAgB75WX/sF7Ej/gBwGca4ifJpy0vT3QGQPyIn2ZMvfQAjMhLIxA/ChmApvS7Goifr14cR3GXFwDjMzUC8ePiAMDnG+LHxQHASB275V38iB8AfMbRdvz0Rey8DwBj5VfexY+LAoCmTI1A/LgoAPAln6bjx0UBwJgd9I90Qfx84oIAwGed+GnKsZccgJGbGoH4SfLpyc4AgPhphvgBoAVTIxA/4gcAED8AMFIvjED8AAA0GT9TLzcAYOUHAEam1uoLv/gBABA/AECDnhkBT+yylDI1hu2otR4mWSZ5aRoAX+dWdxiRUsptKeUkyblpAIif515uGoqgmQACED8ggAAQPyCAAMQPIIAAxA8ggADEDyCAAMQPIIAAxA8wrAB6bxKA+AFaCqBFktcmAYgfoKUAWgogQPwAAghA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAwwqgV0nuTAMQP0ArAbRKMhVAgPgBWgqgtQACxA8ggADEDyCAAMQPIIAAxA8ggADEDyCAAMQPIIAAxA8wvAC6MQ1A/AAtBdAkyZVpAOIHaCWAbtOtAAkgQPwAAghA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAAwqgS9MAxA/QTACVUqZJzk0DED9ASxE0E0CA+AEEEID4AQQQgPgBBBCA+AEEEID4AQQQgPgBBBCA+AGGFUAfTAIQP0BLATRP8tokAPEDtBRASwEEiB9AAAGIH0AAAYgfQAABiB9AAAGIH0AAAeIHQAAB4gdAAAHiB2CnAfRzkjvTAMQP0EoArZNMBRAgfgABBCB+AAEEIH4AAQSIHwABBIgfAAEEiB8AAQSIHwABBIgfgJ0F0FGSK9MAxA/QSgDdplsBEkCA+AEEECB+AAQQIH4ABBAgfgD2O4DWpgGIH6CZACqlzE2CRvzdCMQPALTkr0YgfgAAxA8AIH4AAMQPAID4AQAQPwAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AID4AQAQPwAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAA4gcAQPwAAIgfAADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAAiB8AAPEDACB+AADxAwAgfgAAxA8AgPgBABA/AADiBwBA/AAAiB8AAPEDACB+AADEDwCA+AEAxA8AgPgBABA/AADiBwBA/AAAiB9asjaC7am1HpoCgPhht26NYKsmtdalMQCIH2jJaa11ZRUIQPxAS14muRBAAOIHWnIsgADEDwggAPEDCCAA8QMIIADxAwggYC/8xwjEDyCAoCX/NALxAwggAPEDAqhOjAIQP4AAAhA/wEgdCCBA/AACCED8AAIIQPwAAghA/AACCED8AAIIQPwAAghA/ADDC6ATowDED9BSAP1Wa50ZBSB+gJZ8FECA+AEEEID4AQQQgPgBBBCA+AEEEID4AQQQgPgBBBCA+AGGFUBzYwDED9CSX2utS2MAxA/QklMBBIgfQAABiB9AAAGIH0AAAYgfQAABiB9AAAGIH0AAAYgfYGABVGs9NApA/ADNBFCSCwEEiB+gJccCCBA/gAACED+AAAIQP4AAAhA/gAACED+AAAIQP4AAAhA/wPAC6MgoAPEDtBRA61rrxCgA8QO04iDdCpAAAsQPIIAAxA8ggADEDyCAAMQPIIAAxA8ggADxAyCAAPEDIIAA8QOwmwD6o9Y6MwpA/AAt+SiAAPEDCCAA8QMIIADxAwggQPwACCBA/AAIIED8AAggQPwACCBA/ADsNICWxgCIH6AlpwIIED+AAALETyOuvNwggACeNfT/9dbLDc0HUJKIIBA/AO0EUP8HNMyZHwBA/AAAe81RD/GTJLn2cgPQglLK2hTEj/gBAJqLHwBowY0RiJ97lgABaMG1EYifew5/AeDzDis/AODzTvyMUinlNsmdlxyAkbs2AvGjhgEQP4gfABijUsqFKYgfNQxAK66MQPx8ycoPAD7nxE87LAUCIH5o8QnPl152AEbKl3zx48IAoB1+0FT8fIsLA4Ax+t0IxM+3qnjlZQdghC6MQPyoYwDED+LHBQLACN047yN+/oytLwB8romfdpRSruMpmACMx9IIxI8LBYBW2PISPw9miRAAn2fipx391penPQOw75ZGIH5cMAC04sqWl/j5Xqskdy4DAPbUmRGIn+9SSrmN1R8A9tNdnPcRP6oZgIas+i/xiJ/v0x989nMXAOybhRGIn8ew+gPAPjnvv7wjfn5MKeUibnsHwJd28dOYhREAsAcu3d4ufjbC6g8Ae2JuBOJnkxZGAMCAnVv1ET8b1a/+uPMLAF/SxU9TLCcCMETv3eElfp5Ef2G9NwkABuQu7vASP0/sLMmNMQAwEHNPcxY/T6q/wGx/ATAEl6WUpTGIn20E0CoOPwOwW3dJZsYgfrZp1l94ALALC4ecxc9W9dtfihuAXbgspTjkLH52EkCrJB9MAoAtuktyYgziZ5cWSa6MAYAtmbm7S/zs1GfbX87/APDUPvS7DoifnQfQOs7/APC0LkspHrUifgYVQM7/APBUbuKcj/gZaADNk5ybBAAbdJfkxDkf8TNk8zgADcDmzPrjFYifYerLfCqAANiA1w44i599CqBZ3AEGwOPCZ2kM4mefAmidbgVIAAHwvc6Fj/gRQAC0FD4zYxA/AggA4YP4EUAAjMhr4SN+xhhAR3EXGABfD5+lMYifMQaQ2+AB+NxdklfCR/yMPoBKKZN4EjSA8EmmnuMjflqKoFmStyYB0KSrJEee3Cx+WgygsyS/xEFogJZ8KKVM/FaX+Gk5gC7SHYS+NA2AUbs/3zM3CvEjgLpzQNPYBgMYq8skE+d7xA//H0FnSX6Ou8EAxuIuydtSyrSUcm0c4oevB9C6vxvsvWkA7LX71Z4zoxA/PCyCFkl+irNAAPvmLt1DC632iB9+IICu+7NAr5LcmAjA4H1Idwv70ijED4+LoFUp5SjdVpjb4gGG5zLJT6WUuVvYxQ+bjaBFutviRRDAcKLnF1tc4oenDaBbEQQwqOi5MA7xw/Yj6G2cCQLYhvN021uiR/yw4wg6688EvUryu6kAbNRN/yXzb6WUme2tcXtmBHsXQqskq1rrUZKTJLMkxyYD8N3ukqySLK3wtMXKz/5G0HW/GjRJ96ygt/HUaICHBM95ut/fOuxXeYRPY6z8jCSEkpwlOetXhKbpVoWmSQ5MCGjcVboVnguhg/gZbwgt+7/UWid9BE36P1tkwJjdJVknuej/1p7Jg/hpL4bW/RvBJ7XWabo7yI76IDrs/2mVCNgXV0lu+/e32z50rh1U5kGfjUbAF2F0H0Kfmz7iX2mZebuv31G6Q/AwBvdhc++2/0IHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADzWfwGxUWmzIzNRHwAAAABJRU5ErkJggg==); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } /* BETA sits under the Nexcubator mark */ .header .page-title-box .logo-beta-badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 1px 6px; border-radius: 4px; background: #dbeafe; color: #1e40af; font-size: 9px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.35; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Tenant pill — matches avatar + name + chevron control */ .header .page-title-box .tenant-brand { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 280px; height: 36px; padding: 4px 12px 4px 4px; border-radius: 999px; background: #f1f5f9; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .header .page-title-box .tenant-name { color: #0f172a; font-weight: 600; font-size: 14px; line-height: 1.2; margin: 0; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header .page-title-box h3 { color: #0f172a !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.2; margin: 0; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Tenant initial squircle — teal with white letter */ .header .page-title-box .tenant-avatar { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; border-radius: 8px; background: #0d9488; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .header .page-title-box .tenant-chevron { flex-shrink: 0; font-size: 10px; line-height: 1; color: #64748b; } /* Legacy BETA beside tenant (unused; kept for safety) */ .header .page-title-box .tenant-beta-badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; height: auto; padding: 2px 8px; border-radius: 5px; border: none; background: #dbeafe; color: #1e40af; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; line-height: 1.35; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Mobile Button */ .header .mobile_btn { color: #1e3a8a !important; } /* Centered global search */ .header .header-global-search { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(440px, 36vw); z-index: 100; } .header .header-global-search__field { position: relative; display: flex; align-items: center; } .header .header-global-search__icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 14px; pointer-events: none; z-index: 1; } .header .header-global-search__input { width: 100%; height: 40px; padding: 0 36px 0 40px; border: 1px solid #e2e8f0; border-radius: 10px; background: #ffffff; color: #0f172a; font-size: 14px; line-height: 1.2; outline: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header .header-global-search__input::-webkit-search-decoration, .header .header-global-search__input::-webkit-search-cancel-button, .header .header-global-search__input::-webkit-search-results-button, .header .header-global-search__input::-webkit-search-results-decoration { display: none; } .header .header-global-search__input::-moz-placeholder { color: #94a3b8; } .header .header-global-search__input::placeholder { color: #94a3b8; } .header .header-global-search__input:focus { background: #ffffff; border-color: #cbd5e1; } .header .header-global-search__clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 6px; background: transparent; color: #94a3b8; cursor: pointer; padding: 0; } .header .header-global-search__clear:hover { color: #475569; background: rgba(15, 23, 42, 0.06); } .header .header-global-search__results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: min(420px, 70vh); overflow-y: auto; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12); padding: 6px; z-index: 1100; } .header .header-global-search__group + .header-global-search__group { margin-top: 4px; padding-top: 4px; border-top: 1px solid #f1f5f9; } .header .header-global-search__group-label { padding: 6px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #94a3b8; } .header .header-global-search__item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: none; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; color: inherit; } .header .header-global-search__item:hover, .header .header-global-search__item.is-active { background: #f1f5f9; } .header .header-global-search__item-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; font-size: 12px; font-weight: 700; } .header .header-global-search__item-icon.project { background: #dbeafe; color: #1e3a8a; } .header .header-global-search__item-icon.task { background: #ecfdf5; color: #047857; } .header .header-global-search__item-icon.lead { background: #fef3c7; color: #b45309; } .header .header-global-search__item-icon.ticket { background: #ede9fe; color: #6d28d9; } .header .header-global-search__item-text { display: flex; flex-direction: column; min-width: 0; gap: 1px; } .header .header-global-search__item-title { font-size: 13px; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header .header-global-search__item-sub { font-size: 12px; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header .header-global-search__more { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin-top: 2px; padding: 7px 10px; border: none; border-radius: 8px; background: transparent; color: #0b3d91; font-size: 12px; font-weight: 600; cursor: pointer; } .header .header-global-search__more:hover:not(:disabled) { background: #f1f5f9; } .header .header-global-search__more:disabled { cursor: default; color: #94a3b8; } .header .header-global-search__status { padding: 14px 12px; text-align: center; color: #94a3b8; font-size: 13px; } @media (max-width: 1199px) { .header .header-global-search { width: min(360px, 30vw); } } @media (max-width: 991px) { .header .header-global-search { display: none; } } /* AI Chats pill button — first item in user-menu (after search) */ .header .user-menu .header-ai-chats { position: relative; display: flex; align-items: center; align-self: center; margin-right: 4px; flex-shrink: 0; z-index: 105; height: 60px; list-style: none; overflow: visible; } .header .header-ai-chats-btn { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px 0 16px; border-radius: 999px; border: 1px solid #e2e8f0; background: #ffffff; color: #475569; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap; transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; } .header .user-menu.nav > li.header-ai-chats > .header-ai-chats-btn { color: #475569 !important; line-height: 1 !important; height: 36px !important; padding: 0 14px 0 16px !important; } .header .user-menu.nav > li.header-ai-chats > .header-ai-chats-btn:hover, .header .user-menu.nav > li.header-ai-chats.is-open > .header-ai-chats-btn { /* Keep pill styles; do not force flat theme hover bg */ color: inherit !important; } .header .header-ai-chats-btn.is-disabled { opacity: 0.55; cursor: not-allowed; } .header .header-ai-chats-label { position: relative; z-index: 1; background: linear-gradient(90deg, #475569, #475569); background-clip: text; -webkit-background-clip: text; color: #475569; transition: color 0.25s ease; } .header .header-ai-chats-icon { position: relative; z-index: 1; display: inline-flex; width: 18px; height: 18px; flex-shrink: 0; } .header .header-ai-chats-icon .ai-sparkle-orb { width: 18px; height: 18px; display: block; overflow: visible; } .header .header-ai-chats-icon .orb { opacity: 0.85; mix-blend-mode: multiply; } .header .header-ai-chats-icon .orb-1 { fill: #3b82f6; } .header .header-ai-chats-icon .orb-2 { fill: #a855f7; } .header .header-ai-chats-icon .orb-3 { fill: #ec4899; } .header .header-ai-chats-icon .orb-4 { fill: #f97316; } .header .header-ai-chats-icon .orb-5 { fill: #eab308; } .header .header-ai-chats-icon .orb-6 { fill: #22c55e; } .header .header-ai-chats-icon .sparkle-core { fill: #ffffff; transform-origin: 12.3px 11.2px; filter: drop-shadow(0 0 0.5px rgba(255, 255, 255, 0.9)); } .header .header-ai-chats-icon .sparkle-mini { fill: #ffffff; opacity: 0; transform-origin: center; } .header .header-ai-chats-btn:hover:not(.is-disabled), .header .header-ai-chats.is-open .header-ai-chats-btn { border-color: transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(120deg, #3b82f6, #a855f7, #ec4899, #f97316, #eab308, #22c55e, #3b82f6) border-box; border: 1.5px solid transparent; box-shadow: 0 4px 14px rgba(168, 85, 247, 0.18); } .header .header-ai-chats-btn:hover:not(.is-disabled) .header-ai-chats-label, .header .header-ai-chats.is-open .header-ai-chats-label { background: linear-gradient(90deg, #3b82f6, #a855f7, #ec4899, #f97316, #eab308, #22c55e); background-size: 200% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: header-ai-rainbow-text 2.4s linear infinite; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb, .header .header-ai-chats.is-open .orb { animation: header-ai-orb-pulse 1.4s ease-in-out infinite; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb-2, .header .header-ai-chats.is-open .orb-2 { animation-delay: 0.1s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb-3, .header .header-ai-chats.is-open .orb-3 { animation-delay: 0.2s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb-4, .header .header-ai-chats.is-open .orb-4 { animation-delay: 0.3s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb-5, .header .header-ai-chats.is-open .orb-5 { animation-delay: 0.4s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .orb-6, .header .header-ai-chats.is-open .orb-6 { animation-delay: 0.5s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .sparkle-core, .header .header-ai-chats.is-open .sparkle-core { fill: #ffffff; animation: header-ai-sparkle-twinkle 0.9s ease-in-out infinite; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 4px rgba(236, 72, 153, 0.55)) drop-shadow(0 0 6px rgba(59, 130, 246, 0.45)); } .header .header-ai-chats-btn:hover:not(.is-disabled) .sparkle-mini, .header .header-ai-chats.is-open .sparkle-mini { opacity: 1; animation: header-ai-mini-sparkle 1.1s ease-in-out infinite; } .header .header-ai-chats-btn:hover:not(.is-disabled) .sparkle-a, .header .header-ai-chats.is-open .sparkle-a { fill: #fbbf24; animation-delay: 0.15s; } .header .header-ai-chats-btn:hover:not(.is-disabled) .sparkle-b, .header .header-ai-chats.is-open .sparkle-b { fill: #67e8f9; animation-delay: 0.4s; } .header .header-ai-chats-badge { position: absolute; top: -5px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #ef4444; color: #ffffff; font-size: 10px; font-weight: 700; line-height: 18px; text-align: center; z-index: 2; } @keyframes header-ai-rainbow-text { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } @keyframes header-ai-orb-pulse { 0%, 100% { opacity: 0.75; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } } @keyframes header-ai-sparkle-twinkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; } 40% { transform: scale(1.25) rotate(12deg); opacity: 0.85; } 70% { transform: scale(0.92) rotate(-8deg); opacity: 1; } } @keyframes header-ai-mini-sparkle { 0%, 100% { opacity: 0.35; transform: scale(0.7); } 50% { opacity: 1; transform: scale(1.15); } } @media (max-width: 991px) { .header .header-ai-chats { margin-left: 0; margin-right: 4px; } .header .header-ai-chats-label { display: none; } .header .header-ai-chats-btn { width: 36px; padding: 0; justify-content: center; } } /* User Menu */ .header .user-menu.nav > li > a { color: #64748b !important; } .header .user-menu.nav { overflow: visible; } .header .user-menu.nav > li > a span { color: inherit !important; } .header .user-menu.nav > li > a:hover { color: #1e3a8a !important; background-color: rgba(30, 58, 138, 0.06) !important; } /* Vertical separator between notification icons and profile */ .header .user-menu .header-user-divider { align-self: center; width: 1px; height: 28px; margin: 0 8px 0 6px; padding: 0; background: rgba(148, 163, 184, 0.55); list-style: none; pointer-events: none; flex-shrink: 0; } /* User initials avatar — light blue like design */ .header .user-img.user-initials-avatar { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #dbeafe !important; color: #1e3a8a !important; font-size: 12px; font-weight: 700; line-height: 1 !important; letter-spacing: 0.02em; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; } .header .main-drop .dropdown-toggle.nav-link.header-user-toggle { display: inline-flex !important; align-items: center; gap: 6px; line-height: normal !important; height: 60px; padding: 0 8px !important; color: inherit !important; } /* Prefer the Font Awesome chevron; hide theme ::after arrow */ .header .main-drop.has-arrow .dropdown-toggle.header-user-toggle:after { display: none !important; } .header .main-drop .dropdown-toggle.nav-link.header-user-toggle:hover, .header .main-drop .dropdown-toggle.nav-link.header-user-toggle:focus, .header .main-drop.show .dropdown-toggle.nav-link.header-user-toggle { background-color: transparent !important; color: inherit !important; } .header .header-user-chevron { font-size: 10px !important; line-height: 1 !important; color: #94a3b8 !important; transition: transform 0.2s ease; } .header .user-menu.nav > li.main-drop > a.header-user-toggle .header-user-chevron, .header .user-menu.nav > li.main-drop > a.header-user-toggle:hover .header-user-chevron { color: #94a3b8 !important; } .header .main-drop.show .header-user-chevron, .header .main-drop .dropdown-toggle[aria-expanded="true"] .header-user-chevron { transform: rotate(180deg); } /* Profile dropdown — avatar + clipped name/role */ .header .main-drop .dropdown-menu.header-user-dropdown { min-width: 260px; padding: 8px 0; border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12); } .header .header-user-dropdown-profile { display: flex; align-items: center; gap: 12px; padding: 10px 14px 12px; margin-bottom: 0; border-bottom: none; pointer-events: none; } .header .header-user-dropdown-avatar { width: 40px !important; height: 40px !important; font-size: 13px !important; } .header .header-user-dropdown-meta { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0; flex: 1; line-height: 1.2; } .header .header-user-dropdown-name { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0f172a; font-size: 14px; font-weight: 700; line-height: 1.25; } .header .header-user-dropdown-email { display: block; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 14px 10px; margin-bottom: 4px; border-bottom: 1px solid #e2e8f0; color: #64748b; font-size: 12px; font-weight: 500; line-height: 1.2; pointer-events: none; } .header .header-user-dropdown-role { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 12px; font-weight: 500; line-height: 1.2; } .header .user-menu.nav { display: flex; align-items: center; } /* Notification Badge */ .header .user-menu.nav > li > a .badge { background-color: #ef4444 !important; color: #ffffff !important; } /* Search Form (legacy job header etc.) */ .header .top-nav-search form .form-control { background-color: rgba(30, 58, 138, 0.04) !important; border: 1px solid rgba(226, 232, 240, 0.9) !important; color: #1e293b !important; } .header .top-nav-search form .form-control::-moz-placeholder { color: rgba(100, 116, 139, 0.8) !important; } .header .top-nav-search form .form-control::placeholder { color: rgba(100, 116, 139, 0.8) !important; } .header .top-nav-search form .btn { color: #64748b !important; } .header .top-nav-search form .btn:hover { color: #1e3a8a !important; } /* Responsive Search */ .header .responsive-search { color: #1e3a8a !important; } /* Dropdown Menus */ .header .dropdown-menu { border: 1px solid #e2e8f0; } /* Flag Navigation */ .header .user-menu.nav li.flag-nav a { color: #64748b !important; } .header .user-menu.nav li.flag-nav a:hover { color: #1e3a8a !important; } /* Mobile user menu ellipsis */ .header .mobile-user-menu a { color: #1e3a8a !important; } /* Dashboard Box Customizations - Equal Heights and Rounded Corners */ /* Dashboard page typography — smaller greeting & section headings */ .dashboard-page .page-header .page-title { font-size: 18px; font-weight: 500; } @media (max-width: 575px) { .dashboard-page .page-header .page-title { font-size: 16px; } } .dashboard-page .card .card-title, .dashboard-page .card-title { font-size: 15px; font-weight: 500; } .dashboard-page h5.card-title { font-size: 14px; } .dashboard-page .dash-title { font-size: 0.875rem; } /* Global Card Styling */ .dash-card { border-radius: 16px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; transition: all 0.3s ease !important; } .dash-card:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; } /* Dashboard Stats Cards - Equal Heights */ .dash-widget { height: 100% !important; /* min-height: 100px !important; */ background-color: #ffffff !important; border-radius: 16px !important; } .dash-widget .dash-card { height: 100% !important; border-radius: 16px !important; } .dash-widget .dash-card-body { display: flex !important; flex-direction: column !important; justify-content: space-between !important; padding: 24px !important; height: 100% !important; border-radius: 16px !important; } /* Enhanced Widget Cards */ .dash-enhanced-widget { height: 100% !important; min-height: 220px !important; border-radius: 16px !important; } .dash-enhanced-widget .dash-card-body { padding: 24px !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } /* Dashboard Cards - Equal Heights */ .dash-enhanced-card { height: 100% !important; min-height: 300px !important; border-radius: 16px !important; } .dash-enhanced-card .dash-card { height: 100% !important; border-radius: 16px !important; } .dash-enhanced-card .dash-card-body { height: 100% !important; display: flex !important; flex-direction: column !important; padding: 24px !important; } /* Table Cards */ .dash-card-table { height: 100% !important; min-height: 400px !important; border-radius: 16px !important; } .dash-enhanced-table-card { height: 100% !important; min-height: 400px !important; border-radius: 16px !important; } .dash-enhanced-table-card .dash-card { height: 100% !important; border-radius: 16px !important; } .dash-enhanced-table-card .dash-card-body { height: calc(100% - 60px) !important; overflow-y: auto !important; padding: 20px !important; } /* Chart Cards */ .dash-enhanced-chart-card { height: 100% !important; min-height: 400px !important; border-radius: 16px !important; } .dash-enhanced-chart-card .dash-card { height: 100% !important; border-radius: 16px !important; } .dash-enhanced-chart-card .dash-card-body { height: calc(100% - 60px) !important; padding: 20px !important; } /* Jobs Card */ .dash-enhanced-jobs-card { height: 100% !important; min-height: 400px !important; border-radius: 16px !important; } .dash-enhanced-jobs-card .dash-card { height: 100% !important; border-radius: 16px !important; } .dash-enhanced-jobs-card .dash-card-body { height: calc(100% - 60px) !important; overflow-y: auto !important; padding: 20px !important; } /* Quick Actions Card */ .dash-quick-actions-card { border-radius: 16px !important; min-height: 150px !important; } .dash-quick-actions-card .dash-card-body { padding: 24px !important; } /* Equal Height Rows */ .dash-row.dash-equal-height { display: flex !important; flex-wrap: wrap !important; } .dash-row.dash-equal-height > [class*="col-"] { display: flex !important; flex-direction: column !important; } /* Make specific dashboard rows equal height */ .dash-dashboard-container .dash-row, .dash-admin-dashboard .dash-row, .dash-employee-dashboard .dash-row, .dash-user-dashboard .dash-row, .dash-stats-container .dash-row { display: flex !important; flex-wrap: wrap !important; } .dash-dashboard-container .dash-row > [class*="col-"], .dash-admin-dashboard .dash-row > [class*="col-"], .dash-employee-dashboard .dash-row > [class*="col-"], .dash-user-dashboard .dash-row > [class*="col-"], .dash-stats-container .dash-row > [class*="col-"] { display: flex !important; flex-direction: column !important; } /* Card Headers */ .dash-card-header { border-radius: 16px 16px 0 0 !important; background-color: #f8f9fa !important; border-bottom: 1px solid #e2e8f0 !important; padding: 20px 24px !important; } /* Progress Bars */ .dash-progress { border-radius: 12px !important; height: 8px !important; } .dash-progress-bar { border-radius: 12px !important; } /* Buttons */ .dash-btn { border-radius: 12px !important; padding: 10px 20px !important; font-weight: 500 !important; transition: all 0.3s ease !important; } .dash-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } .dash-btn-lg { padding: 12px 24px !important; font-size: 16px !important; border-radius: 14px !important; } /* Form Controls */ .dash-form-control { border-radius: 12px !important; border: 1px solid #e2e8f0 !important; padding: 12px 16px !important; transition: all 0.3s ease !important; } .dash-form-control:focus { border-color: #667eea !important; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25) !important; } .dash-form-select { border-radius: 12px !important; border: 1px solid #e2e8f0 !important; padding: 12px 16px !important; transition: all 0.3s ease !important; } /* Input Groups */ .dash-input-group .dash-form-control:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .dash-input-group .dash-form-control:last-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .dash-input-group-text { border-radius: 12px !important; background-color: #f8f9fa !important; border: 1px solid #e2e8f0 !important; padding: 12px 16px !important; } /* Tables */ .dash-table { border-radius: 12px !important; overflow: hidden !important; } .dash-table thead th { background-color: #f8f9fa !important; border-bottom: 2px solid #e2e8f0 !important; font-weight: 600 !important; padding: 16px 12px !important; } .dash-table tbody td { padding: 14px 12px !important; border-bottom: 1px solid #f1f3f4 !important; } .dash-table-responsive { border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* Modals */ .dash-modal-content { border-radius: 16px !important; border: none !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; } .dash-modal-header { border-radius: 16px 16px 0 0 !important; background-color: #f8f9fa !important; border-bottom: 1px solid #e2e8f0 !important; padding: 20px 24px !important; } .dash-modal-body { padding: 24px !important; } .dash-modal-footer { border-radius: 0 0 16px 16px !important; background-color: #f8f9fa !important; border-top: 1px solid #e2e8f0 !important; padding: 16px 24px !important; } /* Fix modal header alignment for leave forms - Maximum specificity to override SCSS */ /* This fixes the issue where modal title and close button are not properly aligned vertically */ /* The problem was caused by SCSS using justify-content-center which centers the title but doesn't align with the absolutely positioned close button */ .custom-modal .modal-content .modal-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 30px !important; background-color: #2E3192 !important; color: white !important; border: 0 !important; } .custom-modal .modal-content .modal-header .modal-title { font-size: 22px !important; margin: 0 !important; line-height: 1.2 !important; flex: 1 !important; text-align: center !important; color: white !important; font-weight: 500 !important; } .custom-modal .modal-content .modal-header .btn-close { background-color: rgba(255, 255, 255, 0.2) !important; border: 0 !important; color: #ffffff !important; font-size: 13px !important; line-height: 20px !important; opacity: 1 !important; z-index: 99 !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; position: relative !important; top: auto !important; right: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; filter: brightness(0) invert(1) !important; } .custom-modal .modal-content .modal-header .btn-close:hover { opacity: 0.75 !important; background-color: rgba(255, 255, 255, 0.3) !important; } /* Ensure proper spacing */ .custom-modal .modal-content .modal-header .btn-close span { line-height: 1 !important; display: block !important; } /* Badges */ .dash-badge { border-radius: 8px !important; padding: 6px 12px !important; font-weight: 500 !important; font-size: 12px !important; } /* Alerts */ .dash-alert { border-radius: 12px !important; border: none !important; padding: 16px 20px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* Dropdowns */ .dash-dropdown-menu { border-radius: 12px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important; padding: 8px 0 !important; } .dash-dropdown-item { padding: 10px 20px !important; transition: all 0.2s ease !important; border-radius: 0 !important; } .dash-dropdown-item:hover { background-color: #f8f9fa !important; color: #495057 !important; } /* Pagination */ .dash-page-link { border-radius: 8px !important; margin: 0 2px !important; border: 1px solid #e2e8f0 !important; } .dash-page-item.active .dash-page-link { background-color: #667eea !important; border-color: #667eea !important; } /* Breadcrumbs */ .dash-breadcrumb { background-color: transparent !important; padding: 0 !important; } .dash-breadcrumb-item + .dash-breadcrumb-item::before { content: ">" !important; color: #6c757d !important; } /* Widget Components */ .dash-widget-content { padding: 20px !important; } .dash-widget-icon { width: 60px !important; height: 60px !important; border-radius: 12px !important; } .dash-stat-item-enhanced { padding: 20px !important; border-radius: 12px !important; } .dash-action-icon { border-radius: 8px !important; } /* Avatar */ .dash-avatar { border-radius: 50% !important; } .dash-avatar img { border-radius: 50% !important; } /* List Groups */ .dash-list-group { border-radius: 12px !important; } .dash-list-group-item { border: 1px solid #e2e8f0 !important; padding: 16px 20px !important; transition: all 0.2s ease !important; } .dash-list-group-item:last-child { border-bottom: 1px solid #e2e8f0 !important; } /* Navigation Tabs */ .dash-nav-tabs { border-bottom: 1px solid #e2e8f0 !important; } .dash-nav-tabs .dash-nav-link { border: none !important; border-radius: 0 !important; padding: 12px 20px !important; margin-bottom: -1px !important; background-color: transparent !important; position: relative; z-index: 1; box-shadow: none !important; } .dash-nav-tabs .dash-nav-link.active { background-color: transparent !important; color: #667eea !important; border: none !important; box-shadow: inset 0 -2px 0 #667eea !important; z-index: 2; } /* Responsive Design */ @media (max-width: 768px) { .dash-card-body { padding: 16px !important; } .dash-enhanced-widget { min-height: 180px !important; } .dash-enhanced-card { min-height: 250px !important; } .dash-enhanced-table-card, .dash-enhanced-chart-card, .dash-enhanced-jobs-card { min-height: 300px !important; } } @media (max-width: 576px) { .dash-card-body { padding: 12px !important; } .dash-enhanced-widget { min-height: 160px !important; } .dash-enhanced-card { min-height: 200px !important; } } /* Utility Classes */ .dash-mb-4 { margin-bottom: 1.5rem !important; } /* Column Flex Settings */ .dash-col-md-3, .dash-col-md-4, .dash-col-md-6, .dash-col-lg-3, .dash-col-lg-4, .dash-col-lg-6, .dash-col-xl-3, .dash-col-xl-4, .dash-col-xl-6, .dash-col-xxl-3, .dash-col-xxl-4, .dash-col-xxl-6 { display: flex !important; flex-direction: column !important; } .dash-col-md-3 > *, .dash-col-md-4 > *, .dash-col-md-6 > *, .dash-col-lg-3 > *, .dash-col-lg-4 > *, .dash-col-lg-6 > *, .dash-col-xl-3 > *, .dash-col-xl-4 > *, .dash-col-xl-6 > *, .dash-col-xxl-3 > *, .dash-col-xxl-4 > *, .dash-col-xxl-6 > * { flex: 1 !important; } /* KANBAN BOARD LAYOUT IMPROVEMENTS - FORCE OVERRIDE */ /* Reduce margin between task categories/columns - Multiple selectors with high specificity */ .kanban-board .card-body .kanban-cont .d-flex.flex-row > .kanban-column, .kanban-board .kanban-cont .d-flex.flex-row > .kanban-column, .card-body .kanban-cont .d-flex.flex-row > .kanban-column, .kanban-cont .d-flex.flex-row > .kanban-column, .d-flex.flex-row > .kanban-column, .kanban-cont .kanban-list, .kanban-board .kanban-cont .kanban-list, .kanban-column, .kanban-list { margin: 0 8px 0 0 !important; /* Set to 8px for tight spacing */ margin-right: 8px !important; margin-left: 0 !important; } /* Additional specific targeting for different kanban implementations */ .card-body .kanban-cont .kanban-list { margin-right: 8px !important; } /* Draggable container spacing - Target the exact Vue structure */ .kanban-board .d-flex.flex-row > .kanban-column, .d-flex.flex-row > .kanban-column, .d-flex.flex-row > div { margin-right: 8px !important; } .kanban-board .d-flex.flex-row > .kanban-column:last-child, .d-flex.flex-row > .kanban-column:last-child, .d-flex.flex-row > div:last-child { margin-right: 0 !important; } /* Force override any existing styles with maximum specificity */ .kanban-board .kanban-column { margin-right: 8px !important; margin-left: 0 !important; } .kanban-board .kanban-column:last-child { margin-right: 0 !important; } /* Additional nuclear option - target any div inside the flex container */ .kanban-board .card-body .kanban-cont .d-flex > div, .kanban-board .kanban-cont .d-flex > div, .card-body .kanban-cont .d-flex > div, .kanban-cont .d-flex > div { margin-right: 8px !important; margin-left: 0 !important; } .kanban-board .card-body .kanban-cont .d-flex > div:last-child, .kanban-board .kanban-cont .d-flex > div:last-child, .card-body .kanban-cont .d-flex > div:last-child, .kanban-cont .d-flex > div:last-child { margin-right: 0 !important; } /* Override Bootstrap flex utilities if they exist */ .d-flex.flex-row > * { margin-right: 8px !important; } .d-flex.flex-row > *:last-child { margin-right: 0 !important; } /* Add minimal side padding so tasks don't touch the walls */ .kanban-cont .kanban-list .kanban-wrap { padding: 5px 4px 5px 4px !important; /* 4px left/right padding for breathing room */ } /* Adjust task card headers to have minimal side padding */ .kanban-cont .kanban-list .kanban-wrap .task-board-header { padding: 15px 8px 5px 8px !important; /* Reduced to 8px on sides for tighter fit */ } /* Adjust task card bodies to have minimal side padding */ .kanban-cont .kanban-list .kanban-wrap .task-board-body { padding: 0 8px 15px 8px !important; /* Reduced to 8px on sides for tighter fit */ } /* Ensure cards have minimal margin and touch the column walls */ .kanban-cont .kanban-list .kanban-wrap .card { margin: 0 0 4px 0 !important; /* Reduced bottom margin from 12px to 8px */ } /* Adjust add new task button padding */ .kanban-cont .kanban-list .add-new-task { padding: 0 8px 20px 8px !important; /* Consistent 8px padding with task content */ } /* Ensure kanban header has consistent padding */ /* .kanban-cont .kanban-list .kanban-header { padding: 10px 8px 15px 8px !important; } */ /* Last column should not have right margin */ .kanban-cont .kanban-list:last-child, .kanban-board .kanban-cont .kanban-list:last-child, .kanban-column:last-child, .kanban-list:last-child, .d-flex.flex-row > div:last-child { margin-right: 0 !important; } /* Add/Edit Modal Styles */ .modal .modal-header { background-color: #2E3192; color: white; padding: 1rem 1.5rem; } .modal .modal-header .modal-title { color: white; font-size: 1.25rem; font-weight: 500; } .modal .modal-header .btn-close { color: white; opacity: 1; filter: brightness(0) invert(1); } .modal .modal-header .btn-close:hover { opacity: 0.75; } /* Shared stat cards — dashboard flat icon + count layout (also used outside dashboards) */ .dashboard-page .dash-widget.enhanced-widget, .stat-card-surface.dash-widget.enhanced-widget { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; overflow: hidden; transition: none; height: 100% !important; min-height: 0 !important; } .dashboard-page .dash-widget.enhanced-widget:hover, .stat-card-surface.dash-widget.enhanced-widget:hover { transform: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; } .dashboard-page .dash-widget.enhanced-widget.stat-clickable, .stat-card-surface.dash-widget.enhanced-widget.stat-clickable { cursor: pointer; } .dashboard-page .dash-widget.enhanced-widget.stat-clickable:hover, .stat-card-surface.dash-widget.enhanced-widget.stat-clickable:hover { border-color: #c7d2fe !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; } .dashboard-page .dash-widget.enhanced-widget.stat-clickable:focus-visible, .stat-card-surface.dash-widget.enhanced-widget.stat-clickable:focus-visible { outline: 2px solid #6366f1; outline-offset: 2px; } .dashboard-page .dash-widget.enhanced-widget .card-body, .stat-card-surface.dash-widget.enhanced-widget .card-body { padding: 16px 18px !important; height: auto !important; display: block !important; } .dashboard-page .widget-content, .stat-card-surface .widget-content { display: flex; align-items: center; gap: 12px; margin-bottom: 0; } .dashboard-page .widget-icon, .stat-card-surface .widget-icon { width: 42px; height: 42px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 0; font-size: 18px; background: #ffffff !important; color: #374151 !important; flex-shrink: 0; } .dashboard-page .projects-icon, .dashboard-page .clients-icon, .dashboard-page .tasks-icon, .dashboard-page .employees-icon, .dashboard-page .tickets-icon, .dashboard-page .leads-open-icon, .dashboard-page .leads-won-icon, .dashboard-page .leads-lost-icon, .stat-card-surface .widget-icon { background: #ffffff !important; color: #374151 !important; } .dashboard-page .widget-info, .stat-card-surface .widget-info { flex: 1; min-width: 0; } .dashboard-page .widget-count, .stat-card-surface .widget-count { font-size: 1.5rem; font-weight: 500; margin: 0; color: #111827; line-height: 1.15; } .dashboard-page .widget-label, .stat-card-surface .widget-label { font-size: 0.8125rem; font-weight: 400; color: #6b7280; display: block; margin-top: 2px; line-height: 1.3; } .stat-card-surface .widget-subtitle { font-size: 0.75rem; font-weight: 400; color: #9ca3af; display: block; margin-top: 2px; line-height: 1.3; } .stat-card-surface .widget-extras { margin-top: 10px; } @media (max-width: 575px) { .dashboard-page .widget-count, .stat-card-surface .widget-count { font-size: 1.25rem; } } /* Dashboard overview cards: meetings, leaves, and time logs */ .dashboard-page .dashboard-overview-row { align-items: stretch; } .dashboard-page .dashboard-overview-card { min-height: 340px; margin-bottom: 0; overflow: hidden; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; } .dashboard-page .dashboard-overview-header { min-height: 76px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border-bottom: 1px solid #eef2f7; } .dashboard-page .dashboard-overview-heading { min-width: 0; display: flex; align-items: center; gap: 11px; } .dashboard-page .dashboard-overview-heading-icon { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; color: #1e3a8a; background: #e8eef8; border-radius: 10px; font-size: 15px; } .dashboard-page .dashboard-overview-heading-icon.leave-heading-icon, .dashboard-page .dashboard-overview-heading-icon.time-log-heading-icon, .dashboard-page .dashboard-overview-heading-icon.event-heading-icon, .dashboard-page .dashboard-overview-heading-icon.chart-heading-icon, .dashboard-page .dashboard-overview-heading-icon.ticket-heading-icon, .dashboard-page .dashboard-overview-heading-icon.due-heading-icon, .dashboard-page .dashboard-overview-heading-icon.lead-heading-icon { color: #1e3a8a; background: #e8eef8; } .dashboard-page .dashboard-list-icon.due-soon-icon { color: #b45309; background: #fffbeb; } .dashboard-page .dashboard-list-icon.due-overdue-icon { color: #dc2626; background: #fef2f2; } .dashboard-page .dashboard-time-badge.is-overdue { color: #b91c1c; background: #fee2e2; } .dashboard-page .dashboard-chart-card .dashboard-chart-body { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 240px; padding: 12px 16px 16px !important; background: #fff; } .dashboard-page .dashboard-chart-card.is-bar-chart:not(.is-loading):not(.is-empty) .dashboard-chart-body { display: block; padding: 8px 10px 12px !important; } .dashboard-page .dashboard-chart-card.has-side-legend:not(.is-loading):not(.is-empty) .dashboard-chart-body { display: block; padding: 10px 14px 14px !important; } .dashboard-page .dashboard-chart-split { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; min-height: 200px; } .dashboard-page .dashboard-type-legend { list-style: none; margin: 0; padding: 0; flex: 0 0 auto; min-width: 108px; max-width: 140px; display: flex; flex-direction: column; gap: 10px; } .dashboard-page .dashboard-type-legend-item { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; } .dashboard-page .dashboard-type-legend-item.is-clickable { cursor: pointer; } .dashboard-page .dashboard-type-legend-swatch { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; } .dashboard-page .dashboard-type-legend-label { flex: 1; min-width: 0; color: #475569; font-size: 12px; font-weight: 500; line-height: 1.2; } .dashboard-page .dashboard-type-legend-count { color: #0f172a; font-size: 12px; font-weight: 700; line-height: 1.2; } .dashboard-page .dashboard-chart-plot { flex: 0 0 auto; width: 220px; max-width: 48%; display: flex; align-items: center; justify-content: center; } .dashboard-page .dashboard-chart-card .dashboard-apexchart { width: 100%; max-width: 100%; } .dashboard-page .dashboard-chart-card.is-radial-chart:not(.has-side-legend) .dashboard-apexchart, .dashboard-page .dashboard-chart-card.has-side-legend .dashboard-apexchart { max-width: 220px; margin: 0 auto; } .dashboard-page .dashboard-chart-card .dashboard-chart-body .apexcharts-legend { padding: 0 !important; } .dashboard-page .dashboard-chart-card .dashboard-chart-body .apexcharts-canvas { margin: 0 auto; } .dashboard-page .dashboard-chart-card.is-bar-chart .dashboard-chart-body .apexcharts-canvas { margin: 0 !important; width: 100% !important; } @media (max-width: 575px) { .dashboard-page .dashboard-chart-split { flex-direction: column; align-items: stretch; gap: 12px; } .dashboard-page .dashboard-type-legend { max-width: none; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 12px 16px; } } .dashboard-page .dashboard-chart-card.is-clickable-chart .apexcharts-pie-area, .dashboard-page .dashboard-chart-card.is-clickable-chart .apexcharts-pie-slice-0, .dashboard-page .dashboard-chart-card.is-clickable-chart .apexcharts-slices { cursor: pointer; } .dashboard-page .dashboard-overview-subtitle { display: block; margin-top: 3px; color: #94a3b8; font-size: 11px; font-weight: 400; line-height: 1.25; } .dashboard-page .dashboard-view-all { flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #4f46e5; background: #f8faff; border: 1px solid #dfe5ff; border-radius: 8px; font-size: 12px; font-weight: 600; line-height: 1; text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease; } .dashboard-page .dashboard-view-all:hover { color: #4338ca; background: #eef2ff; border-color: #c7d2fe; } .dashboard-page .dashboard-view-all i { font-size: 10px; } .dashboard-page .dashboard-overview-body { flex: 1 1 auto; min-height: 240px; padding: 10px 12px 12px !important; background: #f8fafc; display: flex; flex-direction: column; } .dashboard-page .dashboard-chart-card .dashboard-overview-body { background: #fff; } .dashboard-page .dashboard-overview-card .dashboard-box-list { margin: 0; padding: 0; list-style: none; } .dashboard-page .dashboard-overview-card .dashboard-box-item { display: block; width: 100%; max-width: none; margin: 0 0 8px; padding: 0; background: #fff; border: 1px solid #edf0f4; border-radius: 10px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .dashboard-page .dashboard-overview-card .dashboard-box-item:last-child { margin-bottom: 0; border-bottom: 1px solid #edf0f4; } .dashboard-page .dashboard-overview-card .dashboard-box-item:hover { border-color: #dbe2ea; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05); } .dashboard-page .dashboard-list-link { width: 100%; min-width: 0; padding: 12px; display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; } .dashboard-page .dashboard-list-icon { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; color: #4f46e5; background: #eef2ff; border-radius: 9px; font-size: 12px; } .dashboard-page .dashboard-list-icon.time-log-running-icon { color: #2563eb; background: #eff6ff; } .dashboard-page .dashboard-list-icon.time-log-complete-icon { color: #059669; background: #ecfdf5; } .dashboard-page .dashboard-list-content { min-width: 0; flex: 1; display: flex; flex-direction: column; } .dashboard-page .dashboard-list-title { overflow: hidden; color: #1f2937; font-size: 13px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } .dashboard-page .dashboard-list-meta { min-width: 0; margin-top: 3px; display: flex; align-items: center; gap: 5px; overflow: hidden; color: #64748b; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .dashboard-page .dashboard-list-meta i { color: #94a3b8; font-size: 10px; } .dashboard-page .dashboard-time-badge, .dashboard-page .leave-type-badge, .dashboard-page .time-log-status { flex-shrink: 0; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 600; line-height: 1.2; white-space: nowrap; } .dashboard-page .dashboard-time-badge { color: #4338ca; background: #eef2ff; } .dashboard-page .leave-type-badge { color: #047857; background: #ecfdf5; } .dashboard-page .leave-avatar-initials { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: #4338ca; background: linear-gradient(135deg, #eef2ff, #e0e7ff); border-radius: 10px; font-size: 11px; font-weight: 700; } .dashboard-page .time-log-meta { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 6px 12px; color: #94a3b8; font-size: 10px; line-height: 1.3; } .dashboard-page .time-log-meta span { display: inline-flex; align-items: center; gap: 5px; } .dashboard-page .time-log-status { color: #047857; background: #ecfdf5; } .dashboard-page .time-log-status.is-running { color: #1d4ed8; background: #dbeafe; } .dashboard-page .dashboard-overview-body .dashboard-box-loading, .dashboard-page .dashboard-overview-body .empty-state, .dashboard-page .dashboard-overview-body .leave-empty-state { flex: 1 1 auto; width: 100%; min-height: 240px; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; } .dashboard-page .dashboard-overview-body .dashboard-box-loading-text, .dashboard-page .dashboard-overview-body .leave-empty-text { margin: 0; } @media (max-width: 575px) { .dashboard-page .dashboard-overview-card { min-height: 0; } .dashboard-page .dashboard-overview-header { min-height: 68px; padding: 12px; } .dashboard-page .dashboard-overview-heading-icon { width: 34px; height: 34px; flex-basis: 34px; } .dashboard-page .dashboard-view-all { padding: 7px 8px; } .dashboard-page .dashboard-list-link { padding: 10px; } .dashboard-page .dashboard-time-badge, .dashboard-page .leave-type-badge, .dashboard-page .time-log-status { padding: 4px 7px; } } /* UI Fixes for Distortions Caused by Dashboard Box Customizations */ /* Fix for button groups and inline elements */ .dash-btn-group, .dash-btn-toolbar, .dash-d-flex, .dash-d-inline-flex, .dash-header-actions, .dash-page-header .dash-btn-group, .dash-card-header .dash-btn-group { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; } /* Fix for header button containers */ .dash-page-header, .dash-card-header, .dash-table-header, .dash-filter-header { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; } .dash-page-header .row { width: 100% !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .dash-page-header .col, .dash-page-header .col-auto { padding: 0 !important; } /* Fix for button containers in headers */ .dash-page-header .dash-btn, .dash-card-header .dash-btn, .dash-header-actions .dash-btn { margin: 2px !important; flex-shrink: 0 !important; } /* Fix view icons alignment */ .dash-view-icons { display: flex !important; align-items: center !important; gap: 0 !important; margin-left: 8px !important; } .dash-view-icons .dash-btn { margin: 0 !important; border-radius: 4px !important; } .dash-view-icons .dash-btn:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .dash-view-icons .dash-btn:last-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: none !important; } /* Restore horizontal scrolling for tables */ .dash-table-responsive { overflow-x: auto !important; overflow-y: visible !important; border-radius: 12px !important; -webkit-overflow-scrolling: touch !important; } .dash-table-responsive .dash-table { min-width: 100% !important; white-space: nowrap !important; } /* Ensure table cells don't break layout */ .dash-table-responsive .dash-table th, .dash-table-responsive .dash-table td { white-space: nowrap !important; min-width: 80px !important; } /* Allow text wrapping for specific columns */ .dash-table-responsive .dash-table .text-wrap, .dash-table-responsive .dash-table .allow-wrap { white-space: normal !important; min-width: auto !important; } /* Fix for ant-design table scrolling */ .dash-ant-table-wrapper { overflow-x: auto !important; } .dash-ant-table-content { overflow-x: auto !important; } .dash-ant-table-body { overflow-x: auto !important; } /* Fix for specific table containers */ .dash-card .dash-table-responsive { margin: 0 !important; border-radius: 0 0 12px 12px !important; } .dash-card-body .dash-table-responsive { margin: -20px !important; margin-top: 20px !important; border-radius: 0 0 16px 16px !important; } /* Fix dropdown positioning and sizing */ .dash-dropdown { position: relative !important; display: inline-block !important; } .dash-dropdown-menu { position: absolute !important; top: 100% !important; left: 0 !important; z-index: 1000 !important; min-width: 160px !important; max-width: 300px !important; width: auto !important; height: auto !important; } /* Fix project card dropdown positioning */ .dash-card .dash-dropdown.dash-profile-action, .dash-card .dash-dropdown.dash-dropdown-action { position: absolute !important; top: 15px !important; right: 15px !important; z-index: 10 !important; } .dash-card .dash-dropdown.dash-profile-action .dash-dropdown-menu, .dash-card .dash-dropdown.dash-dropdown-action .dash-dropdown-menu { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; transform: none !important; } /* Ensure card body is positioned relative for dropdown positioning */ .dash-card .dash-card-body { position: relative !important; } /* Fix input group layouts */ .dash-input-group { display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100% !important; } .dash-input-group .dash-form-control { flex: 1 1 auto !important; width: 1% !important; min-width: 0 !important; } .dash-input-group-text { display: flex !important; align-items: center !important; white-space: nowrap !important; } /* Fix form layouts */ .dash-form-inline { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; } .dash-form-inline .dash-form-control, .dash-form-inline .dash-form-select { width: auto !important; margin-right: 8px !important; margin-bottom: 8px !important; } /* Fix navbar and top-nav layouts (excluding main header) */ .dash-navbar, .dash-top-nav { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } /* Preserve original header layout - do not apply flexbox */ .dash-header { display: block !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 60px !important; z-index: 1002 !important; } /* Ensure header children maintain their original layout */ .dash-header .dash-header-left { float: left !important; display: block !important; } .dash-header #toggle_btn { float: left !important; display: block !important; } .dash-header .dash-page-title-box { float: left !important; display: block !important; } .dash-header .dash-user-menu { float: right !important; display: block !important; } .dash-header .dash-mobile_btn { display: none !important; } @media (max-width: 991px) { .dash-header .dash-mobile_btn { display: block !important; } } .dash-navbar-nav { display: flex !important; flex-direction: row !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .dash-navbar-nav .dash-nav-item { display: flex !important; align-items: center !important; } /* Fix pagination layout */ .dash-pagination { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .dash-pagination .dash-page-item { display: inline-block !important; } /* Fix breadcrumb layout */ .dash-breadcrumb { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .dash-breadcrumb-item { display: inline-block !important; } /* Fix tab navigation */ .dash-nav-tabs, .dash-nav-pills { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; list-style: none !important; border-bottom: 1px solid #e2e8f0 !important; } .dash-nav-tabs .dash-nav-item, .dash-nav-pills .dash-nav-item { display: inline-block !important; } /* Fix modal layouts */ .dash-modal-header { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } .dash-modal-footer { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; } /* Fix alert layouts */ .dash-alert { display: flex !important; flex-direction: row !important; align-items: center !important; } /* Specific fixes for common layouts */ .dash-d-inline { display: inline !important; } .dash-d-inline-block { display: inline-block !important; } .dash-d-block { display: block !important; } .dash-d-none { display: none !important; } /* Fix for specific button combinations */ .dash-btn + .dash-btn { margin-left: 4px !important; } .dash-btn-group > .dash-btn { margin-left: 0 !important; } .dash-btn-group > .dash-btn:not(:first-child) { border-left: none !important; } /* Fix for search and filter forms */ .dash-search-form, .dash-filter-form { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; } /* Fix for card actions */ .dash-card-actions { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; } /* Fix for list group horizontal layouts */ .dash-list-group-horizontal { display: flex !important; flex-direction: row !important; } .dash-list-group-horizontal .dash-list-group-item { margin-bottom: 0 !important; margin-right: -1px !important; } /* Override problematic flexbox rules for specific cases */ .dash-row.dash-no-flex { display: block !important; } .dash-row.dash-no-flex > [class*="col-"] { display: block !important; float: left !important; } /* Fix for horizontal scrolling in specific containers */ .dash-horizontal-scroll { overflow-x: auto !important; overflow-y: hidden !important; } .dash-horizontal-scroll::-webkit-scrollbar { height: 6px !important; } .dash-horizontal-scroll::-webkit-scrollbar-track { background: #f1f1f1 !important; } .dash-horizontal-scroll::-webkit-scrollbar-thumb { background: #c1c1c1 !important; border-radius: 3px !important; } /* Fix for specific table issues - removed problematic max-width */ .dash-table .text-wrap { white-space: normal !important; } /* Fix for form validation states */ .was-validated .dash-form-control:valid, .was-validated .dash-form-control:invalid, .dash-form-control.is-valid, .dash-form-control.is-invalid { background-position: right calc(0.375em + 0.1875rem) center !important; } /* Fix for select2 and other plugin dropdowns */ .dash-select2-container { width: 100% !important; } .dash-select2-dropdown { border-radius: 8px !important; border: 1px solid #e2e8f0 !important; } /* Fix for date picker and time picker */ .dash-datepicker, .dash-timepicker { z-index: 1060 !important; border-radius: 8px !important; } /* Fix for specific dashboard components */ .dash-widget-stats { display: flex !important; flex-direction: row !important; justify-content: space-around !important; align-items: center !important; } .dash-widget-progress { width: 100% !important; } /* Fix for responsive issues */ @media (max-width: 768px) { .dash-btn-group { flex-direction: column !important; align-items: stretch !important; } .dash-btn-group .dash-btn { margin-left: 0 !important; margin-bottom: 4px !important; } .dash-btn-group .dash-btn:last-child { margin-bottom: 0 !important; } .dash-page-header { flex-direction: column !important; align-items: flex-start !important; } .dash-card-header { flex-direction: column !important; align-items: flex-start !important; } } @media (max-width: 576px) { .dash-table-responsive { font-size: 14px !important; } .dash-btn { padding: 8px 12px !important; font-size: 14px !important; } .dash-form-control { padding: 8px 12px !important; } } /* Fix for specific problematic elements */ .dash-no-equal-height { height: auto !important; min-height: auto !important; } .dash-no-equal-height .dash-card { height: auto !important; min-height: auto !important; } .dash-no-equal-height .dash-card-body { height: auto !important; min-height: auto !important; } /* Ensure important layouts are not affected */ .dash-preserve-layout { display: initial !important; } .dash-preserve-layout > * { display: initial !important; height: auto !important; flex: initial !important; } /* TARGETED FIXES FOR SPECIFIC ISSUES */ /* 1. Header Dropdown Positioning - Align to Left and Keep Within Window */ .dash-header .dash-nav-item.has-arrow .dash-dropdown-menu, .dash-header .dash-nav-item.dash-dropdown.has-arrow .dash-dropdown-menu, .dash-header .dash-main-drop .dash-dropdown-menu { right: auto !important; left: -80px !important; transform: translateX(0) !important; min-width: 150px !important; } /* 2. Hide 3-dots button in header */ .dash-header .dash-mobile-user-menu { display: none !important; } /* 3. Search Button Height Fix - ONLY reduce search button height to match input fields */ .dash-filter-row .dash-btn.btn-success, .dash-search-filter .dash-btn.btn-success, .dash-row.filter-row .dash-btn.btn-success, .dash-filter-row a.dash-btn.btn-success, .dash-search-filter a.dash-btn.btn-success, .dash-row.filter-row a.dash-btn.btn-success, .dash-filter-row .dash-btn-success.w-100, .dash-search-filter .dash-btn-success.w-100, .dash-row.filter-row .dash-btn-success.w-100 { height: 50px !important; line-height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 16px !important; box-sizing: border-box !important; } /* More specific selector for anchor tags used as buttons in filters */ div.dash-filter-row div[class*="col-"] a.dash-btn.btn-success { height: 50px !important; line-height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 16px !important; } /* Ultra specific selector - highest priority */ .dash-row.filter-row a.dash-btn.btn-success, .dash-filter-row a.dash-btn.btn-success, a.dash-btn.btn-success.w-100 { height: 50px !important; min-height: 50px !important; max-height: 50px !important; line-height: 1.2 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; box-sizing: border-box !important; background-color: #28a745 !important; color: white !important; border: 1px solid #28a745 !important; font-weight: normal !important; text-transform: uppercase !important; } /* Hover effects for search buttons */ .dash-row.filter-row a.dash-btn.btn-success:hover, .dash-filter-row a.dash-btn.btn-success:hover, a.dash-btn.btn-success.w-100:hover { background-color: #218838 !important; border-color: #1e7e34 !important; color: white !important; } /* Make white view icons have rounded corners like blue buttons */ .dash-view-icons .dash-btn, .dash-view-icons .dash-btn.btn-link, .dash-view-icons .grid-view, .dash-view-icons .list-view { border-radius: 12px !important; padding: 8px 12px !important; border: 1px solid #dee2e6 !important; background-color: white !important; color: #6c757d !important; transition: all 0.2s ease !important; } /* Hover effects for view icons */ .dash-view-icons .dash-btn:hover, .dash-view-icons .dash-btn.btn-link:hover { background-color: #f8f9fa !important; border-color: #adb5bd !important; color: #495057 !important; transform: translateY(-1px) !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; } /* Active state for view icons */ .dash-view-icons .dash-btn.active, .dash-view-icons .dash-btn.btn-link.active, .dash-view-icons .router-link-active, .dash-view-icons .dash-btn.router-link-active, .dash-view-icons .dash-btn.btn-link.router-link-active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: white !important; } /* Remove default button group styling for view icons */ .dash-view-icons .dash-btn:first-child { border-top-right-radius: 12px !important; border-bottom-right-radius: 12px !important; margin-right: 4px !important; } .dash-view-icons .dash-btn:last-child { border-top-left-radius: 12px !important; border-bottom-left-radius: 12px !important; } /* DO NOT change input field heights - they are already correct */ /* Kanban Board Top Alignment Fix */ .dash-kanban-cont .dash-d-flex.dash-flex-row { align-items: flex-start !important; } .dash-kanban-cont .dash-kanban-list { align-self: flex-start !important; } /* Additional Kanban alignment fixes */ .dash-kanban-column { align-self: flex-start !important; } .dash-kanban-wrap { align-self: flex-start !important; } /* TABLE DROPDOWN VISIBILITY FIXES */ /* Override table-responsive overflow to allow dropdowns to show */ .dash-table-responsive { overflow-x: auto !important; overflow-y: visible !important; } /* Ensure cards containing tables don't clip dropdowns */ .dash-card { overflow: visible !important; } .dash-card-body { overflow: visible !important; } /* Fix dropdown menus in tables */ .dash-table .dash-dropdown-menu { position: absolute !important; z-index: 9999 !important; top: 100% !important; left: auto !important; right: 0 !important; min-width: 160px !important; max-width: 300px !important; margin-top: 2px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background-color: white !important; } /* Ensure dropdown containers have proper positioning */ .dash-table .dash-dropdown { position: relative !important; } .dash-table td .dash-dropdown, .dash-table th .dash-dropdown { position: relative !important; } /* Fix for action dropdowns specifically */ .dash-table .dash-dropdown-action .dash-dropdown-menu, .dash-table .dash-action-label .dash-dropdown-menu { position: absolute !important; z-index: 9999 !important; right: 0 !important; left: auto !important; top: 100% !important; transform: none !important; } /* Fix for Bootstrap dropdown positioning */ .dash-dropdown-menu.show { position: absolute !important; z-index: 9999 !important; top: 100% !important; left: auto !important; right: 0 !important; transform: none !important; } /* DataTables specific fixes */ .dash-dataTables_wrapper { overflow: visible !important; } .dash-dataTables_scroll { overflow: visible !important; } .dash-dataTables_scrollBody { overflow-x: auto !important; overflow-y: visible !important; } /* Ant Design table fixes */ .dash-ant-table-wrapper { overflow: visible !important; } .dash-ant-table-container { overflow: visible !important; } .dash-ant-table-content { overflow-x: auto !important; overflow-y: visible !important; } /* Modal table fixes */ .dash-modal .dash-table-responsive { overflow: visible !important; } .dash-modal .dash-dropdown-menu { z-index: 10050 !important; } /* Specific fix for three-dot menus */ .dash-dropdown-toggle::after { display: inline-block !important; margin-left: 0.255em !important; vertical-align: 0.255em !important; content: "" !important; border-top: 0.3em solid !important; border-right: 0.3em solid transparent !important; border-bottom: 0 !important; border-left: 0.3em solid transparent !important; } /* Ensure table cells don't interfere with dropdown positioning */ .dash-table td, .dash-table th { position: relative !important; } /* MAIN TABLE COLUMN WIDTH ADJUSTMENTS */ /* Color Bar - Make it thinner like in the image */ .dash-task-list .dash-sticky-color-bar, .dash-task-list .color-bar { position: sticky !important; left: 0px !important; z-index: 10 !important; width: 8px !important; min-width: 8px !important; max-width: 8px !important; padding: 0 !important; border: none !important; } /* Ticket Column - Adjust position for thinner color bar */ .dash-task-list .dash-sticky-ticket-column, .dash-task-list .ticket-column { position: sticky !important; left: 8px !important; z-index: 9 !important; width: 100px !important; min-width: 100px !important; max-width: 100px !important; background-color: white !important; text-align: center !important; } /* Task Column - Adjust position and make wider */ .dash-task-list .dash-sticky-task-column, .dash-task-list .task-name { position: sticky !important; left: 108px !important; z-index: 8 !important; min-width: 350px !important; width: 350px !important; max-width: 350px !important; background-color: white !important; } /* Regular columns - Make them wider for better content display */ .dash-task-list .dash-column-name { min-width: 180px !important; width: 180px !important; max-width: 180px !important; background-color: white !important; } /* Description column - Make it much wider */ .dash-task-list th:has(.column-label:contains("Description")), .dash-task-list td:nth-child(n):has([class*="description"]) { min-width: 300px !important; width: 300px !important; max-width: 300px !important; } /* Timeline column - Make it wider */ .dash-task-list th:has(.column-label:contains("Timeline")), .dash-task-list td:nth-child(n):has([class*="timeline"]) { min-width: 200px !important; width: 200px !important; max-width: 200px !important; } /* Priority column - specific width */ .dash-task-list th:has(.column-label:contains("Priority")), .dash-task-list td:nth-child(4) { min-width: 120px !important; width: 120px !important; max-width: 120px !important; } /* People column - wider for avatars */ .dash-task-list th:has(.column-label:contains("People")), .dash-task-list td:nth-child(5) { min-width: 150px !important; width: 150px !important; max-width: 150px !important; } /* Status column - medium width */ .dash-task-list th:has(.column-label:contains("Status")), .dash-task-list td:nth-child(6) { min-width: 140px !important; width: 140px !important; max-width: 140px !important; } /* Timetracking column - medium width */ .dash-task-list th:has(.column-label:contains("Timetracking")), .dash-task-list td:nth-child(7) { min-width: 130px !important; width: 130px !important; max-width: 130px !important; } /* Notes column - medium width */ .dash-task-list th:has(.column-label:contains("Notes")), .dash-task-list td:nth-child(8) { min-width: 120px !important; width: 120px !important; max-width: 120px !important; } /* Date column - medium width */ .dash-task-list th:has(.column-label:contains("Date")), .dash-task-list td:nth-child(9) { min-width: 140px !important; width: 140px !important; max-width: 140px !important; } /* Summary Row - Adjust for new widths */ .dash-task-list tbody tr td[colspan="3"] { position: sticky !important; left: 0px !important; z-index: 7 !important; background-color: #f7f7f7 !important; border: 1px solid #ddd !important; width: 458px !important; min-width: 458px !important; max-width: 458px !important; } /* Ensure proper table spacing */ .dash-task-list .dash-table { table-layout: fixed !important; width: auto !important; } /* NOTIFICATION DROPDOWN UI FIXES */ /* Fix notification dropdown width and layout */ .dash-notifications .dash-noti-content { width: 380px !important; height: 300px !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 !important; } /* Fix notification list item layout */ .dash-notifications .dash-notification-list li { margin-top: 0 !important; border-bottom: 1px solid #f5f5f5 !important; padding: 0 !important; } .dash-notifications .dash-notification-list li a { display: block !important; padding: 12px 15px !important; border-radius: 0 !important; text-decoration: none !important; } /* Fix message time overflow */ .dash-notifications .dash-notification-list li .dash-list-item .dash-list-body { padding: 0 0 0 55px !important; position: relative !important; overflow: hidden !important; padding-right: 15px !important; } .dash-notifications .dash-notification-list li .dash-list-item .dash-list-body .dash-message-time { position: absolute !important; top: 2px !important; right: 15px !important; color: #888888 !important; font-size: 10px !important; white-space: nowrap !important; background: rgba(255, 255, 255, 0.9) !important; padding: 1px 6px !important; border-radius: 3px !important; max-width: 100px !important; overflow: hidden !important; text-overflow: ellipsis !important; z-index: 10 !important; } /* Fix message author width to accommodate time */ .dash-notifications .dash-notification-list li .dash-list-item .dash-list-body .dash-message-author { width: calc(100% - 110px) !important; padding-right: 5px !important; float: left !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Fix message content */ .dash-notifications .dash-notification-list li .dash-list-item .dash-list-body .dash-message-content { color: #666 !important; font-size: 12px !important; display: block !important; clear: both !important; margin-top: 4px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: calc(100% - 15px) !important; padding-right: 15px !important; } /* Fix notification time for bell notifications */ .dash-notifications .dash-notification-list li p.dash-noti-time { margin: 0 !important; position: absolute !important; top: 2px !important; right: 15px !important; z-index: 10 !important; } .dash-notifications .dash-notification-list li .dash-notification-time { font-size: 10px !important; color: #888 !important; white-space: nowrap !important; background: rgba(255, 255, 255, 0.9) !important; padding: 1px 6px !important; border-radius: 3px !important; max-width: 100px !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Fix notification details layout */ .dash-notifications .dash-notification-list li .dash-noti-details { color: #333 !important; margin: 0 !important; padding-right: 110px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: calc(100% - 15px) !important; } /* Fix dropdown footer buttons */ .dash-topnav-dropdown-footer { border-top: 1px solid #eeeeee !important; padding: 8px 15px !important; background: #f8f9fa !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; position: relative !important; margin-top: -5px !important; } .dash-topnav-dropdown-footer .dash-btn { padding: 6px 12px !important; font-size: 12px !important; border-radius: 6px !important; text-decoration: none !important; border: 1px solid #ddd !important; background: white !important; color: #333 !important; flex: 1 !important; text-align: center !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dash-topnav-dropdown-footer .dash-btn:hover { background: #667eea !important; color: white !important; border-color: #667eea !important; } .dash-topnav-dropdown-footer .dash-btn-action { background: #667eea !important; color: white !important; border-color: #667eea !important; } .dash-topnav-dropdown-footer .dash-btn-mark-read { background: #28a745 !important; color: white !important; border-color: #28a745 !important; } .dash-topnav-dropdown-footer .dash-btn-mark-unread { background: #6c757d !important; color: white !important; border-color: #6c757d !important; } /* Fix dropdown header */ .dash-topnav-dropdown-header { border-bottom: 1px solid #eeeeee !important; padding: 12px 15px !important; background: #f8f9fa !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .dash-topnav-dropdown-header .dash-notification-title { color: #333 !important; font-size: 16px !important; font-weight: 600 !important; margin: 0 !important; } .dash-topnav-dropdown-header .dash-clear-noti { color: #dc3545 !important; font-size: 12px !important; text-transform: uppercase !important; text-decoration: none !important; font-weight: 500 !important; } .dash-topnav-dropdown-header .dash-clear-noti:hover { color: #c82333 !important; text-decoration: underline !important; } /* Responsive fixes for smaller screens */ @media (max-width: 480px) { .dash-notifications .dash-noti-content { width: 320px !important; } .dash-topnav-dropdown-footer { flex-direction: column !important; gap: 8px !important; } .dash-topnav-dropdown-footer .dash-btn { flex: none !important; width: 100% !important; } } /* Notification Dropdown Fixes */ /* Fix notification dropdown container */ .dropdown-menu.notifications { width: 380px !important; max-width: 380px !important; padding: 0 !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; border-radius: 8px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; max-height: 400px !important; } /* Ensure dropdowns close properly */ .dropdown-menu.notifications:not(.show) { display: none !important; } /* Ensure only one dropdown is visible at a time */ .nav-item.dropdown.show ~ .nav-item.dropdown .dropdown-menu.notifications { display: none !important; } /* Fix notification content area */ .notifications .noti-content { width: 100% !important; max-height: 280px !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 !important; margin-bottom: 0 !important; flex: 1 !important; } /* Fix notification list items */ .notifications .notification-list { margin: 0 !important; padding: 0 !important; list-style: none !important; } .notifications .notification-list li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f1f5f9 !important; position: relative !important; } .notifications .notification-list li:last-child { border-bottom: none !important; } /* Fix notification link layout */ .notifications .notification-list li .notification-link { display: block !important; padding: 12px 15px !important; text-decoration: none !important; color: inherit !important; } .notifications .notification-list li .notification-link:hover { background-color: #f8fafc !important; text-decoration: none !important; } /* Fix chat block layout */ .notifications .notification-list li .chat-block { display: flex !important; align-items: flex-start !important; gap: 10px !important; position: relative !important; } /* Fix avatar */ .notifications .notification-list li .avatar { flex-shrink: 0 !important; width: 40px !important; height: 40px !important; } .notifications .notification-list li .avatar img { width: 100% !important; height: 100% !important; border-radius: 50% !important; -o-object-fit: cover !important; object-fit: cover !important; } /* Fix media body to prevent overflow */ .notifications .notification-list li .media-body { flex: 1 !important; min-width: 0 !important; padding-right: 80px !important; /* Space for time */ position: relative !important; } /* Fix notification details */ .notifications .notification-list li .noti-details { margin: 0 !important; padding: 0 !important; color: #334155 !important; font-size: 14px !important; line-height: 1.4 !important; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; word-wrap: break-word !important; } .notifications .notification-list li .noti-details .noti-title { font-weight: 500 !important; color: #1e293b !important; } /* Fix notification time positioning */ .notifications .notification-list li .noti-time { position: absolute !important; top: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; } .notifications .notification-list li .notification-time { font-size: 11px !important; color: #64748b !important; white-space: nowrap !important; background: rgba(248, 250, 252, 0.9) !important; padding: 2px 6px !important; border-radius: 4px !important; border: 1px solid #e2e8f0 !important; max-width: 75px !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Fix dropdown header */ .notifications .topnav-dropdown-header { padding: 12px 15px !important; border-bottom: 1px solid #e2e8f0 !important; background: #f8fafc !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-shrink: 0 !important; } .notifications .topnav-dropdown-header .notification-title { font-size: 16px !important; font-weight: 600 !important; color: #1e293b !important; margin: 0 !important; } .notifications .topnav-dropdown-header .clear-noti { font-size: 12px !important; color: #ef4444 !important; text-decoration: none !important; font-weight: 500 !important; text-transform: uppercase !important; } .notifications .topnav-dropdown-header .clear-noti:hover { color: #dc2626 !important; text-decoration: underline !important; } /* Fix dropdown footer buttons */ .notifications .topnav-dropdown-footer { padding: 8px 12px !important; border-top: 1px solid #e2e8f0 !important; background: #f8fafc !important; display: flex !important; gap: 6px !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; margin: 0 !important; border-radius: 0 0 8px 8px !important; width: 100% !important; box-sizing: border-box !important; flex-shrink: 0 !important; min-height: 44px !important; } .notifications .topnav-dropdown-footer .btn { flex: 1 !important; min-width: 0 !important; max-width: 120px !important; padding: 5px 6px !important; font-size: 10px !important; border-radius: 4px !important; text-align: center !important; text-decoration: none !important; border: 1px solid #d1d5db !important; background: #ffffff !important; color: #374151 !important; font-weight: 500 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transition: all 0.2s ease !important; height: 28px !important; line-height: 1.2 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .notifications .topnav-dropdown-footer .btn:hover { background: #1e3a8a !important; color: #ffffff !important; border-color: #1e3a8a !important; transform: none !important; } .notifications .topnav-dropdown-footer .btn-mark-read { background: #10b981 !important; color: #ffffff !important; border-color: #10b981 !important; } .notifications .topnav-dropdown-footer .btn-mark-read:hover { background: #059669 !important; border-color: #059669 !important; } .notifications .topnav-dropdown-footer .btn-mark-unread { background: #6b7280 !important; color: #ffffff !important; border-color: #6b7280 !important; } .notifications .topnav-dropdown-footer .btn-mark-unread:hover { background: #4b5563 !important; border-color: #4b5563 !important; } .notifications .topnav-dropdown-footer .view-notifications-link { background: #3b82f6 !important; color: #ffffff !important; border-color: #3b82f6 !important; } .notifications .topnav-dropdown-footer .view-notifications-link:hover { background: #2563eb !important; border-color: #2563eb !important; } /* Responsive adjustments */ @media (max-width: 480px) { .dropdown-menu.notifications { width: 320px !important; max-width: 320px !important; } .notifications .notification-list li .media-body { padding-right: 70px !important; } .notifications .notification-list li .notification-time { max-width: 65px !important; font-size: 10px !important; } .notifications .topnav-dropdown-footer { flex-direction: column !important; gap: 6px !important; } .notifications .topnav-dropdown-footer .btn { width: 100% !important; } } /* Read/Unread states */ .notifications .notification-list li.read { opacity: 0.7 !important; } .notifications .notification-list li.read .noti-details { color: #64748b !important; } /* Scrollbar styling for notification content */ .notifications .noti-content::-webkit-scrollbar { width: 4px !important; } .notifications .noti-content::-webkit-scrollbar-track { background: #f1f5f9 !important; } .notifications .noti-content::-webkit-scrollbar-thumb { background: #cbd5e1 !important; border-radius: 2px !important; } .notifications .noti-content::-webkit-scrollbar-thumb:hover { background: #94a3b8 !important; } /* Remove Box Shadows from Hover Effects */ /* General hover shadow removal */ body.nxc-marketing *:hover { box-shadow: none !important; } /* Button hover shadows */ body.nxc-marketing .btn:hover, body.nxc-marketing .btn:focus, body.nxc-marketing .btn:active, body.nxc-marketing .btn.active { box-shadow: none !important; } /* Card hover shadows */ body.nxc-marketing .card:hover, body.nxc-marketing .card-header:hover, body.nxc-marketing .card-body:hover, body.nxc-marketing .card-footer:hover { box-shadow: none !important; } /* Table row hover shadows */ body.nxc-marketing .table tr:hover, body.nxc-marketing .table tbody tr:hover, body.nxc-marketing .table-hover tbody tr:hover { box-shadow: none !important; } /* Form control hover shadows */ body.nxc-marketing .form-control:hover, body.nxc-marketing .form-control:focus, body.nxc-marketing .form-select:hover, body.nxc-marketing .form-select:focus { box-shadow: none !important; } /* Dropdown hover shadows */ body.nxc-marketing .dropdown-menu:hover, body.nxc-marketing .dropdown-item:hover, body.nxc-marketing .dropdown-toggle:hover { box-shadow: none !important; } /* Nav and navigation hover shadows */ body.nxc-marketing .nav-link:hover, body.nxc-marketing .nav-item:hover, body.nxc-marketing .navbar-nav .nav-link:hover { box-shadow: none !important; } /* Sidebar menu hover shadows */ body.nxc-marketing .sidebar .sidebar-menu ul li a:hover, body.nxc-marketing .sidebar .sidebar-menu ul li:hover { box-shadow: none !important; } /* Modal hover shadows */ body.nxc-marketing .modal:hover, body.nxc-marketing .modal-content:hover, body.nxc-marketing .modal-header:hover, body.nxc-marketing .modal-body:hover, body.nxc-marketing .modal-footer:hover { box-shadow: none !important; } /* List group hover shadows */ body.nxc-marketing .list-group-item:hover, body.nxc-marketing .list-group:hover { box-shadow: none !important; } /* Badge hover shadows */ body.nxc-marketing .badge:hover { box-shadow: none !important; } /* Alert hover shadows */ body.nxc-marketing .alert:hover { box-shadow: none !important; } /* Pagination hover shadows */ body.nxc-marketing .pagination .page-link:hover, body.nxc-marketing .pagination .page-item:hover { box-shadow: none !important; } /* Breadcrumb hover shadows */ body.nxc-marketing .breadcrumb:hover, body.nxc-marketing .breadcrumb-item:hover { box-shadow: none !important; } /* Progress bar hover shadows */ body.nxc-marketing .progress:hover, body.nxc-marketing .progress-bar:hover { box-shadow: none !important; } /* Tab hover shadows */ body.nxc-marketing .nav-tabs .nav-link:hover, body.nxc-marketing .nav-pills .nav-link:hover { box-shadow: none !important; } /* Input group hover shadows */ body.nxc-marketing .input-group:hover, body.nxc-marketing .input-group-text:hover { box-shadow: none !important; } /* Custom component hover shadows */ body.nxc-marketing .avatar:hover, body.nxc-marketing .user-img:hover, body.nxc-marketing .profile-img:hover { box-shadow: none !important; } /* Dashboard widget hover shadows */ body.nxc-marketing .dash-widget:hover, body.nxc-marketing .dash-widget-bg:hover, body.nxc-marketing .widget-stats:hover { box-shadow: none !important; } /* Chat and message hover shadows */ body.nxc-marketing .chat-block:hover, body.nxc-marketing .message:hover, body.nxc-marketing .chat-content:hover { box-shadow: none !important; } /* File upload hover shadows */ body.nxc-marketing .file-upload:hover, body.nxc-marketing .upload-area:hover { box-shadow: none !important; } /* Calendar hover shadows */ body.nxc-marketing .calendar:hover, body.nxc-marketing .calendar-day:hover, body.nxc-marketing .fc-event:hover { box-shadow: none !important; } /* Chart hover shadows */ body.nxc-marketing .chart:hover, body.nxc-marketing .chart-container:hover { box-shadow: none !important; } /* Data table hover shadows */ body.nxc-marketing .dataTables_wrapper:hover, body.nxc-marketing .dataTable:hover, body.nxc-marketing .dataTables_filter:hover, body.nxc-marketing .dataTables_length:hover { box-shadow: none !important; } /* Accordion hover shadows */ body.nxc-marketing .accordion:hover, body.nxc-marketing .accordion-item:hover, body.nxc-marketing .accordion-header:hover, body.nxc-marketing .accordion-button:hover { box-shadow: none !important; } /* Tooltip hover shadows */ body.nxc-marketing .tooltip:hover, body.nxc-marketing .tooltip-inner:hover { box-shadow: none !important; } /* Popover hover shadows */ body.nxc-marketing .popover:hover, body.nxc-marketing .popover-body:hover, body.nxc-marketing .popover-header:hover { box-shadow: none !important; } /* Select2 and custom select hover shadows */ body.nxc-marketing .select2-container:hover, body.nxc-marketing .select2-selection:hover, body.nxc-marketing .vue-select:hover { box-shadow: none !important; } /* Remove focus shadows as well if needed */ body.nxc-marketing *:focus { box-shadow: none !important; outline: none !important; } /* Remove active state shadows */ body.nxc-marketing *:active { box-shadow: none !important; } /* Remove Dropdown Arrows Globally */ /* Remove Bootstrap dropdown arrows/carets */ .dropdown-toggle::after, .dropdown-toggle::before { display: none !important; content: none !important; border: none !important; } /* Remove arrows from specific dropdown components */ .nav-item .dropdown-toggle::after, .nav-link.dropdown-toggle::after { display: none !important; } /* Remove arrows from button dropdowns */ .btn.dropdown-toggle::after, .btn-group .dropdown-toggle::after { display: none !important; } /* Remove arrows from action buttons */ .dropdown .dropdown-toggle::after, .dropdown-menu .dropdown-toggle::after { display: none !important; } /* Remove arrows from header dropdowns */ .header .dropdown-toggle::after, .header .nav-link.dropdown-toggle::after { display: none !important; } /* Remove arrows from sidebar dropdowns */ .sidebar .dropdown-toggle::after, .sidebar .nav-link.dropdown-toggle::after { display: none !important; } /* Remove arrows from table action dropdowns */ .table .dropdown-toggle::after, .table .btn.dropdown-toggle::after { display: none !important; } /* Remove arrows from card action dropdowns */ .card .dropdown-toggle::after, .card .btn.dropdown-toggle::after { display: none !important; } /* Remove arrows from form dropdowns */ .form-control.dropdown-toggle::after, .input-group .dropdown-toggle::after { display: none !important; } /* Remove arrows from modal dropdowns */ .modal .dropdown-toggle::after, .modal .btn.dropdown-toggle::after { display: none !important; } /* Remove arrows from breadcrumb dropdowns */ .breadcrumb .dropdown-toggle::after { display: none !important; } /* Keep dropdown arrow ONLY for project selector in task board */ .page-header .dropdown-toggle::after { display: none !important; } /* EXCEPTION: Show dropdown arrow for project selector in task board */ .page-header .page-title .dropdown .dropdown-toggle::after { display: inline-block !important; content: "" !important; border-top: 0.3em solid !important; border-right: 0.3em solid transparent !important; border-bottom: 0 !important; border-left: 0.3em solid transparent !important; margin-left: 0.255em !important; vertical-align: 0.255em !important; } /* Remove arrows from filter dropdowns */ .filter-row .dropdown-toggle::after, .search-form .dropdown-toggle::after { display: none !important; } /* Remove arrows from user menu dropdowns */ .user-menu .dropdown-toggle::after, .profile-action .dropdown-toggle::after { display: none !important; } /* Remove arrows from notification dropdowns */ .notifications .dropdown-toggle::after, .notification-dropdown .dropdown-toggle::after { display: none !important; } /* Remove arrows from mobile menu dropdowns */ .mobile-user-menu .dropdown-toggle::after, .mobile-menu .dropdown-toggle::after { display: none !important; } /* Remove arrows from dashboard widget dropdowns */ .dash-widget .dropdown-toggle::after, .widget .dropdown-toggle::after { display: none !important; } /* Remove arrows from kanban board dropdowns */ .kanban-board .dropdown-toggle::after, .task-board .dropdown-toggle::after { display: none !important; } /* Remove arrows from calendar dropdowns */ .calendar .dropdown-toggle::after, .event .dropdown-toggle::after { display: none !important; } /* Remove arrows from chat dropdowns */ .chat .dropdown-toggle::after, .message .dropdown-toggle::after { display: none !important; } /* Remove arrows from project dropdowns */ .project .dropdown-toggle::after, .project-list .dropdown-toggle::after { display: none !important; } /* Remove arrows from employee dropdowns */ .employee .dropdown-toggle::after, .employee-list .dropdown-toggle::after { display: none !important; } /* Remove arrows from payroll dropdowns */ .payroll .dropdown-toggle::after, .salary .dropdown-toggle::after { display: none !important; } /* Remove arrows from report dropdowns */ .report .dropdown-toggle::after, .reports .dropdown-toggle::after { display: none !important; } /* Remove arrows from settings dropdowns */ .settings .dropdown-toggle::after, .admin-settings .dropdown-toggle::after { display: none !important; } /* Remove arrows from any custom dropdown classes */ .custom-dropdown .dropdown-toggle::after, .action-dropdown .dropdown-toggle::after { display: none !important; } /* Ensure no margin/padding issues after removing arrows */ .dropdown-toggle { padding-right: inherit !important; } /* Remove any spacing that was allocated for the arrow */ .dropdown-toggle:not(.btn) { padding-right: 0.75rem !important; } .btn.dropdown-toggle { padding-right: 0.75rem !important; } /* Universal catch-all for any missed dropdown arrows */ [data-bs-toggle="dropdown"]::after, [data-toggle="dropdown"]::after { display: none !important; } /* Remove arrows from Vue.js component dropdowns */ .vue-dropdown .dropdown-toggle::after, .v-dropdown .dropdown-toggle::after { display: none !important; } /* Remove arrows from any element with dropdown functionality */ *[class*="dropdown"] .dropdown-toggle::after, *[class*="drop-down"] .dropdown-toggle::after { display: none !important; } /* Enhanced Table Styling - Clean White Background with Professional Borders */ /* Base table styling - white background with clean appearance */ .table, table, .ant-table table, .ant-table .ant-table-container table, .table-responsive .table, .card-table .table, .custom-table, .leave-table, .table-striped, .table-bordered, .table-hover, .table-inbox, .ant-table-wrapper .ant-table-container .ant-table-content table, .dataTables_wrapper table, .dataTable { background-color: #ffffff !important; border: none !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: visible !important; } /* Enhanced table cells styling */ .table th, .table td, table th, table td, .ant-table th, .ant-table td, .ant-table .ant-table-thead > tr > th, .ant-table .ant-table-tbody > tr > td, .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .table-responsive .table th, .table-responsive .table td, .card-table .table th, .card-table .table td, .custom-table th, .custom-table td, .leave-table th, .leave-table td, .table-striped th, .table-striped td, .table-bordered th, .table-bordered td, .table-hover th, .table-hover td, .table-inbox th, .table-inbox td, .dataTables_wrapper table th, .dataTables_wrapper table td, .dataTable th, .dataTable td { background-color: #ffffff !important; border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid #f0f0f0 !important; /* padding: 12px 16px !important; */ vertical-align: middle !important; } /* Enhanced table header styling */ .table thead th, .table-responsive .table thead th, .ant-table .ant-table-thead th, .ant-table-thead > tr > th, .card-table .table thead th, .dataTables_wrapper table thead th, .dataTable thead th { background-color: #f8f9fa !important; font-weight: 600 !important; color: #495057 !important; font-size: 0.875rem !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; position: sticky !important; top: 0 !important; z-index: 10 !important; } /* Remove bottom border from last row */ .table tbody tr:last-child td, table tbody tr:last-child td, .ant-table .ant-table-tbody tr:last-child td, .ant-table-tbody > tr:last-child > td, .table-responsive .table tbody tr:last-child td, .card-table .table tbody tr:last-child td, .custom-table tbody tr:last-child td, .leave-table tbody tr:last-child td, .table-striped tbody tr:last-child td, .table-bordered tbody tr:last-child td, .table-hover tbody tr:last-child td, .table-inbox tbody tr:last-child td, .dataTables_wrapper table tbody tr:last-child td, .dataTable tbody tr:last-child td { border-bottom: none !important; } /* Ensure consistent white backgrounds - remove all striped effects */ .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even), .table-striped tbody tr:nth-child(odd), .table-striped tbody tr:nth-child(even), .ant-table-content .ant-table-tbody tr, .ant-table .ant-table-tbody tr, .ant-table-tbody tr, tbody tr, tr, table tbody tr, .dataTable tbody tr, .dataTables_wrapper tbody tr { background-color: #ffffff !important; background: #ffffff !important; } /* Enhanced hover effects */ .table-hover tbody tr:hover, .table tbody tr:hover, .ant-table .ant-table-tbody tr:hover, .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover, .ant-table .ant-table-tbody tr:hover > td { background-color: #f8f9fa !important; transition: background-color 0.2s ease !important; } /* Table body rows styling */ .table tbody tr, .table-responsive .table tbody tr, .ant-table .ant-table-tbody tr, .ant-table-tbody > tr, .card-table .table tbody tr, .dataTables_wrapper table tbody tr, .dataTable tbody tr { background-color: #ffffff !important; transition: all 0.2s ease !important; } /* Enhanced table containers */ .table-responsive, .enhanced-table { overflow: visible !important; background-color: #ffffff !important; border-radius: 12px !important; border: 1px solid #e9ecef !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; margin-bottom: 1.5rem !important; } .ant-table-wrapper, .ant-table-container, .dataTables_wrapper { background-color: #ffffff !important; border-radius: 12px !important; } /* Table content border radius handling */ .ant-table, .ant-table-content, .ant-table table { border-radius: 12px !important; } /* Corner radius for first and last cells */ .table thead tr:first-child th:first-child, .ant-table-thead > tr:first-child > th:first-child, .table-responsive .ant-table-thead > tr:first-child > th:first-child { border-top-left-radius: 12px !important; } .table thead tr:first-child th:last-child, .ant-table-thead > tr:first-child > th:last-child, .table-responsive .ant-table-thead > tr:first-child > th:last-child { border-top-right-radius: 12px !important; } .table tbody tr:last-child td:first-child, .ant-table-tbody > tr:last-child > td:first-child, .table-responsive .ant-table-tbody > tr:last-child > td:first-child { border-bottom-left-radius: 12px !important; } .table tbody tr:last-child td:last-child, .ant-table-tbody > tr:last-child > td:last-child, .table-responsive .ant-table-tbody > tr:last-child > td:last-child { border-bottom-right-radius: 12px !important; } /* Enhanced card table styling */ .card-table .card-body { background-color: #ffffff !important; padding: 0 !important; } .card .table-responsive, .card .enhanced-table { /* border: none !important; */ /* border-radius: 0 !important; */ box-shadow: none !important; margin-bottom: 0 !important; } .table-footer-controls { overflow: visible !important; padding: 12px !important; border-top: 1px solid #e9ecef; background-color: #f8f9fa; margin-top: 0 !important; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Pagination styling */ .ant-table-pagination, .dataTables_paginate { background-color: #ffffff !important; padding: 16px !important; border-top: 1px solid #f0f0f0 !important; } /* Dark mode support */ [data-layout-mode=dark] .table, [data-layout-mode=dark] table, [data-layout-mode=dark] .ant-table table, [data-layout-mode=dark] .custom-table, [data-layout-mode=dark] .table-responsive, [data-layout-mode=dark] .enhanced-table { background-color: #2d3748 !important; color: #e2e8f0 !important; } [data-layout-mode=dark] .table th, [data-layout-mode=dark] .table td, [data-layout-mode=dark] table th, [data-layout-mode=dark] table td, [data-layout-mode=dark] .custom-table th, [data-layout-mode=dark] .custom-table td { background-color: #2d3748 !important; color: #e2e8f0 !important; border-bottom: 1px solid #4a5568 !important; } [data-layout-mode=dark] .table thead th, [data-layout-mode=dark] .custom-table thead th { background-color: #1a202c !important; color: #a0aec0 !important; border-bottom: 2px solid #4a5568 !important; } [data-layout-mode=dark] .table tbody tr:hover, [data-layout-mode=dark] .custom-table tbody tr:hover { background-color: #4a5568 !important; } /* Responsive enhancements */ @media (max-width: 768px) { .table-responsive, .enhanced-table { border-radius: 8px !important; margin-bottom: 1rem !important; } .table th, .table td, .custom-table th, .custom-table td { padding: 8px 12px !important; font-size: 0.875rem !important; } .table thead th, .custom-table thead th { font-size: 0.8rem !important; padding: 8px 12px !important; } } /* Print styles */ @media print { .table, .custom-table { border-collapse: collapse !important; } .table th, .table td, .custom-table th, .custom-table td { border: 1px solid #dee2e6 !important; padding: 8px !important; } } /* Loading states */ .table-loading { opacity: 0.6; pointer-events: none; } .table-loading::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 100; } /* Empty state styling */ .table-empty { text-align: center; padding: 3rem 1rem; color: #6c757d; } .table-empty i { font-size: 3rem; opacity: 0.3; margin-bottom: 1rem; } /* Accessibility improvements */ .table th { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .table th:hover { background-color: #e9ecef !important; } .table th[aria-sort] { position: relative; } .table th[aria-sort]::after { content: ''; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 4px solid transparent; } .table th[aria-sort="ascending"]::after { border-bottom-color: #495057; } .table th[aria-sort="descending"]::after { border-top-color: #495057; } /* Focus states for keyboard navigation */ .table th:focus, .table td:focus { outline: 2px solid #007bff; outline-offset: -2px; } /* Animation for row additions/removals */ .table tbody tr { animation: fadeIn 0.3s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Navy Blue Theme - Replace all #667eea with Navy Blue EXCEPT Sidebar */ /* Primary Color Variables Override */ :root { --primary-color: #1e3a8a; --primary-color-light: #1e40af; --primary-color-dark: #1e293b; } /* Button Styles - Replace #667eea with Navy Blue */ .btn-primary, .btn.btn-primary, .add-btn, .btn.add-btn { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%) !important; border-color: #1e3a8a !important; color: #ffffff !important; } .btn-primary:hover, .btn.btn-primary:hover, .add-btn:hover, .btn.add-btn:hover { background: linear-gradient(to right, #1e293b 0%, #1e3a8a 100%) !important; border-color: #1e293b !important; color: #ffffff !important; } .btn-primary:focus, .btn.btn-primary:focus, .add-btn:focus, .btn.add-btn:focus, .btn-primary:active, .btn.btn-primary:active, .add-btn:active, .btn.add-btn:active { background-color: #1e293b !important; border-color: #1e293b !important; box-shadow: 0 0 0 0.2rem rgba(30, 58, 138, 0.25) !important; } /* Outline Button Styles */ .btn-outline-primary { color: #1e3a8a !important; border-color: #1e3a8a !important; } .btn-outline-primary:hover { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } /* Progress Bar Styles */ .progress-bar, .progress-bar.bg-primary { background-color: #1e3a8a !important; } /* Badge Styles */ .badge-primary, .badge.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Link Styles (excluding sidebar links) */ a.text-primary:not(.sidebar a):not(.sidebar-menu a):not(.menu-title a), .text-primary:not(.sidebar *):not(.sidebar-menu *) { color: #1e3a8a !important; } a.text-primary:not(.sidebar a):not(.sidebar-menu a):not(.menu-title a):hover { color: #1e293b !important; } /* Form Control Focus */ .form-control:focus, .form-select:focus { box-shadow: 0 0 0 1px #1e40af !important; border-color: #1e40af !important; } /* Pagination */ .page-item.active .page-link { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } .page-link { color: #1e3a8a !important; } .page-link:hover { color: #1e293b !important; background-color: rgba(30, 58, 138, 0.1) !important; border-color: #1e3a8a !important; } /* Nav Tabs — selected state uses bottom bar (inset), not filled background. Inset shadow sits on the panel border from inside so it overlaps the gray line. */ .nav-tabs { border-bottom: 1px solid #e9ecef !important; } .nav-tabs .nav-item { margin-bottom: 0 !important; } .nav-tabs .nav-link { color: #1e3a8a !important; background-color: transparent !important; border-radius: 0 !important; margin-bottom: -1px !important; border: 0 !important; position: relative; z-index: 1; box-shadow: none !important; } .nav-tabs .nav-link:hover { color: #1e293b !important; background-color: transparent !important; box-shadow: none !important; } .nav-tabs .nav-link.active { background-color: transparent !important; border: 0 !important; color: #1e3a8a !important; box-shadow: inset 0 -2px 0 #1e3a8a !important; z-index: 2; } .nav-tabs .nav-link.active::after { content: none !important; display: none !important; } /* Solid / rounded tab variants: same bottom-bar treatment */ .nav-tabs.nav-tabs-solid, .nav-tabs .nav-tabs-solid { background-color: transparent !important; } .nav-tabs.nav-tabs-solid li a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active, .nav-tabs .nav-tabs-solid .active { background-color: transparent !important; border: 0 !important; margin-bottom: -1px !important; color: #1e3a8a !important; border-radius: 0 !important; box-shadow: inset 0 -2px 0 #1e3a8a !important; position: relative; z-index: 2; } /* Custom tab groups: use inset indicator so it overlaps the panel border */ .contact-tabs .nav-link, .lead-tabs .nav-link, .ticket-tabs .nav-link, .team-tabs .nav-link { margin-bottom: -1px !important; border: 0 !important; box-shadow: none !important; } .contact-tabs .nav-link.active, .lead-tabs .nav-link.active, .ticket-tabs .nav-link.active, .team-tabs .nav-link.active { border: 0 !important; box-shadow: inset 0 -2px 0 #1e3a8a !important; } .contact-tabs .nav-link.active::after, .lead-tabs .nav-link.active::after, .ticket-tabs .nav-link.active::after, .team-tabs .nav-link.active::after { content: none !important; display: none !important; } /* Alert Styles */ .alert-primary { background-color: rgba(30, 58, 138, 0.1) !important; border-color: #1e3a8a !important; color: #1e293b !important; } /* Dropdown Active Items (excluding sidebar dropdowns) */ .dropdown-item.active:not(.sidebar .dropdown-item):not(.sidebar-menu .dropdown-item), .dropdown-item:active:not(.sidebar .dropdown-item):not(.sidebar-menu .dropdown-item) { background-color: #1e3a8a !important; color: #ffffff !important; } /* Table Styles */ .table .thead-primary th { background-color: #1e3a8a !important; color: #ffffff !important; } /* Modal Header */ .modal-header.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Card Header */ .card-header.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Avatar Title */ .avatar .avatar-title.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Dashboard Widgets */ .dash-widget .dash-widget-icon { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%) !important; } /* Kanban Board */ .kanban-board .btn-primary, .task-board .btn-primary { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } /* Calendar Events */ .calendar .fc-event { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } /* Chart Colors */ .chart-primary { color: #1e3a8a !important; } /* Ant Design Components */ .ant-btn-primary { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } .ant-btn-primary:hover { background-color: #1e293b !important; border-color: #1e293b !important; } .ant-pagination-item-active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } .ant-pagination-item-active a { color: #ffffff !important; } /* Select2 Components */ .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1e3a8a !important; color: #ffffff !important; } /* Checkbox and Radio Primary */ .form-check-input:checked { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } /* Switch Components */ .form-switch .form-check-input:checked { background-color: #1e3a8a !important; } /* Range Slider */ .form-range::-webkit-slider-thumb { background-color: #1e3a8a !important; } .form-range::-moz-range-thumb { background-color: #1e3a8a !important; } /* Spinner/Loading */ .spinner-border.text-primary { color: #1e3a8a !important; } /* Toast Notifications */ .toast.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Breadcrumb Active */ .breadcrumb-item.active { color: #1e3a8a !important; } /* List Group */ .list-group-item.active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } /* Offcanvas */ .offcanvas-header.bg-primary { background-color: #1e3a8a !important; color: #ffffff !important; } /* Accordion */ .accordion-button:not(.collapsed) { background-color: rgba(30, 58, 138, 0.1) !important; color: #1e293b !important; } /* Task Board Components */ .new-task-btn, .filter-btn.selected-filter, .save-btn { background-color: #1e3a8a !important; border: 1px solid #1e3a8a !important; color: #ffffff !important; } /* Employee Dashboard */ .employee-dashboard .stats-card { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important; } /* Admin Dashboard */ .admin-dashboard .widget-card { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important; } /* Performance Settings */ .performance-settings .btn-primary { background-color: #1e3a8a !important; } /* Contact Forms */ .contact-form .btn-submit { background-color: #1e3a8a !important; } /* Employee Forms */ .employee-form .btn-save { background-color: #1e3a8a !important; } /* Calendar Backgrounds */ .calendar-event-primary { background: #1e3a8a !important; } /* Beta Label */ .beta-label { background: linear-gradient(to right, #1e3a8a 0%, #1e40af 100%) !important; } /* Popup Backgrounds */ .popup-primary { background: #1e3a8a !important; } /* Table Pagination */ .ant-table-pagination .ant-pagination-item-active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; } .ant-table-pagination .ant-pagination-item-active a { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } .ant-table-pagination .ant-pagination-item-active a:hover { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } /* Theme Settings */ .theme-primary { color: #1e3a8a !important; } /* Notification Footer Buttons */ .topnav-dropdown-footer .btn-action { background: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } .topnav-dropdown-footer .btn-action:hover { background: #1e293b !important; border-color: #1e293b !important; color: #ffffff !important; } /* EXPLICIT SIDEBAR EXCLUSIONS - Keep original blue colors */ .sidebar, .sidebar *, .sidebar-menu, .sidebar-menu *, .sidebar .sidebar-menu ul li a, .sidebar .sidebar-menu ul li.active a, .sidebar .sidebar-menu ul li a.active, .sidebar .sidebar-menu ul li:hover a, .two-col-bar .sidebar-menu ul li a, .two-col-bar .sidebar-menu ul li.active a, .two-col-bar .sidebar-menu ul li a.active { /* Keep original sidebar colors - DO NOT override */ } /* View Icons Active State */ .view-icons .btn.active, .view-icons .btn-link.active, .view-icons .grid-view.active, .view-icons .list-view.active, .view-icons .router-link-active, .view-icons .btn.router-link-active, .view-icons .btn-link.router-link-active, .view-icons .grid-view.router-link-active, .view-icons .list-view.router-link-active { background-color: #1e3a8a !important; border-color: #1e3a8a !important; color: #ffffff !important; } /* Ensure all primary colored elements use navy blue (except sidebar) */ .primary-bg:not(.sidebar *):not(.sidebar-menu *) { background-color: #1e3a8a !important; } .primary-border:not(.sidebar *):not(.sidebar-menu *) { border-color: #1e3a8a !important; } .primary-text:not(.sidebar *):not(.sidebar-menu *) { color: #1e3a8a !important; } /* vue3-select-component menus. * * Must sit above task-detail / create overlays (z-index ~1050) and the app * header (1002) so a single open dropdown remains usable. Filter bars that * previously stayed under the header now correctly float above it while open. */ :root { --vs-menu-z-index: 1100; } .menu { z-index: 1100 !important; } .menu.vs-menu-teleported { z-index: 1100 !important; } /* Selected option remains visible but muted when the menu is open. */ .menu-option.selected, .menu .menu-option[aria-selected="true"], .menu .menu-option[data-selected="true"] { background-color: #f3f4f6 !important; color: #6b7280 !important; } /* * Assignee chips (selected + teleported menu options). * Must be global: vue3-select menus teleport to body, so scoped * component styles never reach dropdown option avatars. */ .assignee-chip-avatar { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; min-width: 22px; border-radius: 50%; font-size: 9px; font-weight: 700; color: #fff !important; line-height: 1; text-transform: uppercase; flex-shrink: 0; } .assignee-option-row { display: inline-flex; align-items: center; gap: 8px; min-width: 0; } .assignee-option-row .assignee-chip-avatar { flex-shrink: 0; } .assignee-selected-chip { position: relative; display: inline-flex; width: 22px; height: 22px; margin-right: 4px; flex-shrink: 0; } .assignee-chip-remove { position: absolute; top: -5px; right: -5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: #6b7280; color: #fff; font-size: 7px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity 0.12s ease; } .assignee-selected-chip:hover .assignee-chip-remove, .assignee-chip-remove:focus { opacity: 1; } /* Employee Grid View Fixes */ /* Make employee cards have rounded corners like other boxes in the app */ .profile-widget { border-radius: 20px !important; overflow: visible !important; /* Allow dropdown to overflow */ position: relative !important; } /* Fix dropdown positioning and z-index for employee cards */ .profile-widget .dropdown.profile-action { position: absolute !important; top: 15px !important; right: 15px !important; z-index: 1000 !important; } /* Ensure dropdown menu appears properly */ .profile-widget .dropdown.profile-action .dropdown-menu { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; z-index: 1001 !important; min-width: 120px !important; background: white !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; transform: none !important; margin-top: 5px !important; } /* Style the action icon button */ .profile-widget .dropdown.profile-action .action-icon { color: #666 !important; font-size: 18px !important; padding: 8px !important; background: transparent !important; border: none !important; transition: all 0.2s ease !important; } .profile-widget .dropdown.profile-action .action-icon:hover { background: transparent !important; color: #333 !important; } /* Ensure dropdown menu items are styled properly */ .profile-widget .dropdown.profile-action .dropdown-menu .dropdown-item { padding: 8px 16px !important; color: #333 !important; font-size: 14px !important; transition: background-color 0.2s ease !important; } .profile-widget .dropdown.profile-action .dropdown-menu .dropdown-item:hover { background-color: #f8f9fa !important; color: #333 !important; } .profile-widget .dropdown.profile-action .dropdown-menu .dropdown-item i { margin-right: 8px !important; width: 16px !important; text-align: center !important; } /* Fix any overflow issues with the staff grid */ .staff-grid-row { overflow: visible !important; } .staff-grid-row .col-md-4, .staff-grid-row .col-sm-6, .staff-grid-row .col-12, .staff-grid-row .col-lg-4, .staff-grid-row .col-xl-3 { overflow: visible !important; } /* Ensure proper spacing and layout */ .profile-widget .profile-img { margin-top: 10px !important; } .profile-widget .user-name { margin-top: 15px !important; } /* Hide dropdown arrow for action button */ .profile-widget .dropdown.profile-action .dropdown-toggle::after { display: none !important; } /* Responsive adjustments */ @media (max-width: 768px) { .profile-widget .dropdown.profile-action { top: 10px !important; right: 10px !important; } .profile-widget .dropdown.profile-action .action-icon { padding: 6px !important; font-size: 16px !important; } } /* Gantt Chart Custom Styles */ /* Timeline Grid Customization */ .gantt-timeline-grid { background: linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%); } /* Custom Scrollbar for Gantt */ .gantt-body::-webkit-scrollbar { height: 12px; width: 12px; } .gantt-body::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 6px; } .gantt-body::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 6px; } .gantt-body::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } /* Timeline Header Styling */ .timeline-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-weight: 600; } .period-header { border-right: 1px solid rgba(255, 255, 255, 0.2); transition: background-color 0.3s ease; } .period-header:hover { background-color: rgba(255, 255, 255, 0.1); } .period-header.today-column { background: rgba(255, 255, 255, 0.2); border-right: 2px solid #fff; font-weight: 700; } /* Gantt Bar Animations */ .gantt-bar { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .gantt-bar:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } /* Progress Indicator Animation */ .progress-indicator { background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.6) 100%); animation: progressPulse 2s ease-in-out infinite; } @keyframes progressPulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 0.8; } } /* Milestone Marker Animation */ .milestone-marker { animation: milestoneGlow 3s ease-in-out infinite; } @keyframes milestoneGlow { 0%, 100% { box-shadow: 0 0 5px rgba(255, 87, 34, 0.5); } 50% { box-shadow: 0 0 15px rgba(255, 87, 34, 0.8); } } /* Today Indicator Animation */ .today-indicator { animation: todayPulse 2s ease-in-out infinite; } @keyframes todayPulse { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } } /* Group Header Styling */ .group-header { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-left: 4px solid #667eea; font-weight: 600; color: #495057; } .group-header:hover { background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%); } /* Dependency Lines */ .dependency-line { stroke: #666; stroke-width: 2; stroke-dasharray: 5, 5; animation: dashMove 20s linear infinite; } @keyframes dashMove { to { stroke-dashoffset: -100; } } /* Responsive Design Enhancements */ @media (max-width: 768px) { .gantt-container { font-size: 0.875rem; } .timeline-sidebar { width: 280px; min-width: 280px; } .period-header { font-size: 0.75rem; } .bar-label { font-size: 0.625rem; } } @media (max-width: 576px) { .gantt-header { padding: 10px; } .gantt-controls { flex-direction: column; gap: 8px; } .timeline-sidebar { width: 250px; min-width: 250px; } } /* Dark Mode Support */ @media (prefers-color-scheme: dark) { .gantt-container { background: #1a1a1a; color: #ffffff; } .gantt-header { background: #2d2d2d; border-bottom-color: #404040; } .timeline-header { background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%); } .gantt-body { background: #1a1a1a; } .group-header { background: linear-gradient(135deg, #2d2d2d 0%, #404040 100%); color: #ffffff; } .gantt-row { border-bottom-color: #404040; } .gantt-row:hover { background-color: #2d2d2d; } } /* Print Styles */ @media print { .gantt-controls, .item-actions { display: none !important; } .gantt-container { background: white !important; color: black !important; } .timeline-sidebar { border-right-color: #000 !important; } .gantt-bar { border: 1px solid #000 !important; } } /* Accessibility Enhancements */ .gantt-bar:focus { outline: 2px solid #667eea; outline-offset: 2px; } .period-header:focus { outline: 2px solid #667eea; outline-offset: 1px; } /* High Contrast Mode */ @media (prefers-contrast: high) { .gantt-bar { border-width: 2px; } .period-header { border-right-width: 2px; } .grid-line { width: 2px; } } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { .gantt-bar, .progress-indicator, .milestone-marker, .today-indicator { animation: none; } .gantt-bar:hover { transform: none; } } /* Global modal backdrop effects (APP PAGES ONLY) Goal: - Keep modal styling unchanged - Make the background slightly dull + blurred (like the provided screenshot) - Apply globally (no per-modal/per-file changes) Scoping: - App.vue sets `body.nxc-app` for webapp pages - Marketing/website pages get `body.nxc-marketing` and are NOT affected */ body.modal-open { overflow: auto !important; } /* Bootstrap / BootstrapVue (Bootstrap 5) */ body.nxc-app .modal-backdrop { /* lighter scrim + blur the content behind it */ background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(6px); } body.nxc-app .modal-backdrop.show { /* keep Bootstrap's fade animation, but with lighter color above */ opacity: 1 !important; } /* Ant Design Vue */ body.nxc-app .ant-modal-mask { background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(6px); } /* PrimeVue (if used by any pages) */ body.nxc-app .p-dialog-mask, body.nxc-app .p-component-overlay { background: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(6px); } /* Summernote (editor modals) */ body.nxc-app .note-modal-backdrop { background: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(6px); } /* Delete confirmation modal styling (APP PAGES ONLY) Goal: make delete-confirm dialogs match the provided screenshot globally, without changing each page's modal markup. Scope: - Only applies on app pages via `body.nxc-app` - Targets modals that are clearly "delete" dialogs via: - modal id containing "delete" (case-insensitive in HTML, but CSS match is case-sensitive) - presence of `.delete-action` (custom modal pattern) */ /* ---------- Bootstrap-style delete modals (header/body/footer) ---------- */ body.nxc-app .modal[id*="delete"] .modal-header { background: #2f2d8f; color: #fff; border-bottom: 0; padding: 16px 20px; } body.nxc-app .modal[id*="delete"] .modal-header .modal-title, body.nxc-app .modal[id*="delete"] .modal-header h5, body.nxc-app .modal[id*="delete"] .modal-header h4, body.nxc-app .modal[id*="delete"] .modal-header h3 { color: #fff; margin: 0; font-weight: 700; } /* Make Bootstrap close icon white and unboxed (override global custom-modal close styles) */ body.nxc-app .modal[id*="delete"] .modal-header .btn-close { position: static !important; margin: 0 0 0 auto !important; padding: 0 !important; width: 1.25rem !important; height: 1.25rem !important; background-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; filter: invert(1) grayscale(1) brightness(2); } body.nxc-app .modal[id*="delete"] .modal-body { padding: 18px 20px; } body.nxc-app .modal[id*="delete"] .modal-footer { border-top: 0; padding: 16px 20px; gap: 12px; justify-content: flex-end; } body.nxc-app .modal[id*="delete"] .modal-footer .btn { border-radius: 8px; font-weight: 600; padding: 10px 18px; min-width: 110px; } /* Highlight box (ticket/project/etc identifier) */ body.nxc-app .modal[id*="delete"] .modal-body .alert.alert-warning { background: #fff3cd; border: 1px solid #ffe0a3; color: #7a5b00; border-radius: 8px; padding: 14px 16px; margin-top: 12px; margin-bottom: 0; } body.nxc-app .modal[id*="delete"] .modal-body .alert.alert-warning strong { font-weight: 800; } /* ---------- "custom-modal" delete dialogs (form-header + delete-action buttons) ---------- */ body.nxc-app .modal.custom-modal[id*="delete"] .modal-content { overflow: hidden; /* so header rounding looks correct */ } /* Turn `.form-header` into the blue header bar */ body.nxc-app .modal.custom-modal[id*="delete"] .modal-body { padding: 0; /* we'll pad inner sections */ } body.nxc-app .modal.custom-modal[id*="delete"] .form-header { text-align: left; margin: 0; padding: 16px 20px; background: #2f2d8f; color: #fff; } body.nxc-app .modal.custom-modal[id*="delete"] .form-header h3 { color: #fff; font-size: 22px; font-weight: 700; margin: 0; } body.nxc-app .modal.custom-modal[id*="delete"] .form-header p { color: rgba(255, 255, 255, 0.9); margin: 8px 0 0; } /* If the custom delete modal has extra body content (e.g. radio options), pad it nicely */ body.nxc-app .modal.custom-modal[id*="delete"] .modal-body > .modal-body, body.nxc-app .modal.custom-modal[id*="delete"] .modal-body > :not(.form-header):not(.modal-btn) { padding: 10px 20px; } /* Buttons area: align right, match screenshot colors */ body.nxc-app .modal.custom-modal[id*="delete"] .modal-btn.delete-action { padding: 16px 20px 18px; } body.nxc-app .modal.custom-modal[id*="delete"] .modal-btn.delete-action .row { display: flex; justify-content: flex-end; gap: 12px; } body.nxc-app .modal.custom-modal[id*="delete"] .modal-btn.delete-action .col-6 { width: auto; flex: 0 0 auto; } body.nxc-app .modal.custom-modal[id*="delete"] .cancel-btn { border-radius: 8px; font-weight: 600; font-size: 16px; padding: 10px 18px; min-width: 110px; border: 0 !important; } /* Cancel (gray) */ body.nxc-app .modal.custom-modal[id*="delete"] .cancel-btn { background: #6c757d !important; color: #fff !important; } /* Delete (red) */ body.nxc-app .modal.custom-modal[id*="delete"] .continue-btn { background: linear-gradient(to left, #dc3545 0%, #bd2130 100%) !important; border-color: transparent !important; color: #fff !important; } body.nxc-app .modal.custom-modal[id*="delete"] .continue-btn:hover { background: linear-gradient(to left, #dc3545 0%, #c82333 100%) !important; color: #fff !important; } body.nxc-app .modal[id*="delete"] .continue-btn.disabled, body.nxc-app .modal[id*="delete"] .continue-btn:disabled, body.nxc-app .modal[id*="delete"] .btn-danger:disabled { opacity: 0.55; pointer-events: none; cursor: not-allowed; } body.nxc-app .modal[id*="delete"] .delete-type-confirm-input { padding: 12px 20px 4px; } body.nxc-app .modal.custom-modal[id*="delete"] .cancel-btn:hover { filter: brightness(0.95); } /* ---------- Edit modals (same blue header as delete/confirm) ---------- */ body.nxc-app .modal[id*="edit"] .modal-header { background: #2f2d8f; color: #fff; border-bottom: 0; padding: 16px 20px; } body.nxc-app .modal[id*="edit"] .modal-header .btn-close { position: static !important; margin: 0 0 0 auto !important; padding: 0 !important; width: 1.25rem !important; height: 1.25rem !important; background-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; filter: invert(1) grayscale(1) brightness(2); } body.nxc-app .modal[id*="edit"] .modal-footer { border-top: 1px solid #e9ecef; justify-content: flex-end; } /* ---------- All Bootstrap modals with header (logs, reports, etc.) ---------- */ body.nxc-app .modal .modal-header { background: #2f2d8f; color: #fff; border-bottom: 0; padding: 16px 20px; } /* body.nxc-app .modal .modal-header .modal-title, body.nxc-app .modal .modal-header h5, body.nxc-app .modal .modal-header h4, body.nxc-app .modal .modal-header h3 { color: #fff; margin: 0; font-weight: 700; } */ body.nxc-app .modal .modal-header .btn-close { position: static !important; margin: 0 0 0 auto !important; padding: 0 !important; width: 1.25rem !important; height: 1.25rem !important; background-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; filter: invert(1) grayscale(1) brightness(2); } /* Discard changes confirmation modal styling (APP PAGES ONLY) Goal: make discard/unsaved-changes confirmation dialogs consistent globally, similar to the standardized delete confirmation modal. Scope: - Only applies on app pages via `body.nxc-app` - Targets modals whose id contains "discard" (covers discardChangesModal, discard_item_changes, etc.) */ /* ---------- Bootstrap-style discard modals (header/body/footer) ---------- */ body.nxc-app .modal[id*="discard"] .modal-header { background: #2f2d8f; color: #fff; border-bottom: 0; padding: 16px 20px; } body.nxc-app .modal[id*="discard"] .modal-header .modal-title, body.nxc-app .modal[id*="discard"] .modal-header h5, body.nxc-app .modal[id*="discard"] .modal-header h4, body.nxc-app .modal[id*="discard"] .modal-header h3 { color: #fff; margin: 0; font-weight: 700; } body.nxc-app .modal[id*="discard"] .modal-header .btn-close { position: static !important; margin: 0 0 0 auto !important; padding: 0 !important; width: 1.25rem !important; height: 1.25rem !important; background-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; filter: invert(1) grayscale(1) brightness(2); } body.nxc-app .modal[id*="discard"] .modal-body { padding: 18px 20px; } body.nxc-app .modal[id*="discard"] .modal-footer { border-top: 0; padding: 16px 20px; gap: 12px; justify-content: flex-end; } body.nxc-app .modal[id*="discard"] .modal-footer .btn { border-radius: 8px; font-weight: 600; padding: 10px 18px; min-width: 110px; } /* ---------- "custom-modal" discard dialogs (form-header + delete-action buttons) ---------- */ body.nxc-app .modal.custom-modal[id*="discard"] .modal-content { overflow: hidden; } body.nxc-app .modal.custom-modal[id*="discard"] .modal-body { padding: 0; } /* Turn `.form-header` into the blue header bar */ body.nxc-app .modal.custom-modal[id*="discard"] .form-header { text-align: left; margin: 0; padding: 16px 20px; background: #2f2d8f; color: #fff; } body.nxc-app .modal.custom-modal[id*="discard"] .form-header h3 { color: #fff; font-size: 22px; font-weight: 700; margin: 0; } body.nxc-app .modal.custom-modal[id*="discard"] .form-header p { color: rgba(255, 255, 255, 0.9); margin: 8px 0 0; } /* Pad any extra body content below the header */ body.nxc-app .modal.custom-modal[id*="discard"] .modal-body > .modal-body, body.nxc-app .modal.custom-modal[id*="discard"] .modal-body > :not(.form-header):not(.modal-btn) { padding: 18px 20px; } /* Buttons: right aligned, Keep Editing/Cancel = gray, Discard = red */ body.nxc-app .modal.custom-modal[id*="discard"] .modal-btn.delete-action { padding: 16px 20px 18px; } body.nxc-app .modal.custom-modal[id*="discard"] .modal-btn.delete-action .row { display: flex; justify-content: flex-end; gap: 12px; } body.nxc-app .modal.custom-modal[id*="discard"] .modal-btn.delete-action .col-6 { width: auto; flex: 0 0 auto; } body.nxc-app .modal.custom-modal[id*="discard"] .cancel-btn { border-radius: 8px; font-weight: 600; font-size: 16px; padding: 10px 18px; min-width: 110px; border: 0 !important; } /* Keep Editing / Cancel */ body.nxc-app .modal.custom-modal[id*="discard"] .cancel-btn { background: #6c757d !important; color: #fff !important; } /* Discard */ body.nxc-app .modal.custom-modal[id*="discard"] .continue-btn { background: linear-gradient(to left, #dc3545 0%, #bd2130 100%) !important; border-color: transparent !important; color: #fff !important; } body.nxc-app .modal.custom-modal[id*="discard"] .continue-btn:hover { background: linear-gradient(to left, #dc3545 0%, #c82333 100%) !important; color: #fff !important; } body.nxc-app .modal.custom-modal[id*="discard"] .cancel-btn:hover { filter: brightness(0.95); } /* Shared single-line "Module / Page" breadcrumb-style page title. Workspace trails live in WorkspaceBreadcrumb / WorkspacePageTopbar. */ .page-title--breadcrumb { display: flex; align-items: center; gap: 0; flex-wrap: wrap; } .page-title-link { color: #1f2937; text-decoration: none; font-weight: 600; } a.page-title-link:hover { text-decoration: underline; } .page-title-separator { color: #94a3b8; margin: 0 8px; font-weight: 400; } .page-title-current { color: #1e3a8a; /* font-weight: 600; */ } .clear-btn[data-v-20b252ca] { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ line-height: 1; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .dimmed-modal[data-v-20b252ca] { opacity: 0.5 !important; filter: brightness(0.8); } /* Clickable date text styling */ .date.clickable-date[data-v-20b252ca] { cursor: pointer; color: #007bff; text-decoration: underline; font-weight: bold; } /* Styles for the dropdown datepicker, to make it appear like a dropdown */ .datepicker-dropdown[data-v-20b252ca] { position: absolute; z-index: 1000; background: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 5px; margin-top: 5px; } /* Hide the default input field of the datepicker */ .datepicker-dropdown input[data-v-20b252ca] { display: none !important; } /* Remove any default borders or styling of the dropdown itself */ .datepicker-dropdown[data-v-20b252ca] { border: none; } /* Title Input Styling */ .time-input[data-v-20b252ca] { width: 100%; padding: 8px; font-size: 1rem; background-color: white; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .time-input[data-v-20b252ca]:focus { outline: none; border-color: #007bff; } .separator[data-v-20b252ca] { margin: 0 0px; font-size: 1rem; color: #000; } mark[data-v-20b252ca] { background-color: yellow; color: black; font-weight: bold; } .time-dropdown[data-v-20b252ca] { position: absolute; z-index: 1000; /* Higher than other elements */ max-height: 200px; /* Adjust based on how much space you want */ overflow-y: auto; /* Enable vertical scrolling */ } .clickable-time[data-v-20b252ca]:hover { color: #007bff; border-bottom: 1px solid #007bff; } /* Ensure dropdown is visible and not clipped */ .dropdown-menu[data-v-20b252ca] { max-height: 200px; overflow-y: auto; position: absolute; top: 100%; /* Position below the input field */ left: 0; width: 100%; z-index: 1050; /* Higher than other modal elements */ background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } /* Ensure the dropdown is not clipped by a parent container */ .position-relative[data-v-20b252ca] { position: relative; /* Parent container should be relative */ } .disabled-time[data-v-20b252ca] { opacity: 0.5; cursor: not-allowed !important; pointer-events: none; color: #999; } .highlighted-time[data-v-20b252ca] { background-color: #007bff; color: white; font-weight: bold; } .dropdown-menu[data-v-20b252ca] { max-height: 200px; overflow-y: auto; position: absolute; z-index: 1000; background: #fff; border: 1px solid #ddd; border-radius: 4px; width: 100%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .dropdown-item[data-v-20b252ca]:hover { background-color: #007bff; color: white; cursor: pointer; } .dropdown-item.disabled-time[data-v-20b252ca]:hover { background-color: transparent; color: #999; cursor: not-allowed; } .dropdown-datepicker[data-v-20b252ca] { position: absolute; z-index: 10; background-color: white; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; } .title-input[data-v-20b252ca] { font-size: 1.25rem; border: none; border-bottom: 1px solid #ddd; margin-bottom: 8px; } .title-input[data-v-20b252ca]:focus { outline: none; border-bottom: 1px solid #007bff; } /* Day-Date Display Styling */ .datetime-row[data-v-20b252ca] { display: flex; align-items: center; gap: 8px; } .day-date-display[data-v-20b252ca] { display: flex; align-items: baseline; font-size: 0.9rem; } .day[data-v-20b252ca] { font-weight: bold; } .date[data-v-20b252ca] { margin-left: 4px; } /* Time Select Styling */ .time-select[data-v-20b252ca] { width: auto; min-width: 100px; padding: 4px 8px; font-size: 0.9rem; } /* Hidden Datepicker Styling */ .hidden-datepicker[data-v-20b252ca] { display: none; /* Hide the actual datepicker inputs */ } /* Google Calendar Style for Event Title */ .google-calendar-style[data-v-20b252ca] { position: relative; display: flex; flex-direction: column; margin-top: 16px; } .google-calendar-style[data-v-20b252ca]::before { content: "Add title and time"; position: absolute; top: -24px; /* Position above the input line */ font-size: 16px; color: #5f6368; /* Light gray, similar to Google Calendar */ } .google-calendar-style .event-title[data-v-20b252ca] { font-size: 20px; font-weight: 500; color: #202124; padding: 8px 0; border: none; border-bottom: 1px solid #dadce0; outline: none; transition: border-color 0.3s; } .google-calendar-style .event-title[data-v-20b252ca]:focus { border-bottom: 1px solid #1a73e8; /* Blue line on focus */ } .google-calendar-style .event-title[data-v-20b252ca]::-moz-placeholder { color: #5f6368; /* Light gray placeholder, like Google Calendar */ } .google-calendar-style .event-title[data-v-20b252ca]::placeholder { color: #5f6368; /* Light gray placeholder, like Google Calendar */ } /* Styles for the modal and overlay */ .modal-overlay[data-v-20b252ca] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; /* Ensure the modal stays above everything */ } .action-btn[data-v-20b252ca] { width: 45%; background-color: #667eea; color: white; border: none; padding: 0.75rem; cursor: pointer; border-radius: 5px; } .action-btn[data-v-20b252ca]:hover { background-color: #536ee4; } .alert[data-v-20b252ca] { color: red; font-weight: bold; } .inline-datepicker[data-v-20b252ca] { position: absolute; /* Make sure it's positioned relative to its parent */ z-index: 1050; /* Ensure it appears above other elements */ background-color: white; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); width: auto; /* Adjust width to fit the content */ } .time-dropdown-container[data-v-20b252ca] { flex: 1; /* Each dropdown takes up equal space */ margin-right: 5px; /* Adds a small gap between dropdown and separator */ width: 30px; } .time-dropdown[data-v-20b252ca] { width: 30%; /* Full width within its container */ padding: 5px; box-sizing: border-box; /* Include padding in element’s total width */ } @media print { .header, nav, footer, .page-header, .non-printable, .workspace-page-topbar, .project-view-topbar { display: none !important; } .payslip { width: 100%; } body { margin: 0; padding: 0; -webkit-print-color-adjust: exact; } body, .payslip { background: none !important; } } /* Chat sidebar toggle button styling */ .chat-sidebar-toggle-btn { position: absolute; top: 10px; right: 10px; z-index: 1002; } .chat-sidebar-toggle-btn .btn { background: rgba(255, 255, 255, 0.9); border: 1px solid #dee2e6; color: #6c757d; padding: 8px 10px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: all 0.3s ease; } .chat-sidebar-toggle-btn .btn:hover { background: #f8f9fa; color: #495057; border-color: #adb5bd; } /* Chat sidebar home section styling */ .chat-sidebar-home { padding: 50px 15px 15px 15px; border-bottom: 1px solid #e9ecef; margin-bottom: 10px; } .chat-sidebar-home .home-link { display: flex; align-items: center; padding: 10px; color: #333; text-decoration: none; border-radius: 4px; transition: all 0.3s ease; } .chat-sidebar-home .home-link:hover { background-color: #f8f9fa; color: #007bff; } .chat-sidebar-home .home-link i { font-size: 18px; margin-right: 10px; width: 20px; text-align: center; } .chat-sidebar-home .home-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar { overflow-y: hidden; overflow-x: hidden; } /* Legacy sidebar transition rules disabled for chat list — they caused hover flicker */ .chat-sidebar .sidebar-menu ul li:not(.menu-title), .chat-sidebar .sidebar-menu ul li:not(.menu-title) a, .chat-sidebar .chat-user, .chat-sidebar .chat-avatar-sm { transition: none !important; -webkit-transition: none !important; } .chat-sidebar .list-inline-item.list-unstyled.links li.menu-title { display: none !important; } .sidebar .list-inline-item.list-unstyled.links li:not(.menu-title) { margin-top: 2px !important; margin-bottom: 2px !important; padding-top: 3px !important; padding-bottom: 3px !important; } /* Reduce spacing for the first item after a menu title */ .sidebar .list-inline-item.list-unstyled.links li.menu-title + li { margin-top: 0px !important; padding-top: 2px !important; } .sidebar::before { content: ""; display: block; width: 5px; /* Same width as scrollbar */ height: 100%; position: absolute; right: 0; /* Aligns to the right edge */ background-color: transparent; /* Transparent background */ pointer-events: none; /* Ensures it doesn’t interfere with content */ } .sidebar::-webkit-scrollbar { width: 5px; /* Slim width for scrollbar */ } .sidebar::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); /* Scrollbar color when visible */ border-radius: 10px; /* Rounded edges for a stylish look */ } .sidebar::-webkit-scrollbar-track { background: transparent; /* Background for the scrollbar track */ } .collapsed .sidebar-content { display: flex; justify-content: center; /* Center the icons when collapsed */ } .collapsed .sidebar-text { display: none; /* Hide text labels when collapsed */ } .rotated { transform: rotate(180deg); } .chat-time { color: #6c757d; font-size: 12px; margin-left: 5px; } .green-circle { min-width: 18px; height: 18px; background-color: #28a745; color: white; font-size: 12px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 4px 4px; white-space: nowrap; line-height: 1; } .chat-message { color: #6c757d; font-size: 12px; margin-left: 0 !important; } /* Share Modal Styles */ .share-link-container { padding: 20px 0; } .share-stats { background: #f8f9fa; border-radius: 8px; padding: 15px; } .stat-item { text-align: center; } .stat-value { font-size: 1.25rem; font-weight: 600; color: #495057; margin-bottom: 4px; } .stat-label { font-size: 0.875rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; } .regenerate-section { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 15px; } .regenerate-section h6 { color: #856404; } .regenerate-section small { color: #856404; } .form-label { font-weight: 600; color: #495057; margin-bottom: 8px; } .form-control:-moz-read-only { background-color: #f8f9fa; } .form-control:read-only { background-color: #f8f9fa; } .input-group .btn { border-left: 0; } .input-group .form-control:focus { border-color: #80bdff; box-shadow: none; } .input-group .form-control:focus + .btn { border-color: #80bdff; } /* Spinning Loading Indicator for Menu Titles */ .menu-title-loading { display: inline-flex; align-items: center; margin-right: 8px; } .menu-title-spinner { width: 10px; height: 10px; border: 2px solid #6b7280; border-top: 2px solid #007bff; border-radius: 50%; animation: menu-title-spin 1s linear infinite; margin-right: 6px; } .chat-section-loading { display: flex !important; align-items: center; justify-content: center; width: 100% !important; padding: 28px 12px 20px !important; list-style: none; } .chat-section-loading-spinner { width: 28px; height: 28px; border: 3px solid #d1d5db; border-top: 3px solid #007bff; border-radius: 50%; animation: menu-title-spin 0.8s linear infinite; } @keyframes menu-title-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .active[data-v-1b4a2d38] { background-color: #7ab8f9; /* Add your desired background color for the selected project */ } /* Mobile view adjustments for header dropdowns */ .mobile-user-menu .dropdown-menu[data-v-3e636d26] { right: 0; left: auto; } /* Connectivity Indicator Styles */ .connectivity-indicator[data-v-3e636d26] { display: flex; align-items: center; gap: 6px; margin-left: 4px; font-size: 12px; } .status-dot[data-v-3e636d26] { width: 10px; height: 10px; border-radius: 50%; display: inline-block; animation: pulse-3e636d26 2s infinite; } .status-dot.connected[data-v-3e636d26] { background-color: #10b981; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2); animation: none; } .status-dot.connecting[data-v-3e636d26], .status-dot.reconnecting[data-v-3e636d26] { background-color: #f59e0b; box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2); } .status-dot.disconnected[data-v-3e636d26] { background-color: #ef4444; box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2); animation: none; } .status-text[data-v-3e636d26] { margin-top: 2px; color: #6b7280; font-weight: 500; } @keyframes pulse-3e636d26 { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .enhanced-table[data-v-3742abfa] { overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 0 !important; } .enhanced-table .table[data-v-3742abfa] { margin-bottom: 0; table-layout: fixed; width: 100%; } .enhanced-table thead th[data-v-3742abfa] { background: #f8f9fa; border-bottom: 1px solid #e9ecef; font-weight: 600; color: #495057; font-size: 0.875rem; padding: 12px 16px; text-transform: uppercase; letter-spacing: 0.5px; } .project-row[data-v-3742abfa] { cursor: pointer; transition: none; } .project-row[data-v-3742abfa]:hover, .project-row:hover td[data-v-3742abfa] { background-color: #f9fafb !important; } .project-row td[data-v-3742abfa] { vertical-align: middle; border-bottom: 1px solid #f0f0f0; transition: none; } .project-row td[data-v-3742abfa]:first-child { width: 58%; max-width: 0; } .project-info[data-v-3742abfa] { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .project-header[data-v-3742abfa] { display: flex; align-items: center; gap: 8px; min-width: 0; } .project-meta[data-v-3742abfa] { flex-shrink: 0; } .project-name[data-v-3742abfa] { font-size: 0.95rem; font-weight: 600; color: #2d3748; text-decoration: none; transition: color 0.2s ease; min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .project-name[data-v-3742abfa]:hover { color: #667eea; } .priority-badge[data-v-3742abfa] { padding: 2px 6px; border-radius: 4px; font-size: 0.7rem; font-weight: 500; text-transform: uppercase; } .priority-high[data-v-3742abfa] { background: #fed7d7; color: #c53030; } .priority-medium[data-v-3742abfa] { background: #fef5e7; color: #d69e2e; } .priority-low[data-v-3742abfa] { background: #c6f6d5; color: #38a169; } .project-details[data-v-3742abfa] { display: flex; flex-direction: column; gap: 4px; } .task-summary[data-v-3742abfa] { font-size: 0.8rem; color: #4a5568; display: flex; align-items: center; } .project-dates[data-v-3742abfa] { display: flex; flex-direction: column; gap: 2px; } .deadline[data-v-3742abfa], .created[data-v-3742abfa] { font-size: 0.75rem; color: #718096; display: flex; align-items: center; } .progress-section[data-v-3742abfa] { min-width: 120px; } .progress-info[data-v-3742abfa] { display: flex; justify-content: space-between; align-items: center; } .progress-label[data-v-3742abfa] { font-size: 0.85rem; font-weight: 600; color: #2d3748; } .task-count[data-v-3742abfa] { font-size: 0.75rem; color: #718096; } .enhanced-progress[data-v-3742abfa] { height: 8px; border-radius: 4px; background-color: #e2e8f0; overflow: hidden; } .enhanced-progress .progress-bar[data-v-3742abfa] { border-radius: 4px; transition: width 0.3s ease; } .bg-orange[data-v-3742abfa] { background-color: #ff8c00 !important; } .status-section[data-v-3742abfa] { display: flex; flex-direction: column; gap: 4px; } .badge[data-v-3742abfa] { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 6px; font-size: 0.75rem; font-weight: 500; width: -moz-fit-content; width: fit-content; } .health-indicator[data-v-3742abfa] { margin-top: 2px; } .health-indicator small[data-v-3742abfa] { font-size: 0.7rem; font-weight: 500; } .team-section[data-v-3742abfa] { display: flex; flex-direction: column; gap: 8px; } .team-avatars[data-v-3742abfa] { display: flex; align-items: center; gap: 4px; } .team-avatar[data-v-3742abfa] { width: 28px; height: 28px; border-radius: 6px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: white; font-size: 0.7rem; font-weight: 600; border: 2px solid white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .team-count[data-v-3742abfa] { width: 28px; height: 28px; border-radius: 6px; background: #e2e8f0; display: flex; align-items: center; justify-content: center; color: #4a5568; font-size: 0.7rem; font-weight: 600; border: 2px solid white; } .team-info[data-v-3742abfa] { display: flex; flex-direction: column; gap: 2px; } .member-count[data-v-3742abfa] { font-size: 0.8rem; color: #4a5568; font-weight: 500; } .client-info small[data-v-3742abfa] { font-size: 0.7rem; color: #718096; } .empty-state[data-v-3742abfa] { padding: 3rem 1rem; } .empty-icon i[data-v-3742abfa] { font-size: 3rem; opacity: 0.3; margin-bottom: 1rem; } /* Same loading style as other dashboard boxes */ .dashboard-box-loading[data-v-3742abfa] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 120px; padding: 1.5rem; } .dashboard-box-loading .spinner-border[data-v-3742abfa] { width: 2rem; height: 2rem; border-width: 0.2em; } .dashboard-box-loading-text[data-v-3742abfa] { margin: 0.75rem 0 0; font-size: 0.875rem; color: #64748b; } /* Responsive design */ @media (max-width: 768px) { .enhanced-table thead[data-v-3742abfa] { display: none; } .enhanced-table tbody[data-v-3742abfa], .enhanced-table tr[data-v-3742abfa], .enhanced-table td[data-v-3742abfa] { display: block; } .project-row[data-v-3742abfa] { border: 1px solid #e9ecef; border-radius: 8px; margin-bottom: 12px; padding: 16px; } .project-row td[data-v-3742abfa] { border: none; padding: 8px 0; position: relative; padding-left: 30%; } .project-row td[data-v-3742abfa]:before { content: attr(data-label); position: absolute; left: 0; width: 25%; font-weight: 600; color: #4a5568; font-size: 0.8rem; } .project-row td[data-v-3742abfa]:first-child { padding-left: 0; } .project-row td[data-v-3742abfa]:first-child:before { display: none; } .team-avatars[data-v-3742abfa] { justify-content: flex-start; } } .chat-container[data-v-cfbbb710] { position: relative; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .chat-drop-zone-fill[data-v-cfbbb710] { flex: 1; min-height: 0; display: flex; flex-direction: column; width: 100%; } .chat-window[data-v-cfbbb710] { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #fff; } .fixed-header[data-v-cfbbb710] { flex-shrink: 0; } .chat-contents-wrapper[data-v-cfbbb710] { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } .chat-contents[data-v-cfbbb710] { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } .chat-footer[data-v-cfbbb710] { flex-shrink: 0; padding: 12px 20px 16px; background: #fff; border-top: 1px solid #dee2e6; } .chat-footer .message-bar[data-v-cfbbb710] { display: flex; width: 100%; } .chat-footer .message-bar .message-inner[data-v-cfbbb710] { display: flex; flex: 1; width: 100%; min-width: 0; } .chat-footer .message-bar[data-v-cfbbb710] .chat-rich-input { flex: 1; width: 100%; min-width: 0; } .chat-footer .message-bar[data-v-cfbbb710] .chat-rich-input__body, .chat-footer .message-bar[data-v-cfbbb710] .chat-rich-input__row { width: 100%; min-width: 0; } .input-group[data-v-cfbbb710] { display: flex; align-items: center; } /* textarea.form-control { flex-grow: 1; resize: none; max-height: 150px; min-height: 50px; } */ .btn-custom[data-v-cfbbb710] { display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 50%; width: 40px; height: 40px; } /* Ensure no extra space or scrolling */ html[data-v-cfbbb710], body[data-v-cfbbb710] { margin: 0; padding: 0; height: 100%; overflow: hidden; } /* Scrollbar styling */ .chat-contents[data-v-cfbbb710]::-webkit-scrollbar { width: 6px; } .chat-contents[data-v-cfbbb710]::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .chat-contents[data-v-cfbbb710]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .chat-contents[data-v-cfbbb710]::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); } /* Ensure chat-left component fills entire space */ .chat-contents[data-v-cfbbb710] { display: flex; flex-direction: column; } /* .chat-contents >>> * { max-width: 100%; } */ /* Remove debugging borders */ .chat-container[data-v-cfbbb710], .chat-window[data-v-cfbbb710], .chat-contents-wrapper[data-v-cfbbb710], .chat-contents[data-v-cfbbb710] { border: none !important; } /* Chat sidebar toggle button styling */ .chat-sidebar-toggle[data-v-cfbbb710] { display: flex; align-items: center; } .chat-sidebar-toggle[data-v-cfbbb710] { padding: 8px 12px; border: 1px solid #dee2e6; background: #fff; color: #6c757d; border-radius: 4px; transition: all 0.3s ease; } .chat-sidebar-toggle[data-v-cfbbb710] { background: #f8f9fa; color: #495057; border-color: #adb5bd; } @keyframes rotate-cfbbb710 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .refresh-icon.rotating[data-v-cfbbb710] { animation: rotate-cfbbb710 1s linear infinite; /* Adjust duration as needed */ } .status-circle[data-v-cfbbb710] { width: 2.5rem; /* Size of the circle */ height: 2.5rem; /* Size of the circle */ border-radius: 50%; /* Makes the div a perfect circle */ display: inline-block; /* Ensures the circle is inline with other elements */ margin-right: 10px; /* Adds spacing to the right of the circle */ } .refresh-icon[data-v-cfbbb710] { cursor: pointer; font-size: 18px; color: #007bff; } .refresh-icon[data-v-cfbbb710]:hover { color: #0056b3; } .user-list[data-v-cfbbb710] { position: absolute; background: white; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); z-index: 1000; max-height: 150px; width: 150px; overflow-y: auto; transform-origin: bottom; /* Anchor the bottom of the list */ } .user-list ul[data-v-cfbbb710] { list-style: none; padding: 0; margin: 0; } .user-list li[data-v-cfbbb710] { padding: 8px; cursor: pointer; } .user-list li.selected[data-v-cfbbb710] { background: #007bff; color: white; } .close-btn[data-v-cfbbb710] { background: none; border: none; cursor: pointer; position: absolute; top: 2px; right: 2px; } .user-info[data-v-cfbbb710]{ margin-top: 0; } .group-user-list[data-v-cfbbb710] { color: rgba(0, 0, 0, 0.5) !important; display: block !important; font-size: 11px !important; padding: 0 !important; margin: 0 !important; line-height: 1.2 !important; } .up-display[data-v-cfbbb710] { transform: none !important; position: static !important; transition: none !important; } .display-name[data-v-cfbbb710] { transition: none !important; } .display-email[data-v-cfbbb710] { font-size: 0.85em; color: #6c757d; margin-left: 6px; } .status-text[data-v-cfbbb710] { transition: none !important; padding: 0 !important; margin: 0 !important; font-size: 11px !important; line-height: 1.2 !important; } .btn-voice[data-v-cfbbb710] { background-color: #f0f0f0; border: none; margin-right: 5px; transition: all 0.3s ease; } .btn-voice[data-v-cfbbb710]:hover { background-color: #e0e0e0; } .btn-voice.recording[data-v-cfbbb710] { background-color: #ff4444; color: white; animation: pulse-cfbbb710 1.5s infinite; } @keyframes pulse-cfbbb710 { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .message-area[data-v-cfbbb710] { position: relative; display: block; width: 100%; min-width: 0; } .input-wrap[data-v-cfbbb710] { position: relative; display: flex; align-items: center; width: 100%; min-width: 0; gap: 4px; } .message-input[data-v-cfbbb710] { width: 100%; min-width: 0; padding: 10px 8px 10px 15px; border: none; outline: none; font-size: 14px; resize: none; } .chat-footer .message-bar .message-area[data-v-cfbbb710] { display: block; width: 100%; min-width: 0; } .message-input[data-v-cfbbb710]:focus { border-color: #1e3a8a; } .action-button-container[data-v-cfbbb710] { flex-shrink: 0; width: 35px; height: 35px; } .action-button[data-v-cfbbb710] { width: 100%; height: 100%; background: transparent; border: none; padding: 8px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .action-button[data-v-cfbbb710]:hover { background: rgba(30, 58, 138, 0.1); } .action-button i[data-v-cfbbb710] { font-size: 18px; color: #1e3a8a; } .voice-input-button.recording[data-v-cfbbb710] { color: #dc3545; background: rgba(220, 53, 69, 0.1); } .recording-waves[data-v-cfbbb710] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .recording-waves span[data-v-cfbbb710] { position: absolute; width: 100%; height: 100%; border: 2px solid currentColor; border-radius: 50%; animation: recording-wave-cfbbb710 1.5s infinite; opacity: 0; } .recording-waves span[data-v-cfbbb710]:nth-child(1) { animation-delay: 0s; } .recording-waves span[data-v-cfbbb710]:nth-child(2) { animation-delay: 0.5s; } .recording-waves span[data-v-cfbbb710]:nth-child(3) { animation-delay: 1s; } @keyframes recording-wave-cfbbb710 { 0% { transform: scale(0.5); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 0; } } .recording-indicator[data-v-cfbbb710] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #e7efff; border-radius: 4px; padding: 0 16px; z-index: 10; } .recording-content[data-v-cfbbb710] { display: flex; align-items: center; gap: 8px; } .recording-content span[data-v-cfbbb710] { font-weight: 500; color: #333; font-size: 14px; } .recording-dot[data-v-cfbbb710] { width: 12px; height: 12px; background-color: #ff4444; border-radius: 50%; animation: pulse-cfbbb710 1.5s infinite; } .recording-dot.paused[data-v-cfbbb710] { background-color: #ffa500; animation: none; } .recording-actions[data-v-cfbbb710] { display: flex; gap: 8px; align-items: center; } .pause-recording[data-v-cfbbb710], .delete-recording[data-v-cfbbb710], .stop-recording[data-v-cfbbb710] { color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; display: flex; align-items: center; justify-content: center; min-width: 40px; } .pause-recording[data-v-cfbbb710] { background-color: #ffa500; } .pause-recording[data-v-cfbbb710]:hover { background-color: #ff8c00; } .delete-recording[data-v-cfbbb710] { background-color: #dc3545; } .delete-recording[data-v-cfbbb710]:hover { background-color: #c82333; } .stop-recording[data-v-cfbbb710] { background-color: #007bff; } .stop-recording[data-v-cfbbb710]:hover { background-color: #0056b3; } @keyframes pulse-cfbbb710 { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .btn-custom.recording[data-v-cfbbb710] { background-color: #ff4444; color: white; animation: pulse-cfbbb710 1.5s infinite; } /* Ensure no extra space or scrolling */ html[data-v-cfbbb710], body[data-v-cfbbb710] { margin: 0; padding: 0; height: 100%; overflow: hidden; } /* Ensure chat-left component is fully visible */ /* .chat-contents >>> * { max-width: 100%; } */ /* AI Assistant Toggle Styles */ .ai-assistant-toggle[data-v-cfbbb710] { display: flex; align-items: center; margin-right: 20px; } .toggle-container[data-v-cfbbb710] { display: flex; flex-direction: column; align-items: center; gap: 4px; } .toggle-label[data-v-cfbbb710] { font-size: 12px; font-weight: 600; color: #666; margin: 0; white-space: nowrap; } .toggle-switch[data-v-cfbbb710] { position: relative; width: 44px; height: 24px; cursor: pointer; } .toggle-input[data-v-cfbbb710] { opacity: 0; width: 0; height: 0; } .toggle-slider[data-v-cfbbb710] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 24px; transition: 0.3s; } .toggle-slider[data-v-cfbbb710]:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: 0.3s; } .toggle-slider.active[data-v-cfbbb710] { background-color: #007bff; } .toggle-slider.active[data-v-cfbbb710]:before { transform: translateX(20px); } .toggle-hint[data-v-cfbbb710] { font-size: 10px; color: #888; text-align: center; white-space: nowrap; } /* Responsive adjustments */ @media (max-width: 768px) { .ai-assistant-toggle[data-v-cfbbb710] { margin-right: 10px; } .toggle-container[data-v-cfbbb710] { gap: 2px; } .toggle-label[data-v-cfbbb710] { font-size: 11px; } .toggle-switch[data-v-cfbbb710] { width: 40px; height: 22px; } .toggle-slider[data-v-cfbbb710]:before { height: 16px; width: 16px; left: 3px; bottom: 3px; } .toggle-slider.active[data-v-cfbbb710]:before { transform: translateX(18px); } .toggle-hint[data-v-cfbbb710] { font-size: 9px; } } /* Emoji Button Styles */ .emoji-button[data-v-cfbbb710] { position: static; transform: none; width: 32px; height: 32px; background: transparent; color: #6c757d; border: none; border-radius: 50%; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; z-index: 5; } .attach-button[data-v-cfbbb710] { width: 32px; height: 32px; border: none; background: transparent; color: #6c757d; font-size: 16px; cursor: not-allowed; opacity: 0.5; display: flex; align-items: center; justify-content: center; } .emoji-button[data-v-cfbbb710]:hover { background: rgba(30, 58, 138, 0.1); transform: translateY(-50%) scale(1.05); } .emoji-button[data-v-cfbbb710]:active { transform: translateY(-50%) scale(0.95); } /* Emoji Picker Container */ .emoji-picker-container[data-v-cfbbb710] { position: absolute; bottom: 60px; left: -45px; width: 320px; height: 280px; background: white; border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); z-index: 1000; overflow: hidden; } .emoji-picker-header[data-v-cfbbb710] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #495057; } .emoji-close-btn[data-v-cfbbb710] { background: none; border: none; font-size: 14px; cursor: pointer; color: #6c757d; padding: 4px; border-radius: 4px; transition: background 0.2s ease; } .emoji-close-btn[data-v-cfbbb710]:hover { background: rgba(0, 0, 0, 0.05); } .emoji-grid[data-v-cfbbb710] { padding: 8px; display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; height: calc(100% - 60px); overflow-y: auto; } .emoji-grid[data-v-cfbbb710]::-webkit-scrollbar { width: 6px; } .emoji-grid[data-v-cfbbb710]::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .emoji-grid[data-v-cfbbb710]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .emoji-grid[data-v-cfbbb710]::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); } .emoji-item[data-v-cfbbb710] { width: 32px; height: 32px; border: none; background: none; font-size: 20px; cursor: pointer; border-radius: 6px; transition: all 0.15s ease; display: flex; align-items: center; justify-content: center; } .emoji-item[data-v-cfbbb710]:hover { background: #f0f0f0; transform: scale(1.1); } .emoji-item[data-v-cfbbb710]:active { transform: scale(0.95); } /* Emoji button sits outside the grid row on the left */ /* Responsive adjustments for emoji picker */ @media (max-width: 768px) { .emoji-picker-container[data-v-cfbbb710] { width: 280px; height: 240px; left: -20px; } .emoji-grid[data-v-cfbbb710] { grid-template-columns: repeat(7, 1fr); } .emoji-item[data-v-cfbbb710] { width: 28px; height: 28px; font-size: 18px; } .input-wrap[data-v-cfbbb710] { margin-left: 45px; } .emoji-button[data-v-cfbbb710] { left: -40px; width: 32px; height: 32px; font-size: 16px; } } /* Deactivated Chat Message Styles */ .deactivated-message[data-v-cfbbb710] { width: 100%; justify-items: center; height: 44px; } .deactivated-content[data-v-cfbbb710] { text-align: center; margin: 0 auto; display: flex; gap: 16px; } .deactivated-icon[data-v-cfbbb710] { font-size: 30px; color: #dc3545; } .deactivated-text[data-v-cfbbb710] { font-size: 16px; color: #6c757d; margin: 0; line-height: 1.5; } .reactivate-btn[data-v-cfbbb710] { padding: 10px 24px; font-size: 14px; font-weight: 500; border-radius: 8px; transition: all 0.3s ease; } .reactivate-btn[data-v-cfbbb710]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } /* Responsive adjustments for deactivated message */ @media (max-width: 768px) { .deactivated-message[data-v-cfbbb710] { padding: 16px; } .deactivated-icon[data-v-cfbbb710] { font-size: 36px; } .deactivated-text[data-v-cfbbb710] { font-size: 14px; } .reactivate-btn[data-v-cfbbb710] { padding: 8px 20px; font-size: 13px; } } .close-chat-button[data-v-cfbbb710] { padding: 6px; } .close-chat-button[data-v-cfbbb710]:hover { color: #dc3545; border: none; } .delete-chat-button[data-v-cfbbb710] { padding: 6px; color: #6c757d; } .delete-chat-button[data-v-cfbbb710]:hover { color: #dc3545; border: none; } .stop-ai-icon[data-v-cfbbb710] { cursor: pointer; color: #dc3545; font-size: 16px; transition: color 0.2s ease, transform 0.2s ease; } .stop-ai-icon[data-v-cfbbb710]:hover { color: #a71d2a; transform: scale(1.1); } /* Custom Pagination Styling */ .custom-pagination[data-v-6850505e] { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; margin-top: 16px; background-color: #f8f9fa; border-radius: 8px; padding: 12px 16px; } .pagination-left[data-v-6850505e] { display: flex; align-items: center; } .pagination-left label[data-v-6850505e] { color: #666; font-size: 14px; margin: 0; display: flex; align-items: center; gap: 8px; } .entries-select[data-v-6850505e] { width: 60px; height: 32px; border: 1px solid #d9d9d9; border-radius: 4px; padding: 4px 8px; background-color: white; font-size: 14px; } .pagination-center[data-v-6850505e] { flex: 1; text-align: center; color: #666; font-size: 14px; } .pagination-right[data-v-6850505e] { display: flex; align-items: center; gap: 8px; } .pagination-btn[data-v-6850505e] { padding: 6px 12px; border: 1px solid #d9d9d9; background-color: white; color: #666; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s; } .pagination-btn[data-v-6850505e]:hover:not(:disabled) { border-color: #1890ff; color: #1890ff; } .pagination-btn[data-v-6850505e]:disabled { opacity: 0.5; cursor: not-allowed; } .pagination-btn.active[data-v-6850505e] { background-color: #1890ff; border-color: #1890ff; color: white; } .assets-table-region[data-v-5ad148a0] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` — global style.css is position:fixed full-screen */ .assets-page-loading-block[data-v-5ad148a0] { min-height: 280px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .assets-page-loading-spinner[data-v-5ad148a0] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .assets-page-loading-label[data-v-5ad148a0] { font-size: 0.95rem; } /* Style for the clear button inside the datepicker */ .table-responsive[data-v-5ad148a0] { overflow: visible; } /* Style for the clear button inside the datepicker */ .clear-btn[data-v-5ad148a0] { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background: none; border: none; font-size: 16px; cursor: pointer; color: #999; } .clear-btn[data-v-5ad148a0]:hover { color: #333; } /* Ensure the input container has proper positioning */ .cal-icon[data-v-5ad148a0] { position: relative; } .dropdown-submenu[data-v-5ad148a0] { position: relative; } .dropdown-submenu .dropdown-menu[data-v-5ad148a0] { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover .dropdown-menu[data-v-5ad148a0] { display: block; } .showentries label[data-v-5ad148a0] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-5ad148a0] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-5ad148a0]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-5ad148a0] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-5ad148a0] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } masked-input { height: 40px; } .payroll-additions-table-region[data-v-07adb0d6] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .payroll-items-page-loading-block[data-v-07adb0d6] { min-height: 240px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .payroll-items-page-loading-spinner[data-v-07adb0d6] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .payroll-items-page-loading-label[data-v-07adb0d6] { font-size: 0.95rem; } .showentries label[data-v-07adb0d6] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-07adb0d6] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-07adb0d6]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-07adb0d6] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-07adb0d6] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .payroll-deductions-table-region[data-v-5007704d] { width: 100%; box-sizing: border-box; } /* Do not use class name `loading-indicator` / `loading-indicator-dialog` — global CSS is full-screen */ .payroll-items-page-loading-block[data-v-5007704d] { min-height: 240px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8f9fa; border: 1px solid #e9ecef; } .payroll-items-page-loading-spinner[data-v-5007704d] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .payroll-items-page-loading-label[data-v-5007704d] { font-size: 0.95rem; } .showentries label[data-v-5007704d] { color: #6c757d; font-size: 14px; font-weight: 500; } .custom-select[data-v-5007704d] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; background-size: 16px 12px; padding-right: 2.25rem; border: 1px solid #ced4da; } .custom-select[data-v-5007704d]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .pagination-info[data-v-5007704d] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-5007704d] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .project-summary-dashboard[data-v-083b3a89] { padding: 4px; --pd-panel-min-height: 280px; --pd-bottom-panel-max-height: 340px; --pd-bottom-card-height: 420px; } /* 2×2 grid (lg+): row track height = max of the two cells; both stretch to equal height. */ .project-details-main-panels[data-v-083b3a89] { display: grid; gap: 1rem; } @media (min-width: 992px) { .project-details-main-panels[data-v-083b3a89] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(var(--pd-panel-min-height), auto) minmax(var(--pd-panel-min-height), var(--pd-bottom-panel-max-height)); align-items: stretch; } .pd-panel--status[data-v-083b3a89] { grid-column: 1; grid-row: 1; } .pd-panel--priority[data-v-083b3a89] { grid-column: 2; grid-row: 1; } .pd-panel--workload[data-v-083b3a89] { grid-column: 1; grid-row: 2; max-height: var(--pd-bottom-panel-max-height); } .pd-panel--recent[data-v-083b3a89] { grid-column: 2; grid-row: 2; max-height: var(--pd-bottom-panel-max-height); } } @media (max-width: 991.98px) { .project-details-main-panels[data-v-083b3a89] { grid-template-columns: 1fr; } .pd-panel--status[data-v-083b3a89], .pd-panel--recent[data-v-083b3a89], .pd-panel--priority[data-v-083b3a89], .pd-panel--workload[data-v-083b3a89] { grid-column: auto; grid-row: auto; min-height: var(--pd-panel-min-height); } .pd-panel--workload[data-v-083b3a89], .pd-panel--recent[data-v-083b3a89] { max-height: var(--pd-bottom-panel-max-height); } } .project-details-main-panels .project-details-panel-card[data-v-083b3a89] { display: flex; flex-direction: column; /* Fill the grid cell so paired cards share equal height */ height: 100%; min-height: var(--pd-panel-min-height); min-width: 0; overflow: hidden; } .project-details-main-panels .project-details-panel-card > .card-body[data-v-083b3a89] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .project-details-main-panels .pd-panel--status > .card-body[data-v-083b3a89] { /* Size to the legend/chart instead of shrinking and forcing an inner scrollbar. */ min-height: auto; } .project-details-main-panels .pd-panel--workload > .card-body[data-v-083b3a89] { min-width: 0; min-height: 0; overflow: hidden; } .project-details-main-panels .pd-panel--workload .workload-bars[data-v-083b3a89] { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; padding-right: 14px; scrollbar-width: thin; scrollbar-color: #c1c7d0 transparent; } .project-details-main-panels .pd-panel--workload .workload-bars[data-v-083b3a89]::-webkit-scrollbar { width: 6px; } .project-details-main-panels .pd-panel--workload .workload-bars[data-v-083b3a89]::-webkit-scrollbar-thumb { background: #c1c7d0; border-radius: 3px; } .project-details-main-panels .pd-panel--workload .workload-bars[data-v-083b3a89]::-webkit-scrollbar-track { background: transparent; } .project-details-main-panels .pd-panel--recent > .card-body[data-v-083b3a89] { min-height: 0; overflow: hidden; } .project-details-main-panels .pd-panel--recent .activity-feed[data-v-083b3a89] { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .project-details-main-panels .pd-panel--recent .pd-assign-link[data-v-083b3a89] { flex-shrink: 0; } .pd-chart-split[data-v-083b3a89] { display: flex; align-items: stretch; gap: 0.75rem; min-height: 0; width: 100%; } .pd-type-legend[data-v-083b3a89] { list-style: none; margin: 0; /* Keep counts clear of the scrollbar when the list does overflow. */ padding: 0 10px 0 0; flex: 1 1 42%; max-width: 48%; min-width: 0; min-height: auto; max-height: 360px; align-self: stretch; display: grid; align-content: start; gap: 0.4rem; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #c1c7d0 transparent; } .pd-type-legend[data-v-083b3a89]::-webkit-scrollbar { width: 6px; } .pd-type-legend[data-v-083b3a89]::-webkit-scrollbar-thumb { background: #c1c7d0; border-radius: 3px; } .pd-type-legend[data-v-083b3a89]::-webkit-scrollbar-track { background: transparent; } .pd-type-legend-item[data-v-083b3a89] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #475569; min-width: 0; } .pd-type-legend-swatch[data-v-083b3a89] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .pd-type-legend-label[data-v-083b3a89] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pd-type-legend-count[data-v-083b3a89] { flex-shrink: 0; font-weight: 600; color: #334155; font-variant-numeric: tabular-nums; } .pd-chart-plot[data-v-083b3a89] { flex: 1 1 55%; min-width: 0; width: 100%; display: flex; align-items: center; justify-content: center; } .pd-priority-chart[data-v-083b3a89] { width: 100%; min-width: 0; flex: 1 1 auto; display: block; } .pd-priority-chart[data-v-083b3a89] .apexcharts-canvas, .pd-priority-chart[data-v-083b3a89] .vue-apexcharts { width: 100% !important; max-width: 100% !important; } .pd-priority-chart[data-v-083b3a89] .apexcharts-svg { width: 100% !important; } .project-details-main-panels .status-overview-inner[data-v-083b3a89] { min-height: 0; } .status-overview-vdivider[data-v-083b3a89] { border-left: none; } @media (min-width: 768px) { .status-overview-vdivider[data-v-083b3a89] { border-left: 1px solid #e8eaed; } } .status-chart-side[data-v-083b3a89], .status-legend-side[data-v-083b3a89] { display: flex; align-items: center; justify-content: center; } .status-legend-side .chart-legend[data-v-083b3a89] { width: 100%; max-height: 280px; overflow-y: auto; } /* Project description + files (bottom row) */ .project-info-card[data-v-083b3a89] { border: 1px solid #e3e6f0; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background: #ffffff; height: var(--pd-bottom-card-height); min-height: var(--pd-bottom-card-height); max-height: var(--pd-bottom-card-height); display: flex; flex-direction: column; } .project-info-card .card-body[data-v-083b3a89] { padding: 20px; flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; } .description-title[data-v-083b3a89] { font-size: 16px; font-weight: 600; color: #495057; margin-bottom: 12px; } .description-text[data-v-083b3a89] { font-size: 14px; line-height: 1.6; color: #6c757d; margin: 0; padding: 0; text-align: justify; } .files-card[data-v-083b3a89] { border: 1px solid #e3e6f0; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background: #ffffff; height: var(--pd-bottom-card-height); min-height: var(--pd-bottom-card-height); max-height: var(--pd-bottom-card-height); display: flex; flex-direction: column; } .files-card .card-body[data-v-083b3a89] { padding: 20px; flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .card-title-container[data-v-083b3a89] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e9ecef; flex-shrink: 0; } .card-title-container .card-title[data-v-083b3a89] { font-size: 16px; font-weight: 600; color: #495057; margin: 0; } .files-upload-reveal[data-v-083b3a89] { flex-shrink: 0; overflow: hidden; margin-bottom: 12px; } .files-upload-reveal-enter-active[data-v-083b3a89], .files-upload-reveal-leave-active[data-v-083b3a89] { overflow: hidden; transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease, margin-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .files-upload-reveal-enter-from[data-v-083b3a89], .files-upload-reveal-leave-to[data-v-083b3a89] { max-height: 0; opacity: 0; margin-bottom: 0; } .files-upload-reveal-enter-to[data-v-083b3a89], .files-upload-reveal-leave-from[data-v-083b3a89] { max-height: 220px; opacity: 1; margin-bottom: 12px; } .upload-form-container[data-v-083b3a89] { background: #f8f9fa; padding: 16px; border-radius: 8px; border: 1px dashed #dee2e6; } .upload-form-container label[data-v-083b3a89] { font-size: 14px; font-weight: 500; color: #495057; margin-bottom: 8px; } .cancel-btn[data-v-083b3a89] { border-radius: 6px; padding: 6px 8px; margin-left: 8px; } .files-container[data-v-083b3a89] { flex: 1; min-height: 0; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column; } .upload-form-file-row .upload-form-file-input[data-v-083b3a89] { min-width: 140px; } .files-loading-state[data-v-083b3a89] { flex: 1; min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; } .files-loading-label[data-v-083b3a89] { font-size: 14px; } .files-list[data-v-083b3a89] { list-style: none; padding: 0; margin: 0; width: 100%; overflow-y: auto; overflow-x: hidden; flex: 1; } .file-item[data-v-083b3a89] { margin-bottom: 0; border-bottom: 1px solid #f1f3f4; width: 100%; } .file-item[data-v-083b3a89]:last-child { border-bottom: none; } .files-cont[data-v-083b3a89] { display: flex; align-items: center; padding: 8px 0; gap: 8px; width: 100%; max-width: 100%; } .file-type[data-v-083b3a89] { flex-shrink: 0; width: 32px; } .files-icon[data-v-083b3a89] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 4px; background: #f8f9fa; } .files-icon i[data-v-083b3a89] { font-size: 14px; color: #6c757d; } .files-icon i.fa-file-pdf[data-v-083b3a89] { color: #dc3545; } .files-icon i.fa-file-image[data-v-083b3a89] { color: #28a745; } .files-info[data-v-083b3a89] { flex: 1; min-width: 0; overflow: hidden; } .file-name[data-v-083b3a89] { display: block; font-size: 13px; font-weight: 500; color: #495057; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .file-name a[data-v-083b3a89] { color: #007bff; text-decoration: none; } .file-date[data-v-083b3a89] { display: block; font-size: 11px; color: #6c757d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .files-action[data-v-083b3a89] { list-style: none; padding: 0; margin: 0; flex-shrink: 0; width: 32px; } .files-action .btn-link[data-v-083b3a89] { color: #6c757d; padding: 2px 4px; border: none; background: transparent; font-size: 12px; } .files-action .dropdown-menu[data-v-083b3a89] { min-width: 120px; font-size: 12px; } /* Global style.css hides .files-action until row hover; keep actions always visible here */ .files-card .files-list > li .files-cont .files-action[data-v-083b3a89] { display: flex !important; align-items: center; justify-content: center; position: relative; top: auto; right: auto; height: auto; } .no-files-message[data-v-083b3a89] { text-align: center; padding: 40px 20px; color: #6c757d; } .no-files-message i[data-v-083b3a89] { font-size: 32px; margin-bottom: 12px; color: #dee2e6; } .no-files-message p[data-v-083b3a89] { font-size: 14px; margin: 0; } @media (max-width: 991px) { .project-summary-dashboard[data-v-083b3a89] { --pd-bottom-card-height: 400px; } .project-info-card[data-v-083b3a89], .files-card[data-v-083b3a89] { margin-bottom: 12px; } } @media (max-width: 767px) { .project-info-card .card-body[data-v-083b3a89], .files-card .card-body[data-v-083b3a89] { padding: 16px; } .card-title-container[data-v-083b3a89] { flex-direction: column; align-items: flex-start; gap: 10px; } } .chart-block-placeholder[data-v-083b3a89] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 220px; text-align: center; } .chart-block-placeholder--bar[data-v-083b3a89] { min-height: 160px; } .section-loading-hint[data-v-083b3a89] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.25rem; } /* Dashboard Cards */ .dashboard-card[data-v-083b3a89] { border: 1px solid #dfe1e6; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); } .dashboard-card .card-header[data-v-083b3a89] { background: white; border-bottom: 1px solid #dfe1e6; padding: 16px 20px 12px; } .dashboard-card .card-title[data-v-083b3a89] { font-size: 16px; font-weight: 600; color: #172b4d; } .dashboard-card .card-body[data-v-083b3a89] { padding: 16px 20px 20px; } .pd-panel-header .pd-panel-subtitle[data-v-083b3a89] { margin-top: 2px; font-size: 13px; color: #6b778c; } .pd-assign-link[data-v-083b3a89] { font-size: 13px; font-weight: 600; color: #0052cc !important; text-decoration: none !important; } .pd-assign-link[data-v-083b3a89]:hover { color: #0747a6 !important; text-decoration: underline !important; } /* Status stacked bar + 2-col legend */ .status-stacked-bar[data-v-083b3a89] { display: flex; width: 100%; height: 10px; border-radius: 999px; overflow: hidden; background: #ebecf0; margin-bottom: 18px; flex-shrink: 0; } .status-stacked-segment[data-v-083b3a89] { height: 100%; min-width: 0; transition: width 0.25s ease; } .status-legend-grid[data-v-083b3a89] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -moz-column-gap: 16px; column-gap: 16px; row-gap: 10px; } .status-legend-item[data-v-083b3a89] { display: flex; align-items: center; gap: 8px; min-width: 0; } .status-legend-dot[data-v-083b3a89] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .status-legend-label[data-v-083b3a89] { flex: 1 1 auto; min-width: 0; font-size: 13px; color: #42526e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .status-legend-count[data-v-083b3a89] { flex-shrink: 0; font-size: 13px; font-weight: 600; color: #172b4d; } /* Shared horizontal bars (priority + workload) */ .priority-bars[data-v-083b3a89], .workload-bars[data-v-083b3a89] { display: flex; flex-direction: column; gap: 14px; min-height: 0; } .priority-bar-row[data-v-083b3a89], .workload-bar-row[data-v-083b3a89] { display: grid; grid-template-columns: 88px minmax(0, 1fr) 28px; align-items: center; gap: 10px; } .priority-bar-label[data-v-083b3a89], .workload-bar-name[data-v-083b3a89] { font-size: 13px; color: #42526e; min-width: 0; } .priority-bar-track[data-v-083b3a89] { height: 8px; border-radius: 999px; background: #ebecf0; overflow: hidden; min-width: 0; } .priority-bar-fill[data-v-083b3a89] { height: 100%; border-radius: 999px; min-width: 0; transition: width 0.25s ease; } .workload-bar-fill[data-v-083b3a89] { background: #3366FF; } .priority-bar-count[data-v-083b3a89], .workload-bar-count[data-v-083b3a89] { font-size: 13px; font-weight: 600; color: #172b4d; text-align: right; } .unassigned-banner[data-v-083b3a89] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 14px; border-radius: 8px; background: #fff7e6; border: 1px solid #ffe0a3; color: #974f0c; font-size: 13px; font-weight: 500; flex-shrink: 0; } .unassigned-banner-icon[data-v-083b3a89] { color: #ff8b00; flex-shrink: 0; } .chart-block-placeholder--compact[data-v-083b3a89] { min-height: 140px; } /* Overview recent activity */ .overview-activity-feed[data-v-083b3a89] { display: flex; flex-direction: column; gap: 14px; } .overview-activity-item[data-v-083b3a89] { display: flex; align-items: flex-start; gap: 10px; } .overview-activity-avatar[data-v-083b3a89] { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #fff; overflow: hidden; } .overview-activity-avatar img[data-v-083b3a89] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .overview-activity-body[data-v-083b3a89] { min-width: 0; flex: 1; } .overview-activity-text[data-v-083b3a89] { font-size: 13px; line-height: 1.45; color: #42526e; } .overview-activity-actor[data-v-083b3a89] { font-weight: 600; color: #172b4d; } .overview-activity-time[data-v-083b3a89] { color: #6b778c; white-space: nowrap; } @media (max-width: 575.98px) { .status-legend-grid[data-v-083b3a89] { grid-template-columns: 1fr; } .priority-bar-row[data-v-083b3a89], .workload-bar-row[data-v-083b3a89] { grid-template-columns: 72px minmax(0, 1fr) 24px; gap: 8px; } } /* Chart Container */ .chart-container[data-v-083b3a89] { position: relative; display: flex; justify-content: center; align-items: center; } .interactive-chart[data-v-083b3a89] { cursor: help; } .chart-center[data-v-083b3a89] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .total-items .total-number[data-v-083b3a89] { display: block; font-size: 48px; font-weight: 600; color: #172b4d; line-height: 1; } .total-items .total-label[data-v-083b3a89] { display: block; font-size: 12px; color: #6b778c; margin-top: 5px; } /* Chart Legend */ .chart-legend[data-v-083b3a89] { padding-left: 0; } .legend-item[data-v-083b3a89] { display: flex; align-items: center; margin-bottom: 12px; } .legend-color[data-v-083b3a89] { width: 12px; height: 12px; border-radius: 2px; margin-right: 8px; } .legend-label[data-v-083b3a89] { font-size: 14px; color: #42526e; } .chart-info-tooltip[data-v-083b3a89] { position: fixed; z-index: 2100; display: inline-flex; align-items: flex-start; gap: 8px; max-width: 220px; padding: 8px 10px; border-radius: 6px; background: #172b4d; color: #fff; box-shadow: 0 8px 24px rgba(9, 30, 66, 0.28); pointer-events: none; } .chart-info-tooltip__swatch[data-v-083b3a89] { width: 10px; height: 10px; border-radius: 2px; margin-top: 4px; flex-shrink: 0; } .chart-info-tooltip__body[data-v-083b3a89] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .chart-info-tooltip__body strong[data-v-083b3a89] { font-size: 12px; line-height: 1.2; } .chart-info-tooltip__body small[data-v-083b3a89] { font-size: 11px; color: #dfe1e6; line-height: 1.2; } /* Workload Section */ .workload-header[data-v-083b3a89] { border-bottom: 1px solid #dfe1e6; padding-bottom: 10px; margin-bottom: 15px; overflow-x: hidden; } .workload-item[data-v-083b3a89] { padding: 10px 0; border-bottom: 1px solid #f4f5f7; } .workload-item[data-v-083b3a89]:last-child { border-bottom: none; } .progress-container[data-v-083b3a89] { display: flex; align-items: center; gap: 10px; min-width: 0; width: 100%; } .progress[data-v-083b3a89] { flex: 1; height: 8px; min-width: 0; background-color: #f4f5f7; border-radius: 4px; } .progress-bar[data-v-083b3a89] { background-color: #0065ff; border-radius: 4px; } .workload-percentage[data-v-083b3a89] { flex-shrink: 0; font-size: 12px; color: #6b778c; min-width: 36px; text-align: right; } .workload-assignee-col[data-v-083b3a89], .workload-progress-col[data-v-083b3a89] { min-width: 0; } .workload-member-name[data-v-083b3a89] { min-width: 0; } .leader-pill[data-v-083b3a89] { font-size: 11px; font-weight: 600; color: #7c2d12; background: #ffedd5; border: 1px solid #fdba74; padding: 2px 8px; border-radius: 999px; line-height: 1.2; } /* Work Types */ .work-type-item[data-v-083b3a89] { margin-bottom: 16px; } .work-type-item[data-v-083b3a89]:last-child { margin-bottom: 0; } .work-type-progress[data-v-083b3a89] { height: 6px; background-color: #f4f5f7; border-radius: 3px; } .percentage[data-v-083b3a89] { font-size: 14px; font-weight: 600; color: #42526e; } /* Activity Feed — fills panel body; scroll inside so card height matches paired column */ .activity-feed[data-v-083b3a89] { flex: 1 1 0; min-height: 0; overflow-y: auto; } .project-details-main-panels .workload-items[data-v-083b3a89] { flex: 1 1 0; min-height: 0; min-width: 0; overflow-x: hidden; overflow-y: auto; } .activity-item[data-v-083b3a89] { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f4f5f7; } .activity-item[data-v-083b3a89]:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .activity-avatar[data-v-083b3a89] { margin-right: 10px; flex-shrink: 0; } .activity-content[data-v-083b3a89] { flex: 1; } .activity-text[data-v-083b3a89] { font-size: 14px; color: #42526e; line-height: 1.4; margin-bottom: 4px; } .task-link[data-v-083b3a89] { color: #0052cc; font-weight: 500; } .activity-line-primary .activity-kind-pill[data-v-083b3a89] { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; line-height: 1.35; } .activity-kind-pill--task-activity[data-v-083b3a89] { background: #deebff; color: #0747a6; } .activity-kind-pill--comment[data-v-083b3a89] { background: #e6fffa; color: #036b53; } .activity-kind-pill--project-activity[data-v-083b3a89] { background: #eae6ff; color: #403294; } .activity-kind-pill--epic-activity[data-v-083b3a89] { background: #fff0e5; color: #a54800; } .activity-kind-pill--sprint-activity[data-v-083b3a89] { background: #e3fcef; color: #074f45; } .activity-context-detail[data-v-083b3a89] { line-height: 1.35; } .status-badge[data-v-083b3a89] { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; margin-left: 5px; } .status-code-review[data-v-083b3a89] { background-color: #fff4e6; color: #ff8b00; } .status-in-progress[data-v-083b3a89] { background-color: #e3fcef; color: #006644; } .activity-time[data-v-083b3a89] { font-size: 12px; color: #6b778c; } /* Responsive */ @media (max-width: 768px) { .project-summary-dashboard[data-v-083b3a89] { padding: 10px; } } /* Filter Dropdown Styles */ .filter-container[data-v-083b3a89] { position: relative; text-align: right; } .filter-dropdown-stack[data-v-083b3a89] { display: inline-flex; flex-direction: column; align-items: flex-end; max-width: 100%; vertical-align: top; } /* Vue toggles .show; no data-bs-toggle so Popper does not pin the menu to the viewport at scroll 0. */ .filter-container .dropdown[data-v-083b3a89] { position: relative; } .filter-container .dropdown-menu.filter-dropdown[data-v-083b3a89] { position: absolute; top: 100%; right: 0; left: auto; margin-top: 0.125rem; /* z-index: 1050; */ transform: none !important; /* inset: auto !important; */ } .filter-status[data-v-083b3a89] { font-size: 11px; text-align: right; margin-top: 2px; } .filter-dropdown[data-v-083b3a89] { width: 320px; max-height: 500px; overflow-y: auto; padding: 0; border: 1px solid #dfe1e6; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } .filter-header[data-v-083b3a89] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; } .filter-header h6[data-v-083b3a89] { margin: 0; font-size: 14px; font-weight: 600; color: #495057; } .clear-filters[data-v-083b3a89] { font-size: 12px; color: #dc3545; text-decoration: none; padding: 0; } .clear-filters[data-v-083b3a89]:hover { color: #c82333; text-decoration: underline; } .filter-search[data-v-083b3a89] { padding: 12px 16px; border-bottom: 1px solid #e9ecef; } .filter-search input[data-v-083b3a89] { border: 1px solid #dee2e6; border-radius: 4px; } .filter-options[data-v-083b3a89] { padding: 8px 0; max-height: 300px; overflow-y: auto; } .filter-group[data-v-083b3a89] { padding: 8px 16px; border-bottom: 1px solid #f1f3f4; } .filter-group[data-v-083b3a89]:last-child { border-bottom: none; } .custom-date-range[data-v-083b3a89] { margin-top: 8px; } .custom-date-label[data-v-083b3a89] { display: block; font-size: 12px; color: #6c757d; margin-bottom: 4px; } .filter-label[data-v-083b3a89] { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #495057; margin-bottom: 8px; cursor: pointer; } .filter-label input[type="checkbox"][data-v-083b3a89] { margin-right: 8px; margin-top: 0; } .checkbox-group[data-v-083b3a89] { margin-left: 20px; margin-top: 8px; } .checkbox-label[data-v-083b3a89] { display: flex; align-items: center; font-size: 13px; color: #6c757d; margin-bottom: 4px; cursor: pointer; font-weight: normal; } .checkbox-label input[type="checkbox"][data-v-083b3a89] { margin-right: 6px; margin-top: 0; } .filter-footer[data-v-083b3a89] { display: flex; justify-content: space-between; gap: 8px; padding: 12px 16px; border-top: 1px solid #e9ecef; background: #f8f9fa; } .filter-footer .btn[data-v-083b3a89] { flex: 1; font-size: 12px; } .filter-badge[data-v-083b3a89] { background: #dc3545; color: white; border-radius: 10px; padding: 2px 6px; font-size: 10px; font-weight: 600; margin-left: 4px; min-width: 16px; text-align: center; } /* Dropdown visibility (Vue toggles .show; menu position is from rules above) */ .dropdown-menu.show[data-v-083b3a89] { display: block; } .dropdown-toggle[data-v-083b3a89]::after { margin-left: 8px; } /* Form controls in filter */ .filter-group .form-select[data-v-083b3a89], .filter-group .form-control[data-v-083b3a89] { font-size: 13px; padding: 4px 8px; border-radius: 4px; border: 1px solid #dee2e6; } .filter-group .form-select[data-v-083b3a89]:disabled { background-color: #f8f9fa; opacity: 0.6; } /* Responsive filter dropdown */ @media (max-width: 768px) { .filter-dropdown[data-v-083b3a89] { width: 280px; max-height: 400px; } .filter-footer[data-v-083b3a89] { flex-direction: column; } .filter-footer .btn[data-v-083b3a89] { width: 100%; margin-bottom: 4px; } } /* Assigned teams chips inside Team workload */ .assigned-teams-inline .assigned-teams-chips[data-v-083b3a89] { display: flex; flex-wrap: wrap; gap: 0.4rem; } .assigned-team-chip[data-v-083b3a89] { display: inline-flex; align-items: center; padding: 0.25rem 0.6rem; font-size: 0.8rem; background: #f1f3f5; border: 1px solid #e9ecef; border-radius: 0.375rem; color: #343a40; } /* Manage Assignees modal */ #manageAssigneesModal .modal-dialog[data-v-083b3a89] { max-width: 520px; } #manageAssigneesModal .manage-assignees-body[data-v-083b3a89] { padding: 1rem 1.25rem 1.25rem; } #manageAssigneesModal .ma-section + .ma-section[data-v-083b3a89] { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #e9ecef; } #manageAssigneesModal .ma-section-head[data-v-083b3a89] { margin-bottom: 0.75rem; } #manageAssigneesModal .ma-section-title[data-v-083b3a89] { margin: 0; font-size: 0.95rem; font-weight: 650; color: #212529; } #manageAssigneesModal .ma-section-hint[data-v-083b3a89] { margin: 0.2rem 0 0; font-size: 0.8rem; color: #6c757d; line-height: 1.35; } #manageAssigneesModal .ma-meta[data-v-083b3a89] { font-size: 0.78rem; color: #6c757d; } #manageAssigneesModal .ma-empty[data-v-083b3a89] { margin: 0 0 0.75rem; font-size: 0.85rem; color: #868e96; } #manageAssigneesModal .ma-team-list[data-v-083b3a89] { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 0.75rem; } #manageAssigneesModal .ma-team-row[data-v-083b3a89] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.55rem 0.7rem; background: #f8f9fa; border: 1px solid #eef0f2; border-radius: 0.4rem; } #manageAssigneesModal .ma-team-name[data-v-083b3a89] { font-weight: 600; font-size: 0.9rem; color: #343a40; } #manageAssigneesModal .ma-unlink-btn[data-v-083b3a89] { text-decoration: none; font-size: 0.8rem; padding: 0.15rem 0.35rem; flex-shrink: 0; } #manageAssigneesModal .ma-people-block[data-v-083b3a89] { margin-top: 0.9rem; } #manageAssigneesModal .ma-people-label[data-v-083b3a89] { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.4rem; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #868e96; } #manageAssigneesModal .ma-count[data-v-083b3a89] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1.25rem; padding: 0 0.35rem; border-radius: 999px; background: #e9ecef; color: #495057; font-size: 0.7rem; font-weight: 650; } #manageAssigneesModal .ma-people-list[data-v-083b3a89] { list-style: none; margin: 0; padding: 0; border: 1px solid #eef0f2; border-radius: 0.4rem; overflow: hidden; max-height: 220px; overflow-y: auto; } #manageAssigneesModal .ma-person[data-v-083b3a89] { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.7rem; background: #fff; border-bottom: 1px solid #f1f3f5; } #manageAssigneesModal .ma-person[data-v-083b3a89]:last-child { border-bottom: none; } #manageAssigneesModal .ma-person-avatar[data-v-083b3a89] { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #adb5bd; color: #fff; font-size: 0.7rem; font-weight: 650; } #manageAssigneesModal .ma-person-avatar.is-lead[data-v-083b3a89] { background: #2f9e44; } #manageAssigneesModal .ma-person-avatar img[data-v-083b3a89] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #manageAssigneesModal .ma-person-info[data-v-083b3a89] { flex: 1; min-width: 0; } #manageAssigneesModal .ma-person-name[data-v-083b3a89] { font-size: 0.88rem; font-weight: 550; color: #343a40; display: flex; align-items: center; gap: 0.35rem; } #manageAssigneesModal .ma-lead-tag[data-v-083b3a89] { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #2f9e44; background: #ebfbee; padding: 0.1rem 0.35rem; border-radius: 0.25rem; flex-shrink: 0; } #manageAssigneesModal .ma-person-actions[data-v-083b3a89] { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; } #manageAssigneesModal .ma-person-actions .btn[data-v-083b3a89] { width: 30px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.35rem; font-size: 0.75rem; } #manageAssigneesModal .ma-locked[data-v-083b3a89] { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; color: #adb5bd; font-size: 0.75rem; } #manageAssigneesModal .ma-search-wrap[data-v-083b3a89] { position: relative; } #manageAssigneesModal .ma-search-icon[data-v-083b3a89] { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 0.8rem; pointer-events: none; } #manageAssigneesModal .ma-search-input[data-v-083b3a89] { padding-left: 2.1rem; } #manageAssigneesModal .ma-search-results[data-v-083b3a89] { margin-top: 0.4rem; border: 1px solid #e9ecef; border-radius: 0.4rem; max-height: 180px; overflow-y: auto; background: #fff; } #manageAssigneesModal .ma-search-result[data-v-083b3a89] { width: 100%; display: flex; align-items: center; gap: 0.65rem; padding: 0.5rem 0.7rem; border: 0; border-bottom: 1px solid #f1f3f5; background: transparent; cursor: pointer; } #manageAssigneesModal .ma-search-result[data-v-083b3a89]:last-child { border-bottom: none; } #manageAssigneesModal .ma-search-result[data-v-083b3a89]:hover { background: #f8f9fa; } #manageAssigneesModal .ma-add-label[data-v-083b3a89] { font-size: 0.75rem; font-weight: 600; color: #0d6efd; flex-shrink: 0; } #manageAssigneesModal .ma-pending-chips[data-v-083b3a89] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.65rem; } #manageAssigneesModal .ma-chip[data-v-083b3a89] { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.2rem 0.45rem 0.2rem 0.55rem; background: #e7f1ff; color: #0b5ed7; border-radius: 999px; font-size: 0.78rem; font-weight: 550; } #manageAssigneesModal .ma-chip-x[data-v-083b3a89] { border: 0; background: transparent; color: inherit; padding: 0; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.65rem; opacity: 0.75; } #manageAssigneesModal .ma-chip-x[data-v-083b3a89]:hover { opacity: 1; background: rgba(13, 110, 253, 0.12); } #manageAssigneesModal .modal-footer[data-v-083b3a89] { background-color: #f8f9fa; border-top: 1px solid #dee2e6; } #manageAssigneesModal .ma-people-list[data-v-083b3a89]::-webkit-scrollbar, #manageAssigneesModal .ma-search-results[data-v-083b3a89]::-webkit-scrollbar, #manageAssigneesModal .manage-assignees-body[data-v-083b3a89]::-webkit-scrollbar { width: 6px; } #manageAssigneesModal .ma-people-list[data-v-083b3a89]::-webkit-scrollbar-thumb, #manageAssigneesModal .ma-search-results[data-v-083b3a89]::-webkit-scrollbar-thumb, #manageAssigneesModal .manage-assignees-body[data-v-083b3a89]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; } @media (max-width: 768px) { #manageAssigneesModal .modal-dialog[data-v-083b3a89] { max-width: 95%; margin: 10px auto; } } .complete-btn.completed { background-color: green !important; color: white !important; } .competency-tab-table-region[data-v-71f730a4] { width: 100%; box-sizing: border-box; } /* Override existing button styles */ .submit-section[data-v-71f730a4] { margin-top: -0.0000005px; /* Moves the entire section up */ } .submit-section .submit-btn[data-v-71f730a4] { font-size: 18px !important; font-weight: 600 !important; min-width: 200px !important; border-radius: 50px !important; padding: 10px 20px !important; color: #ffffff !important; /* Text color */ background-color: #667eea !important; /* Background color */ border: none !important; /* Remove border */ cursor: pointer; transition: background-color 0.3s ease; /* Optional: margin-top if you only want the button to move */ margin-top: -10px; } .pagination-info[data-v-71f730a4] { font-weight: 500; font-size: 14px; } .pagination-sm .page-link[data-v-71f730a4] { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .custom-select[data-v-71f730a4] { width: 80px; padding: 4px 6px; font-size: 14px; border-radius: 4px; background-color: white; padding-right: 2.25rem; } .custom-select[data-v-71f730a4]:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } .task-detail-container[data-v-194d5fcc] { position: fixed; right: 0; top: 0; height: 100vh; width: 600px; background-color: #ffffff; border-left: 1px solid #ddd; overflow: hidden; display: flex; align-items: stretch; transition: width 0.1s ease-out; z-index: 1050; } .resize-handle[data-v-194d5fcc] { width: 5px; cursor: ew-resize; background: #ddd; height: 100%; position: absolute; left: 0; top: 0; transition: background-color 0.2s; } .resize-handle[data-v-194d5fcc]:hover { background: #0052cc; } .main-table-vue-select { width: 100%; min-width: 112px; height: 24px; font-size: 12px; --vs-menu-height: 220px; } .main-table-vue-select .control { min-height: 24px !important; height: 24px !important; border: 1px solid #dfe1e6; border-radius: 4px; box-shadow: none; overflow: hidden; } .main-table-vue-select .value-container { min-height: 22px !important; height: 22px !important; padding: 1px 6px !important; overflow: hidden; } .main-table-vue-select .single-value { width: 100%; } .main-table-vue-select .search-input { font-size: 12px; line-height: 20px !important; height: 20px !important; padding: 0 !important; } .main-table-vue-select .multi-value { overflow: hidden; border: 0; border-radius: 12px; background: transparent; margin: 0 2px 0 0; max-height: 20px; } .main-table-vue-select .multi-value-label { padding: 0; } .main-table-vue-select .multi-value-remove { min-width: 18px; height: 20px; color: #6b7280; } .main-table-select-chip, .main-table-select-option-chip, .main-table-tag-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 20px; max-width: 100%; padding: 1px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-table-select-chip { min-height: 20px; width: 100%; border-radius: 4px; background: transparent; } .main-table-select-option-chip { width: 100%; min-width: 100%; min-height: 26px; border-radius: 0; } .main-table-vue-select .indicators-container { height: 22px !important; } .main-table-vue-select--status .control, .main-table-vue-select--priority .control { position: relative; flex-wrap: nowrap; border-color: transparent !important; background-color: var(--main-table-select-color, #d3d3d3) !important; background: var(--main-table-select-color, #d3d3d3) !important; } .main-table-vue-select--status .value-container, .main-table-vue-select--priority .value-container { flex: 1 1 100% !important; width: 100%; padding: 0 24px !important; text-align: center; } .main-table-vue-select--status .single-value, .main-table-vue-select--priority .single-value { display: flex !important; align-items: center; justify-content: center; height: 22px; line-height: 22px !important; color: #fff !important; font-weight: 600; text-align: center; } .main-table-vue-select--status .main-table-select-chip, .main-table-vue-select--priority .main-table-select-chip { justify-content: center; width: 100%; padding: 0; text-align: center; color: #fff !important; } .main-table-vue-select--status .single-value *, .main-table-vue-select--priority .single-value *, .main-table-vue-select--status .value-container, .main-table-vue-select--priority .value-container { color: #fff !important; } .main-table-vue-select--status .search-input, .main-table-vue-select--priority .search-input { color: transparent; } .main-table-vue-select--status .indicators-container, .main-table-vue-select--priority .indicators-container { position: absolute; top: 0; right: 4px; z-index: 1; padding: 0 !important; color: #fff; } .main-table-vue-select--status .indicators-container svg, .main-table-vue-select--priority .indicators-container svg { width: 14px; height: 14px; color: #fff; } .main-table-select-menu { z-index: 4000 !important; max-height: 220px !important; min-height: 120px; overflow-y: auto; } .main-table-select-menu-option { padding: 0; font-size: 11px; } .main-table-tags-cell { position: relative; display: flex; align-items: center; gap: 4px; min-height: 24px; height: 24px; overflow: visible; } .main-table-tags-cell .main-table-tag-chip { max-width: 72px; min-height: 20px; } .main-table-tag-more { color: #6b7280; font-size: 11px; font-weight: 600; } .main-table-tag-add-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid #dfe1e6; border-radius: 50%; background: #fff; color: #64748b; font-size: 10px; line-height: 1; } .main-table-tag-add-btn:hover { background: #f8fafc; color: #0f172a; } .main-table-tag-picker { position: fixed; z-index: 4000; width: 280px; max-width: calc(100vw - 16px); box-sizing: border-box; padding: 10px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16); } .main-table-tag-picker-row { display: flex; align-items: center; gap: 6px; width: 100%; } .main-table-tag-name-input { box-sizing: border-box; flex: 1 1 0%; min-width: 60px; height: 32px; padding: 6px 8px; border: 1px solid #dfe1e6; border-radius: 4px; background: #fff; color: #0f172a; font-size: 13px; line-height: 1.3; } .main-table-tag-color-input { box-sizing: border-box; flex: 0 0 32px; width: 32px; min-width: 32px; height: 32px; padding: 0; border: 1px solid #dfe1e6; border-radius: 4px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .main-table-tag-color-input::-webkit-color-swatch-wrapper { padding: 2px; } .main-table-tag-color-input::-webkit-color-swatch { border: none; border-radius: 3px; } .main-table-tag-save-btn { box-sizing: border-box; flex: 0 0 auto; height: 32px; padding: 0 10px; border: 0; border-radius: 4px; background: #2563eb; color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; } .main-table-tag-suggestions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; } .main-table-tag-suggestion { max-width: 100px; min-height: 22px; padding: 2px 8px; border: 0; border-radius: 12px; font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .status-dropdown-container { position: relative; cursor: pointer; } .status-dropdown { position: absolute; top: calc(100% + 4px); /* Adds spacing below the container */ left: 0; /* Aligns with the left edge of the container */ background: #fff; border: 1px solid #ccc; list-style: none; margin: 0; padding: 0; z-index: 800 !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); width: 100%; /* Matches the container width */ box-sizing: border-box; /* Ensures proper padding calculation */ text-align: center; font-size: 11px !important; } .status-dropdown li { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.2 !important; } .status-dropdown li:hover { background-color: #f0f0f0; } .priority-dropdown-container { position: relative; cursor: pointer; } .priority-dropdown { position: absolute; top: calc(100% + 4px);; left: 0; background: #fff; border: 1px solid #ccc; list-style: none; margin: 0; padding: 0; z-index: 800 !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); width: 100%; /* Matches the container width */ box-sizing: border-box; /* Ensures proper padding calculation */ text-align: center; font-size: 11px !important; } .priority-dropdown li { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.2 !important; } .priority-dropdown li:hover { background-color: #f0f0f0; } /* Timeline Dropdown Styling */ .timeline-dropdown { position: absolute; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; padding: 6px; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); text-align: center; font-size: 11px !important; } .timeline-dropdown input, .timeline-dropdown label { font-size: 11px !important; } .date-box { margin-bottom: 10px; } .date-box label { display: block; margin-bottom: 5px; font-weight: bold; } .date-box input[type="date"] { width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 4px; } .label-text { display: block; /* Make it a block element to take full width */ padding: 8px 12px; /* Add padding for better spacing */ color: white; /* Set text color to white for better contrast */ text-align: center; /* Center the text horizontally */ width: 100%; /* Ensure it takes the full width */ margin: 0; /* Remove any margins */ } .task-tags-inline { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; } .task-tags-inline .selected-label { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; } .label-btn { padding: 0; /* Remove padding to ensure the label takes full space */ border: none; /* Remove default button border */ background: none; /* Remove default button background */ cursor: pointer; /* Add pointer cursor for better UX */ width: 100%; /* Ensure the button takes full width */ } .label-dropdown-menu { position: absolute; top: calc(100% + 4px);; left: 0; background: #fff; border: 1px solid #ccc; list-style: none; margin: 0; padding: 0; z-index: 800 !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); width: -moz-max-content; width: max-content; /* Adjusts to content width */ max-width: 100%; /* Don't exceed container width */ min-width: auto; /* Remove fixed minimum width */ box-sizing: border-box; /* Ensures proper padding calculation */ text-align: center; font-size: 11px !important; } .label-dropdown-menu li { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.2 !important; } .label-dropdown-menu li:hover { background-color: #f0f0f0; } .timetracker-dropdown { position: absolute; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; padding: 6px; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); text-align: center; font-size: 11px !important; } .timetracker-dropdown table { width: 100%; border-collapse: collapse; } .timetracker-dropdown th, .timetracker-dropdown td { border: 1px solid #ddd; padding: 4px; text-align: left; font-size: 11px !important; } .timetracker-dropdown th { background-color: #f2f2f2; } .no-records { text-align: center; font-style: italic; color: gray; } .column-dropdown { position: absolute; left: auto; /* Align the dropdown with the left edge of the button */ background: white; border: 1px solid #ccc; padding: 10px; box-shadow: 0 20px 30px #cccccc; z-index: 1000; /* Ensure the dropdown appears above other elements */ width: 300px; border-radius: 8px; margin-top: 5px; /* Add a small gap between the button and the dropdown */ } .column-dropdown h4 { margin: 10px 0 5px; font-size: 14px; color: #555; } .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); /* Two columns */ gap: 8px; /* Space between grid items */ } .grid-item { cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: flex-start; border-radius: 4px; } .grid-item img{ width: 20px; } .grid-item:hover { background: #f0f0f0; } .dropdown-search { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; margin-top: 0.5rem; } .new-column { margin-left: 0.5rem !important; margin-top: 0.2rem; } .floating-dropdown[data-v-72364ff8] { z-index: 1000; background: white; border: 1px solid #ddd; box-shadow: 0 2px 10px rgba(0,0,0,0.1); max-height: 300px; overflow-y: auto; } .floating-dropdown ul[data-v-72364ff8] { list-style: none; padding: 0; margin: 0; } .floating-dropdown li[data-v-72364ff8] { padding: 8px 12px; cursor: pointer; } .floating-dropdown li[data-v-72364ff8]:hover { background-color: #f5f5f5; } .w-50[data-v-72364ff8] { width: 50px !important; } .w-20[data-v-72364ff8] { width: 20% !important; } .w-100[data-v-72364ff8] { width: 100% !important; position: relative; } .mb-12[data-v-72364ff8]{ margin-bottom: 3rem !important; } input[type=checkbox][data-v-72364ff8] { margin-left: 5px; } .text-center[data-v-72364ff8] { text-align: center; } table[data-v-72364ff8] { /* width: 100%; */ border-collapse: unset; border-spacing: 0; /* overflow: auto; scrollbar-width: 1px; */ } th[data-v-72364ff8], td[data-v-72364ff8] { padding: 10px; text-align: left; border: 1px solid #ddd; } .avatar[data-v-72364ff8] { width: 30px; height: 30px; border-radius: 50%; } .color-bar[data-v-72364ff8] { width: 2px !important; min-width: 2px !important; max-width: 2px !important; padding: 0 !important; margin: 0 !important; border: none !important; } .sticky-add-task[data-v-72364ff8] { position: sticky; left: 6px; z-index: 5; text-align: left; cursor: pointer; color: grey; /* padding-left: 20px; */ } .sticky-add-task input[data-v-72364ff8] { width: 100%; border: none; background: transparent; padding: 8px 12px; font-size: 14px; color: #666; outline: none; } .sticky-add-task input[data-v-72364ff8]:focus { color: #333; } .sticky-add-task input[data-v-72364ff8]::-moz-placeholder { color: #999; font-style: italic; } .sticky-add-task input[data-v-72364ff8]::placeholder { color: #999; font-style: italic; } .summary[data-v-72364ff8] { padding: 5px; text-align: center; color: white; font-weight: bold; padding: 10px; border: 1px solid #ccc; border-radius: 4px; } .add-column-btn[data-v-72364ff8] { min-width: 200px; cursor: pointer; cursor: pointer; border: unset; background: unset; font-size: 18px; padding: 0px 0px; text-align: left; margin-left: 10px; } .add-group-btn[data-v-72364ff8] { cursor: pointer; margin-left: 10px; margin-bottom: 50px; border: 1px solid; border-color: #c3c6d4; color: #323338; background-color: transparent; } tbody .group-column[data-v-72364ff8] { /* color: #f0f0f0; */ text-align: center; } /* Column widths are now handled by horizontal-scroll specific rules above */ .rounded-corner-start[data-v-72364ff8]{ border-radius: 25px 0 0 0; } .rounded-corner-end[data-v-72364ff8]{ border-radius: 0 0 0 25px; } .rounded-corner[data-v-72364ff8]{ border-radius: 25px 0 0 25px; } .comment-icon[data-v-72364ff8] { cursor: pointer; color: #6c757d; /* Adjust as needed */ font-size: 16px; /* Adjust the size to fit your design */ } .comment-icon[data-v-72364ff8]:hover { color: #007bff; /* Highlight color on hover */ } .comment-delete-icon[data-v-72364ff8] { cursor: pointer; color: #6c757d; /* Adjust as needed */ font-size: 16px; /* Adjust the size to fit your design */ } .comment-delete-icon[data-v-72364ff8]:hover { color: #007bff; /* Highlight color on hover */ } .summary-column[data-v-72364ff8] { text-align: center; font-weight: bold; font-size: 12px; background-color: #f9f9f9; } .priority-summary[data-v-72364ff8], .status-summary[data-v-72364ff8] { display: inline-block; margin: 0 5px; } .summary-indicator[data-v-72364ff8] { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; } .group-header[data-v-72364ff8] { display: flex; justify-content: space-between; align-items: center; } .group-menu[data-v-72364ff8] { position: relative; z-index: auto; } .group-menu h2[data-v-72364ff8]{ /* margin-left: 22px; */ margin-top: 0px; } .color-picker[data-v-72364ff8] { width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .arrow-icon[data-v-72364ff8] { margin-left: 15px; margin-right: 10px; font-size: 14px; } .group-title-inline[data-v-72364ff8] { display: flex; align-items: center; margin: 0; position: relative; font-weight: bold; } .group-title-input--error[data-v-72364ff8] { border: 1px solid #dc2626 !important; outline: none; } .group-title-input--shake[data-v-72364ff8] { animation: group-title-shake-72364ff8 0.35s; } .group-title-error[data-v-72364ff8] { display: inline-block; margin-left: 10px; font-size: 0.72rem; font-weight: 600; color: #dc2626; white-space: nowrap; flex-shrink: 0; } @keyframes group-title-shake-72364ff8 { 10%, 90% { transform: translateX(-1px); } 20%, 80% { transform: translateX(2px); } 30%, 50%, 70% { transform: translateX(-4px); } 40%, 60% { transform: translateX(4px); } } /* Make table rows thinner and elements smaller */ .table-container-scroll .table tbody tr[data-v-72364ff8] { height: 36px !important; } .table-container-scroll .task-name-input[data-v-72364ff8] { font-size: 12px !important; padding: 2px 4px !important; height: 24px !important; } .table-container-scroll .version-cell-input[data-v-72364ff8] { font-size: 12px !important; padding: 2px 6px !important; height: 24px !important; width: 100%; min-width: 100px; border: 1px solid #dee2e6; border-radius: 4px; background: #fff; } .table-container-scroll .task-icons i[data-v-72364ff8] { font-size: 11px !important; } .table-container-scroll .avatar-img[data-v-72364ff8] { width: 20px !important; height: 20px !important; } .table-container-scroll .pro-teams ul li[data-v-72364ff8] { margin-right: 2px !important; } .table-container-scroll .column-title-container span[data-v-72364ff8] { font-size: 11px !important; } .table-container-scroll .all-users[data-v-72364ff8] { font-size: 10px !important; width: 20px !important; height: 20px !important; line-height: 20px !important; } /* Make dynamic dropdown content smaller to match table content */ .dropdown-menu[data-v-72364ff8] { min-width: 130px; font-size: 11px !important; } .dropdown-menu .dropdown-item[data-v-72364ff8] { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.2 !important; } .dropdown-menu li[data-v-72364ff8] { padding: 4px 8px !important; font-size: 11px !important; } .dropdown-menu input[data-v-72364ff8], .dropdown-menu select[data-v-72364ff8], .dropdown-menu textarea[data-v-72364ff8] { font-size: 11px !important; padding: 2px 4px !important; height: 24px !important; } .dropdown-menu .normal-text[data-v-72364ff8] { font-size: 11px !important; } .dropdown-menu .large-title[data-v-72364ff8] { font-size: 16px !important; } .dropdown-menu .medium-title[data-v-72364ff8] { font-size: 14px !important; } .dropdown-menu .small-title[data-v-72364ff8] { font-size: 12px !important; } .color-bar[data-v-72364ff8] { position: relative; width: 4px; height: 100%; padding: 0px !important; overflow: hidden; transition: width .07s cubic-bezier(0, 0, 0.35, 1); will-change: width; min-width: 4px; max-width: 4px; } .menu-icon[data-v-72364ff8] { visibility: hidden; margin-left: 10px; cursor: pointer; } .group-title-container[data-v-72364ff8] { display: flex; align-items: center; /* justify-content: space-between; */ cursor: pointer; position: relative; } .group-title-container:hover .menu-icon[data-v-72364ff8] { visibility: visible; } .group-dropdown[data-v-72364ff8] { position: absolute; top: 100%; left: 0; background: #fff !important; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18); padding: 10px; z-index: 950; opacity: 1 !important; isolation: isolate; background-clip: padding-box; } .group-dropdown ul[data-v-72364ff8] { list-style: none; margin: 0; padding: 0; background: #fff; } .group-dropdown li[data-v-72364ff8] { display: flex; align-items: center; padding: 8px 12px; cursor: pointer; background: #fff; color: #1f2937; } .group-dropdown li i[data-v-72364ff8] { margin-right: 10px; } .group-dropdown li[data-v-72364ff8]:hover { background-color: #f0f0f0; } .group-dropdown li.group-dropdown-item--disabled[data-v-72364ff8] { color: #adb5bd; cursor: not-allowed; pointer-events: none; } .group-dropdown li.group-dropdown-type-header[data-v-72364ff8] { font-weight: 600; color: #6b7280; cursor: default; pointer-events: none; background: #f8fafc; } .group-dropdown li.group-dropdown-item--active[data-v-72364ff8] { background: #eff6ff; color: #1d4ed8; } .filter-controls[data-v-72364ff8] { display: flex; align-items: center; padding: 10px; background-color: #f7f7f7; border-radius: 8px; /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); */ } .filter-btn[data-v-72364ff8] { display: flex; align-items: center; margin-right: 10px; padding: 8px 12px; background-color: #667eea; border: 1px solid #667eea; font-weight: 500; min-width: 100px; border-radius: 50px; cursor: pointer; transition: background-color 0.2s; } .filter-btn i[data-v-72364ff8] { margin: 5px; } .filter-btn span[data-v-72364ff8] { margin-top: 2px; } .filter-btn[data-v-72364ff8]:hover { background-color: #0056b3; } .filter-item[data-v-72364ff8] { display: flex; align-items: center; margin: 10px; background-color: white; padding: 5px 10px; border: 5px solid #667eea; border-radius: 100px; } .filter-item i[data-v-72364ff8] { margin-right: 5px; color: #555; } .filter-input[data-v-72364ff8] { border: none; outline: none; font-size: 16px; width: 400px; } .filter-input[data-v-72364ff8]::-moz-placeholder { color: #aaa; } .filter-input[data-v-72364ff8]::placeholder { color: #aaa; } .new-task-dropdown[data-v-72364ff8] { position: relative; display: inline-block; } .new-task-btn[data-v-72364ff8] { display: flex; align-items: center; justify-content: center; padding: 10px 15px; background-color: #667eea; border: 1px solid #667eea; color: #fff; font-size: 14px; border-radius: 100px; cursor: pointer; transition: background-color 0.2s ease; width: 180px; } .new-task-btn i[data-v-72364ff8] { margin-left: 8px; margin-right: 6px; } .new-task-btn[data-v-72364ff8]:hover { background-color: #0056b3; } .new-task-btn[data-v-72364ff8]:first-child { margin-right: 15px; } .new-task-dropdown-menu[data-v-72364ff8] { position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px 0; z-index: 1000; min-width: 200px; } .new-task-dropdown-menu ul[data-v-72364ff8] { list-style: none; padding: 0; margin: 0; } .new-task-dropdown-menu li[data-v-72364ff8] { padding: 10px 15px; cursor: pointer; font-size: 14px; color: #333; transition: background-color 0.2s ease; } .new-task-dropdown-menu span[data-v-72364ff8] { margin-left: 10px; } .new-task-dropdown-menu li[data-v-72364ff8]:hover { background-color: #f0f0f0; } .highlight[data-v-72364ff8] { background-color: yellow; font-weight: bold; } .advanced-filter-container[data-v-72364ff8] { position: relative; } .advanced-filter-dropdown[data-v-72364ff8] { position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px 0; z-index: 1000; min-width: 200px; } .advanced-filter-dropdown.show[data-v-72364ff8] { display: block; } .advanced-filter-header[data-v-72364ff8] { font-weight: bold; margin-bottom: 10px; } .advanced-filter-dropdown select[data-v-72364ff8], .advanced-filter-dropdown input[data-v-72364ff8] { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; /* border-radius: 4px; */ font-size: 14px; } .advanced-filter-dropdown select[data-v-72364ff8]:focus, .advanced-filter-dropdown input[data-v-72364ff8]:focus { outline: none; /* border-color: #007bff; */ } .advanced-filter-actions[data-v-72364ff8] { text-align: right; } .advanced-filter-actions button[data-v-72364ff8] { background-color: #28a745; color: white; border: none; padding: 8px 16px; font-size: 14px; cursor: pointer; border-radius: 4px; margin-left: 5px; } .advanced-filter-actions button[data-v-72364ff8]:hover { background-color: #218838; } /* Styles for the filter field options */ .advanced-filter-dropdown select[data-v-72364ff8] { width: 100%; padding: 8px; font-size: 14px; margin-bottom: 10px; } /* Basic style for dropdown toggling */ .advanced-filter-btn[data-v-72364ff8] { background-color: #f8f9fa; border: 1px solid #ccc; padding: 8px 16px; cursor: pointer; font-size: 14px; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; } .advanced-filter-btn i[data-v-72364ff8] { margin-left: 10px; } .filter-item-dropdown[data-v-72364ff8] { border: unset; } input[data-v-72364ff8] { width: 90%; border: none; } .column-name input[data-v-72364ff8] { text-align: center; } .group-title-container input[data-v-72364ff8]{ background: transparent; width: 200px; } .delete-icon[data-v-72364ff8] { position: absolute; right: 0; /* Position at the reserved space */ top: 50%; transform: translateY(-50%); cursor: pointer; opacity: 0; /* Start hidden */ color: #6c757d; /* Adjust as needed */ transition: opacity 0.2s ease; width: 20px; /* Fixed width */ text-align: center; /* Center icon in reserved space */ } .delete-icon[data-v-72364ff8]:hover { color: red; /* Changes to red on hover */ } .delete-column-dropdown[data-v-72364ff8] { position: absolute; top: 100%; /* Position the dropdown below the delete icon */ left: 50%; /* Center the dropdown horizontally relative to the delete icon */ transform: translateX(-50%); /* Adjust for centering */ background: white; border: 1px solid #ccc; padding: 10px; box-shadow: 0 20px 30px #cccccc; z-index: 1000; /* Ensure the dropdown appears above other elements */ width: 200px; border-radius: 8px; margin-top: 5px; /* Add a small gap between the delete icon and the dropdown */ } .dropdown-options[data-v-72364ff8] { margin: auto; width: 150px; display: flex; flex-direction: row; justify-content: space-between; } .confirm-option[data-v-72364ff8] { display: flex; align-items: center; gap: 5px; background-color: green; border: 1px solid; border-radius: 50px; color: white; font-size: 14px; cursor: pointer; transition: color 0.3s ease; } .confirm-option i[data-v-72364ff8] { color: white; font-size: 14px; } .reject-option[data-v-72364ff8] { display: flex; align-items: center; gap: 5px; background-color: red; border: 1px solid; border-radius: 50px; color: white; font-size: 14px; cursor: pointer; transition: color 0.3s ease; } .reject-option i[data-v-72364ff8] { color: white; font-size: 14px; } .reject-option[data-v-72364ff8]:hover, .confirm-option[data-v-72364ff8]:hover { opacity: 0.8; } .color-picker-dropdown[data-v-72364ff8] { position: absolute; top: 80px; left: 100%; /* Position to the right of the parent menu */ background-color: #fff; border: 1px solid #ddd; padding: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000; min-width: 150px; } .color-picker-dropdown p[data-v-72364ff8] { margin: 0; font-size: 14px; font-weight: bold; } .color-picker[data-v-72364ff8] { margin-top: 8px; width: 100%; height: 30px; border: none; padding: 0; } .avatar-group[data-v-72364ff8] { display: flex; align-items: center; justify-content: center; /* Horizontal centering */ } .avatar-img[data-v-72364ff8] { width: 36px; height: 36px; -o-object-fit: cover; object-fit: cover; } .avatar-wrapper[data-v-72364ff8] { display: inline-flex; /* Ensure the avatar images remain inline */ } .task-item[data-v-72364ff8] { position: relative; /* For absolute positioning of icons */ display: flex; align-items: center; width: 100%; padding-right: 60px; /* Reserve space for both icons */ } .task-name-input[data-v-72364ff8] { flex-grow: 1; width: calc(100% - 60px); /* Account for reserved icon space */ margin-right: 0; /* Remove any existing margin */ border: none; outline: none; background: white; } .task-icons[data-v-72364ff8] { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap: 10px; /* Space between icons */ } .comment-icon[data-v-72364ff8], .comment-delete-icon[data-v-72364ff8] { cursor: pointer; width: 20px; /* Fixed width for consistent spacing */ text-align: center; opacity: 0; /* Start hidden */ transition: opacity 0.2s ease; } /* .comment-delete-icon, */ .task-name:hover .comment-icon[data-v-72364ff8] { opacity: 1; /* Show when active or on hover */ } .task-name:hover .comment-delete-icon[data-v-72364ff8] { opacity: 1; } /* Adjust for mobile if needed */ @media (max-width: 768px) { .task-item[data-v-72364ff8] { padding-right: 40px; /* Less space on mobile */ } .task-name-input[data-v-72364ff8] { width: calc(100% - 40px); } } .dropdown-list[data-v-72364ff8] { position: absolute; background: white; border: 1px solid #ddd; list-style: none; margin: 0; padding: 0; width: 100%; max-height: 150px; overflow-y: auto; z-index: 10; } .dropdown-list li[data-v-72364ff8] { padding: 8px; cursor: pointer; } .dropdown-list li[data-v-72364ff8]:hover { background-color: #f0f0f0; } .task-follower-list[data-v-72364ff8] { display: flex; gap: 8px; margin-top: 10px; } .task-follower-list .avatar[data-v-72364ff8] { border-radius: 50%; } .fa-xmark[data-v-72364ff8] { cursor: pointer; margin-left: 5px; } /* Search Bar */ .search-input[data-v-72364ff8] { border: 1px solid #ddd; } /* User List */ .chat-block[data-v-72364ff8] { display: flex; align-items: top; padding: 10px; border-bottom: 1px solid #eee; } .avatar img[data-v-72364ff8] { width: 30px; height: 30px; border-radius: 50%; margin-right: 50px; } .description-input[data-v-72364ff8] { padding: 5px 10px; /* 10px right & left padding */ margin: 0 auto; /* Centering inside the column */ border: 1px solid #ccc; border-radius: 4px; font-size: 14px; resize: vertical; box-sizing: border-box; overflow: hidden; } .description-cell-preview[data-v-72364ff8] { min-width: 100px; max-width: 100%; max-height: 4.5em; padding: 6px 8px; border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-size: 13px; line-height: 1.45; color: #172b4d; text-align: left; overflow: hidden; } .description-cell-preview[data-v-72364ff8]:hover { border-color: #dfe1e6; background: #f7f8f9; } .description-cell-placeholder[data-v-72364ff8] { color: #626f86; font-style: italic; } .description-cell-preview-text[data-v-72364ff8] { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .task-description-modal-body[data-v-72364ff8] .ql-container { min-height: 220px; } .label-dropdown[data-v-72364ff8] { position: relative; display: center; } .create-label-modal[data-v-72364ff8] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border: 1px solid #ccc; z-index: 1001; } .create-label-modal input[data-v-72364ff8] { display: block; margin-bottom: 10px; padding: 5px; width: 100%; } .create-label-modal button[data-v-72364ff8] { margin-right: 10px; } .table td[data-v-72364ff8] { white-space: normal; /* Allow text wrapping */ } .timeline-btn[data-v-72364ff8] { background-color: #f0f0f0; /* Light gray background */ border: 1px solid #ccc; /* Light gray border */ color: #666; /* Dark gray text */ padding: 5px 30px; border-radius: 40px; cursor: pointer; transition: background-color 0.3s, color 0.3s; } .timeline-btn[data-v-72364ff8]:hover { background-color: #e0e0e0; /* Slightly darker gray on hover */ color: #333; /* Darker text on hover */ } .file-upload-container[data-v-72364ff8] { display: flex; flex-direction: column; align-items: center; /* Center content */ gap: 8px; } .file-upload-icon[data-v-72364ff8] { color: #007bff; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 2px; font-size: 13px; /* Adjust icon size */ } .file-upload-icon[data-v-72364ff8]:hover { color: #0056b3; } .uploaded-files[data-v-72364ff8] { display: flex; flex-direction: column; gap: 4px; } .file-item[data-v-72364ff8] { display: flex; align-items: center; gap: 8px; } .file-item a[data-v-72364ff8] { color: #007bff; text-decoration: none; } .file-item a[data-v-72364ff8]:hover { text-decoration: underline; } .avatar-img1[data-v-72364ff8] { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; } .timetracking-container[data-v-72364ff8] { position: relative; align-items: center; gap: 15px; } .timetracking-container button[data-v-72364ff8] { background: none; border: none; cursor: pointer; font-size: 14px; } .timetracking-container button i[data-v-72364ff8] { color: #007bff; } .column-title-container[data-v-72364ff8] { position: relative; /* Needed for absolute positioning of children */ display: flex; justify-content: center; /* Keep label centered */ align-items: center; width: 100%; } .column-label[data-v-72364ff8] { text-align: center; width: 100%; /* Take full available width */ } .column-title-container:hover .delete-icon[data-v-72364ff8] { opacity: 1; /* Show on hover */ } .note[data-v-72364ff8]{ background: rgb(232, 231, 231); } .view-button[data-v-72364ff8] { background-color: #007bff; color: white; border: none; border-radius: 4px; padding: 4px 8px; cursor: pointer; } .view-button[data-v-72364ff8]:hover { background-color: #0056b3; } .timer-span[data-v-72364ff8] { cursor: pointer; } .avatar avatar-xs[data-v-72364ff8]{ width: 36px; height: 36px; -o-object-fit: cover; object-fit: cover; } .selected-label[data-v-72364ff8] { display: block; /* Make it a block element to take full width */ color: white; /* Set text color to white for better contrast */ text-align: center; /* Center the text horizontally */ width: 100%; /* Ensure it takes the full width */ margin: 0; /* Remove any margins */ background: rgb(227, 226, 226); } .btn-secondaryy[data-v-72364ff8] { border: none; padding: 5px 10px; } .dropdown-menu[data-v-72364ff8] { min-width: 130px; } .dropdown-item i[data-v-72364ff8] { margin-right: 8px; } .normal-text[data-v-72364ff8] { font-size: 1rem; font-weight: normal; } .large-title[data-v-72364ff8] { font-size: 2rem; font-weight: bold; } .medium-title[data-v-72364ff8] { font-size: 1.5rem; font-weight: bold; } .small-title[data-v-72364ff8] { font-size: 1.2rem; font-weight: bold; } .bulleted-list[data-v-72364ff8] { padding-left: 1.5rem; position: relative; } .bulleted-list[data-v-72364ff8]:before { content: "•"; position: absolute; left: 0.5rem; } .checklist[data-v-72364ff8] { padding-left: 1.5rem; position: relative; } .checklist[data-v-72364ff8]:before { content: "☐"; position: absolute; left: 0.5rem; } .checklist-checkbox[data-v-72364ff8] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .sidebar-toggle[data-v-72364ff8] { position: absolute; top: 100px; /* "+ Add" button ke neeche adjust karein */ left: 25px; /* Left side per place karein */ font-size: 14px; background: rgb(239, 238, 238); cursor: pointer; } .sidebar-heading[data-v-72364ff8] { font-weight: bold; padding: 10px 5px; border-bottom: 1px solid #ddd; margin-bottom: 10px; } .sidebar-item[data-v-72364ff8] { margin-bottom: 5px; cursor: pointer; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar-item[data-v-72364ff8]:hover { background: #e9e9e9; } .sidebar-h1[data-v-72364ff8] { font-size: 18px; font-weight: bold; color: #333; } .sidebar-h2[data-v-72364ff8] { font-size: 16px; font-weight: bold; color: #555; padding: 5px 20px; } .sidebar-h3[data-v-72364ff8] { font-size: 14px; font-weight: bold; color: #777; padding: 5px 40px; } .timeline-container[data-v-72364ff8] { position: relative; } .dropdown-menu .dropdown-item[data-v-72364ff8] { padding: 0.5rem 1rem; white-space: nowrap; } /* Normal text style */ .dropdown-menu .normal-text[data-v-72364ff8] { font-size: 1rem; font-weight: normal; } /* Heading 1 style */ .dropdown-menu .large-title[data-v-72364ff8] { font-size: 2rem; font-weight: bold; } /* Heading 2 style */ .dropdown-menu .medium-title[data-v-72364ff8] { font-size: 1.5rem; font-weight: bold; } /* Heading 3 style */ .dropdown-menu .small-title[data-v-72364ff8] { font-size: 1.2rem; font-weight: bold; } /* Bulleted list style */ .dropdown-menu .bulleted-list[data-v-72364ff8] { font-size: 1rem; padding-left: 1.5rem; position: relative; } .dropdown-menu .bulleted-list[data-v-72364ff8]::before { position: absolute; left: 0.5rem; } /* Checklist style */ .dropdown-menu .checklist[data-v-72364ff8] { font-size: 1rem; padding-left: 1.5rem; position: relative; } .dropdown-menu .checklist[data-v-72364ff8]::before { position: absolute; left: 0.5rem; } .ticket-column[data-v-72364ff8] { width: 80px; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sticky-ticket-column[data-v-72364ff8] { position: sticky; left: 4px; /* Adjust based on color-bar width (4px + 2px padding) */ z-index: 50 !important; background: #fff !important; width: 80px; /* Fixed width for Ticket column */ min-width: 80px; max-width: 80px; } .sticky-task-column[data-v-72364ff8] { position: sticky; left: 84px; /* 4px (color-bar) + 2px (padding) + 80px (ticket column) */ z-index: 50 !important; background: #fff !important; } .sticky-color-bar[data-v-72364ff8] { position: sticky; left: 0px; z-index: 10; /* Highest priority (above ticket & task) */ width: 4px; /* Match the width of your color bar */ min-width: 4px; max-width: 4px; } /* Simple and direct horizontal scrolling approach */ .table-container-scroll[data-v-72364ff8] { overflow-x: auto !important; overflow-y: visible !important; width: 100%; position: relative; border-radius: 0.375rem; } /* Force table to be much wider to enable scrolling */ .table-container-scroll .table[data-v-72364ff8] { /* width: 1800px !important; Much wider than any container */ /* min-width: 1800px !important; */ margin-bottom: 0; border-collapse: separate; border-spacing: 0; } /* Set specific column widths */ .table-container-scroll .sticky-color-bar[data-v-72364ff8] { width: 4px !important; min-width: 4px !important; max-width: 4px !important; } .table-container-scroll .sticky-ticket-column[data-v-72364ff8] { width: 80px !important; min-width: 80px !important; max-width: 80px !important; } .table-container-scroll .sticky-task-column[data-v-72364ff8] { width: 300px !important; min-width: 300px !important; max-width: 300px !important; } .table-container-scroll .column-name[data-v-72364ff8] { width: 180px !important; min-width: 180px !important; max-width: 180px !important; } /* Ensure content doesn't wrap */ .table-container-scroll .table th[data-v-72364ff8], .table-container-scroll .table td[data-v-72364ff8] { white-space: nowrap !important; /* padding: 4px 8px !important; */ vertical-align: middle; font-size: 12px !important; /* line-height: 1.2 !important; */ } /* Style the scrollbar */ .table-container-scroll[data-v-72364ff8]::-webkit-scrollbar { height: 8px; } .table-container-scroll[data-v-72364ff8]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .table-container-scroll[data-v-72364ff8]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .table-container-scroll[data-v-72364ff8]::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } .horizontal-scroll[data-v-72364ff8]::-webkit-scrollbar { height: 8px; } .horizontal-scroll[data-v-72364ff8]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .horizontal-scroll[data-v-72364ff8]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .horizontal-scroll[data-v-72364ff8]::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } /* Enhanced styling for the color bar (first column) */ .sticky-color-bar[data-v-72364ff8] { /* Don't override background-color, let the inline style work */ background-color: transparent; } .sticky-color-bar[data-v-72364ff8]:hover { filter: brightness(0.9); } /* Improved table responsiveness */ .table-responsive[data-v-72364ff8] { position: relative; } /* Enhanced task list container */ /* Better visual separation for categories */ .table[data-v-72364ff8] { margin-bottom: 0; } .table thead th[data-v-72364ff8] { border-top: none; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; padding: 6px 8px !important; height: 32px; } /* Enhanced color coordination */ .category-first-column.sticky-ticket-column[data-v-72364ff8] { box-shadow: inset 3px 0 0 0 var(--category-color, #007bff); } /* Smooth transitions for better UX */ .table td[data-v-72364ff8], .table th[data-v-72364ff8] { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } /* Enhanced row hover effects */ .table tbody tr:hover .sticky-color-bar[data-v-72364ff8] { filter: brightness(0.85); } .table tbody tr[data-v-72364ff8]:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Better spacing for category headers */ .group-title-container input[data-v-72364ff8] { background: transparent; border: none; font-size: inherit; font-weight: inherit; color: inherit; outline: none; width: 100%; } .group-title-container input[data-v-72364ff8]:focus { background: rgba(255, 255, 255, 0.1); border-radius: 4px; padding: 2px 6px; } /* @media (max-width: 767px) { .table-responsive{ overflow-x: auto; overflow-y: auto; } } @media (min-width: 767px) { .table-responsive{ overflow: inherit !important; } } */ /* .table-responsive-dropin { overflow: visible !important; } .table-responsive-dropout { overflow: auto !important; } */ .template-header[data-v-72364ff8] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.5rem; } .template-header h1[data-v-72364ff8] { flex: 1; margin: 0; font-size: 24px; text-align: center; color: #333; } .template-header button[data-v-72364ff8] { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #888; transition: color 0.2s ease; } .template-header button[data-v-72364ff8]:hover { color: #000; } .delete-button[data-v-72364ff8] { width: 28px; height: 28px; border-radius: 50%; /* Makes it circular */ background: #f5f5f5; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .delete-button[data-v-72364ff8]:hover { background: #667efe; /* Red background on hover */ } .delete-button:hover .delete-icons[data-v-72364ff8] { color: white; } .delete-icons[data-v-72364ff8] { font-size: 18px; color: #888; line-height: 1; transition: all 0.2s ease; } .timetracking-container[data-v-72364ff8] { display: flex; align-items: center; justify-content: center; /* Center horizontally */ gap: 8px; min-width: 120px; /* Ensures minimum width to prevent layout shifts */ width: 100%; /* Take full width of the column */ padding: 0 4px; /* Add some padding on the sides */ } .timetracking-container button[data-v-72364ff8] { flex-shrink: 0; /* Prevents button from shrinking */ width: 24px; /* Fixed width for the button */ height: 24px; /* Fixed height for the button */ padding: 0; display: flex; align-items: center; justify-content: center; border: none; background: none; cursor: pointer; } .timetracking-container .timer-span[data-v-72364ff8] { flex-grow: 0; /* Don't grow to fill space */ min-width: 70px; /* Minimum width for the time display */ text-align: center; /* Center the time text */ white-space: nowrap; /* Prevents text from wrapping */ font-variant-numeric: tabular-nums; /* Use monospace numbers to prevent width changes */ } .actions-button[data-v-72364ff8] { flex-shrink: 0; width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center; border: none; background: none; cursor: pointer; opacity: 0.6; transition: opacity 0.2s ease; } .actions-button[data-v-72364ff8]:hover { opacity: 1; } .timetracking-container:hover .actions-button[data-v-72364ff8] { opacity: 1; } .dropdown-action .action-icon[data-v-72364ff8] { color: #777; font-size: 15px; display: inline-block; padding: 0.25rem 0.5rem; } .dropdown-action .dropdown-menu[data-v-72364ff8] { min-width: 120px; padding: 0.4rem 0; } .dropdown-action .dropdown-menu .dropdown-item[data-v-72364ff8] { padding: 0.5rem 1rem; font-size: 13px; } .dropdown-action .dropdown-menu .dropdown-item i[data-v-72364ff8] { margin-right: 0.5rem; } .task-detail-overlay[data-v-72364ff8] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 20px; } pre code.hljs { display: block; overflow-x: auto; padding: 1em } code.hljs { padding: 3px 5px } /*! Theme: GitHub Description: Light theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Outdated base version: https://github.com/primer/github-syntax-light Current colors taken from GitHub's CSS */ .hljs { color: #24292e; background: #ffffff } .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ { /* prettylights-syntax-keyword */ color: #d73a49 } .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { /* prettylights-syntax-entity */ color: #6f42c1 } .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-variable, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id { /* prettylights-syntax-constant */ color: #005cc5 } .hljs-regexp, .hljs-string, .hljs-meta .hljs-string { /* prettylights-syntax-string */ color: #032f62 } .hljs-built_in, .hljs-symbol { /* prettylights-syntax-variable */ color: #e36209 } .hljs-comment, .hljs-code, .hljs-formula { /* prettylights-syntax-comment */ color: #6a737d } .hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo { /* prettylights-syntax-entity-tag */ color: #22863a } .hljs-subst { /* prettylights-syntax-storage-modifier-import */ color: #24292e } .hljs-section { /* prettylights-syntax-markup-heading */ color: #005cc5; font-weight: bold } .hljs-bullet { /* prettylights-syntax-markup-list */ color: #735c0f } .hljs-emphasis { /* prettylights-syntax-markup-italic */ color: #24292e; font-style: italic } .hljs-strong { /* prettylights-syntax-markup-bold */ color: #24292e; font-weight: bold } .hljs-addition { /* prettylights-syntax-markup-inserted */ color: #22863a; background-color: #f0fff4 } .hljs-deletion { /* prettylights-syntax-markup-deleted */ color: #b31d28; background-color: #ffeef0 } .hljs-char.escape_, .hljs-link, .hljs-params, .hljs-property, .hljs-punctuation, .hljs-tag { /* purposely ignored */ } .view-details-icon[data-v-516c8ade] { position: relative; display: inline-block; right: 8px; cursor: pointer; color: #888; transition: color 0.3s ease; } .view-details-icon[data-v-516c8ade]:hover { color: #555; } .code-container[data-v-516c8ade] { position: relative; background: #f5f5f5; border: 1px solid #ddd; padding: 15px; border-radius: 5px; overflow-x: auto; } .copy-btn[data-v-516c8ade] { position: relative; top: -10px; left: 685px; font-size: 14px; cursor: pointer; } pre[data-v-516c8ade] { margin: 0; font-size: 14px; max-height: 300px; /* Limit height of the code box */ overflow-y: auto; /* Enable vertical scrolling */ } .modal-sub-title[data-v-516c8ade] { font-size: 1.2rem; margin-bottom: 1rem; } ul[data-v-516c8ade] { list-style: none; padding: 0; } ul li[data-v-516c8ade] { margin-bottom: 10px; } ul li p[data-v-516c8ade] { margin: 0; } .chat-container { display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; min-height: 0; overflow: hidden; } .chat-wrapper { display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; min-height: 0; background: #ffffff; overflow: hidden; } .chat-messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 16px 24px; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; } /* Webkit scrollbar styling */ .chat-messages::-webkit-scrollbar { width: 6px; } .chat-messages::-webkit-scrollbar-track { background: transparent; } .chat-messages::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; } .chat-messages::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; } /* Loading State */ .loading-state { display: flex; justify-content: center; align-items: center; height: 100%; } .spinner { width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Empty State */ .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #6b7280; text-align: center; padding: 2rem; } .empty-state-icon { margin-bottom: 1rem; color: #9ca3af; } .empty-state h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .empty-state p { font-size: 0.875rem; color: #6b7280; } /* Messages */ .message-group { display: flex; flex-direction: column; align-items: stretch; width: 100%; margin-bottom: 1.5rem; } .date-separator { text-align: center; margin: 0.75rem 0; position: relative; } .date-separator span { background: #f3f4f6; padding: 0.25rem 0.75rem; border-radius: 0.75rem; font-size: 0.75rem; color: #6b7280; } .message { display: flex; margin-bottom: 0.5rem; max-width: 72%; width: -moz-fit-content; width: fit-content; } .message.chat-left { align-self: flex-start; margin-left: 0; margin-right: auto; } .message.chat-right { align-self: flex-end; margin-left: auto; margin-right: 0; } .message-inner { display: flex; align-items: flex-start; gap: 0.375rem; } .message.chat-right .message-inner { justify-content: flex-end; width: auto; } .message.chat-left .message-content, .message.chat-right .message-content { display: flex; flex-direction: column; } .message.chat-left .message-content { align-items: flex-start; } .message.chat-right .message-content { align-items: flex-end; } .avatar { width: 1.75rem; height: 1.75rem; border-radius: 50%; flex-shrink: 0; } .avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .message-content { flex: 0 1 auto; min-width: 0; } .username { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; } .message-bubble { position: relative; padding: 0.375rem 0.625rem; border-radius: 0.75rem; background: #ffffff; border: 1px solid #e0e4e8; /* Light navy blue border */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Subtle shadow for depth */ font-size: 0.875rem; line-height: 1.4; display: inline-block; max-width: 100%; } .chat-right .message-bubble { background: #e7efff; border-color: #c1d7f0; color: #212529; } .chat-left .message-bubble { border-top-left-radius: 0.25rem; } .chat-right .message-bubble { border-top-right-radius: 0.25rem; } .message-text { word-wrap: break-word; margin: 0; } .message-text p { margin: 0; } .message-text p + p { margin-top: 0.5rem; } .message-text pre { margin: 0.375rem 0; padding: 0.5rem; font-size: 0.8125rem; } .message-text code { font-size: 0.8125rem; padding: 0.125rem 0.25rem; } .message-text ul, .message-text ol { margin: 0.375rem 0; padding-left: 1.25rem; } .message-text li { margin: 0.125rem 0; } .message-text a { color: #2563eb; text-decoration: underline; } .chat-right .message-text a { color: #2563eb; } .message-time { font-size: 0.625rem; color: #9ca3af; margin-top: 0.125rem; text-align: right; padding-top: 0.25rem; } .message-meta { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 4px; font-size: 0.6875rem; color: #6c757d; } .chat-left .message-meta { justify-content: flex-start; } /* Message Actions */ .message-actions { position: absolute; top: 0.5rem; right: 0.5rem; opacity: 0; transition: opacity 0.2s; } .message:hover .message-actions { opacity: 1; } .action-btn { padding: 0.25rem; background: none; border: none; color: #6b7280; cursor: pointer; border-radius: 0.25rem; transition: all 0.2s; } .action-btn:hover { background: rgba(0, 0, 0, 0.05); } /* Typing Indicator */ .typing-indicator { padding: 8px 12px; margin-bottom: 6px; background-color: #f8f9fa; border-radius: 18px; width: -moz-fit-content; width: fit-content; max-width: 260px; display: flex; align-items: center; gap: 8px; } .typing-dots { display: flex; align-items: center; gap: 4px; margin-right: 8px; } .typing-dots span { width: 6px; height: 6px; background: #94a3b8; border-radius: 50%; display: inline-block; animation: typing 1.4s infinite ease-in-out; } .typing-text { font-size: 12px; color: #6b7280; font-style: italic; } .typing-dots--bubble span { width: 8px; height: 8px; } .typing-label { font-size: 0.6875rem; color: #6b7280; } .typing-dots span:nth-child(1) { animation-delay: 0s; } .typing-dots span:nth-child(2) { animation-delay: 0.2s; } .typing-dots span:nth-child(3) { animation-delay: 0.4s; } .messages-loading-indicator { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1rem; margin: 0.5rem auto; color: #6b7280; font-size: 0.8125rem; } .messages-loading-indicator i { color: #3b82f6; } @keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } } /* Input Area */ .chat-input { border-top: 1px solid #e5e7eb; padding: 0.75rem; background: #fff; } .input-wrapper { display: flex; align-items: flex-end; gap: 0.75rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 0.5rem 0.75rem; transition: border-color 0.2s; } .input-wrapper:focus-within { border-color: #2563eb; } textarea { flex: 1; background: none; border: none; padding: 0.25rem 0; resize: none; max-height: 200px; font-size: 0.875rem; line-height: 1.4; outline: none; } textarea::-moz-placeholder { color: #9ca3af; } textarea::placeholder { color: #9ca3af; } .send-button { padding: 0.375rem; background: none; border: none; color: #2563eb; cursor: pointer; border-radius: 0.5rem; transition: all 0.2s; display: flex; align-items: center; justify-content: center; } .send-button:hover { background: #f3f4f6; } .send-button:disabled { color: #9ca3af; cursor: not-allowed; } .send-button svg { width: 1.25rem; height: 1.25rem; } /* Audio Message Styles */ .audio-message { padding: 8px 12px; background: rgba(59, 130, 246, 0.1); border-radius: 12px; border: 1px solid rgba(59, 130, 246, 0.2); max-width: 250px; position: relative; } .audio-player { display: flex; align-items: center; gap: 8px; min-width: 200px; } .audio-play-btn { width: 32px; height: 32px; border-radius: 50%; border: none; background: #3b82f6; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; font-size: 12px; flex-shrink: 0; } .audio-play-btn:hover { background: #2563eb; transform: scale(1.05); } .audio-play-btn.playing { background: #ef4444; } .audio-play-btn.playing:hover { background: #dc2626; } .audio-waveform { flex: 1; height: 20px; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%23bfdbfe%27 opacity=%270.6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2710%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2718%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2726%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2734%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2742%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2750%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2758%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2766%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2774%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2782%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2790%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; } .audio-waveform::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2720%27 viewBox=%270 0 100 20%27%3E%3Cg fill=%27%233b82f6%27%3E%3Crect x=%272%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%276%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2710%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2714%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2718%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2722%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2726%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2730%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2734%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2738%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2742%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2746%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2750%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2754%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2758%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2762%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2766%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2770%27 y=%275%27 width=%272%27 height=%2710%27/%3E%3Crect x=%2774%27 y=%277%27 width=%272%27 height=%276%27/%3E%3Crect x=%2778%27 y=%279%27 width=%272%27 height=%272%27/%3E%3Crect x=%2782%27 y=%274%27 width=%272%27 height=%2712%27/%3E%3Crect x=%2786%27 y=%278%27 width=%272%27 height=%274%27/%3E%3Crect x=%2790%27 y=%276%27 width=%272%27 height=%278%27/%3E%3Crect x=%2794%27 y=%277%27 width=%272%27 height=%276%27/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-position: center; width: var(--progress, 0%); transition: width 0.1s ease; } .audio-progress { display: none; } .audio-duration { font-size: 11px; color: #6b7280; white-space: nowrap; min-width: 35px; text-align: right; flex-shrink: 0; } /* Responsive audio player */ @media (max-width: 768px) { .audio-player { min-width: 180px; gap: 8px; } .audio-play-btn { width: 36px; height: 36px; font-size: 12px; } .audio-duration { font-size: 11px; min-width: 60px; } } .dimmed-modal[data-v-295ebeec] { opacity: 0.5; filter: brightness(0.8); } .blurred-modal[data-v-295ebeec] { filter: blur(3px); transition: filter 0.3s ease; } .profile-img-wrap[data-v-295ebeec] { margin-bottom: 30px; } .profile-img[data-v-295ebeec] { width: 120px; height: 120px; display: inline-block; margin: 0 auto; position: relative; border-radius: 50%; overflow: hidden; } .profile-img img[data-v-295ebeec] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .view-field[data-v-295ebeec] { background-color: #f8f9fa; cursor: default; min-height: 40px; word-break: break-word; } .card[data-v-295ebeec] { border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; } .card-header[data-v-295ebeec] { background-color: #667eea; color: #ffffff; padding: 15px; border-bottom: 1px solid #e3e3e3; } /* Better disabled state styling for designation dropdown */ .designation-disabled[data-v-295ebeec] { opacity: 0.6; background-color: #f8f9fa; transition: all 0.3s ease; } .designation-enabled[data-v-295ebeec] { opacity: 1; transition: all 0.3s ease; } /* Custom styling for country select */ .custom-country-select[data-v-295ebeec] { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath d=%27M1 4l5 5 5-5z%27 fill=%27%23666%27/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; line-height: 1.5; font-size: 14px; } .custom-country-select[data-v-295ebeec]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .card-body[data-v-295ebeec] { padding: 20px; } .card-title[data-v-295ebeec] { color: #333; font-size: 16px; font-weight: 500; } .mt-6[data-v-efea55f6]{ margin-top: 1.5rem !important; } .disabled[data-v-efea55f6]{ pointer-events: none; } .mt-6[data-v-a057a3b8]{ margin-top: 1.5rem !important; } .disabled[data-v-a057a3b8]{ pointer-events: none; } /* Add any styles specific to this component */ /* Remove arrow icons from number inputs for Chrome, Safari, Edge, and Opera */ input[type="number"][data-v-e343b656]::-webkit-inner-spin-button, input[type="number"][data-v-e343b656]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Remove arrow icons from number inputs for Firefox */ input[type="number"][data-v-e343b656] { -moz-appearance: textfield; } /* Optionally, you can also remove the up/down arrow keys functionality for keyboard input */ input[type="number"][data-v-e343b656]:focus { outline: none; } .mt-4[data-v-e343b656]{ margin-top: 1rem !important; } .container[data-v-e343b656]{ padding-right: 0 !important; padding-left: 0 !important; } /* Remove arrow icons from number inputs for Chrome, Safari, Edge, and Opera */ input[type="number"][data-v-cbc84112]::-webkit-inner-spin-button, input[type="number"][data-v-cbc84112]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Remove arrow icons from number inputs for Firefox */ input[type="number"][data-v-cbc84112] { -moz-appearance: textfield; } /* Optionally, you can also remove the up/down arrow keys functionality for keyboard input */ input[type="number"][data-v-cbc84112]:focus { outline: none; } .mt-4[data-v-cbc84112]{ margin-top: 1rem !important; } .submit-section[data-v-cbc84112] { margin-top: 0px !important; } .min-w-submit[data-v-4f0a3c9c] { min-width: 9.25rem; } .team-members[data-v-4f0a3c9c] { display: flex; align-items: center; } .employee-name[data-v-4f0a3c9c] { color: #777; /* Set the font color to light grey */ font-weight: lighter; /* Optionally, set the font weight to lighter */ } .team-members span[data-v-4f0a3c9c]:not(:last-child) { margin-right: 10px; /* Add spacing between employee names */ } .team-members[data-v-4f0a3c9c] { list-style-type: none; padding-left: 0; } .employee-name[data-v-4f0a3c9c] { display: inline; } .edit-icon-wrapper[data-v-4f0a3c9c] { display: inline-block; vertical-align: middle; } .edit-icon[data-v-4f0a3c9c] { cursor: pointer; position: absolute; right: 15px; background-color: #eeeeee00; border: 1px solid #e3e3e3; color: #000; } .selected-files[data-v-4f0a3c9c] { color: #a3a3a3; font-size: 11px; line-height: 17px; min-width: 1px; /* color: #888888; font-weight: 500; */ } .chat-content[data-v-4f0a3c9c]{ max-width: -moz-fit-content !important; max-width: fit-content !important; } .chat-content-wrap .chat-wrap-inner[data-v-4f0a3c9c] { overflow: unset !important; position: unset !important; } .navbar[data-v-4f0a3c9c] { display: block !important; } l.custom-modal .modal-dialog[data-v-4f0a3c9c] { max-width: 100%; width: 100%; } .modal.custom-modal .modal-content[data-v-4f0a3c9c] { width: 100%; height: 100%; } .chat-window[data-v-4f0a3c9c] { display: flex; flex-direction: column; width: 100%; height: 100%; } .chat-contents[data-v-4f0a3c9c] { flex: 1; /* Allows the chat-contents to take up available space */ width: 100%; height: 100%; /* overflow-y: auto; Ensures content is scrollable if it exceeds the height */ } .chat-content-wrap[data-v-4f0a3c9c] { width: 100%; height: 100%; } .chat-box[data-v-4f0a3c9c] { width: 100%; height: 100%; } .chats[data-v-4f0a3c9c] { padding: 0px !important; width: 100%; height: 100%; } .w-100[data-v-4f0a3c9c]{ width: 100% !important; } .text-container[data-v-4f0a3c9c] { max-width: 100%; /* Adjust the width as needed */ word-wrap: break-word; /* Ensures long words break correctly */ white-space: pre-wrap; /* Maintains white space and line breaks */ } .chat-footer[data-v-4f0a3c9c] { padding: 15px 0px !important; } .input-block[data-v-4f0a3c9c] { position: relative; } .dropdown-list[data-v-4f0a3c9c] { position: absolute; background: white; border: 1px solid #ddd; list-style: none; margin: 0; padding: 0; width: 100%; max-height: 150px; overflow-y: auto; z-index: 10; } .dropdown-list li[data-v-4f0a3c9c] { padding: 8px; cursor: pointer; } .dropdown-list li[data-v-4f0a3c9c]:hover { background-color: #f0f0f0; } .task-follower-list[data-v-4f0a3c9c] { display: flex; gap: 8px; margin-top: 10px; } .task-follower-list .avatar[data-v-4f0a3c9c] { border-radius: 50%; } .fa-xmark[data-v-4f0a3c9c] { cursor: pointer; margin-left: 5px; } .selected-items-container[data-v-4f0a3c9c] { min-height: 50px; border: 1px solid #ddd; border-radius: 4px; padding: 8px; background-color: #f9f9f9; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .item-bubble[data-v-4f0a3c9c] { display: inline-flex; align-items: center; background-color: #007bff; color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.875rem; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .item-bubble[data-v-4f0a3c9c]:hover { background-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .leader-bubble[data-v-4f0a3c9c] { background-color: #28a745; } .leader-bubble[data-v-4f0a3c9c]:hover { background-color: #1e7e34; } .member-bubble[data-v-4f0a3c9c] { background-color: #17a2b8; } .member-bubble[data-v-4f0a3c9c]:hover { background-color: #138496; } .bubble-remove-btn[data-v-4f0a3c9c] { background: none; border: none; color: white; margin-left: 8px; padding: 0; cursor: pointer; font-size: 0.75rem; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; } .bubble-remove-btn[data-v-4f0a3c9c]:hover { background-color: rgba(255, 255, 255, 0.2); } .no-items-text[data-v-4f0a3c9c] { color: #6c757d; font-style: italic; font-size: 0.875rem; } .cal-icon[data-v-4f0a3c9c] .datetimepicker { width: 100%; } .unified-item-create[data-v-e8ee9a50] { background: #fff; border-radius: 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.12); max-width: 1200px; display: flex; flex-direction: column; height: 100vh; max-height: 90vh; } .unified-item-create.sidebar-mode[data-v-e8ee9a50] { height: 100%; max-height: none; box-shadow: none; border-radius: 0; border-left: 1px solid #e1e5e9; } /* Header */ .detail-header[data-v-e8ee9a50] { padding: 20px 24px; border-bottom: 1px solid #e1e5e9; background: #f7f8f9; } .header-content[data-v-e8ee9a50] { display: flex; justify-content: space-between; align-items: center; } .item-type-badge[data-v-e8ee9a50] { display: flex; align-items: center; gap: 8px; padding: 4px 8px; background: #f4f5f7; border-radius: 4px; font-size: 12px; font-weight: 600; } .item-key[data-v-e8ee9a50] { color: #626f86; } .header-actions[data-v-e8ee9a50] { display: flex; gap: 8px; } .action-btn[data-v-e8ee9a50] { background: none; border: none; padding: 8px; border-radius: 4px; color: #626f86; cursor: pointer; transition: background-color 0.2s; } .action-btn[data-v-e8ee9a50]:hover { background: #e4e6ea; } /* Main Content */ .detail-content[data-v-e8ee9a50] { flex: 1; display: flex; overflow: hidden; } .main-panel[data-v-e8ee9a50] { flex: 1; padding: 24px; overflow-y: auto; } .details-sidebar[data-v-e8ee9a50] { width: 280px; padding: 24px; border-left: 1px solid #e1e5e9; background: #f7f8f9; overflow-y: auto; } /* Title Section */ .title-section[data-v-e8ee9a50] { margin-bottom: 32px; } .title-input[data-v-e8ee9a50] { width: 100%; font-size: 24px; font-weight: 600; padding: 8px; border: 2px solid #0052cc; border-radius: 4px; outline: none; } .title-hint[data-v-e8ee9a50] { margin-top: 8px; font-size: 12px; color: #626f86; } /* Description Section */ .description-section[data-v-e8ee9a50] { margin-bottom: 32px; } .section-title[data-v-e8ee9a50] { font-size: 16px; font-weight: 600; color: #172b4d; margin-bottom: 12px; } .description-textarea[data-v-e8ee9a50] { width: 100%; padding: 12px; border: 2px solid #0052cc; border-radius: 4px; resize: vertical; outline: none; font-family: inherit; } .description-hint[data-v-e8ee9a50] { margin-top: 8px; font-size: 12px; color: #626f86; } /* Attachments Section */ .attachments-section[data-v-e8ee9a50] { margin-bottom: 32px; } .attachment-area[data-v-e8ee9a50] { border: 2px dashed #dfe1e6; border-radius: 8px; padding: 40px; text-align: center; transition: border-color 0.2s; } .attachment-area[data-v-e8ee9a50]:hover { border-color: #0052cc; } .dropzone-content[data-v-e8ee9a50] { display: flex; flex-direction: column; align-items: center; gap: 12px; } .dropzone-icon[data-v-e8ee9a50] { font-size: 48px; color: #626f86; } .dropzone-title[data-v-e8ee9a50] { margin: 0; font-size: 16px; font-weight: 600; color: #172b4d; } .dropzone-text[data-v-e8ee9a50] { margin: 0; color: #626f86; font-size: 14px; } .file-input[data-v-e8ee9a50] { display: none; } .selected-files[data-v-e8ee9a50] { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; } .selected-file[data-v-e8ee9a50] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; } .selected-file-info[data-v-e8ee9a50] { display: flex; align-items: center; gap: 8px; min-width: 0; color: #172b4d; } .selected-file-name[data-v-e8ee9a50] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .selected-file-size[data-v-e8ee9a50] { flex-shrink: 0; color: #626f86; font-size: 12px; } .selected-file-remove[data-v-e8ee9a50] { border: none; background: transparent; color: #626f86; cursor: pointer; padding: 2px; } .selected-file-remove[data-v-e8ee9a50]:hover { color: #de350b; } /* Activity Section */ .activity-section[data-v-e8ee9a50] { margin-bottom: 32px; } .activity-header[data-v-e8ee9a50] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .activity-title[data-v-e8ee9a50] { margin: 0; font-size: 16px; font-weight: 600; color: #172b4d; } .activity-stats[data-v-e8ee9a50] { display: flex; gap: 12px; } .stat-badge[data-v-e8ee9a50] { font-size: 12px; color: #626f86; background: #f4f5f7; padding: 4px 8px; border-radius: 4px; } .activity-tabs[data-v-e8ee9a50] { border: 1px solid #e1e5e9; border-radius: 4px; } .activity-nav[data-v-e8ee9a50] { border-bottom: 1px solid #e1e5e9; margin: 0; padding: 0 16px; } .activity-nav .nav-link[data-v-e8ee9a50] { border: none; border-radius: 0; color: #626f86; padding: 12px 16px; margin: 0; } .activity-nav .nav-link.active[data-v-e8ee9a50] { color: #0052cc; background: none; border-bottom: 2px solid #0052cc; } .activity-content[data-v-e8ee9a50] { padding: 20px; } .empty-state[data-v-e8ee9a50] { text-align: center; padding: 40px 20px; color: #626f86; } .empty-icon[data-v-e8ee9a50] { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } .empty-title[data-v-e8ee9a50] { margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #172b4d; } .empty-text[data-v-e8ee9a50] { margin: 0; font-size: 14px; } /* Sidebar */ .sidebar-header[data-v-e8ee9a50] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #e1e5e9; } .sidebar-title[data-v-e8ee9a50] { margin: 0; font-size: 14px; font-weight: 600; color: #172b4d; } .item-key-badge[data-v-e8ee9a50] { background: #f4f5f7; color: #626f86; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; } .detail-field[data-v-e8ee9a50] { margin-bottom: 20px; } .field-label[data-v-e8ee9a50] { font-size: 12px; font-weight: 600; color: #626f86; text-transform: uppercase; margin-bottom: 6px; display: block; } .field-icon[data-v-e8ee9a50] { margin-right: 6px; color: #626f86; } .form-select[data-v-e8ee9a50], .form-control[data-v-e8ee9a50] { width: 100%; padding: 6px 8px; border: 1px solid #dfe1e6; border-radius: 4px; outline: none; } .form-select[data-v-e8ee9a50]:focus, .form-control[data-v-e8ee9a50]:focus { border-color: #0052cc; } .field-hint[data-v-e8ee9a50] { margin-top: 4px; font-size: 11px; color: #626f86; } /* Sprint Dates */ .sprint-dates[data-v-e8ee9a50] { display: flex; flex-direction: column; gap: 12px; } .date-field label[data-v-e8ee9a50] { font-size: 11px; color: #626f86; margin-bottom: 4px; } .tags-container[data-v-e8ee9a50] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .tag-chip[data-v-e8ee9a50] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 12px; font-size: 11px; color: #fff; font-weight: 600; line-height: 18px; } .tag-remove[data-v-e8ee9a50] { background: none; border: none; color: rgba(255, 255, 255, 0.85); cursor: pointer; padding: 0; font-size: 10px; display: inline-flex; align-items: center; } .tag-remove[data-v-e8ee9a50]:hover { color: #fff; } .tag-add[data-v-e8ee9a50] { display: inline-flex; align-items: center; gap: 6px; } .tag-color-picker[data-v-e8ee9a50] { position: relative; display: inline-flex; align-items: center; } .tag-color-swatch[data-v-e8ee9a50] { width: 16px; height: 16px; border-radius: 50%; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.15); flex-shrink: 0; } .tag-palette[data-v-e8ee9a50] { position: absolute; left: 0; top: calc(100% + 6px); z-index: 20; display: grid; grid-template-columns: repeat(5, 18px); gap: 6px; padding: 8px; border: 1px solid #dfe1e6; border-radius: 6px; background: #fff; box-shadow: 0 8px 20px rgba(9, 30, 66, 0.16); } .tag-palette-swatch[data-v-e8ee9a50] { width: 18px; height: 18px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; } .tag-palette-swatch.active[data-v-e8ee9a50] { border-color: #172b4d; } .tag-input[data-v-e8ee9a50] { border: 1px solid #dfe1e6; border-radius: 4px; padding: 2px 8px; font-size: 12px; width: 110px; height: 24px; } .tag-input[data-v-e8ee9a50]:focus { outline: none; border-color: #0052cc; } .tag-add-btn[data-v-e8ee9a50] { background: #0052cc; border: none; color: #fff; border-radius: 4px; padding: 2px 10px; font-size: 12px; cursor: pointer; height: 24px; } .tag-add-btn[data-v-e8ee9a50]:disabled { opacity: 0.5; cursor: default; } .unset[data-v-e8ee9a50] { color: #626f86; font-style: italic; font-size: 12px; } /* Action Buttons */ .action-buttons[data-v-e8ee9a50] { padding: 20px 24px; border-top: 1px solid #e1e5e9; background: #f7f8f9; display: flex; justify-content: flex-end; gap: 12px; } .btn[data-v-e8ee9a50] { padding: 8px 16px; border-radius: 4px; font-weight: 500; cursor: pointer; transition: all 0.2s; } .btn-primary[data-v-e8ee9a50] { background: #0052cc; border: 1px solid #0052cc; color: white; } .btn-primary[data-v-e8ee9a50]:hover:not(:disabled) { background: #0047b3; border-color: #0047b3; } .btn-secondary[data-v-e8ee9a50] { background: white; border: 1px solid #dfe1e6; color: #626f86; } .btn-secondary[data-v-e8ee9a50]:hover { background: #f4f5f7; } .btn[data-v-e8ee9a50]:disabled { opacity: 0.6; cursor: not-allowed; } /* Responsive */ @media (max-width: 768px) { .detail-content[data-v-e8ee9a50] { flex-direction: column; } .details-sidebar[data-v-e8ee9a50] { width: 100%; border-left: none; border-top: 1px solid #e1e5e9; } } /* Discard Changes Modal Styles */ .form-header[data-v-e8ee9a50] { text-align: center; margin-bottom: 20px; } .form-header h3[data-v-e8ee9a50] { margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #172b4d; } .form-header p[data-v-e8ee9a50] { color: #626f86; font-size: 14px; margin: 0; } .modal-btn.delete-action[data-v-e8ee9a50] { margin-top: 20px; } .modal-btn .row[data-v-e8ee9a50] { margin: 0; } .continue-btn[data-v-e8ee9a50], .cancel-btn[data-v-e8ee9a50] { width: 100%; padding: 10px; border-radius: 4px; font-weight: 500; text-align: center; display: block; text-decoration: none; } .continue-btn[data-v-e8ee9a50] { background: #dc3545; color: white; border: 1px solid #dc3545; } .continue-btn[data-v-e8ee9a50]:hover { background: #c82333; border-color: #bd2130; color: white; } .cancel-btn[data-v-e8ee9a50] { background: #f4f5f7; color: #626f86; border: 1px solid #dfe1e6; } .cancel-btn[data-v-e8ee9a50]:hover { background: #e4e6ea; color: #626f86; } /* Faded state for background when discard modal is open */ .unified-item-create.faded[data-v-e8ee9a50] { opacity: 0.3; pointer-events: none !important; transition: opacity 0.15s ease-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .unified-item-create.faded[data-v-e8ee9a50] * { pointer-events: none !important; } /* Ensure discard modal is always on top and fully interactive */ /* Bootstrap moves modals to body, so they're outside the component */ /* Use body selector to ensure modal is not affected by component styles */ body > #discard_item_changes[data-v-e8ee9a50] { z-index: 1060 !important; pointer-events: auto !important; } body > #discard_item_changes .modal-dialog[data-v-e8ee9a50] { pointer-events: auto !important; } body > #discard_item_changes .modal-content[data-v-e8ee9a50] { pointer-events: auto !important; } body > #discard_item_changes .modal-content[data-v-e8ee9a50] * { pointer-events: auto !important; cursor: pointer !important; } body > #discard_item_changes .btn[data-v-e8ee9a50], body > #discard_item_changes a[data-v-e8ee9a50] { pointer-events: auto !important; cursor: pointer !important; } /* —— Linear-style white create form (aligned with task details) —— */ .unified-item-create.linear-layout[data-v-e8ee9a50] { background: #ffffff; color: #111827; } .linear-layout .detail-header[data-v-e8ee9a50] { padding: 14px 24px; background: #ffffff; border-bottom: 1px solid #e5e7eb; } .linear-layout .header-breadcrumb[data-v-e8ee9a50] { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; color: #6b7280; } .linear-layout .crumb-project[data-v-e8ee9a50] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } .linear-layout .crumb-sep[data-v-e8ee9a50] { color: #9ca3af; } .linear-layout .crumb-key[data-v-e8ee9a50] { font-weight: 600; color: #4b5563; } .linear-layout .action-btn[data-v-e8ee9a50] { color: #6b7280; border-radius: 6px; } .linear-layout .action-btn[data-v-e8ee9a50]:hover { background: #f3f4f6; color: #111827; } .linear-layout .main-panel[data-v-e8ee9a50] { padding: 28px 32px; background: #ffffff; } .linear-layout .details-sidebar[data-v-e8ee9a50] { width: 300px; padding: 20px 18px; background: #fafafa; border-left: 1px solid #e5e7eb; } .linear-layout .title-meta[data-v-e8ee9a50] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; } .linear-layout .title-section[data-v-e8ee9a50] { margin-bottom: 16px; } .linear-layout .title-input[data-v-e8ee9a50], .linear-layout .title-input-always[data-v-e8ee9a50] { border: 1px solid transparent; border-radius: 4px; font-size: 24px; font-weight: 600; letter-spacing: normal; color: #172b4d; padding: 8px; background: transparent; width: 100%; outline: none; box-shadow: none; } .linear-layout .title-input-always[data-v-e8ee9a50]:hover { background: #f4f5f7; } .linear-layout .title-input-always[data-v-e8ee9a50]:focus { border-color: #0052cc; background: #fff; } .linear-layout .meta-select-wrap[data-v-e8ee9a50] { min-width: 120px; max-width: 180px; } .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .control, .linear-layout .always-edit[data-v-e8ee9a50] .control { min-height: 32px !important; border: 1px solid transparent !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; } .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .control:hover, .linear-layout .always-edit[data-v-e8ee9a50] .control:hover { background: #f3f4f6 !important; } .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .control.is-focused, .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .control.focused, .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .control[data-state="open"], .linear-layout .always-edit[data-v-e8ee9a50] .control.is-focused, .linear-layout .always-edit[data-v-e8ee9a50] .control.focused, .linear-layout .always-edit[data-v-e8ee9a50] .control[data-state="open"] { border-color: #d1d5db !important; background: #fff !important; } .linear-layout .meta-select-wrap[data-v-e8ee9a50] .value-container, .linear-layout .always-edit[data-v-e8ee9a50] .value-container, .linear-layout .meta-select-wrap[data-v-e8ee9a50]:not(.type-meta) .single-value, .linear-layout .always-edit[data-v-e8ee9a50] .single-value, .linear-layout .meta-select-wrap[data-v-e8ee9a50] .multi-value-label, .linear-layout .always-edit[data-v-e8ee9a50] .multi-value-label { font-size: 13px !important; line-height: 18px !important; color: #111827 !important; } /* Task type pill: keep blue + white text on hover/focus */ .linear-layout .type-meta[data-v-e8ee9a50] .control, .linear-layout .type-meta[data-v-e8ee9a50] .control:hover, .linear-layout .type-meta[data-v-e8ee9a50] .control.is-focused, .linear-layout .type-meta[data-v-e8ee9a50] .control.focused, .linear-layout .type-meta[data-v-e8ee9a50] .control[data-state="open"] { background: #0052cc !important; border-color: #0052cc !important; box-shadow: none !important; min-height: 32px !important; border-radius: 6px !important; } .linear-layout .type-meta[data-v-e8ee9a50] .control:hover, .linear-layout .type-meta[data-v-e8ee9a50] .control.is-focused, .linear-layout .type-meta[data-v-e8ee9a50] .control.focused, .linear-layout .type-meta[data-v-e8ee9a50] .control[data-state="open"] { background: #0047b3 !important; border-color: #0047b3 !important; } .linear-layout .type-meta[data-v-e8ee9a50] .single-value, .linear-layout .type-meta[data-v-e8ee9a50] .placeholder, .linear-layout .type-meta[data-v-e8ee9a50] .dropdown-icon, .linear-layout .type-meta[data-v-e8ee9a50] .search-input { color: #fff !important; } .linear-layout .status-field.sidebar-row[data-v-e8ee9a50] { margin-bottom: 0; } .linear-layout .status-field.sidebar-row .status-always[data-v-e8ee9a50] { padding: 0; } .linear-layout .status-always[data-v-e8ee9a50] { border-radius: 8px; padding: 2px 4px; background: transparent; color: #111827; } .linear-layout .status-always[data-v-e8ee9a50] .control { background: transparent !important; } .linear-layout .status-always[data-v-e8ee9a50] .single-value, .linear-layout .status-always[data-v-e8ee9a50] .placeholder, .linear-layout .status-always[data-v-e8ee9a50] .dropdown-icon { color: #111827 !important; font-weight: 500 !important; } .linear-layout .section-title[data-v-e8ee9a50] { font-size: 13px; font-weight: 600; color: #6b7280; } .linear-layout .description-textarea[data-v-e8ee9a50] { border: 1px solid #e5e7eb; border-radius: 8px; } .linear-layout .attachments-section[data-v-e8ee9a50] { margin-bottom: 8px; } .linear-layout .attachment-area[data-v-e8ee9a50] { border: 1px dashed #d1d5db; border-radius: 8px; padding: 14px 16px; } .linear-layout .attachment-area[data-v-e8ee9a50]:hover { border-color: #93c5fd; background: #f8fafc; } .linear-layout .dropzone-content-inline[data-v-e8ee9a50] { flex-direction: row; justify-content: center; gap: 10px; } .linear-layout .dropzone-icon[data-v-e8ee9a50] { font-size: 18px; color: #9ca3af; } .linear-layout .dropzone-inline-text[data-v-e8ee9a50] { margin: 0; font-size: 13px; color: #6b7280; } .linear-layout .browse-link[data-v-e8ee9a50] { border: none; background: none; color: #2563eb; font-weight: 600; padding: 0; cursor: pointer; } .linear-layout .browse-link[data-v-e8ee9a50]:hover { text-decoration: underline; } .linear-layout .field-label[data-v-e8ee9a50] { text-transform: none; font-size: 13px; font-weight: 500; color: #6b7280; } .linear-layout .sidebar-group[data-v-e8ee9a50] { border-top: 1px solid #e5e7eb; padding-top: 6px; margin-top: 8px; margin-bottom: 8px; } .linear-layout .sidebar-row[data-v-e8ee9a50] { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 8px; margin-bottom: 0; min-height: 40px; border-bottom: 1px solid #f3f4f6; padding: 2px 0; } .linear-layout .sidebar-row .field-label[data-v-e8ee9a50] { margin: 0; white-space: nowrap; } .linear-layout .sidebar-row .field-edit[data-v-e8ee9a50], .linear-layout .sidebar-row .field-edit.always-edit[data-v-e8ee9a50] { min-width: 0; } .linear-layout .sidebar-row .field-edit.always-edit[data-v-e8ee9a50] { height: 32px; } .linear-layout .sidebar-row .created-by-value[data-v-e8ee9a50] { display: flex; align-items: center; width: 100%; height: 32px; padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px; color: #111827; box-sizing: border-box; } .created-by-value[data-v-e8ee9a50] { display: flex; align-items: center; width: 100%; height: 32px; padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px; color: #111827; box-sizing: border-box; } .linear-layout .flat-input[data-v-e8ee9a50] { border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important; text-align: right; height: 32px; padding: 4px 8px; font-size: 13px; color: #111827; } .linear-layout .flat-input[data-v-e8ee9a50]:hover { background: #f3f4f6 !important; } .linear-layout .flat-input[data-v-e8ee9a50]:focus { border-color: #d1d5db !important; background: #fff !important; text-align: left; } .linear-layout .time-estimate-edit[data-v-e8ee9a50] { display: inline-flex; align-items: center; gap: 4px; justify-content: flex-end; width: 100%; } .linear-layout .time-estimate-input[data-v-e8ee9a50] { width: 64px; text-align: right; } .linear-layout .time-estimate-unit[data-v-e8ee9a50] { font-size: 12px; color: #6b7280; white-space: nowrap; } .linear-layout .tags-field[data-v-e8ee9a50] { border-top: 1px solid #e5e7eb; padding-top: 12px; margin-top: 4px; } .linear-layout .more-fields-section[data-v-e8ee9a50] { margin-top: 12px; padding-top: 8px; } .linear-layout .more-fields-toggle[data-v-e8ee9a50] { border: none; background: none; padding: 0; font-size: 12px; color: #6b7280; cursor: pointer; } .linear-layout .more-fields-toggle[data-v-e8ee9a50]:hover { color: #111827; } .linear-layout .more-fields-hint[data-v-e8ee9a50] { color: #9ca3af; } .linear-layout .more-fields-body[data-v-e8ee9a50] { margin-top: 12px; } .linear-layout .assignee-field[data-v-e8ee9a50] .value-container.multi { gap: 0; flex-wrap: wrap; align-items: center; } .linear-layout .action-buttons[data-v-e8ee9a50] { background: #ffffff; border-top: 1px solid #e5e7eb; } @media (max-width: 768px) { .linear-layout .details-sidebar[data-v-e8ee9a50] { width: 100%; background: #ffffff; } .linear-layout .main-panel[data-v-e8ee9a50] { padding: 20px 16px; } .linear-layout .sidebar-row[data-v-e8ee9a50] { grid-template-columns: 1fr; } } .unified-item-modal[data-v-88cc2c24] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; } .modal-overlay[data-v-88cc2c24] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(9, 30, 66, 0.54); display: flex; align-items: center; justify-content: center; padding: 20px; } .modal-content[data-v-88cc2c24] { width: 100%; max-width: 1200px; max-height: 90vh; background: white; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); overflow: hidden; } .modal-content.sidebar-mode[data-v-88cc2c24] { max-height: none; height: 100%; border-radius: 0; box-shadow: none; } /* Responsive */ @media (max-width: 768px) { .modal-overlay[data-v-88cc2c24] { padding: 10px; } .modal-content[data-v-88cc2c24] { max-width: 100%; max-height: 95vh; } } .input-error { border: 1px solid red !important; border-radius: 5px; } .error-text { color: red; font-size: 12px; margin-top: 5px; } .loading-wrapper[data-v-26a904dc] { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; text-align: center; } .input-block label[data-v-26a904dc] { font-weight: bold; } .submit-section[data-v-26a904dc] { margin-top: 20px; text-align: center; /* Center-align the Save button */ } .btn-primary[data-v-26a904dc] { background-color: #4e73df; border: none; } .modal-dialog-centered[data-v-26a904dc] { display: flex; justify-content: center; align-items: center; } .table-responsive[data-v-26a904dc] { max-height: 400px; overflow-y: auto; } .table th[data-v-26a904dc], .table td[data-v-26a904dc] { padding: 15px; vertical-align: middle; } .modal-sub-title { font-size: 1.2rem; margin-bottom: 1rem; } .user-bubbles-container[data-v-20b10f1a] { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; background-color: #f8f9fa; border-radius: 6px; min-height: 50px; } .user-badge[data-v-20b10f1a] { font-size: 14px; font-weight: 500; cursor: default; display: inline-flex; align-items: center; padding: 8px 12px !important; } .user-badge i[data-v-20b10f1a] { font-size: 12px; transition: color 0.2s ease; } .user-badge i[data-v-20b10f1a]:hover { color: #dc3545 !important; } /* Discard Changes Modal Styles */ .discard-modal-content[data-v-20b10f1a] { border-radius: 10px; padding: 20px; } .modal-title-custom[data-v-20b10f1a] { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; } .discard-message[data-v-20b10f1a] { font-size: 16px; color: #555; margin-bottom: 0; } .modal-btn.delete-action .btn[data-v-20b10f1a] { padding: 12px 24px; border-radius: 30px; font-size: 16px; font-weight: 500; border: none; } .continue-btn[data-v-20b10f1a] { background-color: #007bff !important; color: white !important; } .continue-btn[data-v-20b10f1a]:hover { background-color: #0056b3 !important; } .cancel-btn[data-v-20b10f1a] { background-color: #007bff !important; color: white !important; } .cancel-btn[data-v-20b10f1a]:hover { background-color: #0056b3 !important; } .custom-file-upload label[data-v-4ad5ee61] { cursor: pointer; } .file-name[data-v-4ad5ee61] { font-size: 0.9em; color: #6c757d; } .selected-file-card .card[data-v-4ad5ee61] { background-color: #f8f9fa; } .selected-file-card .card-body[data-v-4ad5ee61] { padding: 0.5rem; font-size: 0.9em; } .loader-container[data-v-4ad5ee61] { text-align: center; padding: 150px; } .loader[data-v-4ad5ee61] { font-size: 1.5em; color: #007bff; /* Change color as needed */ } .clear-btn { position: absolute; top: 50%; right: 40px; /* Move clear button to the left to avoid overlap */ transform: translateY(-50%); font-size: 16px; color: #aaa; cursor: pointer; z-index: 15; /* Ensure the clear button is on top */ } .modal-content[data-v-4ab21376]{ margin: 35px; max-width: 95%; max-height: 150%; }