diff --git a/eveai_app/static/assets/css/eveai-chat-session-view.css b/eveai_app/static/assets/css/eveai-chat-session-view.css new file mode 100644 index 0000000..b906fc5 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-chat-session-view.css @@ -0,0 +1,106 @@ +/* Custom styles for chat session view --------------------------------------------------------- */ +.accordion-button:not(.collapsed) { + background-color: var(--bs-primary); + color: var(--bs-white); +} + +.accordion-button:focus { + box-shadow: 0 0 0 0.25rem rgba(118, 89, 154, 0.25); +} + +.interaction-question { + font-size: 1rem; /* Normal text size */ +} + +.interaction-icons { + display: flex; + align-items: center; +} + +.interaction-icons .material-icons { + font-size: 24px; + margin-left: 8px; +} + +.thumb-icon.filled { + color: var(--bs-success); +} + +.thumb-icon.outlined { + color: var(--thumb-icon-outlined); +} + +/* Algorithm icon colors */ +.algorithm-icon.rag_tenant { + color: var(--algorithm-color-rag-tenant); +} + +.algorithm-icon.rag_wikipedia { + color: var(--algorithm-color-rag-wikipedia); +} + +.algorithm-icon.rag_google { + color: var(--algorithm-color-rag-google); +} + +.algorithm-icon.llm { + color: var(--algorithm-color-llm); +} + +.accordion-body { + background-color: var(--bs-light); +} + +.interaction-header { + font-size: 0.9rem; + display: flex; + flex-direction: column; + width: 100%; + padding: 0.5rem 0; +} + +.interaction-metadata { + display: flex; + gap: 1rem; + align-items: center; + margin-bottom: 0.5rem; +} + +.interaction-time { + font-size: 0.9rem; +} + +.specialist-info { + display: flex; + gap: 0.5rem; + align-items: center; +} + +.interaction-question { + font-size: 0.9rem; + font-weight: bold; + line-height: 1.4; +} + +.badge { + font-size: 0.9rem; + padding: 0.35em 0.65em; + white-space: nowrap; +} + +.accordion-button { + padding: 0.5rem 1rem; +} + +.accordion-button::after { + margin-left: 1rem; +} + +.list-group-item { + font-size: 0.9rem; +} + +.material-icons { + font-size: 1.1rem; +} + diff --git a/eveai_app/static/assets/css/eveai-forms.css b/eveai_app/static/assets/css/eveai-forms.css new file mode 100644 index 0000000..23c98f2 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-forms.css @@ -0,0 +1,211 @@ +/* Form and Input Fields ----------------------------------------------------------------------- */ +.form-group label.form-label { + color: var(--bs-secondary) !important; /* Secondary color for labels */ + font-weight: 500; /* Slightly bolder labels */ +} + +.form-group:last-of-type { + margin-bottom: 2rem; /* Adjust this value to control spacing */ +} + +.form-control { + background-color: var(--bs-light) !important; /* Light background for input fields */ + border-color: var(--bs-secondary) !important; /* Secondary color for borders */ + color: var(--bs-body-color) !important; /* Text color consistent with the theme */ +} + +/* Style for both disabled and readonly fields - same gray background */ +.form-control:disabled, +.form-control[readonly] { + background-color: var(--bs-gray-100) !important; /* Gray background */ + color: var(--bs-gray-600) !important; /* Dimmed text color */ +} + +.form-check-input:checked { + background-color: var(--bs-primary) !important; /* Primary color for checked checkboxes */ + border-color: var(--bs-primary) !important; /* Primary color for checkbox border */ +} + +.form-check-label { + color: var(--bs-body-color) !important; /* Consistent text color for check labels */ +} + +/* Tabs Navigation ----------------------------------------------------------------------------- */ +.nav-pills .nav-link { + color: var(--bs-primary) !important; /* Primary color for inactive tab text */ + border-radius: 0.375rem !important; /* Rounded corners for tabs */ + transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */ +} + +.nav-pills .nav-link.active { + background-color: var(--bs-primary) !important; /* Primary background for active tab */ + color: var(--bs-white) !important; /* White text for active tab */ +} + +.nav-pills .nav-link:hover { + background-color: var(--bs-secondary) !important; /* Secondary background on hover */ + color: var(--bs-white) !important; /* White text on hover */ +} + +/* Tabs Content -------------------------------------------------------------------------------- */ +.tab-pane { + padding-top: 1rem; /* Consistent padding inside tabs */ +} + +.moving-tab { + background-color: var(--bs-primary) !important; /* Primary color for the moving tab indicator */ +} + +/* Buttons ------------------------------------------------------------------------------------- */ + +.btn-primary:hover { + background-color: var(--bs-secondary) !important; + border-color: var(--bs-secondary) !important; +} + +#copy-message { + color: var(--bs-success) !important; /* Success color for the copy message */ +} + +/* Danger Button Styling */ +.btn-danger { + background-color: var(--bs-danger) !important; /* Use the danger color from the EveAI theme */ + border-color: var(--bs-danger) !important; + color: var(--bs-white) !important; /* Ensure text is white for readability */ + transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition on hover */ +} + +.btn-danger:hover { + background-color: var(--bs-secondary) !important; + border-color: var(--bs-secondary) !important; + color: var(--bs-white) !important; /* Ensure the text remains white and readable */ +} + +/* Success Alert Styling */ +.alert-success { + background-color: var(--bs-success) !important; /* EveAI success background color */ + color: var(--bs-dark) !important; /* Dark color for the text for better readability */ + border-color: var(--bs-success) !important; /* Matching border color */ + border-radius: 0.375rem; /* Rounded corners for the alert box */ + padding: 1rem; /* Consistent padding */ + box-shadow: 0px 4px 10px rgba(118, 89, 154, 0.2); /* Soft shadow for some depth */ +} + +.alert-success .alert-heading { + color: var(--bs-dark) !important; /* Ensure the heading stands out */ + font-weight: 600; /* Slightly bolder heading */ +} + +.alert-success p { + margin-bottom: 0; /* Remove extra margin from paragraphs inside alerts */ +} + +.form-control { + border: 1px solid #d2d6da; + padding: 0.625rem 0.75rem; +} + +.form-control:focus { + color: #495057; + background-color: transparent; + border-color: #d2d6da; + outline: 0; + box-shadow: none; +} + +/* REQUIRED FIELD SETTINGS --------------------------------------------------------------------- */ +/* Required field indicator styling */ +.field-label-wrapper { + display: flex; + align-items: baseline; /* Changed from center to baseline for proper text alignment */ + gap: 0.25rem; +} + +.required-field-indicator { + display: inline-flex; + align-items: baseline; /* Match the wrapper's alignment */ +} + +.required-field-indicator .required-icon { + font-size: 0.7rem; + transition: transform 0.2s ease-in-out; + opacity: 0.8; + line-height: 1; /* Ensure proper vertical alignment */ +} + +/* Hover animation */ +.field-label-wrapper:hover .required-icon { + transform: scale(1.2); + opacity: 1; +} + +/* Animation when field is invalid */ +.is-invalid + .field-label-wrapper .required-icon { + color: var(--bs-danger); + animation: pulse 1s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 0.8; + } + 50% { + transform: scale(1.2); + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 0.8; + } +} + +/* Hide visually but maintain accessibility */ +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* TAB ERROR STYLES ---------------------------------------------------------------------------- */ +/* Style for tabs with errors */ +.nav-link.has-error { + position: relative; +} + +.nav-link.has-error::after { + content: ''; + position: absolute; + top: 0; + right: 0; + width: 8px; + height: 8px; + background-color: var(--bs-danger); + border-radius: 50%; + transform: translate(50%, -50%); +} + +/* Enhance the invalid field visualization */ +.form-control:invalid { + border-color: var(--bs-danger); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +/* Add smooth transition for tab changes */ +.tab-pane { + transition: opacity 0.15s linear; +} + +.tab-pane.fade { + opacity: 0; +} + +.tab-pane.fade.show { + opacity: 1; +} \ No newline at end of file diff --git a/eveai_app/static/assets/css/eveai-json-editor.css b/eveai_app/static/assets/css/eveai-json-editor.css new file mode 100644 index 0000000..2fa0863 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-json-editor.css @@ -0,0 +1,107 @@ +:root { + /* Hoofdkleuren gebaseerd op EveAI kleurenschema */ + --jse-theme-color: var(--bs-primary); /* Paars als hoofdkleur */ + --jse-theme-color-highlight: var(--bs-secondary); /* Secundair paars voor highlights */ + + /* Achtergrondkleuren */ + --jse-background-color: #fff; + --jse-panel-background: #f8f9fa; + --jse-panel-border: 1px solid var(--bs-secondary); + --jse-panel-border-radius: 0.375rem; + + /* Tekstkleuren */ + --jse-text-color: var(--bs-body-color); + --jse-text-color-inverse: #ffffff; + + /* Navigatie */ + --jse-navigation-bar-background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); + --jse-navigation-bar-background-highlight: var(--bs-secondary); + --jse-navigation-bar-text-color: #ffffff; + + /* Status balk */ + --jse-status-bar-background: var(--bs-light); + --jse-status-bar-color: var(--bs-body-color); + --jse-status-bar-border: 1px solid var(--bs-secondary); + --jse-status-bar-border-radius: 0 0 0.375rem 0.375rem; + + /* Main menu bar */ + --jse-main-menu-background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); + --jse-main-menu-color: #ffffff; + --jse-main-menu-button-background-highlight: var(--bs-secondary); + --jse-main-menu-button-color-highlight: #ffffff; + + /* Contextmenu */ + --jse-context-menu-background: #fff; + --jse-context-menu-background-highlight: var(--bs-secondary); + --jse-context-menu-color: var(--bs-body-color); + --jse-context-menu-color-highlight: #ffffff; + --jse-context-menu-border: 1px solid var(--bs-secondary); + --jse-context-menu-box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); + --jse-context-menu-border-radius: 0.375rem; + + /* Knoppen */ + --jse-button-background: var(--bs-primary); + --jse-button-background-highlight: var(--bs-secondary); + --jse-button-color: #ffffff; + --jse-button-color-highlight: #ffffff; + --jse-button-border-radius: 0.375rem; + + /* JSON Tree Mode */ + --jse-key-color: var(--bs-info); + --jse-delimiter-color: #666; + --jse-string-color: var(--bs-primary); + --jse-number-color: var(--bs-warning); + --jse-boolean-color: var(--bs-danger); + --jse-null-color: #888; + --jse-invalid-color: #e0b4b4; + --jse-readonly-color: #888; + --jse-readonly-background-color: #f0f0f0; + + /* Selectie */ + --jse-selection-background-color: rgba(118, 89, 154, 0.2); + --jse-selection-background-inactive-color: rgba(118, 89, 154, 0.1); + + /* Foutmeldingen */ + --jse-error-color: var(--bs-danger); + --jse-error-background-color: rgba(156, 45, 102, 0.1); + + /* Tooltips */ + --jse-tooltip-background: var(--bs-primary); + --jse-tooltip-color: #ffffff; + --jse-tooltip-border-radius: 0.375rem; + --jse-tooltip-box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); +} + +/* Extra stijlen voor de containers */ +.jsoneditor-initialized { + border: 1px solid var(--bs-secondary); + border-radius: 0.375rem; + min-height: 300px; + box-shadow: 0 4px 8px rgba(118, 89, 154, 0.1); +} + +.jsoneditor-readonly-mode { + background-color: var(--bs-light); +} + +/* Stijlen voor de knoppen in de editor */ +.jse-button { + border: none !important; + transition: background-color 0.3s ease; +} + +/* Stijlen voor veldlabels in de boom */ +.jse-tree .jse-key { + font-weight: 500; +} + +/* Stijlen voor waarden in de boom */ +.jse-tree .jse-value { + font-family: monospace; +} + +/* Verbeter de leesbaarheid van de tekstmodus */ +.jse-text-mode { + font-family: monospace; + line-height: 1.5; +} diff --git a/eveai_app/static/assets/css/eveai-markdown.css b/eveai_app/static/assets/css/eveai-markdown.css new file mode 100644 index 0000000..9ef4ea9 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-markdown.css @@ -0,0 +1,33 @@ +/* Markdown content styles --------------------------------------------------------------------- */ +.markdown-content { + font-size: 1rem; + line-height: 1.5; +} + +.markdown-content p { + margin-bottom: 1rem; +} + +.markdown-content h1, .markdown-content h2, .markdown-content h3, +.markdown-content h4, .markdown-content h5, .markdown-content h6 { + margin-top: 1.5rem; + margin-bottom: 1rem; +} + +.markdown-content ul, .markdown-content ol { + margin-bottom: 1rem; + padding-left: 2rem; +} + +.markdown-content code { + background-color: #f8f9fa; + padding: 0.2em 0.4em; + border-radius: 3px; +} + +.markdown-content pre { + background-color: #f8f9fa; + padding: 1rem; + border-radius: 5px; + overflow-x: auto; +} diff --git a/eveai_app/static/assets/css/eveai-responsive-table.css b/eveai_app/static/assets/css/eveai-responsive-table.css new file mode 100644 index 0000000..02d9820 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-responsive-table.css @@ -0,0 +1,37 @@ +/* Responsive tabel stijlen voor optimaal schermgebruik --------------------------------- */ + +/* Zorg dat tabellen zich aanpassen aan de beschikbare schermruimte */ +@media (min-height: 900px) { + /* Voor grotere schermen, gebruik meer verticale ruimte */ + .tabulator-list-view .tabulator { + min-height: 650px; + } + + .tabulator-list-view { + min-height: 650px; + } +} + +@media (min-height: 1200px) { + /* Voor zeer grote schermen, gebruik maximale verticale ruimte */ + .tabulator-list-view .tabulator { + min-height: 800px; + } + + .tabulator-list-view { + min-height: 800px; + } +} + +/* Zorg dat de inhoud van tabellen goed leesbaar blijft op elk formaat scherm */ +.tabulator .tabulator-cell { + white-space: normal; /* Zorg dat tekst binnen cellen kan omslaan */ + overflow: visible; /* Toon alle inhoud */ +} + +/* Behoud de leesbaarheid van de tabel headers op kleinere schermen */ +@media (max-width: 768px) { + .tabulator .tabulator-header .tabulator-col-title { + font-size: 0.8rem; /* Kleinere tekst op kleinere schermen */ + } +} diff --git a/eveai_app/static/assets/css/eveai-select2.css b/eveai_app/static/assets/css/eveai-select2.css new file mode 100644 index 0000000..989b30c --- /dev/null +++ b/eveai_app/static/assets/css/eveai-select2.css @@ -0,0 +1,50 @@ +/* Hide Select2's custom elements */ +.select2-container-hidden { + position: absolute !important; + left: -9999px !important; +} + +.select2-dropdown-hidden { + display: none !important; +} + +/* Ensure the original select is visible and styled -------------------------------------------- */ +select.select2 { + display: block !important; + width: 100% !important; + height: auto !important; + padding: .375rem .75rem !important; + font-size: 1rem !important; + line-height: 1.5 !important; + color: #495057 !important; + background-color: #fff !important; + background-clip: padding-box !important; + border: 1px solid #ced4da !important; + border-radius: .25rem !important; + transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; +} + +/* Style for multiple select */ +select.select2[multiple] { + height: auto !important; +} + +.select2-container--default .select2-results > .select2-results__options { + max-height: 200px !important; /* Pas deze waarde aan naar wens */ + overflow-y: auto !important; +} + +/* Zorg voor een consistente breedte */ +.select2-container { + width: 100% !important; +} + +/* Voorkom dat de dropdown de pagina uitbreidt */ +.select2-dropdown { + max-width: 100%; +} + +.timezone-dropdown { + max-height: 300px; + overflow-y: auto !important; +} diff --git a/eveai_app/static/assets/css/eveai-tabulator.css b/eveai_app/static/assets/css/eveai-tabulator.css new file mode 100644 index 0000000..297a391 --- /dev/null +++ b/eveai_app/static/assets/css/eveai-tabulator.css @@ -0,0 +1,724 @@ +/* Tabulator styling / ordered_list ------------------------------------------------------------ */ +.ordered-list-editor { + margin-bottom: 1rem; + min-height: 200px; /* Minimum height, will expand as needed */ +} + +/* Make sure the Tabulator container has a proper height */ +.ordered-list-editor .tabulator { + height: auto; /* Auto height to display all rows */ + min-height: 400px; /* Verhoogde minimum hoogte */ + width: 100%; + border: 1px solid var(--bs-primary); /* Primary color for border */ + border-radius: 0.375rem; /* Match application's border-radius */ + margin-bottom: 0.5rem; + box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); /* Match application's shadow style */ +} + +/* Ensure the table holder has a scrollbar */ +.ordered-list-editor .tabulator-tableholder { + /* overflow-y: auto !important; - Removed to allow Tabulator to handle overflow */ + /* max-height: calc(100% - 42px) !important; - Removed to allow Tabulator to handle height */ + /* Consider using non-!important values if specific scrolling behavior is needed */ + overflow-y: auto; + max-height: calc(100% - 42px); +} + +/* Style for the table element */ +.ordered-list-editor .tabulator-table { + display: table !important; /* Force display as table */ + width: 100% !important; + table-layout: fixed !important; /* Use fixed table layout for consistent column widths */ +} + +/* Style for the handle column */ +.ordered-list-editor .tabulator-row-handle { + cursor: move; + background-color: var(--bs-light, #f8f9fa); + border-right: 1px solid var(--bs-gray-300, #dee2e6); + transition: background-color 0.3s ease; /* Smooth transition for hover effect */ +} + +/* Hover effect for handle column */ +.ordered-list-editor .tabulator-row:hover .tabulator-row-handle { + background-color: var(--bs-secondary); /* Secondary color on hover */ +} + +/* Style for the handle bars to make them more visible */ +.ordered-list-editor .tabulator-row-handle-box { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; +} + +.ordered-list-editor .tabulator-row-handle-bar { + background: var(--bs-primary); /* Primary color for handle bars */ + display: inline-block; + width: 10px; + height: 2px; + margin: 1px 0; + transition: background-color 0.3s ease; /* Smooth transition for hover effect */ +} + +/* Change handle bar color on hover */ +.ordered-list-editor .tabulator-row:hover .tabulator-row-handle-bar { + background: #ffffff; /* White handle bars on hover */ +} + +/* Style for the delete button */ +.ordered-list-editor .tabulator-cell button.btn-danger { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; +} + +/* Style for boolean columns */ +.ordered-list-editor .tabulator-cell[data-type="boolean"] { + text-align: center; +} + +/* Style for boolean cell icons */ +.ordered-list-editor .tabulator-cell .material-icons { + font-size: 1.2rem; + vertical-align: middle; +} + +/* Style for true/checked icons */ +.ordered-list-editor .tabulator-cell[aria-checked="true"] .material-icons { + color: var(--bs-primary); /* Primary color for checked state */ +} + +/* Style for false/unchecked icons */ +.ordered-list-editor .tabulator-cell[aria-checked="false"] .material-icons { + color: var(--bs-danger); /* Danger color for unchecked state */ +} + +/* Style for the table header */ +.ordered-list-editor .tabulator-header { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); /* Match JSE gradient */ + border-bottom: 2px solid var(--bs-secondary); /* Secondary color for border */ + color: #ffffff; /* White text for better contrast on gradient */ +} + +/* Style for the headers container */ +.ordered-list-editor .tabulator-headers { + display: table-row !important; /* Force display as table row */ +} + +/* Style for the header cells */ +.ordered-list-editor .tabulator-col { + background: transparent; /* Let the header gradient show through */ + padding: 8px; + font-weight: bold; + text-align: center; + display: table-cell !important; /* Force display as table cell */ + box-sizing: border-box !important; /* Include padding in width calculation */ + position: relative !important; /* Ensure proper positioning */ + color: #ffffff; /* White text for better contrast on gradient */ +} + +/* Override any inline styles that might hide column headers */ +.ordered-list-editor .tabulator-col[style*="display: none"] { + display: table-cell !important; /* Force display as table cell */ +} + +/* Ensure header cells have the same width as their corresponding data cells */ +.ordered-list-editor .tabulator-col, +.ordered-list-editor .tabulator-cell +{ +} + +/* Style for the header cell content */ +.ordered-list-editor .tabulator-col-title { + white-space: normal; /* Allow header text to wrap */ + word-break: break-word; /* Break words to prevent horizontal overflow */ + font-weight: bold; + font-size: 0.85rem; /* Kleinere font grootte, dezelfde als in de rijen */ + color: #ffffff; /* White text for better contrast on gradient */ +} + +/* Style for the table rows */ +.ordered-list-editor .tabulator-row { + border-bottom: 1px solid var(--bs-gray-300, #dee2e6); /* Match application's row border color */ + display: table-row !important; /* Force display as table row */ +} + +/* Hover effect for rows */ +.ordered-list-editor .tabulator-row:hover { + background-color: var(--bs-secondary) !important; /* Secondary color on hover */ + color: #ffffff !important; /* White text on hover */ +} + +/* Ensure all text in hovered rows changes to white */ +.ordered-list-editor .tabulator-row:hover .tabulator-cell, +.ordered-list-editor .tabulator-row:hover .tabulator-cell * { + color: #ffffff !important; /* White text for all elements in hovered rows */ +} + +/* Style for even rows */ +.ordered-list-editor .tabulator-row-even { + background-color: #f8f9fa; /* Light gray for even rows */ +} + +/* Style for odd rows */ +.ordered-list-editor .tabulator-row-odd { + background-color: #ffffff; /* White for odd rows */ +} + +/* Style for selected rows */ +.ordered-list-editor .tabulator-row.tabulator-selected { + background-color: var(--bs-primary) !important; /* Primary color for selected rows */ + color: #ffffff !important; /* White text for contrast */ +} + +/* Style for row being moved */ +.ordered-list-editor .tabulator-row.tabulator-moving { + background-color: var(--bs-primary) !important; /* Primary color for moving rows */ + color: #ffffff !important; /* White text for contrast */ + border: 2px dashed var(--bs-secondary) !important; /* Dashed border to indicate movement */ + opacity: 0.9 !important; /* Slightly transparent to distinguish from other rows */ + box-shadow: 0 0 10px rgba(118, 89, 154, 0.5) !important; /* Shadow for depth */ + z-index: 100 !important; /* Ensure it appears above other rows */ + pointer-events: none !important; /* Allow events to pass through to elements below */ + transform: scale(1.02) !important; /* Slightly larger to stand out */ + transition: transform 0.2s ease !important; /* Smooth transition */ +} + +/* Style for cells in the row being moved */ +.ordered-list-editor .tabulator-row.tabulator-moving .tabulator-cell { + color: #ffffff !important; /* Ensure text is white for contrast */ + background-color: transparent !important; /* Use the row's background color */ + border-color: transparent !important; /* Hide cell borders */ + display: table-cell !important; /* Ensure cells are visible */ + overflow: visible !important; /* Show all content */ +} + +/* Style for the moving element (the ghost row that follows the cursor) */ +.tabulator-moving-element { + background-color: var(--bs-primary) !important; /* Primary color for moving element */ + color: #ffffff !important; /* White text for contrast */ + border: 2px dashed var(--bs-secondary) !important; /* Dashed border to indicate movement */ + opacity: 0.9 !important; /* Slightly transparent */ + box-shadow: 0 0 15px rgba(118, 89, 154, 0.7) !important; /* Stronger shadow for better visibility */ + border-radius: 0.375rem !important; /* Rounded corners */ + overflow: visible !important; /* Show all content */ + width: auto !important; /* Allow width to adjust to content */ + max-width: none !important; /* Don't limit width */ + pointer-events: none !important; /* Allow events to pass through */ + display: table !important; /* Ensure it's displayed as a table */ + table-layout: fixed !important; /* Fixed table layout for consistent cell widths */ +} + +/* Style for cells in the moving element */ +.tabulator-moving-element .tabulator-cell, +.tabulator-moving-element .tabulator-row .tabulator-cell { + color: #ffffff !important; /* White text for contrast */ + background-color: transparent !important; /* Use the row's background color */ + border-color: transparent !important; /* Hide cell borders */ + display: table-cell !important; /* Ensure cells are visible */ + overflow: visible !important; /* Show all content */ + padding: 8px !important; /* Consistent padding */ + white-space: normal !important; /* Allow text to wrap */ + word-break: break-word !important; /* Break words to prevent overflow */ + font-size: 0.85rem !important; /* Consistent font size */ + vertical-align: middle !important; /* Center content vertically */ +} + +/* Style for the active moving element */ +.tabulator-moving-element-active { + opacity: 1 !important; /* Fully opaque when active */ + transform: scale(1.05) !important; /* Slightly larger when active */ + box-shadow: 0 0 20px rgba(118, 89, 154, 0.8) !important; /* Stronger shadow when active */ + z-index: 1000 !important; /* Higher z-index to ensure it's on top */ +} + +/* Style for the table cells */ +.ordered-list-editor .tabulator-cell { + padding: 8px; + white-space: normal; /* Allow text to wrap */ + overflow: visible; /* Show overflowing content */ + height: auto !important; /* Allow cell to grow as needed */ + word-break: break-word; /* Break words to prevent horizontal overflow */ + display: table-cell !important; /* Force display as table cell */ + scroll-margin-top: 100px; /* Prevent unwanted scrolling when focusing */ + scroll-behavior: auto; /* Disable smooth scrolling which might cause jumping */ + font-size: 0.85rem; /* Smaller font size */ +} + +/* Style for truncated cells */ +.ordered-list-editor .truncated-cell { + position: relative; + padding-right: 20px; +} + +.ordered-list-editor .truncated-content { + white-space: normal; + word-break: break-word; +} + +.ordered-list-editor .show-more { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + color: var(--bs-primary); /* Use primary color for the show more indicator */ + cursor: pointer; + transition: color 0.3s ease; /* Smooth transition for hover effect */ +} + +.ordered-list-editor .show-more:hover { + color: var(--bs-secondary); /* Use secondary color on hover */ +} + +/* Style for the visible cells */ +.ordered-list-editor .tabulator-cell-visible { + display: table-cell !important; /* Force display as table cell */ +} + +/* Override any inline styles that might hide cells */ +.ordered-list-editor .tabulator-cell[style*="display: none"] { + display: table-cell !important; /* Force display as table cell */ +} + +/* Style for the textarea editor */ +.ordered-list-editor .tabulator-cell textarea { + min-height: 60px; + resize: vertical; + width: 100%; /* Ensure textarea fills the cell */ + border: 1px solid var(--bs-gray-300, #dee2e6); /* Match application's input border */ + border-radius: 0.375rem; /* Match application's border-radius */ + padding: 0.625rem 0.75rem; /* Match application's input padding */ + transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for focus effect */ +} + +/* Focus state for textarea */ +.ordered-list-editor .tabulator-cell textarea:focus { + border-color: var(--bs-primary); /* Primary color for focus state */ + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(118, 89, 154, 0.25); /* Subtle glow with primary color */ +} + +/* Style for the placeholder */ +.ordered-list-editor .tabulator-placeholder { + padding: 20px; + text-align: center; + color: var(--bs-secondary); /* Secondary color for placeholder text */ + font-style: italic; + background-color: var(--bs-light, #f8f9fa); /* Light background for placeholder */ + border-radius: 0.375rem; /* Match application's border-radius */ + margin: 10px; + border: 1px dashed var(--bs-gray-300, #dee2e6); /* Dashed border for empty state */ +} + +/* Style for the Add Row button */ +.ordered-list-editor + .btn-primary { + margin-top: 0.5rem; + background-color: var(--bs-primary) !important; + border-color: var(--bs-primary) !important; + color: #ffffff !important; + transition: background-color 0.3s ease, border-color 0.3s ease; +} + +/* Hover effect for primary button */ +.ordered-list-editor + .btn-primary:hover { + background-color: var(--bs-secondary) !important; + border-color: var(--bs-secondary) !important; +} + +/* Style for the Expand button */ +.ordered-list-editor + .btn-primary + .btn-secondary { + margin-top: 0.5rem; + background-color: var(--bs-secondary) !important; + border-color: var(--bs-secondary) !important; + color: #ffffff !important; + transition: background-color 0.3s ease, border-color 0.3s ease; +} + +/* Hover effect for secondary button */ +.ordered-list-editor + .btn-primary + .btn-secondary:hover { + background-color: var(--bs-primary) !important; + border-color: var(--bs-primary) !important; +} + +/* Fullscreen mode styles */ +.ordered-list-editor.fullscreen-mode { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + z-index: 9999; + background: var(--bs-light, #f8f9fa); /* Use light background color */ + padding: 20px; + margin: 0; + overflow: auto; + box-sizing: border-box; + border: 2px solid var(--bs-primary); /* Primary color border */ + box-shadow: 0 0 20px rgba(118, 89, 154, 0.3); /* Larger shadow for modal effect */ +} + +.ordered-list-editor.fullscreen-mode .tabulator { + height: calc(100vh - 100px) !important; + width: 100% !important; + border: 1px solid var(--bs-primary); /* Consistent border */ + box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); /* Consistent shadow */ +} + +/* Tekst in invoervelden zwart maken voor betere leesbaarheid */ +.ordered-list-editor .tabulator-row:hover .tabulator-cell input, +.ordered-list-editor .tabulator-row:hover .tabulator-cell select, +.ordered-list-editor .tabulator-row:hover .tabulator-cell textarea, +.ordered-list-editor .tabulator-row:hover .tabulator-cell .tabulator-editor, +.ordered-list-editor .tabulator-row.tabulator-selected .tabulator-cell input, +.ordered-list-editor .tabulator-row.tabulator-selected .tabulator-cell select, +.ordered-list-editor .tabulator-row.tabulator-selected .tabulator-cell textarea, +.ordered-list-editor .tabulator-row.tabulator-selected .tabulator-cell .tabulator-editor { + color: #000000 !important; /* Zwarte tekst op witte achtergrond */ + background-color: #ffffff !important; /* Witte achtergrond verzekeren */ + border: 1px solid var(--bs-primary) !important; /* Duidelijke rand toevoegen */ +} + +.tabulator-container { + border: 1px solid #dee2e6; + border-radius: 0.375rem; +} +/* Extra specifieke override stijlen voor tabulator paginator en footer */ +.tabulator .tabulator-footer .tabulator-paginator { + background: transparent !important; /* Transparante achtergrond, want de footer heeft al gradient */ + border-top: none !important; + padding: 0 !important; +} + +.tabulator .tabulator-footer .tabulator-page { + font-family: inherit !important; + font-weight: normal !important; + font-size: 0.85rem !important; +} + +.tabulator .tabulator-footer .tabulator-page.active { + font-weight: bold !important; + z-index: 1 !important; +} + +.tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size { + margin-left: 5px !important; + padding: 5px 10px !important; + border-radius: 4px !important; + border: 1px solid white !important; + background-color: rgba(255, 255, 255, 0.2) !important; + color: white !important; + font-size: 0.85rem !important; + font-family: inherit !important; +} + +/* Styling voor de paginator container */ +.tabulator .tabulator-footer .tabulator-paginator label { + color: white !important; /* Witte tekst voor betere leesbaarheid op donkere gradient */ + font-size: 0.85rem !important; + font-weight: normal !important; + margin: 0 5px !important; +} + +/* Override specifiek voor .tabulator-page.active */ +.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages .tabulator-page.active { + background-color: var(--bs-primary) !important; + color: white !important; + border-color: var(--bs-primary) !important; + font-weight: bold !important; +} +/* Styling voor buttons in de tabulator paginator */ +.tabulator-footer button, +.tabulator .tabulator-footer .tabulator-page { + margin: 0 2px; + padding: 6px 12px; + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.2) !important; + color: white !important; + border: 1px solid white !important; + font-size: 0.85rem; + transition: all 0.3s ease; +} + +.tabulator-footer button:hover, +.tabulator .tabulator-footer .tabulator-page:hover { + background-color: var(--bs-secondary) !important; + color: white !important; + border-color: var(--bs-secondary) !important; +} + +.tabulator-footer button.tabulator-page.active, +.tabulator .tabulator-footer .tabulator-page.active { + background-color: var(--bs-primary) !important; + color: white !important; + border-color: var(--bs-primary) !important; + font-weight: bold; +} + +.tabulator-footer button:disabled, +.tabulator .tabulator-footer .tabulator-page:disabled, +.tabulator .tabulator-footer .tabulator-page.disabled { + color: var(--bs-gray-500) !important; + background-color: var(--bs-gray-200) !important; + border-color: var(--bs-gray-300) !important; + cursor: not-allowed; +} +/* Styling voor de tabulator paginator -------------------------------------------------------------- */ +.tabulator-paginator { + background: linear-gradient(90deg, var(--bs-secondary) 0%, var(--bs-primary) 100%) !important; /* Omgekeerde gradient van de header */ + padding: 10px; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + border-top: 1px solid var(--bs-secondary); +} + +.tabulator-paginator .tabulator-page { + margin: 0 2px; + padding: 6px 12px; + border-radius: 4px; + background-color: var(--bs-light); + color: var(--bs-primary); + border: 1px solid var(--bs-secondary); + font-size: 0.85rem; + transition: all 0.3s ease; +} + +.tabulator-paginator .tabulator-page:hover { + background-color: var(--bs-secondary); + color: white; +} + +.tabulator-paginator .tabulator-page.active, +.tabulator .tabulator-footer .tabulator-page.active { + background-color: var(--bs-primary) !important; + color: white !important; + border-color: var(--bs-primary) !important; +} + +.tabulator-paginator .tabulator-page:disabled, +.tabulator-paginator .tabulator-page.disabled { + color: var(--bs-gray-500); + background-color: var(--bs-gray-200); + border-color: var(--bs-gray-300); + cursor: not-allowed; +} + +.tabulator-paginator .tabulator-page-size { + margin-left: 5px; + padding: 5px 10px; + border-radius: 4px; + border: 1px solid var(--bs-secondary); + background-color: var(--bs-light); + color: var(--bs-primary); + font-size: 0.85rem; +} + +.tabulator-footer, +.tabulator .tabulator-footer { + background: linear-gradient(90deg, var(--bs-secondary) 0%, var(--bs-primary) 100%) !important; /* Omgekeerde gradient van de header */ + border-top: 1px solid var(--bs-secondary) !important; + border-bottom-left-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; + padding: 8px !important; +} +.filter-controls .filter-row { + align-items: center; +} + +.tabulator .tabulator-header { + background-color: #f8f9fa; + border-bottom: 2px solid #dee2e6; +} + +.tabulator .tabulator-row.tabulator-selected { + background-color: #e3f2fd !important; + border-left: 3px solid #007bff !important; + font-weight: 500; +} + +.tabulator .tabulator-row:hover { + background-color: #f5f5f5; + cursor: pointer; +} + +/* Visuele indicator dat de rij klikbaar is */ +.tabulator .tabulator-row { + transition: background-color 0.2s ease; +} + +/* Algemene tabulator header stijlen -------------------------------------------------------------- */ +.tabulator .tabulator-header { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); + border-bottom: 2px solid var(--bs-secondary); + color: #ffffff; +} + +/* Voorkom grijze achtergrond bij hover over header elementen */ +.tabulator-header .tabulator-col:hover, +.tabulator-header .tabulator-col-row:hover, +.tabulator-header .tabulator-col-group:hover { + background: transparent !important; /* Behoudt de transparante achtergrond bij hover */ +} + +.tabulator .tabulator-header .tabulator-col { + background: transparent; + border-right: none; + box-sizing: border-box; + text-align: left; + vertical-align: bottom; + flex-direction: column; + justify-content: flex-start; + position: relative; + overflow: hidden; + color: #ffffff; +} + +/* Voorkom grijze achtergrond bij hover over kolomkoppen */ +.tabulator-col:hover { + background: transparent !important; /* Behoud dezelfde achtergrond bij hover */ +} + +.tabulator .tabulator-header .tabulator-col-title { + color: #ffffff; + font-weight: bold; +} + +.tabulator .tabulator-header .tabulator-col-sorter { + color: #ffffff; +} + +.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title { + color: #ffffff; + font-size: 0.85rem; /* Kleinere font grootte, dezelfde als in de rijen */ +} + +.tabulator .tabulator-header .tabulator-header-filter input, +.tabulator .tabulator-header .tabulator-header-filter select { + border: 1px solid var(--bs-secondary); + background-color: rgba(255, 255, 255, 0.9); + color: #000000; +} + +/* Tabulator List View stijlen ---------------------------------------------------------------------- */ +.tabulator-list-view { + margin-bottom: 1rem; + min-height: 400px; /* Verhoogde minimum hoogte voor meer verticale ruimte */ +} + +/* Tabulator List View paginator stijlen */ +.tabulator-list-view .tabulator-footer { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); /* Match EveAI gradient */ + padding: 8px; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + border-top: 1px solid var(--bs-secondary); +} + +/* Maximale specifieke selector voor active pagination knoppen */ +.tabulator-list-view .tabulator-footer .tabulator-paginator .tabulator-pages .tabulator-page.active { + background-color: var(--bs-primary) !important; + color: white !important; + border-color: var(--bs-primary) !important; + font-weight: bold !important; +} + +/* Zorg ervoor dat de Tabulator container een goede hoogte heeft */ +.tabulator-list-view .tabulator { + height: auto; /* Auto hoogte om alle rijen weer te geven */ + min-height: 500px; /* Verhoogde minimum hoogte */ + width: 100%; + border: 1px solid var(--bs-primary); /* Primaire kleur voor rand */ + border-radius: 0.375rem; /* Afstemmen op border-radius van applicatie */ + margin-bottom: 0.5rem; + box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); /* Afstemmen op schaduw stijl van applicatie */ +} + +/* Stijl voor de tabel header */ +.tabulator-list-view .tabulator-header { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); /* Match EveAI gradient */ + border-bottom: 2px solid var(--bs-secondary); /* Secundaire kleur voor rand */ + color: #ffffff; /* Witte tekst voor beter contrast op gradient */ +} + +/* Stijl voor de header cellen */ +.tabulator-list-view .tabulator-col { + background: transparent; /* Laat de header gradient doorschijnen */ + padding: 8px; + font-weight: bold; + text-align: center; + box-sizing: border-box !important; /* Padding meenemen in breedte berekening */ + position: relative !important; /* Juiste positionering verzekeren */ + color: #ffffff; /* Witte tekst voor beter contrast op gradient */ +} + +/* Voorkom kleurverandering bij hover over kolomkoppen */ +.tabulator .tabulator-header .tabulator-col:hover { + background: transparent !important; /* Behoud transparante achtergrond bij hover */ +} + +/* Stijl voor de inhoud van header cellen */ +.tabulator-list-view .tabulator-col-title { + white-space: normal; /* Sta toe dat header tekst omwikkelt */ + word-break: break-word; /* Breek woorden om horizontale overflow te voorkomen */ + font-weight: bold; + font-size: 0.85rem; /* Kleinere font grootte, dezelfde als in de rijen */ + color: #ffffff; /* Witte tekst voor beter contrast op gradient */ +} + +/* Stijl voor de tabel rijen */ +.tabulator-list-view .tabulator-row { + border-bottom: 1px solid var(--bs-gray-300, #dee2e6); /* Match rij rand kleur van applicatie */ + font-size: 0.85rem; /* Kleinere font grootte zoals gevraagd */ +} + +/* Hover effect voor rijen */ +.tabulator-list-view .tabulator-row:hover { + background-color: var(--bs-secondary) !important; /* Secundaire kleur bij hover */ + color: #ffffff !important; /* Witte tekst bij hover */ + cursor: pointer; +} + +/* Zorg ervoor dat alle tekst in rijen bij hover wit wordt */ +.tabulator-list-view .tabulator-row:hover .tabulator-cell, +.tabulator-list-view .tabulator-row:hover .tabulator-cell * { + color: #ffffff !important; /* Witte tekst voor alle elementen in rijen bij hover */ +} + +/* Stijl voor even rijen */ +.tabulator-list-view .tabulator-row-even { + background-color: #f8f9fa; /* Lichtgrijs voor even rijen */ +} + +/* Stijl voor oneven rijen */ +.tabulator-list-view .tabulator-row-odd { + background-color: #ffffff; /* Wit voor oneven rijen */ +} + +/* Stijl voor geselecteerde rijen */ +.tabulator-list-view .tabulator-row.tabulator-selected { + background-color: var(--bs-primary) !important; /* Primaire kleur voor geselecteerde rijen */ + color: #ffffff !important; /* Witte tekst voor contrast */ + border: none !important; /* Geen lijn voor geselecteerde rij, alleen kleur */ +} + +/* Stijl voor de tabel cellen */ +.tabulator-list-view .tabulator-cell { + padding: 8px; + white-space: normal; /* Sta toe dat tekst omwikkelt */ + overflow: visible; /* Toon overlopende inhoud */ + height: auto !important; /* Sta toe dat cel groeit indien nodig */ + word-break: break-word; /* Breek woorden om horizontale overflow te voorkomen */ + font-size: 0.85rem; /* Kleinere font grootte */ +} + +/* Tekst in invoervelden zwart maken voor betere leesbaarheid bij hover/selectie */ +.tabulator-list-view .tabulator-row:hover .tabulator-cell input, +.tabulator-list-view .tabulator-row:hover .tabulator-cell select, +.tabulator-list-view .tabulator-row:hover .tabulator-cell textarea, +.tabulator-list-view .tabulator-row.tabulator-selected .tabulator-cell input, +.tabulator-list-view .tabulator-row.tabulator-selected .tabulator-cell select, +.tabulator-list-view .tabulator-row.tabulator-selected .tabulator-cell textarea { + color: #000000 !important; /* Zwarte tekst op witte achtergrond */ + background-color: #ffffff !important; /* Witte achtergrond verzekeren */ + border: 1px solid var(--bs-primary) !important; /* Duidelijke rand toevoegen */ +} diff --git a/eveai_app/static/assets/css/eveai.css b/eveai_app/static/assets/css/eveai.css new file mode 100644 index 0000000..7c3614a --- /dev/null +++ b/eveai_app/static/assets/css/eveai.css @@ -0,0 +1,317 @@ +/*Overriding Colors*/ +:root { + --bs-primary: #76599a; + --bs-secondary: #b14f9d; + --bs-success: #f8e1a9; + --bs-info: #423372; + --bs-warning: #eb7f31; + --bs-danger: #9c2d66; +} + +/* Overriding the background gradient and text colors ------------------------------------------ */ +.bg-gradient-success { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); +} + +.shadow-success { + box-shadow: 0px 4px 20px 0px rgba(118, 89, 154, 0.5); /* Adjusting shadow color */ +} + +.border-radius-lg { + border-radius: 1rem; /* Assuming you want to keep the large border-radius */ +} + +.text-white { + color: #f8e1a9 !important; /* Adjust text to the EveAI success color */ +} + +.text-sm { + font-size: 0.875rem; /* Adjust size if needed, keeping original */ +} + +/* Override for the link with text-success and text-gradient classes */ +.text-success { + color: var(--bs-primary) !important; /* Use EveAI primary color */ +} + +.text-gradient { + background-image: linear-gradient(90deg, var(--bs-primary), var(--bs-secondary)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.font-weight-bold { + font-weight: 700; /* Retain bold text */ +} + +/* Navbar customization ------------------------------------------------------------------------ */ +.navbar-light .navbar-brand { + color: var(--bs-primary) !important; /* Primary color for the brand text */ +} + +.navbar-light .navbar-nav .nav-link { + color: var(--bs-secondary) !important; /* Secondary color for the nav links */ +} + +/* Ensure consistent alignment for all dropdown icons */ +.navbar-nav .nav-link i.material-icons { + font-size: 24px; /* Ensures all icons are the same size */ + vertical-align: middle; /* Align icons vertically with text */ + margin-right: 8px; /* Space between icon and text */ + line-height: 1; /* Prevents misalignment due to line-height issues */ +} + +.navbar-nav .nav-link { + display: flex; + align-items: center; /* Aligns icon and text vertically */ + padding: 0; /* Remove any additional padding */ +} + +/* Adjust the size and spacing of the material-symbols-outlined icons */ +.navbar-nav .nav-link .material-symbols-outlined { + font-size: 20px; /* Adjust the icon size */ + vertical-align: middle; /* Ensure vertical alignment with text */ + margin-right: 8px; /* Add space between the icon and the text */ + line-height: 1; /* Maintain alignment */ +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: var(--bs-primary) !important; /* Primary color on hover/focus */ +} + +.bg-white { + background-color: var(--bs-light) !important; /* Adjust the background to a custom light color if needed */ +} + +.btn.bg-gradient-primary { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); + color: var(--bs-white) !important; /* Ensures text is readable on the gradient */ + border: none; +} + +.navbar-toggler .navbar-toggler-bar { + background-color: var(--bs-secondary); /* Adjusts color of the toggler bars */ +} + +.dropdown-menu { + background-color: var(--bs-light); /* Light background for dropdown */ + border-radius: 0.375rem; /* Retains rounded corners */ +} + +.dropdown-item { + color: var(--bs-primary) !important; /* Primary color for dropdown items */ +} + +.dropdown-item:hover, +.dropdown-item:focus { + background-color: var(--bs-secondary) !important; /* Secondary color for hover/focus background */ + color: var(--bs-white) !important; /* White text on hover/focus */ +} + +.btn.bg-gradient-primary { + background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%); + color: var(--bs-white) !important; +} + +/* Page header customization ------------------------------------------------------------------- */ +.page-header { + background-size: cover; + background-position: center; + min-height: 25vh; + position: relative; +} + +.page-header .mask { + background: linear-gradient(90deg, var(--bs-primary), var(--bs-secondary)) !important; /* Gradient overlay */ + opacity: 0.8; /* Adjust opacity to let the background image show through */ +} + +.page-header h1 { + color: var(--bs-success) !important; /* Use the success color for the header text */ + margin-top: -1.5rem; /* Adjusted margin to align text properly */ +} + +.page-header p.lead { + color: var(--bs-info) !important; /* Use the info color for the lead text */ + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/* Ensure consistent padding */ +.page-header .container { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.page-header .col-lg-7 { + margin-top: -5rem; /* Adjust margin to improve vertical alignment */ +} + +/* Card and table customization ---------------------------------------------------------------- */ +.card { + border: 1px solid var(--bs-secondary) !important; /* Secondary color for the card border */ + border-radius: 0.5rem; /* Keeps the border-radius consistent */ + box-shadow: 0 4px 8px rgba(118, 89, 154, 0.2); /* Soft shadow with primary color */ +} + +.table { + color: var(--bs-body-color) !important; /* Ensure the text color matches the theme */ + background-color: var(--bs-light) !important; /* Light background color */ + border-collapse: separate !important; /* Ensure borders do not collapse */ + border-spacing: 0; /* Remove spacing between table cells */ + border-radius: 0.375rem; /* Rounded corners */ + overflow: hidden; /* Ensure the rounded corners apply to the entire table */ + border: 1px solid var(--bs-secondary) !important; /* Apply border with secondary color */ +} + +.table thead th { + color: var(--bs-info) !important; /* Info color for the table headers */ + background-color: var(--bs-light) !important; /* Background for table headers */ + border-bottom: 1px solid var(--bs-secondary) !important; /* Secondary color for the header bottom border */ +} + +/* Ensures corners are colored */ +.table thead th:first-child { + border-top-left-radius: 0.375rem !important; +} + +.table thead th:last-child { + border-top-right-radius: 0.375rem !important; +} + +.table tbody tr:last-child td:first-child { + border-bottom-left-radius: 0.375rem !important; +} + +.table tbody tr:last-child td:last-child { + border-bottom-right-radius: 0.375rem !important; +} + +.table tbody tr { + border-top: 1px solid var(--bs-gray-300) !important; /* Subtle border between rows */ +} + +.table tbody tr:hover { + background-color: var(--bs-secondary) !important; /* Secondary color on row hover */ + color: var(--bs-white) !important; /* White text on hover */ +} + +.table tbody tr:hover a, +.table tbody tr:hover p, +.table tbody tr:hover td { + color: var(--bs-white) !important; /* Ensure all text, links, and paragraphs change to white */ +} + +.table tbody tr:hover .text-xs { + color: var(--bs-white) !important; /* Ensure the smaller text also changes to white */ +} + +.table .text-xs { + color: var(--bs-body-color) !important; /* Consistent text color in the table cells */ +} + +input[type="radio"] { + accent-color: var(--bs-primary); /* Primary color for radio buttons */ +} + +/* Buttons customization */ +.btn-primary { + background-color: var(--bs-primary) !important; + border-color: var(--bs-primary) !important; + color: var(--bs-white) !important; +} + +.btn-secondary { + background-color: var(--bs-secondary) !important; + border-color: var(--bs-secondary) !important; + color: var(--bs-white) !important; +} + +.btn-success { + background-color: var(--bs-warning) !important; + border-color: var(--bs-warning) !important; + color: var(--bs-white) !important; +} + +/* Adjust the form group margin */ +.form-group { + margin-top: 1.5rem; /* Adjust for better spacing */ +} + +/* Card footer customization */ +.card-footer { + /*background-color: var(--bs-light) !important; !* Light background for the footer *!*/ + padding-top: 1rem; /* Adjust padding for consistent spacing */ + padding-bottom: 1rem; /* Adjust padding for consistent spacing */ + /*border-top: 1px solid var(--bs-secondary) !important; !* Border with secondary color *!*/ + padding-left: 0 !important; + padding-right: 0 !important; +} + +.card-footer .pagination { + padding-left: 0 !important; /* Remove extra padding */ + padding-right: 0 !important; /* Remove extra padding */ +} + +/* Pagination customization */ +.pagination { + display: flex; + justify-content: center; + list-style: none; + border-radius: 0.375rem; + margin-left: 0 !important; + margin-right: 0 !important; + padding-left: 0 !important; /* Add some padding inside the pagination */ + padding-right: 0 !important; /* Add some padding inside the pagination */ +} + +.pagination .page-item { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.page-item.disabled .page-link { + color: var(--bs-gray-500) !important; /* Disabled state color */ + background-color: var(--bs-gray-200) !important; /* Disabled state background */ + border-color: var(--bs-gray-300) !important; /* Disabled state border */ +} + +.page-item.active .page-link { + z-index: 1; + color: var(--bs-white) !important; /* Active page color */ + background-color: var(--bs-primary) !important; /* Active page background */ + border-color: var(--bs-primary) !important; /* Active page border */ +} + +.page-item .page-link { + border-radius: 50% !important; /* Ensure circular buttons */ + margin: 0 5px; /* Add some spacing between buttons */ +} + +.page-link { + color: var(--bs-primary) !important; /* Default link color */ + background-color: var(--bs-light) !important; /* Light background for links */ + border: 1px solid var(--bs-secondary) !important; /* Border with secondary color */ + border-radius: 0.375rem; /* Rounded corners */ + padding: 0.5rem 0.75rem; + margin: 0 0.25rem; /* Adjust margin for spacing */ +} + +.page-link:hover { + color: var(--bs-white) !important; /* Hover state text color */ + background-color: var(--bs-secondary) !important; /* Hover state background */ + border-color: var(--bs-secondary) !important; /* Hover state border */ +} + +.page-link i.fa { + margin-right: 0.25rem; /* Add spacing between icon and text */ +} + +/* Align text centrally */ +.text-center { + text-align: center !important; +} + + + diff --git a/nginx/static/assets/css/material-kit-pro.css b/eveai_app/static/assets/css/material-kit-pro.css similarity index 86% rename from nginx/static/assets/css/material-kit-pro.css rename to eveai_app/static/assets/css/material-kit-pro.css index a26cf42..0e8c790 100644 --- a/nginx/static/assets/css/material-kit-pro.css +++ b/eveai_app/static/assets/css/material-kit-pro.css @@ -1,12 +1,12 @@ @charset "UTF-8"; /*! - * Bootstrap v5.2.3 (https://getbootstrap.com/) - * Copyright 2011-2022 The Bootstrap Authors - * Copyright 2011-2022 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - */ -:root { + * Bootstrap v5.3.3 (https://getbootstrap.com/) + * Copyright 2011-2024 The Bootstrap Authors + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root, +[data-bs-theme=light] { --bs-blue: #63B3ED; --bs-indigo: #596CFF; --bs-purple: #6f42c1; @@ -18,64 +18,172 @@ --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #f0f2f5; - --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-gray: #525252; + --bs-gray-dark: #262626; + --bs-gray-100: #f5f5f5; + --bs-gray-200: #e5e5e5; + --bs-gray-300: #d4d4d4; + --bs-gray-400: #a3a3a3; + --bs-gray-500: #737373; + --bs-gray-600: #525252; + --bs-gray-700: #404040; + --bs-gray-800: #262626; + --bs-gray-900: #171717; --bs-primary: #e91e63; - --bs-secondary: #7b809a; + --bs-secondary: #737373; --bs-success: #4CAF50; --bs-info: #1A73E8; --bs-warning: #fb8c00; --bs-danger: #F44335; - --bs-light: #f0f2f5; - --bs-dark: #344767; + --bs-light: #e5e5e5; + --bs-dark: #262626; --bs-white: #fff; --bs-dark-blue: #1A237E; --bs-primary-rgb: 233, 30, 99; - --bs-secondary-rgb: , 128, 154; + --bs-secondary-rgb: 115, 115, 115; --bs-success-rgb: 76, 175, 80; --bs-info-rgb: 26, 115, 232; --bs-warning-rgb: 251, 140, 0; --bs-danger-rgb: 244, 67, 53; - --bs-light-rgb: 240, 242, 245; - --bs-dark-rgb: 52, 71, 103; + --bs-light-rgb: 229, 229, 229; + --bs-dark-rgb: 38, 38, 38; --bs-white-rgb: 255, 255, 255; --bs-dark-blue-rgb: 26, 35, 126; + --bs-primary-text-emphasis: rgb(93.2, 12, 39.6); + --bs-secondary-text-emphasis: #2e2e2e; + --bs-success-text-emphasis: rgb(30.4, 70, 32); + --bs-info-text-emphasis: rgb(10.4, 46, 92.8); + --bs-warning-text-emphasis: rgb(100.4, 56, 0); + --bs-danger-text-emphasis: rgb(97.6, 26.8, 21.2); + --bs-light-text-emphasis: #404040; + --bs-dark-text-emphasis: #404040; + --bs-primary-bg-subtle: rgb(250.6, 210, 223.8); + --bs-secondary-bg-subtle: #e3e3e3; + --bs-success-bg-subtle: rgb(219.2, 239, 220); + --bs-info-bg-subtle: rgb(209.2, 227, 250.4); + --bs-warning-bg-subtle: rgb(254.2, 232, 204); + --bs-danger-bg-subtle: rgb(252.8, 217.4, 214.6); + --bs-light-bg-subtle: #fafafa; + --bs-dark-bg-subtle: #a3a3a3; + --bs-primary-border-subtle: rgb(246.2, 165, 192.6); + --bs-secondary-border-subtle: #c7c7c7; + --bs-success-border-subtle: rgb(183.4, 223, 185); + --bs-info-border-subtle: rgb(163.4, 199, 245.8); + --bs-warning-border-subtle: rgb(253.4, 209, 153); + --bs-danger-border-subtle: rgb(250.6, 179.8, 174.2); + --bs-light-border-subtle: #e5e5e5; + --bs-dark-border-subtle: #737373; --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-body-color-rgb: , 128, 154; - --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; + --bs-black-rgb: 10, 10, 10; + --bs-font-sans-serif: Inter, Helvetica, Arial, sans-serif; --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: #7b809a; + --bs-body-color: #737373; + --bs-body-color-rgb: 115, 115, 115; --bs-body-bg: #fff; + --bs-body-bg-rgb: 255, 255, 255; + --bs-emphasis-color: #0a0a0a; + --bs-emphasis-color-rgb: 10, 10, 10; + --bs-secondary-color: rgba(115, 115, 115, 0.75); + --bs-secondary-color-rgb: 115, 115, 115; + --bs-secondary-bg: #e5e5e5; + --bs-secondary-bg-rgb: 229, 229, 229; + --bs-tertiary-color: rgba(115, 115, 115, 0.5); + --bs-tertiary-color-rgb: 115, 115, 115; + --bs-tertiary-bg: #f5f5f5; + --bs-tertiary-bg-rgb: 245, 245, 245; + --bs-heading-color: #262626; + --bs-link-color: #e91e63; + --bs-link-color-rgb: 233, 30, 99; + --bs-link-decoration: none; + --bs-link-hover-color: #e91e63; + --bs-link-hover-color-rgb: 233, 30, 99; + --bs-link-hover-decoration: none; + --bs-code-color: #d63384; + --bs-highlight-color: #737373; + --bs-highlight-bg: #fcf8e3; --bs-border-width: 1px; --bs-border-style: solid; - --bs-border-color: #dee2e6; - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-color: #d4d4d4; + --bs-border-color-translucent: rgba(10, 10, 10, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.125rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 0.75rem; - --bs-border-radius-2xl: 1rem; + --bs-border-radius-xxl: 2rem; + --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; - --bs-link-color: #e91e63; - --bs-link-hover-color: #e91e63; - --bs-code-color: #d63384; - --bs-highlight-bg: #fcf8e3; + --bs-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --bs-box-shadow-sm: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --bs-box-shadow-inset: inset 0 1px 2px rgba(10, 10, 10, 0.075); + --bs-focus-ring-width: 0.25rem; + --bs-focus-ring-opacity: 0.25; + --bs-focus-ring-color: rgba(233, 30, 99, 0.25); + --bs-form-valid-color: #66d432; + --bs-form-valid-border-color: #66d432; + --bs-form-invalid-color: #fd5c70; + --bs-form-invalid-border-color: #fd5c70; +} + +[data-bs-theme=dark] { + color-scheme: dark; + --bs-body-color: #d4d4d4; + --bs-body-color-rgb: 212, 212, 212; + --bs-body-bg: #171717; + --bs-body-bg-rgb: 23, 23, 23; + --bs-emphasis-color: #fff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: rgba(212, 212, 212, 0.75); + --bs-secondary-color-rgb: 212, 212, 212; + --bs-secondary-bg: #262626; + --bs-secondary-bg-rgb: 38, 38, 38; + --bs-tertiary-color: rgba(212, 212, 212, 0.5); + --bs-tertiary-color-rgb: 212, 212, 212; + --bs-tertiary-bg: rgb(30.5, 30.5, 30.5); + --bs-tertiary-bg-rgb: 31, 31, 31; + --bs-primary-text-emphasis: rgb(241.8, 120, 161.4); + --bs-secondary-text-emphasis: #ababab; + --bs-success-text-emphasis: rgb(147.6, 207, 150); + --bs-info-text-emphasis: rgb(117.6, 171, 241.2); + --bs-warning-text-emphasis: rgb(252.6, 186, 102); + --bs-danger-text-emphasis: rgb(248.4, 142.2, 133.8); + --bs-light-text-emphasis: #f5f5f5; + --bs-dark-text-emphasis: #d4d4d4; + --bs-primary-bg-subtle: rgb(46.6, 6, 19.8); + --bs-secondary-bg-subtle: #171717; + --bs-success-bg-subtle: rgb(15.2, 35, 16); + --bs-info-bg-subtle: rgb(5.2, 23, 46.4); + --bs-warning-bg-subtle: rgb(50.2, 28, 0); + --bs-danger-bg-subtle: rgb(48.8, 13.4, 10.6); + --bs-light-bg-subtle: #262626; + --bs-dark-bg-subtle: #181818; + --bs-primary-border-subtle: rgb(139.8, 18, 59.4); + --bs-secondary-border-subtle: #454545; + --bs-success-border-subtle: rgb(45.6, 105, 48); + --bs-info-border-subtle: rgb(15.6, 69, 139.2); + --bs-warning-border-subtle: rgb(150.6, 84, 0); + --bs-danger-border-subtle: rgb(146.4, 40.2, 31.8); + --bs-light-border-subtle: #404040; + --bs-dark-border-subtle: #262626; + --bs-heading-color: inherit; + --bs-link-color: rgb(241.8, 120, 161.4); + --bs-link-hover-color: rgb(244.44, 147, 180.12); + --bs-link-color-rgb: 242, 120, 161; + --bs-link-hover-color-rgb: 244, 147, 180; + --bs-code-color: rgb(230.4, 132.6, 181.2); + --bs-highlight-color: #d4d4d4; + --bs-highlight-bg: rgb(235.94, 198.34, 132.54); + --bs-border-color: #404040; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); + --bs-form-valid-color: rgb(134.04, 231, 218.52); + --bs-form-valid-border-color: rgb(134.04, 231, 218.52); + --bs-form-invalid-color: rgb(245.4, 107.16, 107.16); + --bs-form-invalid-border-color: rgb(245.4, 107.16, 107.16); } *, @@ -100,34 +208,34 @@ body { text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: rgba(10, 10, 10, 0); } hr { margin: 1rem 0; color: inherit; border: 0; - border-top: 1px solid; + border-top: var(--bs-border-width) solid; opacity: 0.25; } -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, +h6, +.h6, h5, .h5, -h6, -.h6 { +h4, +.h4, +h3, +.h3, +h2, +.h2, +h1, +.h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 400; line-height: 1.2; - color: #344767; + color: var(--bs-heading-color); } h1, @@ -233,7 +341,7 @@ dt { } dd { - margin-bottom: .5rem; + margin-bottom: 0.5rem; margin-left: 0; } @@ -254,6 +362,7 @@ small, mark, .mark { padding: 0.2em; + color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } @@ -266,20 +375,20 @@ sup { } sub { - bottom: -.25em; + bottom: -0.25em; } sup { - top: -.5em; + top: -0.5em; } a { - color: var(--bs-link-color); + color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: none; } a:hover { - color: var(--bs-link-hover-color); + --bs-link-color-rgb: var(--bs-link-hover-color-rgb); text-decoration: none; } @@ -325,7 +434,7 @@ kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; - background-color: #212529; + background-color: #171717; border-radius: 0.125rem; } @@ -352,7 +461,7 @@ table { caption { padding-top: 0.5rem; padding-bottom: 0.5rem; - color: #6c757d; + color: #525252; text-align: left; } @@ -400,7 +509,7 @@ select { text-transform: none; } -[role="button"] { +[role=button] { cursor: pointer; } @@ -412,21 +521,21 @@ 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 { +[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, -[type="button"], -[type="reset"], -[type="submit"] { +[type=button], +[type=reset], +[type=submit] { -webkit-appearance: button; } button:not(:disabled), -[type="button"]:not(:disabled), -[type="reset"]:not(:disabled), -[type="submit"]:not(:disabled) { +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { cursor: pointer; } @@ -479,9 +588,9 @@ legend+* { height: auto; } -[type="search"] { - outline-offset: -2px; +[type=search] { -webkit-appearance: textfield; + outline-offset: -2px; } /* rtl:raw: @@ -639,11 +748,11 @@ progress { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; - color: #6c757d; + color: #525252; } .blockquote-footer::before { - content: "\2014\00A0"; + content: "— "; } .img-fluid { @@ -654,7 +763,7 @@ progress { .img-thumbnail { padding: 0.25rem; background-color: #fff; - border: 1px solid #dee2e6; + border: 1px solid #d4d4d4; border-radius: 0.375rem; max-width: 100%; height: auto; @@ -671,91 +780,100 @@ progress { .figure-caption { font-size: 0.875em; - color: #6c757d; + color: #525252; } .container, .container-fluid, -.container-sm, -.container-md, -.container-lg, +.container-xxl, .container-xl, -.container-xxl { +.container-lg, +.container-md, +.container-sm { --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); + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { - .container, - .container-sm { + .container-sm, + .container { max-width: 540px; } } @media (min-width: 768px) { - .container, + .container-md, .container-sm, - .container-md { + .container { max-width: 720px; } } @media (min-width: 992px) { - .container, - .container-sm, + .container-lg, .container-md, - .container-lg { + .container-sm, + .container { max-width: 960px; } } @media (min-width: 1200px) { - .container, - .container-sm, - .container-md, + .container-xl, .container-lg, - .container-xl { + .container-md, + .container-sm, + .container { max-width: 1140px; } } @media (min-width: 1400px) { - .container, - .container-sm, - .container-md, - .container-lg, + .container-xxl, .container-xl, - .container-xxl { + .container-lg, + .container-md, + .container-sm, + .container { 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)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.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); + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } @@ -780,7 +898,7 @@ progress { .row-cols-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-4>* { @@ -795,7 +913,7 @@ progress { .row-cols-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-auto { @@ -805,12 +923,12 @@ progress { .col-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-3 { @@ -820,12 +938,12 @@ progress { .col-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-6 { @@ -835,12 +953,12 @@ progress { .col-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-9 { @@ -850,12 +968,12 @@ progress { .col-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-12 { @@ -864,11 +982,11 @@ progress { } .offset-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-3 { @@ -876,11 +994,11 @@ progress { } .offset-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-6 { @@ -888,11 +1006,11 @@ progress { } .offset-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-9 { @@ -900,11 +1018,11 @@ progress { } .offset-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-0, @@ -1059,7 +1177,7 @@ progress { .row-cols-sm-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-sm-4>* { @@ -1074,7 +1192,7 @@ progress { .row-cols-sm-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-sm-auto { @@ -1084,12 +1202,12 @@ progress { .col-sm-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-sm-3 { @@ -1099,12 +1217,12 @@ progress { .col-sm-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-sm-6 { @@ -1114,12 +1232,12 @@ progress { .col-sm-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-sm-9 { @@ -1129,12 +1247,12 @@ progress { .col-sm-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-sm-12 { @@ -1147,11 +1265,11 @@ progress { } .offset-sm-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-sm-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-sm-3 { @@ -1159,11 +1277,11 @@ progress { } .offset-sm-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-sm-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-sm-6 { @@ -1171,11 +1289,11 @@ progress { } .offset-sm-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-sm-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-sm-9 { @@ -1183,11 +1301,11 @@ progress { } .offset-sm-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-sm-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-sm-0, @@ -1343,7 +1461,7 @@ progress { .row-cols-md-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-md-4>* { @@ -1358,7 +1476,7 @@ progress { .row-cols-md-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-md-auto { @@ -1368,12 +1486,12 @@ progress { .col-md-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-md-3 { @@ -1383,12 +1501,12 @@ progress { .col-md-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-md-6 { @@ -1398,12 +1516,12 @@ progress { .col-md-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-md-9 { @@ -1413,12 +1531,12 @@ progress { .col-md-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-md-12 { @@ -1431,11 +1549,11 @@ progress { } .offset-md-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-md-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-md-3 { @@ -1443,11 +1561,11 @@ progress { } .offset-md-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-md-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-md-6 { @@ -1455,11 +1573,11 @@ progress { } .offset-md-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-md-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-md-9 { @@ -1467,11 +1585,11 @@ progress { } .offset-md-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-md-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-md-0, @@ -1627,7 +1745,7 @@ progress { .row-cols-lg-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-lg-4>* { @@ -1642,7 +1760,7 @@ progress { .row-cols-lg-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-lg-auto { @@ -1652,12 +1770,12 @@ progress { .col-lg-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-lg-3 { @@ -1667,12 +1785,12 @@ progress { .col-lg-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-lg-6 { @@ -1682,12 +1800,12 @@ progress { .col-lg-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-lg-9 { @@ -1697,12 +1815,12 @@ progress { .col-lg-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-lg-12 { @@ -1715,11 +1833,11 @@ progress { } .offset-lg-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-lg-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-lg-3 { @@ -1727,11 +1845,11 @@ progress { } .offset-lg-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-lg-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-lg-6 { @@ -1739,11 +1857,11 @@ progress { } .offset-lg-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-lg-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-lg-9 { @@ -1751,11 +1869,11 @@ progress { } .offset-lg-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-lg-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-lg-0, @@ -1911,7 +2029,7 @@ progress { .row-cols-xl-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-xl-4>* { @@ -1926,7 +2044,7 @@ progress { .row-cols-xl-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xl-auto { @@ -1936,12 +2054,12 @@ progress { .col-xl-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xl-3 { @@ -1951,12 +2069,12 @@ progress { .col-xl-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-xl-6 { @@ -1966,12 +2084,12 @@ progress { .col-xl-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-xl-9 { @@ -1981,12 +2099,12 @@ progress { .col-xl-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-xl-12 { @@ -1999,11 +2117,11 @@ progress { } .offset-xl-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-xl-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-xl-3 { @@ -2011,11 +2129,11 @@ progress { } .offset-xl-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-xl-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-xl-6 { @@ -2023,11 +2141,11 @@ progress { } .offset-xl-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-xl-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-xl-9 { @@ -2035,11 +2153,11 @@ progress { } .offset-xl-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-xl-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-xl-0, @@ -2195,7 +2313,7 @@ progress { .row-cols-xxl-3>* { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .row-cols-xxl-4>* { @@ -2210,7 +2328,7 @@ progress { .row-cols-xxl-6>* { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xxl-auto { @@ -2220,12 +2338,12 @@ progress { .col-xxl-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xxl-3 { @@ -2235,12 +2353,12 @@ progress { .col-xxl-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-xxl-6 { @@ -2250,12 +2368,12 @@ progress { .col-xxl-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-xxl-9 { @@ -2265,12 +2383,12 @@ progress { .col-xxl-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-xxl-12 { @@ -2283,11 +2401,11 @@ progress { } .offset-xxl-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-xxl-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-xxl-3 { @@ -2295,11 +2413,11 @@ progress { } .offset-xxl-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-xxl-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-xxl-6 { @@ -2307,11 +2425,11 @@ progress { } .offset-xxl-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-xxl-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-xxl-9 { @@ -2319,11 +2437,11 @@ progress { } .offset-xxl-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-xxl-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-xxl-0, @@ -2458,28 +2576,32 @@ progress { } .table { - --bs-table-color: #7b809a; + --bs-table-color-type: initial; + --bs-table-bg-type: initial; + --bs-table-color-state: initial; + --bs-table-bg-state: initial; + --bs-table-color: #737373; --bs-table-bg: transparent; - --bs-table-border-color: #f0f2f5; + --bs-table-border-color: #e5e5e5; --bs-table-accent-bg: transparent; - --bs-table-striped-color: #7b809a; - --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: #7b809a; - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: #7b809a; - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + --bs-table-striped-color: #737373; + --bs-table-striped-bg: rgba(10, 10, 10, 0.05); + --bs-table-active-color: #737373; + --bs-table-active-bg: rgba(10, 10, 10, 0.1); + --bs-table-hover-color: #737373; + --bs-table-hover-bg: rgba(10, 10, 10, 0.075); width: 100%; margin-bottom: 1rem; - color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); } .table> :not(caption)>*>* { padding: 0.5rem 0.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: 1px; - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table>tbody { @@ -2491,7 +2613,7 @@ progress { } .table-group-divider { - border-top: 2px solid currentColor; + border-top: calc(1px * 2) solid currentColor; } .caption-top { @@ -2519,132 +2641,132 @@ progress { } .table-striped>tbody>tr:nth-of-type(odd)>* { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + --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(even) { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); + --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-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); + --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: #fbd2e0; - --bs-table-border-color: #e2bdca; - --bs-table-striped-bg: #eec8d5; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e2bdca; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e8c2cf; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: rgb(250.6, 210, 223.8); + --bs-table-border-color: rgb(226.54, 190, 202.42); + --bs-table-striped-bg: rgb(238.57, 200, 213.11); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(226.54, 190, 202.42); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(232.555, 195, 207.765); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { - --bs-table-color: #000; - --bs-table-bg: #e5e6eb; - --bs-table-border-color: #cecfd4; - --bs-table-striped-bg: #dadbdf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cecfd4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d4d5d9; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: #e3e3e3; + --bs-table-border-color: rgb(205.3, 205.3, 205.3); + --bs-table-striped-bg: rgb(216.15, 216.15, 216.15); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(205.3, 205.3, 205.3); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(210.725, 210.725, 210.725); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { - --bs-table-color: #000; - --bs-table-bg: #dbefdc; - --bs-table-border-color: #c5d7c6; - --bs-table-striped-bg: #d0e3d1; - --bs-table-striped-color: #000; - --bs-table-active-bg: #c5d7c6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #cbddcc; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: rgb(219.2, 239, 220); + --bs-table-border-color: rgb(198.28, 216.1, 199); + --bs-table-striped-bg: rgb(208.74, 227.55, 209.5); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(198.28, 216.1, 199); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(203.51, 221.825, 204.25); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { - --bs-table-color: #000; - --bs-table-bg: #d1e3fa; - --bs-table-border-color: #bccce1; - --bs-table-striped-bg: #c7d8ee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bccce1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c1d2e7; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: rgb(209.2, 227, 250.4); + --bs-table-border-color: rgb(189.28, 205.3, 226.36); + --bs-table-striped-bg: rgb(199.24, 216.15, 238.38); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(189.28, 205.3, 226.36); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(194.26, 210.725, 232.37); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { - --bs-table-color: #000; - --bs-table-bg: #fee8cc; - --bs-table-border-color: #e5d1b8; - --bs-table-striped-bg: #f1dcc2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e5d1b8; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ebd7bd; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: rgb(254.2, 232, 204); + --bs-table-border-color: rgb(229.78, 209.8, 184.6); + --bs-table-striped-bg: rgb(241.99, 220.9, 194.3); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(229.78, 209.8, 184.6); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(235.885, 215.35, 189.45); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { - --bs-table-color: #000; - --bs-table-bg: #fdd9d7; - --bs-table-border-color: #e4c3c2; - --bs-table-striped-bg: #f0cecc; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e4c3c2; - --bs-table-active-color: #000; - --bs-table-hover-bg: #eac9c7; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: rgb(252.8, 217.4, 214.6); + --bs-table-border-color: rgb(228.52, 196.66, 194.14); + --bs-table-striped-bg: rgb(240.66, 207.03, 204.37); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(228.52, 196.66, 194.14); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(234.59, 201.845, 199.255); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { - --bs-table-color: #000; - --bs-table-bg: #f0f2f5; - --bs-table-border-color: #d8dadd; - --bs-table-striped-bg: #e4e6e9; - --bs-table-striped-color: #000; - --bs-table-active-bg: #d8dadd; - --bs-table-active-color: #000; - --bs-table-hover-bg: #dee0e3; - --bs-table-hover-color: #000; + --bs-table-color: #0a0a0a; + --bs-table-bg: #e5e5e5; + --bs-table-border-color: rgb(207.1, 207.1, 207.1); + --bs-table-striped-bg: rgb(218.05, 218.05, 218.05); + --bs-table-striped-color: #0a0a0a; + --bs-table-active-bg: rgb(207.1, 207.1, 207.1); + --bs-table-active-color: #0a0a0a; + --bs-table-hover-bg: rgb(212.575, 212.575, 212.575); + --bs-table-hover-color: #0a0a0a; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; - --bs-table-bg: #344767; - --bs-table-border-color: #485976; - --bs-table-striped-bg: #3e506f; + --bs-table-bg: #262626; + --bs-table-border-color: rgb(59.7, 59.7, 59.7); + --bs-table-striped-bg: rgb(48.85, 48.85, 48.85); --bs-table-striped-color: #fff; - --bs-table-active-bg: #485976; + --bs-table-active-bg: rgb(59.7, 59.7, 59.7); --bs-table-active-color: #fff; - --bs-table-hover-bg: #435572; + --bs-table-hover-bg: rgb(54.275, 54.275, 54.275); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); @@ -2694,7 +2816,7 @@ progress { margin-bottom: 0.5rem; font-size: 0.875rem; font-weight: 400; - color: #7b809a; + color: #737373; } .col-form-label { @@ -2704,7 +2826,7 @@ progress { font-size: inherit; font-weight: 400; line-height: 1.5rem; - color: #7b809a; + color: #737373; } .col-form-label-lg { @@ -2722,7 +2844,7 @@ progress { .form-text { margin-top: 0.25rem; font-size: 0.875em; - color: #6c757d; + color: #525252; } .form-control { @@ -2732,11 +2854,11 @@ progress { font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; - color: #495057; + color: #404040; + appearance: none; background-color: transparent; background-clip: padding-box; border: 1px solid #d2d6da; - appearance: none; border-radius: 0.375rem; transition: 0.2s ease; } @@ -2747,16 +2869,16 @@ progress { } } -.form-control[type="file"] { +.form-control[type=file] { overflow: hidden; } -.form-control[type="file"]:not(:disabled):not([readonly]) { +.form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { - color: #495057; + color: #404040; background-color: transparent; border-color: transparent; outline: 0; @@ -2764,16 +2886,23 @@ progress { } .form-control::-webkit-date-and-time-value { + min-width: 85px; height: 1.5rem; + margin: 0; +} + +.form-control::-webkit-datetime-edit { + display: block; + padding: 0; } .form-control::placeholder { - color: #adb5bd; + color: #737373; opacity: 1; } .form-control:disabled { - background-color: #f0f2f5; + background-color: #e5e5e5; opacity: 1; } @@ -2781,7 +2910,7 @@ progress { padding: 0.5rem 0; margin: -0.5rem 0; margin-inline-end: 0; - color: #495057; + color: #404040; background-color: transparent; pointer-events: none; border-color: inherit; @@ -2799,7 +2928,7 @@ progress { } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: rgba(0, 0, 0, 0.05); + background-color: var(--bs-secondary-bg); } .form-control-plaintext { @@ -2808,7 +2937,7 @@ progress { padding: 0.5rem 0; margin-bottom: 0; line-height: 1.5rem; - color: #344767; + color: #262626; background-color: transparent; border: solid transparent; border-width: 1px 0; @@ -2878,6 +3007,7 @@ textarea.form-control-lg { } .form-control-color::-webkit-color-swatch { + border: 0 !important; border-radius: 0.375rem; } @@ -2890,23 +3020,23 @@ textarea.form-control-lg { } .form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.5rem 1rem 0.5rem 0; - -moz-padding-start: -3px; font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; - color: #495057; + color: #404040; + appearance: none; background-color: transparent; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0 center; background-size: 16px 12px; border: 1px solid #d2d6da; border-radius: 0.375rem; transition: 0.2s ease; - appearance: none; } @media (prefers-reduced-motion: reduce) { @@ -2928,13 +3058,13 @@ textarea.form-control-lg { } .form-select:disabled { - color: #6c757d; - background-color: #f0f2f5; + color: #525252; + background-color: #e5e5e5; } .form-select:-moz-focusring { color: transparent; - text-shadow: 0 0 0 #495057; + text-shadow: 0 0 0 #404040; } .form-select-sm { @@ -2953,6 +3083,10 @@ textarea.form-control-lg { border-radius: 0.5rem; } +[data-bs-theme=dark] .form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d4d4d4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); +} + .form-check { display: block; min-height: auto; @@ -2978,16 +3112,19 @@ textarea.form-control-lg { } .form-check-input { + --bs-form-check-bg: #fff; + flex-shrink: 0; width: 1.23em; height: 1.23em; margin-top: 0.135em; vertical-align: top; - background-color: #fff; + 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: none; - appearance: none; print-color-adjust: exact; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } @@ -2998,11 +3135,11 @@ textarea.form-control-lg { } } -.form-check-input[type="checkbox"] { +.form-check-input[type=checkbox] { border-radius: 0.35rem; } -.form-check-input[type="radio"] { +.form-check-input[type=radio] { border-radius: 50%; } @@ -3021,18 +3158,18 @@ textarea.form-control-lg { border-color: transparent; } -.form-check-input:checked[type="checkbox"] { - background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +.form-check-input:checked[type=checkbox] { + --bs-form-check-bg-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); } -.form-check-input:checked[type="radio"] { - background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +.form-check-input:checked[type=radio] { + --bs-form-check-bg-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); } -.form-check-input[type="checkbox"]:indeterminate { +.form-check-input[type=checkbox]:indeterminate { background-color: #e91e63; border-color: #e91e63; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { @@ -3052,9 +3189,10 @@ textarea.form-control-lg { } .form-switch .form-check-input { + --bs-form-switch-bg: none; width: 1.875rem; margin-left: -2.375rem; - background-image: none; + background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 1.875rem; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; @@ -3067,12 +3205,12 @@ textarea.form-control-lg { } .form-switch .form-check-input:focus { - background-image: none; + --bs-form-switch-bg: none; } .form-switch .form-check-input:checked { background-position: right center; - background-image: none; + --bs-form-switch-bg: none; } .form-switch.form-check-reverse { @@ -3103,12 +3241,16 @@ textarea.form-control-lg { opacity: 0.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='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); +} + .form-range { width: 100%; height: calc(1rem + 4px); padding: 0; - background-color: transparent; appearance: none; + background-color: transparent; } .form-range:focus { @@ -3131,11 +3273,11 @@ textarea.form-control-lg { width: 1rem; height: 1rem; margin-top: -0.25rem; + appearance: none; background-color: #e91e63; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } @media (prefers-reduced-motion: reduce) { @@ -3145,7 +3287,7 @@ textarea.form-control-lg { } .form-range::-webkit-slider-thumb:active { - background-color: #f9c1d4; + background-color: rgb(248.8987854251, 192.6012145749, 211.7368421053); } .form-range::-webkit-slider-runnable-track { @@ -3153,7 +3295,7 @@ textarea.form-control-lg { height: 0.5rem; color: transparent; cursor: pointer; - background-color: #dee2e6; + background-color: #d4d4d4; border-color: transparent; border-radius: 1rem; } @@ -3161,11 +3303,11 @@ textarea.form-control-lg { .form-range::-moz-range-thumb { width: 1rem; height: 1rem; + appearance: none; background-color: #e91e63; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } @media (prefers-reduced-motion: reduce) { @@ -3175,7 +3317,7 @@ textarea.form-control-lg { } .form-range::-moz-range-thumb:active { - background-color: #f9c1d4; + background-color: rgb(248.8987854251, 192.6012145749, 211.7368421053); } .form-range::-moz-range-track { @@ -3183,7 +3325,7 @@ textarea.form-control-lg { height: 0.5rem; color: transparent; cursor: pointer; - background-color: #dee2e6; + background-color: #d4d4d4; border-color: transparent; border-radius: 1rem; } @@ -3193,11 +3335,11 @@ textarea.form-control-lg { } .form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; + background-color: #737373; } .form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; + background-color: #737373; } .form-floating { @@ -3208,6 +3350,7 @@ textarea.form-control-lg { .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem + 2px); + min-height: calc(3.5rem + 2px); line-height: 1.25; } @@ -3215,7 +3358,7 @@ textarea.form-control-lg { position: absolute; top: 0; left: 0; - width: 100%; + z-index: 2; height: 100%; padding: 1rem 0; overflow: hidden; @@ -3267,12 +3410,25 @@ textarea.form-control-lg { .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-control-plaintext~label, .form-floating>.form-select~label { - opacity: 0.65; + color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } +.form-floating>.form-control:focus~label::after, +.form-floating>.form-control:not(:placeholder-shown)~label::after, +.form-floating>.form-control-plaintext~label::after, +.form-floating>.form-select~label::after { + position: absolute; + inset: 1rem 0; + z-index: -1; + height: 1.5em; + content: ""; + background-color: transparent; + border-radius: 0.375rem; +} + .form-floating>.form-control:-webkit-autofill~label { - opacity: 0.65; + color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } @@ -3280,6 +3436,16 @@ textarea.form-control-lg { border-width: 1px 0; } +.form-floating> :disabled~label, +.form-floating>.form-control:disabled~label { + color: #525252; +} + +.form-floating> :disabled~label::after, +.form-floating>.form-control:disabled~label::after { + background-color: #e5e5e5; +} + .input-group { position: relative; display: flex; @@ -3319,7 +3485,7 @@ textarea.form-control-lg { font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; - color: #344767; + color: #262626; text-align: center; white-space: nowrap; background-color: transparent; @@ -3351,23 +3517,23 @@ textarea.form-control-lg { } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), +.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 { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), -.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), +.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 { 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: -1px; + margin-left: calc(1px * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3393,9 +3559,9 @@ textarea.form-control-lg { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; - color: #000; + color: #0a0a0a; background-color: rgba(102, 212, 50, 0.9); border-radius: 0.375rem; } @@ -3438,8 +3604,8 @@ textarea.form-control.is-valid { .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.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.1z'/%3e%3c/svg%3e"); padding-right: 1rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.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.1z'/%3e%3c/svg%3e"); background-position: right 0 center, center right 1rem; background-size: 16px 12px, 1rem 1rem; } @@ -3476,7 +3642,7 @@ textarea.form-control.is-valid { } .form-check-inline .form-check-input~.valid-feedback { - margin-left: .5em; + margin-left: 0.5em; } .was-validated .input-group>.form-control:not(:focus):valid, @@ -3503,9 +3669,9 @@ textarea.form-control.is-valid { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; - color: #000; + color: #0a0a0a; background-color: rgba(253, 92, 112, 0.9); border-radius: 0.375rem; } @@ -3548,8 +3714,8 @@ textarea.form-control.is-invalid { .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); padding-right: 1rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); background-position: right 0 center, center right 1rem; background-size: 16px 12px, 1rem 1rem; } @@ -3586,7 +3752,7 @@ textarea.form-control.is-invalid { } .form-check-inline .form-check-input~.invalid-feedback { - margin-left: .5em; + margin-left: 0.5em; } .was-validated .input-group>.form-control:not(:focus):invalid, @@ -3599,19 +3765,19 @@ textarea.form-control.is-invalid { } .btn { - --bs-btn-padding-x: 1.5rem; + --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 0.625rem; --bs-btn-font-family: ; - --bs-btn-font-size: 0.75rem; - --bs-btn-font-weight: 700; - --bs-btn-line-height: 1.667; - --bs-btn-color: #7b809a; + --bs-btn-font-size: 0.875rem; + --bs-btn-font-weight: 500; + --bs-btn-line-height: 1.25rem; + --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; - --bs-btn-border-radius: 0.5rem; + --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; - --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + --bs-btn-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; @@ -3681,6 +3847,10 @@ textarea.form-control.is-invalid { 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 { @@ -3692,52 +3862,52 @@ fieldset:disabled .btn { } .btn-primary { - --bs-btn-color: #000; + --bs-btn-color: #0a0a0a; --bs-btn-bg: #e91e63; --bs-btn-border-color: #e91e63; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ec407a; - --bs-btn-hover-border-color: #eb3573; - --bs-btn-focus-shadow-rgb: 198, 26, 84; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ed4b82; - --bs-btn-active-border-color: #eb3573; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: rgb(236.3, 63.75, 122.4); + --bs-btn-hover-border-color: rgb(235.2, 52.5, 114.6); + --bs-btn-focus-shadow-rgb: 200, 27, 86; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: rgb(237.4, 75, 130.2); + --bs-btn-active-border-color: rgb(235.2, 52.5, 114.6); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; + --bs-btn-disabled-color: #0a0a0a; --bs-btn-disabled-bg: #e91e63; --bs-btn-disabled-border-color: #e91e63; } .btn-secondary { - --bs-btn-color: #000; - --bs-btn-bg: #7b809a; - --bs-btn-border-color: #7b809a; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #8f93a9; - --bs-btn-hover-border-color: #888da4; - --bs-btn-focus-shadow-rgb: 105, 109, 131; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #9599ae; - --bs-btn-active-border-color: #888da4; + --bs-btn-color: #fff; + --bs-btn-bg: #737373; + --bs-btn-border-color: #737373; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: rgb(97.75, 97.75, 97.75); + --bs-btn-hover-border-color: #5c5c5c; + --bs-btn-focus-shadow-rgb: 136, 136, 136; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #5c5c5c; + --bs-btn-active-border-color: rgb(86.25, 86.25, 86.25); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #7b809a; - --bs-btn-disabled-border-color: #7b809a; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #737373; + --bs-btn-disabled-border-color: #737373; } .btn-success { - --bs-btn-color: #000; + --bs-btn-color: #0a0a0a; --bs-btn-bg: #4CAF50; --bs-btn-border-color: #4CAF50; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #67bb6a; - --bs-btn-hover-border-color: #5eb762; - --bs-btn-focus-shadow-rgb: 65, 149, 68; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #70bf73; - --bs-btn-active-border-color: #5eb762; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: rgb(102.85, 187, 106.25); + --bs-btn-hover-border-color: rgb(93.9, 183, 97.5); + --bs-btn-focus-shadow-rgb: 66, 150, 70; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: rgb(111.8, 191, 115); + --bs-btn-active-border-color: rgb(93.9, 183, 97.5); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; + --bs-btn-disabled-color: #0a0a0a; --bs-btn-disabled-bg: #4CAF50; --bs-btn-disabled-border-color: #4CAF50; } @@ -3747,12 +3917,12 @@ fieldset:disabled .btn { --bs-btn-bg: #1A73E8; --bs-btn-border-color: #1A73E8; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #1662c5; - --bs-btn-hover-border-color: #155cba; + --bs-btn-hover-bg: rgb(22.1, 97.75, 197.2); + --bs-btn-hover-border-color: rgb(20.8, 92, 185.6); --bs-btn-focus-shadow-rgb: 60, 136, 235; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #155cba; - --bs-btn-active-border-color: #1456ae; + --bs-btn-active-bg: rgb(20.8, 92, 185.6); + --bs-btn-active-border-color: rgb(19.5, 86.25, 174); --bs-btn-active-shadow: none; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1A73E8; @@ -3760,86 +3930,86 @@ fieldset:disabled .btn { } .btn-warning { - --bs-btn-color: #000; + --bs-btn-color: #0a0a0a; --bs-btn-bg: #fb8c00; --bs-btn-border-color: #fb8c00; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fc9d26; - --bs-btn-hover-border-color: #fb981a; - --bs-btn-focus-shadow-rgb: 213, 119, 0; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #fca333; - --bs-btn-active-border-color: #fb981a; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: rgb(251.6, 157.25, 38.25); + --bs-btn-hover-border-color: rgb(251.4, 151.5, 25.5); + --bs-btn-focus-shadow-rgb: 215, 121, 2; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: rgb(251.8, 163, 51); + --bs-btn-active-border-color: rgb(251.4, 151.5, 25.5); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; + --bs-btn-disabled-color: #0a0a0a; --bs-btn-disabled-bg: #fb8c00; --bs-btn-disabled-border-color: #fb8c00; } .btn-danger { - --bs-btn-color: #000; + --bs-btn-color: #0a0a0a; --bs-btn-bg: #F44335; --bs-btn-border-color: #F44335; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f65f53; - --bs-btn-hover-border-color: #f55649; - --bs-btn-focus-shadow-rgb: 207, 57, 45; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f6695d; - --bs-btn-active-border-color: #f55649; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: rgb(245.65, 95.2, 83.3); + --bs-btn-hover-border-color: rgb(245.1, 85.8, 73.2); + --bs-btn-focus-shadow-rgb: 209, 58, 47; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: rgb(246.2, 104.6, 93.4); + --bs-btn-active-border-color: rgb(245.1, 85.8, 73.2); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; + --bs-btn-disabled-color: #0a0a0a; --bs-btn-disabled-bg: #F44335; --bs-btn-disabled-border-color: #F44335; } .btn-light { - --bs-btn-color: #000; - --bs-btn-bg: #f0f2f5; - --bs-btn-border-color: #f0f2f5; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ccced0; - --bs-btn-hover-border-color: #c0c2c4; - --bs-btn-focus-shadow-rgb: 204, 206, 208; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #c0c2c4; - --bs-btn-active-border-color: #b4b6b8; + --bs-btn-color: #0a0a0a; + --bs-btn-bg: #e5e5e5; + --bs-btn-border-color: #e5e5e5; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: rgb(194.65, 194.65, 194.65); + --bs-btn-hover-border-color: rgb(183.2, 183.2, 183.2); + --bs-btn-focus-shadow-rgb: 196, 196, 196; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: rgb(183.2, 183.2, 183.2); + --bs-btn-active-border-color: rgb(171.75, 171.75, 171.75); --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #f0f2f5; - --bs-btn-disabled-border-color: #f0f2f5; + --bs-btn-disabled-color: #0a0a0a; + --bs-btn-disabled-bg: #e5e5e5; + --bs-btn-disabled-border-color: #e5e5e5; } .btn-dark { --bs-btn-color: #fff; - --bs-btn-bg: #344767; - --bs-btn-border-color: #344767; + --bs-btn-bg: #262626; + --bs-btn-border-color: #262626; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #52637e; - --bs-btn-hover-border-color: #485976; - --bs-btn-focus-shadow-rgb: 82, 99, 126; + --bs-btn-hover-bg: rgb(70.55, 70.55, 70.55); + --bs-btn-hover-border-color: rgb(59.7, 59.7, 59.7); + --bs-btn-focus-shadow-rgb: 71, 71, 71; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #5d6c85; - --bs-btn-active-border-color: #485976; + --bs-btn-active-bg: rgb(81.4, 81.4, 81.4); + --bs-btn-active-border-color: rgb(59.7, 59.7, 59.7); --bs-btn-active-shadow: none; --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #344767; - --bs-btn-disabled-border-color: #344767; + --bs-btn-disabled-bg: #262626; + --bs-btn-disabled-border-color: #262626; } .btn-white { - --bs-btn-color: #000; + --bs-btn-color: #0a0a0a; --bs-btn-bg: #fff; --bs-btn-border-color: #fff; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: white; --bs-btn-hover-border-color: white; - --bs-btn-focus-shadow-rgb: 217, 217, 217; - --bs-btn-active-color: #000; + --bs-btn-focus-shadow-rgb: 218, 218, 218; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: white; --bs-btn-active-border-color: white; --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; + --bs-btn-disabled-color: #0a0a0a; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-border-color: #fff; } @@ -3849,12 +4019,12 @@ fieldset:disabled .btn { --bs-btn-bg: #1A237E; --bs-btn-border-color: #1A237E; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #161e6b; - --bs-btn-hover-border-color: #151c65; + --bs-btn-hover-bg: rgb(22.1, 29.75, 107.1); + --bs-btn-hover-border-color: rgb(20.8, 28, 100.8); --bs-btn-focus-shadow-rgb: 60, 68, 145; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #151c65; - --bs-btn-active-border-color: #141a5f; + --bs-btn-active-bg: rgb(20.8, 28, 100.8); + --bs-btn-active-border-color: rgb(19.5, 26.25, 94.5); --bs-btn-active-shadow: none; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1A237E; @@ -3864,11 +4034,11 @@ fieldset:disabled .btn { .btn-outline-primary { --bs-btn-color: #e91e63; --bs-btn-border-color: #e91e63; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: #e91e63; --bs-btn-hover-border-color: #e91e63; --bs-btn-focus-shadow-rgb: 233, 30, 99; - --bs-btn-active-color: #000; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: #e91e63; --bs-btn-active-border-color: #e91e63; --bs-btn-active-shadow: none; @@ -3879,30 +4049,30 @@ fieldset:disabled .btn { } .btn-outline-secondary { - --bs-btn-color: #7b809a; - --bs-btn-border-color: #7b809a; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #7b809a; - --bs-btn-hover-border-color: #7b809a; - --bs-btn-focus-shadow-rgb: , 128, 154; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #7b809a; - --bs-btn-active-border-color: #7b809a; + --bs-btn-color: #737373; + --bs-btn-border-color: #737373; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #737373; + --bs-btn-hover-border-color: #737373; + --bs-btn-focus-shadow-rgb: 115, 115, 115; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #737373; + --bs-btn-active-border-color: #737373; --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #7b809a; + --bs-btn-disabled-color: #737373; --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #7b809a; + --bs-btn-disabled-border-color: #737373; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #4CAF50; --bs-btn-border-color: #4CAF50; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: #4CAF50; --bs-btn-hover-border-color: #4CAF50; --bs-btn-focus-shadow-rgb: 76, 175, 80; - --bs-btn-active-color: #000; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: #4CAF50; --bs-btn-active-border-color: #4CAF50; --bs-btn-active-shadow: none; @@ -3932,11 +4102,11 @@ fieldset:disabled .btn { .btn-outline-warning { --bs-btn-color: #fb8c00; --bs-btn-border-color: #fb8c00; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: #fb8c00; --bs-btn-hover-border-color: #fb8c00; --bs-btn-focus-shadow-rgb: 251, 140, 0; - --bs-btn-active-color: #000; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: #fb8c00; --bs-btn-active-border-color: #fb8c00; --bs-btn-active-shadow: none; @@ -3949,11 +4119,11 @@ fieldset:disabled .btn { .btn-outline-danger { --bs-btn-color: #F44335; --bs-btn-border-color: #F44335; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: #F44335; --bs-btn-hover-border-color: #F44335; --bs-btn-focus-shadow-rgb: 244, 67, 53; - --bs-btn-active-color: #000; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: #F44335; --bs-btn-active-border-color: #F44335; --bs-btn-active-shadow: none; @@ -3964,47 +4134,47 @@ fieldset:disabled .btn { } .btn-outline-light { - --bs-btn-color: #f0f2f5; - --bs-btn-border-color: #f0f2f5; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f0f2f5; - --bs-btn-hover-border-color: #f0f2f5; - --bs-btn-focus-shadow-rgb: 240, 242, 245; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f0f2f5; - --bs-btn-active-border-color: #f0f2f5; + --bs-btn-color: #e5e5e5; + --bs-btn-border-color: #e5e5e5; + --bs-btn-hover-color: #0a0a0a; + --bs-btn-hover-bg: #e5e5e5; + --bs-btn-hover-border-color: #e5e5e5; + --bs-btn-focus-shadow-rgb: 229, 229, 229; + --bs-btn-active-color: #0a0a0a; + --bs-btn-active-bg: #e5e5e5; + --bs-btn-active-border-color: #e5e5e5; --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #f0f2f5; + --bs-btn-disabled-color: #e5e5e5; --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #f0f2f5; + --bs-btn-disabled-border-color: #e5e5e5; --bs-gradient: none; } .btn-outline-dark { - --bs-btn-color: #344767; - --bs-btn-border-color: #344767; + --bs-btn-color: #262626; + --bs-btn-border-color: #262626; --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #344767; - --bs-btn-hover-border-color: #344767; - --bs-btn-focus-shadow-rgb: 52, 71, 103; + --bs-btn-hover-bg: #262626; + --bs-btn-hover-border-color: #262626; + --bs-btn-focus-shadow-rgb: 38, 38, 38; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #344767; - --bs-btn-active-border-color: #344767; + --bs-btn-active-bg: #262626; + --bs-btn-active-border-color: #262626; --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #344767; + --bs-btn-disabled-color: #262626; --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #344767; + --bs-btn-disabled-border-color: #262626; --bs-gradient: none; } .btn-outline-white { --bs-btn-color: #fff; --bs-btn-border-color: #fff; - --bs-btn-hover-color: #000; + --bs-btn-hover-color: #0a0a0a; --bs-btn-hover-bg: #fff; --bs-btn-hover-border-color: #fff; --bs-btn-focus-shadow-rgb: 255, 255, 255; - --bs-btn-active-color: #000; + --bs-btn-active-color: #0a0a0a; --bs-btn-active-bg: #fff; --bs-btn-active-border-color: #fff; --bs-btn-active-shadow: none; @@ -4040,10 +4210,10 @@ fieldset:disabled .btn { --bs-btn-hover-border-color: transparent; --bs-btn-active-color: #e91e63; --bs-btn-active-border-color: transparent; - --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-color: #525252; --bs-btn-disabled-border-color: transparent; - --bs-btn-box-shadow: none; - --bs-btn-focus-shadow-rgb: 198, 26, 84; + --bs-btn-box-shadow: 0 0 0 #000; + --bs-btn-focus-shadow-rgb: 200, 27, 86; text-decoration: none; } @@ -4153,7 +4323,7 @@ fieldset:disabled .btn { --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 1.625rem; --bs-dropdown-font-size: 0.875rem; - --bs-dropdown-color: #7b809a; + --bs-dropdown-color: #737373; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: transparent; --bs-dropdown-border-radius: 0.375rem; @@ -4162,15 +4332,15 @@ fieldset:disabled .btn { --bs-dropdown-divider-bg: transparent; --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - --bs-dropdown-link-color: #7b809a; - --bs-dropdown-link-hover-color: #344767; - --bs-dropdown-link-hover-bg: #f0f2f5; - --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-color: #737373; + --bs-dropdown-link-hover-color: #262626; + --bs-dropdown-link-hover-bg: #e5e5e5; + --bs-dropdown-link-active-color: #737373; --bs-dropdown-link-active-bg: transparent; - --bs-dropdown-link-disabled-color: #6c757d; + --bs-dropdown-link-disabled-color: #525252; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.3rem; - --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-color: #525252; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; @@ -4418,6 +4588,7 @@ fieldset:disabled .btn { white-space: nowrap; background-color: transparent; border: 0; + border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, @@ -4460,18 +4631,18 @@ fieldset:disabled .btn { } .dropdown-menu-dark { - --bs-dropdown-color: #dee2e6; - --bs-dropdown-bg: #343a40; + --bs-dropdown-color: #d4d4d4; + --bs-dropdown-bg: #262626; --bs-dropdown-border-color: transparent; --bs-dropdown-box-shadow: ; - --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-color: #d4d4d4; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: transparent; --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-active-color: #737373; --bs-dropdown-link-active-bg: transparent; - --bs-dropdown-link-disabled-color: #adb5bd; - --bs-dropdown-header-color: #adb5bd; + --bs-dropdown-link-disabled-color: #737373; + --bs-dropdown-header-color: #737373; } .btn-group, @@ -4513,12 +4684,12 @@ fieldset:disabled .btn { } .btn-group { - border-radius: 0.5rem; + border-radius: 0.375rem; } .btn-group> :not(.btn-check:first-child)+.btn, .btn-group>.btn-group:not(:first-child) { - margin-left: -1px; + margin-left: calc(1px * -1); } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), @@ -4528,7 +4699,7 @@ fieldset:disabled .btn { border-bottom-right-radius: 0; } -.btn-group>.btn:nth-child(n + 3), +.btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; @@ -4536,8 +4707,8 @@ fieldset:disabled .btn { } .dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; + padding-right: 0.75rem; + padding-left: 0.75rem; } .dropdown-toggle-split::after, @@ -4575,7 +4746,7 @@ fieldset:disabled .btn { .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { - margin-top: -1px; + margin-top: calc(1px * -1); } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), @@ -4596,7 +4767,7 @@ fieldset:disabled .btn { --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: #6c757d; + --bs-nav-link-disabled-color: #525252; display: flex; flex-wrap: wrap; padding-left: 0; @@ -4610,6 +4781,8 @@ fieldset:disabled .btn { font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); + background: none; + border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @@ -4624,7 +4797,13 @@ fieldset:disabled .btn { color: var(--bs-nav-link-hover-color); } -.nav-link.disabled { +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25); +} + +.nav-link.disabled, +.nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; @@ -4632,18 +4811,17 @@ fieldset:disabled .btn { .nav-tabs { --bs-nav-tabs-border-width: 1px; - --bs-nav-tabs-border-color: #dee2e6; + --bs-nav-tabs-border-color: #d4d4d4; --bs-nav-tabs-border-radius: 0.375rem; - --bs-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6; - --bs-nav-tabs-link-active-color: #495057; + --bs-nav-tabs-link-hover-border-color: #e5e5e5 #e5e5e5 #d4d4d4; + --bs-nav-tabs-link-active-color: #404040; --bs-nav-tabs-link-active-bg: #fff; - --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + --bs-nav-tabs-link-active-border-color: #d4d4d4 #d4d4d4 #fff; 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)); - background: none; 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); @@ -4655,13 +4833,6 @@ fieldset:disabled .btn { border-color: var(--bs-nav-tabs-link-hover-border-color); } -.nav-tabs .nav-link.disabled, -.nav-tabs .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; -} - .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); @@ -4677,28 +4848,45 @@ fieldset:disabled .btn { .nav-pills { --bs-nav-pills-border-radius: 0.75rem; - --bs-nav-pills-link-active-color: #344767; + --bs-nav-pills-link-active-color: #262626; --bs-nav-pills-link-active-bg: #fff; } .nav-pills .nav-link { - background: none; - border: 0; border-radius: var(--bs-nav-pills-border-radius); } -.nav-pills .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; -} - .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:hover, +.nav-underline .nav-link:focus { + border-bottom-color: currentcolor; +} + +.nav-underline .nav-link.active, +.nav-underline .show>.nav-link { + font-weight: 600; + color: var(--bs-nav-underline-link-active-color); + border-bottom-color: currentcolor; +} + .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; @@ -4726,24 +4914,24 @@ fieldset:disabled .btn { } .navbar { - --bs-navbar-padding-x: 1rem; + --bs-navbar-padding-x: 0.75rem; --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: #344767; - --bs-navbar-hover-color: rgba(52, 71, 103, 0.7); - --bs-navbar-disabled-color: rgba(52, 71, 103, 0.3); - --bs-navbar-active-color: rgba(52, 71, 103, 0.9); + --bs-navbar-color: #262626; + --bs-navbar-hover-color: rgba(38, 38, 38, 0.7); + --bs-navbar-disabled-color: rgba(38, 38, 38, 0.3); + --bs-navbar-active-color: rgba(38, 38, 38, 0.9); --bs-navbar-brand-padding-y: 0.40625rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.125rem; - --bs-navbar-brand-color: rgba(52, 71, 103, 0.9); - --bs-navbar-brand-hover-color: rgba(52, 71, 103, 0.9); + --bs-navbar-brand-color: rgba(38, 38, 38, 0.9); + --bs-navbar-brand-hover-color: rgba(38, 38, 38, 0.9); --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.125rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); - --bs-navbar-toggler-border-color: rgba(52, 71, 103, 0.1); - --bs-navbar-toggler-border-radius: 0.5rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(38, 38, 38, 0.1); + --bs-navbar-toggler-border-radius: 0.375rem; --bs-navbar-toggler-focus-width: 0.2rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; @@ -4795,8 +4983,8 @@ fieldset:disabled .btn { list-style: none; } -.navbar-nav .show>.nav-link, -.navbar-nav .nav-link.active { +.navbar-nav .nav-link.active, +.navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } @@ -5205,7 +5393,8 @@ fieldset:disabled .btn { overflow-y: visible; } -.navbar-dark { +.navbar-dark, +.navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.85); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); @@ -5216,15 +5405,21 @@ fieldset:disabled .btn { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } +[data-bs-theme=dark] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%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: 0; - --bs-card-border-color: rgba(0, 0, 0, 0.125); - --bs-card-border-radius: 0.75rem; - --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - --bs-card-inner-border-radius: 0.75rem; + --bs-card-border-color: #e5e5e5; + --bs-card-border-radius: 0.5rem; + --bs-card-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + --bs-card-inner-border-radius: 0.5rem; --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: #fff; @@ -5239,6 +5434,7 @@ fieldset:disabled .btn { 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; @@ -5281,11 +5477,13 @@ fieldset:disabled .btn { .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-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; + color: var(--bs-card-subtitle-color); } .card-text:last-child { @@ -5320,9 +5518,9 @@ fieldset:disabled .btn { } .card-header-tabs { - margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-right: calc(-0.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)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } @@ -5332,8 +5530,8 @@ fieldset:disabled .btn { } .card-header-pills { - margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); - margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { @@ -5416,27 +5614,26 @@ fieldset:disabled .btn { } .accordion { - --bs-accordion-color: #7b809a; + --bs-accordion-color: #737373; --bs-accordion-bg: transparent; --bs-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease; - --bs-accordion-border-color: rgba(0, 0, 0, 0.125); + --bs-accordion-border-color: rgba(10, 10, 10, 0.125); --bs-accordion-border-width: 0; --bs-accordion-border-radius: 0.125rem; --bs-accordion-inner-border-radius: 0.125rem; --bs-accordion-btn-padding-x: 0rem; --bs-accordion-btn-padding-y: 1rem; - --bs-accordion-btn-color: #7b809a; + --bs-accordion-btn-color: #737373; --bs-accordion-btn-bg: transparent; --bs-accordion-btn-icon: none; --bs-accordion-btn-icon-width: 1rem; --bs-accordion-btn-icon-transform: rotate(180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: none; - --bs-accordion-btn-focus-border-color: transparent; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-body-padding-x: 0rem; --bs-accordion-body-padding-y: 1rem; - --bs-accordion-active-color: #344767; + --bs-accordion-active-color: #262626; --bs-accordion-active-bg: transparent; } @@ -5497,7 +5694,6 @@ fieldset:disabled .btn { .accordion-button:focus { z-index: 3; - border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } @@ -5517,7 +5713,7 @@ fieldset:disabled .btn { border-top-right-radius: var(--bs-accordion-border-radius); } -.accordion-item:first-of-type .accordion-button { +.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); } @@ -5531,12 +5727,12 @@ fieldset:disabled .btn { border-bottom-left-radius: var(--bs-accordion-border-radius); } -.accordion-item:last-of-type .accordion-button.collapsed { +.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 { +.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); } @@ -5545,38 +5741,43 @@ fieldset:disabled .btn { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } -.accordion-flush .accordion-collapse { - border-width: 0; -} - -.accordion-flush .accordion-item { +.accordion-flush>.accordion-item { border-right: 0; border-left: 0; border-radius: 0; } -.accordion-flush .accordion-item:first-child { +.accordion-flush>.accordion-item:first-child { border-top: 0; } -.accordion-flush .accordion-item:last-child { +.accordion-flush>.accordion-item:last-child { border-bottom: 0; } -.accordion-flush .accordion-item .accordion-button, -.accordion-flush .accordion-item .accordion-button.collapsed { +.accordion-flush>.accordion-item>.accordion-header .accordion-button, +.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { border-radius: 0; } +.accordion-flush>.accordion-item>.accordion-collapse { + border-radius: 0; +} + +[data-bs-theme=dark] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28241.8, 120, 161.4%29'%3e%3cpath fill-rule='evenodd' d='M1.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-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28241.8, 120, 161.4%29'%3e%3cpath fill-rule='evenodd' d='M1.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-.708z'/%3e%3c/svg%3e"); +} + .breadcrumb { --bs-breadcrumb-padding-x: 1rem; --bs-breadcrumb-padding-y: 0.5rem; --bs-breadcrumb-margin-bottom: 1rem; - --bs-breadcrumb-bg: #f0f2f5; + --bs-breadcrumb-bg: #e5e5e5; --bs-breadcrumb-border-radius: 0.375rem; - --bs-breadcrumb-divider-color: #6c757d; + --bs-breadcrumb-divider-color: #525252; --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: #6c757d; + --bs-breadcrumb-item-active-color: #525252; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); @@ -5611,20 +5812,20 @@ fieldset:disabled .btn { --bs-pagination-color: #e91e63; --bs-pagination-bg: #fff; --bs-pagination-border-width: 1px; - --bs-pagination-border-color: #dee2e6; + --bs-pagination-border-color: #d4d4d4; --bs-pagination-border-radius: 0.375rem; --bs-pagination-hover-color: #e91e63; - --bs-pagination-hover-bg: #f0f2f5; - --bs-pagination-hover-border-color: #dee2e6; + --bs-pagination-hover-bg: #e5e5e5; + --bs-pagination-hover-border-color: #d4d4d4; --bs-pagination-focus-color: #e91e63; - --bs-pagination-focus-bg: #f0f2f5; + --bs-pagination-focus-bg: #e5e5e5; --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #e91e63; --bs-pagination-active-border-color: #e91e63; - --bs-pagination-disabled-color: #6c757d; + --bs-pagination-disabled-color: #525252; --bs-pagination-disabled-bg: #fff; - --bs-pagination-disabled-border-color: #dee2e6; + --bs-pagination-disabled-border-color: #d4d4d4; display: flex; padding-left: 0; list-style: none; @@ -5679,7 +5880,7 @@ fieldset:disabled .btn { } .page-item:not(:first-child) .page-link { - margin-left: -1px; + margin-left: calc(1px * -1); } .page-item:first-child .page-link { @@ -5696,14 +5897,14 @@ fieldset:disabled .btn { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.125rem; - --bs-pagination-border-radius: 0.5rem; + --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: 0.125rem; + --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { @@ -5743,6 +5944,7 @@ fieldset:disabled .btn { --bs-alert-border-color: transparent; --bs-alert-border: 0 solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.375rem; + --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); @@ -5758,6 +5960,7 @@ fieldset:disabled .btn { .alert-link { font-weight: 600; + color: var(--bs-alert-link-color); } .alert-dismissible { @@ -5773,103 +5976,73 @@ fieldset:disabled .btn { } .alert-primary { - --bs-alert-color: #8cb; - --bs-alert-bg: #fbd2e0; - --bs-alert-border-color: #f8bcd0; -} - -.alert-primary .alert-link { - color: #700e2f; + --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: #4a4d5c; - --bs-alert-bg: #e5e6eb; - --bs-alert-border-color: #d7d9e1; -} - -.alert-secondary .alert-link { - color: #3b3e4a; + --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: #2e6930; - --bs-alert-bg: #dbefdc; - --bs-alert-border-color: #c9e7cb; -} - -.alert-success .alert-link { - color: #255426; + --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: #10458b; - --bs-alert-bg: #d1e3fa; - --bs-alert-border-color: #bad5f8; -} - -.alert-info .alert-link { - color: #0d376f; + --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: #975400; - --bs-alert-bg: #fee8cc; - --bs-alert-border-color: #feddb3; -} - -.alert-warning .alert-link { - color: #794300; + --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: #922820; - --bs-alert-bg: #fdd9d7; - --bs-alert-border-color: #fcc7c2; -} - -.alert-danger .alert-link { - color: #75201a; + --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: #606162; - --bs-alert-bg: #fcfcfd; - --bs-alert-border-color: #fbfbfc; -} - -.alert-light .alert-link { - color: #4d4e4e; + --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: #1f2b3e; - --bs-alert-bg: #d6dae1; - --bs-alert-border-color: #c2c8d1; -} - -.alert-dark .alert-link { - color: #192232; + --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); } .alert-white { - --bs-alert-color: #666666; - --bs-alert-bg: white; - --bs-alert-border-color: white; -} - -.alert-white .alert-link { - color: #525252; + --bs-alert-color: var(--bs-white-text-emphasis); + --bs-alert-bg: var(--bs-white-bg-subtle); + --bs-alert-border-color: var(--bs-white-border-subtle); + --bs-alert-link-color: var(--bs-white-text-emphasis); } .alert-dark-blue { - --bs-alert-color: #10154c; - --bs-alert-bg: #d1d3e5; - --bs-alert-border-color: #babdd8; -} - -.alert-dark-blue .alert-link { - color: #0d113d; + --bs-alert-color: var(--bs-dark-blue-text-emphasis); + --bs-alert-bg: var(--bs-dark-blue-bg-subtle); + --bs-alert-border-color: var(--bs-dark-blue-border-subtle); + --bs-alert-link-color: var(--bs-dark-blue-text-emphasis); } @keyframes progress-bar-stripes { @@ -5878,12 +6051,13 @@ fieldset:disabled .btn { } } -.progress { +.progress, +.progress-stacked { --bs-progress-height: 6px; --bs-progress-font-size: 0.75rem; - --bs-progress-bg: #f0f2f5; + --bs-progress-bg: #e5e5e5; --bs-progress-border-radius: 0.125rem; - --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-progress-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #e91e63; --bs-progress-bar-transition: width 0.6s ease; @@ -5918,6 +6092,14 @@ fieldset:disabled .btn { 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; } @@ -5931,17 +6113,17 @@ fieldset:disabled .btn { .list-group { --bs-list-group-color: inherit; --bs-list-group-bg: #fff; - --bs-list-group-border-color: rgba(0, 0, 0, 0.125); + --bs-list-group-border-color: rgba(10, 10, 10, 0.125); --bs-list-group-border-width: 1px; --bs-list-group-border-radius: 0.375rem; --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: #495057; - --bs-list-group-action-hover-color: #495057; - --bs-list-group-action-hover-bg: #f8f9fa; - --bs-list-group-action-active-color: #7b809a; - --bs-list-group-action-active-bg: #f0f2f5; - --bs-list-group-disabled-color: #6c757d; + --bs-list-group-action-color: #404040; + --bs-list-group-action-hover-color: #404040; + --bs-list-group-action-hover-bg: #f5f5f5; + --bs-list-group-action-active-color: #737373; + --bs-list-group-action-active-bg: #e5e5e5; + --bs-list-group-disabled-color: #525252; --bs-list-group-disabled-bg: #fff; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #e91e63; @@ -6215,208 +6397,180 @@ fieldset:disabled .btn { } .list-group-item-primary { - color: #8cb; - background-color: #fbd2e0; -} - -.list-group-item-primary.list-group-item-action:hover, -.list-group-item-primary.list-group-item-action:focus { - color: #8cb; - background-color: #e2bdca; -} - -.list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #8cb; - border-color: #8cb; + --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 { - color: #4a4d5c; - background-color: #e5e6eb; -} - -.list-group-item-secondary.list-group-item-action:hover, -.list-group-item-secondary.list-group-item-action:focus { - color: #4a4d5c; - background-color: #cecfd4; -} - -.list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #4a4d5c; - border-color: #4a4d5c; + --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 { - color: #2e6930; - background-color: #dbefdc; -} - -.list-group-item-success.list-group-item-action:hover, -.list-group-item-success.list-group-item-action:focus { - color: #2e6930; - background-color: #c5d7c6; -} - -.list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #2e6930; - border-color: #2e6930; + --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 { - color: #10458b; - background-color: #d1e3fa; -} - -.list-group-item-info.list-group-item-action:hover, -.list-group-item-info.list-group-item-action:focus { - color: #10458b; - background-color: #bccce1; -} - -.list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #10458b; - border-color: #10458b; + --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 { - color: #975400; - background-color: #fee8cc; -} - -.list-group-item-warning.list-group-item-action:hover, -.list-group-item-warning.list-group-item-action:focus { - color: #975400; - background-color: #e5d1b8; -} - -.list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #975400; - border-color: #975400; + --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 { - color: #922820; - background-color: #fdd9d7; -} - -.list-group-item-danger.list-group-item-action:hover, -.list-group-item-danger.list-group-item-action:focus { - color: #922820; - background-color: #e4c3c2; -} - -.list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #922820; - border-color: #922820; + --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 { - color: #606162; - background-color: #fcfcfd; -} - -.list-group-item-light.list-group-item-action:hover, -.list-group-item-light.list-group-item-action:focus { - color: #606162; - background-color: #e3e3e4; -} - -.list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #606162; - border-color: #606162; + --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 { - color: #1f2b3e; - background-color: #d6dae1; -} - -.list-group-item-dark.list-group-item-action:hover, -.list-group-item-dark.list-group-item-action:focus { - color: #1f2b3e; - background-color: #c1c4cb; -} - -.list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1f2b3e; - border-color: #1f2b3e; + --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); } .list-group-item-white { - color: #666666; - background-color: white; -} - -.list-group-item-white.list-group-item-action:hover, -.list-group-item-white.list-group-item-action:focus { - color: #666666; - background-color: #e6e6e6; -} - -.list-group-item-white.list-group-item-action.active { - color: #fff; - background-color: #666666; - border-color: #666666; + --bs-list-group-color: var(--bs-white-text-emphasis); + --bs-list-group-bg: var(--bs-white-bg-subtle); + --bs-list-group-border-color: var(--bs-white-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-white-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-white-border-subtle); + --bs-list-group-active-color: var(--bs-white-bg-subtle); + --bs-list-group-active-bg: var(--bs-white-text-emphasis); + --bs-list-group-active-border-color: var(--bs-white-text-emphasis); } .list-group-item-dark-blue { - color: #10154c; - background-color: #d1d3e5; -} - -.list-group-item-dark-blue.list-group-item-action:hover, -.list-group-item-dark-blue.list-group-item-action:focus { - color: #10154c; - background-color: #bcbece; -} - -.list-group-item-dark-blue.list-group-item-action.active { - color: #fff; - background-color: #10154c; - border-color: #10154c; + --bs-list-group-color: var(--bs-dark-blue-text-emphasis); + --bs-list-group-bg: var(--bs-dark-blue-bg-subtle); + --bs-list-group-border-color: var(--bs-dark-blue-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-dark-blue-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-dark-blue-border-subtle); + --bs-list-group-active-color: var(--bs-dark-blue-bg-subtle); + --bs-list-group-active-bg: var(--bs-dark-blue-text-emphasis); + --bs-list-group-active-border-color: var(--bs-dark-blue-text-emphasis); } .btn-close { + --bs-btn-close-color: #fff; + --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"); + --bs-btn-close-opacity: 0.5; + --bs-btn-close-hover-opacity: 0.75; + --bs-btn-close-focus-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); + --bs-btn-close-focus-opacity: 1; + --bs-btn-close-disabled-opacity: 0.25; + --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; - color: #fff; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + color: var(--bs-btn-close-color); + background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; - opacity: 0.5; + opacity: var(--bs-btn-close-opacity); } .btn-close:hover { - color: #fff; + color: var(--bs-btn-close-color); text-decoration: none; - opacity: 0.75; + opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; - box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); - opacity: 1; + box-shadow: var(--bs-btn-close-focus-shadow); + opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; - opacity: 0.25; + opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); + filter: var(--bs-btn-close-white-filter); +} + +[data-bs-theme=dark] .btn-close { + filter: var(--bs-btn-close-white-filter); } .toast { @@ -6432,7 +6586,7 @@ fieldset:disabled .btn { --bs-toast-border-color: transparent; --bs-toast-border-radius: 0.375rem; --bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - --bs-toast-header-color: #344767; + --bs-toast-header-color: #262626; --bs-toast-header-bg: rgba(255, 255, 255, 0.85); --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); width: var(--bs-toast-max-width); @@ -6481,7 +6635,7 @@ fieldset:disabled .btn { } .toast-header .btn-close { - margin-right: calc(-.5 * var(--bs-toast-padding-x)); + margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } @@ -6497,7 +6651,7 @@ fieldset:disabled .btn { --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; - --bs-modal-border-color: rgba(0, 0, 0, 0.2); + --bs-modal-border-color: rgba(10, 10, 10, 0.2); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); @@ -6505,12 +6659,12 @@ fieldset:disabled .btn { --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: #dee2e6; + --bs-modal-header-border-color: #d4d4d4; --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; - --bs-modal-footer-border-color: #dee2e6; + --bs-modal-footer-border-color: #d4d4d4; --bs-modal-footer-border-width: 1px; position: fixed; top: 0; @@ -6585,7 +6739,7 @@ fieldset:disabled .btn { .modal-backdrop { --bs-backdrop-zindex: 1040; - --bs-backdrop-bg: #000; + --bs-backdrop-bg: #0a0a0a; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; @@ -6608,7 +6762,6 @@ fieldset:disabled .btn { display: flex; flex-shrink: 0; align-items: center; - justify-content: space-between; 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); @@ -6616,8 +6769,8 @@ fieldset:disabled .btn { } .modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); - margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { @@ -6637,7 +6790,7 @@ fieldset:disabled .btn { flex-wrap: wrap; align-items: center; justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.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); @@ -6645,7 +6798,7 @@ fieldset:disabled .btn { } .modal-footer>* { - margin: calc(var(--bs-modal-footer-gap) * .5); + margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { @@ -6829,14 +6982,13 @@ fieldset:disabled .btn { --bs-tooltip-margin: 0; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: #fff; - --bs-tooltip-bg: #000; + --bs-tooltip-bg: #0a0a0a; --bs-tooltip-border-radius: 0.375rem; --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; - padding: var(--bs-tooltip-arrow-height); margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; @@ -6875,57 +7027,57 @@ fieldset:disabled .btn { } .bs-tooltip-top .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { - bottom: 0; +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; - border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { - left: 0; +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { +.bs-tooltip-auto[data-popper-placement^=right] .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-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { - top: 0; +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; - border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { - right: 0; +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { +.bs-tooltip-auto[data-popper-placement^=left] .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-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } @@ -6945,18 +7097,18 @@ fieldset:disabled .btn { --bs-popover-font-size: 0.75rem; --bs-popover-bg: #fff; --bs-popover-border-width: 0px; - --bs-popover-border-color: rgba(0, 0, 0, 0.2); + --bs-popover-border-color: rgba(10, 10, 10, 0.2); --bs-popover-border-radius: 0.5rem; --bs-popover-inner-border-radius: calc(0.5rem - 0px); --bs-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; - --bs-popover-header-color: #344767; - --bs-popover-header-bg: #f0f2f5; + --bs-popover-header-color: #262626; + --bs-popover-header-bg: #e5e5e5; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; - --bs-popover-body-color: #7b809a; + --bs-popover-body-color: #737373; --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); @@ -7002,116 +7154,116 @@ fieldset:disabled .btn { } .bs-popover-top>.popover-arrow, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { - border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end>.popover-arrow, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { +.bs-popover-auto[data-popper-placement^=right]>.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-end>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { - 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::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom>.popover-arrow, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { - border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, -.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { +.bs-popover-auto[data-popper-placement^=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)); + margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start>.popover-arrow, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { +.bs-popover-auto[data-popper-placement^=left]>.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-start>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { - 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::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } @@ -7272,20 +7424,16 @@ fieldset:disabled .btn { background-size: 100% 100%; } -/* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] -} */ .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.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 0z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.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 0z'/%3e%3c/svg%3e") + /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.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-.708z'/%3e%3c/svg%3e")*/ + ; } .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.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-.708z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.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-.708z'/%3e%3c/svg%3e") + /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.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 0z'/%3e%3c/svg%3e")*/ + ; } .carousel-indicators { @@ -7300,7 +7448,6 @@ fieldset:disabled .btn { margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; - list-style: none; } .carousel-indicators [data-bs-target] { @@ -7349,11 +7496,28 @@ fieldset:disabled .btn { } .carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000; + background-color: #0a0a0a; } .carousel-dark .carousel-caption { - color: #000; + color: #0a0a0a; +} + +[data-bs-theme=dark] .carousel .carousel-control-prev-icon, +[data-bs-theme=dark] .carousel .carousel-control-next-icon, +[data-bs-theme=dark].carousel .carousel-control-prev-icon, +[data-bs-theme=dark].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], +[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { + background-color: #0a0a0a; +} + +[data-bs-theme=dark] .carousel .carousel-caption, +[data-bs-theme=dark].carousel .carousel-caption { + color: #0a0a0a; } .spinner-grow, @@ -7425,22 +7589,24 @@ fieldset:disabled .btn { } } -.offcanvas-sm, -.offcanvas-md, -.offcanvas-lg, -.offcanvas-xl, +.offcanvas, .offcanvas-xxl, -.offcanvas { +.offcanvas-xl, +.offcanvas-lg, +.offcanvas-md, +.offcanvas-sm { --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: ; - --bs-offcanvas-bg: #fff; + --bs-offcanvas-color: var(--bs-body-color); + --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: 1px; - --bs-offcanvas-border-color: rgba(0, 0, 0, 0.2); + --bs-offcanvas-border-color: rgba(10, 10, 10, 0.2); --bs-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-offcanvas-transition: transform 0.3s ease-in-out; + --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { @@ -7456,7 +7622,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } } @@ -7547,7 +7713,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } } @@ -7638,7 +7804,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } } @@ -7729,7 +7895,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } } @@ -7820,7 +7986,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } } @@ -7910,7 +8076,7 @@ fieldset:disabled .btn { background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { @@ -7972,7 +8138,7 @@ fieldset:disabled .btn { z-index: 1040; width: 100vw; height: 100vh; - background-color: #000; + background-color: #0a0a0a; } .offcanvas-backdrop.fade { @@ -7986,20 +8152,17 @@ fieldset:disabled .btn { .offcanvas-header { display: flex; align-items: center; - justify-content: space-between; 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)); + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; - line-height: 1.5; + line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { @@ -8023,11 +8186,11 @@ fieldset:disabled .btn { } .placeholder-xs { - min-height: .6em; + min-height: 0.6em; } .placeholder-sm { - min-height: .8em; + min-height: 0.8em; } .placeholder-lg { @@ -8045,7 +8208,7 @@ fieldset:disabled .btn { } .placeholder-wave { - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #0a0a0a 55%, rgba(0, 0, 0, 0.8) 75%, #0a0a0a 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @@ -8063,143 +8226,207 @@ fieldset:disabled .btn { } .text-bg-primary { - color: #000 !important; - background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { - color: #000 !important; - background-color: RGBA(, 128, 154, var(--bs-bg-opacity, 1)) !important; + color: #fff !important; + background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { - color: #000 !important; - background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #fff !important; - background-color: RGBA(26, 115, 232, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { - color: #000 !important; - background-color: RGBA(251, 140, 0, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { - color: #000 !important; - background-color: RGBA(244, 67, 53, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { - color: #000 !important; - background-color: RGBA(240, 242, 245, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; - background-color: RGBA(52, 71, 103, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-white { - color: #000 !important; - background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important; + color: #0a0a0a !important; + background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark-blue { color: #fff !important; - background-color: RGBA(26, 35, 126, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(var(--bs-dark-blue-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { - color: #e91e63 !important; + 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:hover, .link-primary:focus { - color: #ed4b82 !important; + color: RGBA(237, 75, 130, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(237, 75, 130, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { - color: #7b809a !important; + 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:hover, .link-secondary:focus { - color: #9599ae !important; + color: RGBA(92, 92, 92, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(92, 92, 92, var(--bs-link-underline-opacity, 1)) !important; } .link-success { - color: #4CAF50 !important; + 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:hover, .link-success:focus { - color: #70bf73 !important; + color: RGBA(112, 191, 115, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(112, 191, 115, var(--bs-link-underline-opacity, 1)) !important; } .link-info { - color: #1A73E8 !important; + 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:hover, .link-info:focus { - color: #155cba !important; + color: RGBA(21, 92, 186, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(21, 92, 186, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { - color: #fb8c00 !important; + 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:hover, .link-warning:focus { - color: #fca333 !important; + color: RGBA(252, 163, 51, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(252, 163, 51, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { - color: #F44335 !important; + 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:hover, .link-danger:focus { - color: #f6695d !important; + color: RGBA(246, 105, 93, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(246, 105, 93, var(--bs-link-underline-opacity, 1)) !important; } .link-light { - color: #f0f2f5 !important; + 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:hover, .link-light:focus { - color: #f3f5f7 !important; + color: RGBA(234, 234, 234, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(234, 234, 234, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { - color: #344767 !important; + 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:hover, .link-dark:focus { - color: #2a3952 !important; + color: RGBA(30, 30, 30, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(30, 30, 30, var(--bs-link-underline-opacity, 1)) !important; } .link-white { - color: #fff !important; + color: RGBA(var(--bs-white-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-white-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-white:hover, .link-white:focus { - color: white !important; + color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important; } .link-dark-blue { - color: #1A237E !important; + color: RGBA(var(--bs-dark-blue-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-dark-blue-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark-blue:hover, .link-dark-blue:focus { - color: #151c65 !important; + color: RGBA(21, 28, 101, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA(21, 28, 101, 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:hover, +.link-body-emphasis:focus { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.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: 0.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: 0.2s ease-in-out transform; +} + +@media (prefers-reduced-motion: reduce) { + .icon-link>.bi { + transition: none; + } +} + +.icon-link-hover:hover>.bi, +.icon-link-hover:focus-visible>.bi { + transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { @@ -8226,15 +8453,15 @@ fieldset:disabled .btn { } .ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); + --bs-aspect-ratio: 75%; } .ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); + --bs-aspect-ratio: 56.25%; } .ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); + --bs-aspect-ratio: 42.8571428571%; } .fixed-top { @@ -8351,7 +8578,6 @@ fieldset:disabled .btn { .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; @@ -8362,6 +8588,11 @@ fieldset:disabled .btn { border: 0 !important; } +.visually-hidden:not(caption), +.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !important; +} + .stretched-link::after { position: absolute; top: 0; @@ -8381,7 +8612,7 @@ fieldset:disabled .btn { .vr { display: inline-block; align-self: stretch; - width: 1px; + width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; @@ -8423,6 +8654,26 @@ fieldset:disabled .btn { float: none !important; } +.object-fit-contain { + object-fit: contain !important; +} + +.object-fit-cover { + object-fit: cover !important; +} + +.object-fit-fill { + object-fit: fill !important; +} + +.object-fit-scale { + object-fit: scale-down !important; +} + +.object-fit-none { + object-fit: none !important; +} + .opacity-0 { opacity: 0 !important; } @@ -8483,6 +8734,38 @@ fieldset:disabled .btn { 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; } @@ -8543,6 +8826,46 @@ fieldset:disabled .btn { 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)); +} + +.focus-ring-white { + --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-dark-blue { + --bs-focus-ring-color: rgba(var(--bs-dark-blue-rgb), var(--bs-focus-ring-opacity)); +} + .position-static { position: static !important; } @@ -8784,7 +9107,7 @@ fieldset:disabled .btn { } .border { - border: 1px solid #dee2e6 !important; + border: 1px solid #d4d4d4 !important; } .border-0 { @@ -8792,7 +9115,7 @@ fieldset:disabled .btn { } .border-top { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-0 { @@ -8800,7 +9123,7 @@ fieldset:disabled .btn { } .border-end { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-0 { @@ -8808,7 +9131,7 @@ fieldset:disabled .btn { } .border-bottom { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-0 { @@ -8816,7 +9139,7 @@ fieldset:disabled .btn { } .border-start { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-0 { @@ -8828,7 +9151,7 @@ fieldset:disabled .btn { } .border-secondary { - border-color: #7b809a !important; + border-color: #737373 !important; } .border-success { @@ -8848,11 +9171,11 @@ fieldset:disabled .btn { } .border-light { - border-color: #f0f2f5 !important; + border-color: #e5e5e5 !important; } .border-dark { - border-color: #344767 !important; + border-color: #262626 !important; } .border-white { @@ -8863,6 +9186,38 @@ fieldset:disabled .btn { border-color: #1A237E !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-0 { border-width: 0 !important; } @@ -10513,6 +10868,110 @@ fieldset:disabled .btn { gap: 16rem !important; } +.row-gap-0 { + row-gap: 0 !important; +} + +.row-gap-1 { + row-gap: 0.25rem !important; +} + +.row-gap-2 { + row-gap: 0.5rem !important; +} + +.row-gap-3 { + row-gap: 1rem !important; +} + +.row-gap-4 { + row-gap: 1.5rem !important; +} + +.row-gap-5 { + row-gap: 3rem !important; +} + +.row-gap-6 { + row-gap: 4rem !important; +} + +.row-gap-7 { + row-gap: 6rem !important; +} + +.row-gap-8 { + row-gap: 8rem !important; +} + +.row-gap-9 { + row-gap: 10rem !important; +} + +.row-gap-10 { + row-gap: 12rem !important; +} + +.row-gap-11 { + row-gap: 14rem !important; +} + +.row-gap-12 { + row-gap: 16rem !important; +} + +.column-gap-0 { + column-gap: 0 !important; +} + +.column-gap-1 { + column-gap: 0.25rem !important; +} + +.column-gap-2 { + column-gap: 0.5rem !important; +} + +.column-gap-3 { + column-gap: 1rem !important; +} + +.column-gap-4 { + column-gap: 1.5rem !important; +} + +.column-gap-5 { + column-gap: 3rem !important; +} + +.column-gap-6 { + column-gap: 4rem !important; +} + +.column-gap-7 { + column-gap: 6rem !important; +} + +.column-gap-8 { + column-gap: 8rem !important; +} + +.column-gap-9 { + column-gap: 10rem !important; +} + +.column-gap-10 { + column-gap: 12rem !important; +} + +.column-gap-11 { + column-gap: 14rem !important; +} + +.column-gap-12 { + column-gap: 16rem !important; +} + .font-monospace { font-family: var(--bs-font-monospace) !important; } @@ -10641,7 +11100,7 @@ fieldset:disabled .btn { } .text-secondary { - color: #7b809a !important; + color: #737373 !important; } .text-success { @@ -10661,11 +11120,11 @@ fieldset:disabled .btn { } .text-light { - color: #f0f2f5 !important; + color: #e5e5e5 !important; } .text-dark { - color: #344767 !important; + color: #262626 !important; } .text-white { @@ -10677,7 +11136,7 @@ fieldset:disabled .btn { } .text-body { - color: #7b809a !important; + color: #737373 !important; } .text-rose { @@ -10685,11 +11144,11 @@ fieldset:disabled .btn { } .text-muted { - color: #6c757d !important; + color: #525252 !important; } .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; + color: rgba(10, 10, 10, 0.5) !important; } .text-white-50 { @@ -10716,12 +11175,211 @@ fieldset:disabled .btn { --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-white { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-dark-blue { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba(var(--bs-dark-blue-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 { background-color: #e91e63 !important; } .bg-secondary { - background-color: #7b809a !important; + background-color: #737373 !important; } .bg-success { @@ -10741,11 +11399,11 @@ fieldset:disabled .btn { } .bg-light { - background-color: #f0f2f5 !important; + background-color: #e5e5e5 !important; } .bg-dark { - background-color: #344767 !important; + background-color: #262626 !important; } .bg-white { @@ -10765,39 +11423,39 @@ fieldset:disabled .btn { } .bg-gray-100 { - background-color: #f8f9fa !important; + background-color: #f5f5f5 !important; } .bg-gray-200 { - background-color: #f0f2f5 !important; + background-color: #e5e5e5 !important; } .bg-gray-300 { - background-color: #dee2e6 !important; + background-color: #d4d4d4 !important; } .bg-gray-400 { - background-color: #ced4da !important; + background-color: #a3a3a3 !important; } .bg-gray-500 { - background-color: #adb5bd !important; + background-color: #737373 !important; } .bg-gray-600 { - background-color: #6c757d !important; + background-color: #525252 !important; } .bg-gray-700 { - background-color: #495057 !important; + background-color: #404040 !important; } .bg-gray-800 { - background-color: #343a40 !important; + background-color: #262626 !important; } .bg-gray-900 { - background-color: #212529 !important; + background-color: #171717 !important; } .bg-opacity-10 { @@ -10820,6 +11478,38 @@ fieldset:disabled .btn { --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; } @@ -10901,36 +11591,20 @@ fieldset:disabled .btn { visibility: hidden !important; } -.overflow-x-auto { - overflow-x: auto !important; +.z-index-0 { + z-index: 0 !important; } -.overflow-x-hidden { - overflow-x: hidden !important; +.z-index-1 { + z-index: 1 !important; } -.overflow-x-visible { - overflow-x: visible !important; +.z-index-2 { + z-index: 2 !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; +.z-index-3 { + z-index: 3 !important; } .shadow-primary { @@ -10989,22 +11663,6 @@ fieldset:disabled .btn { transform: scale(1) !important; } -.z-index-0 { - z-index: 0 !important; -} - -.z-index-1 { - z-index: 1 !important; -} - -.z-index-2 { - z-index: 2 !important; -} - -.z-index-3 { - z-index: 3 !important; -} - .letter-spacing-1 { letter-spacing: 1px !important; } @@ -11354,6 +12012,26 @@ fieldset:disabled .btn { float: none !important; } + .object-fit-sm-contain { + object-fit: contain !important; + } + + .object-fit-sm-cover { + object-fit: cover !important; + } + + .object-fit-sm-fill { + object-fit: fill !important; + } + + .object-fit-sm-scale { + object-fit: scale-down !important; + } + + .object-fit-sm-none { + object-fit: none !important; + } + .d-sm-inline { display: inline !important; } @@ -11395,7 +12073,7 @@ fieldset:disabled .btn { } .border-top-sm { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-sm-0 { @@ -11403,7 +12081,7 @@ fieldset:disabled .btn { } .border-end-sm { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-sm-0 { @@ -11411,7 +12089,7 @@ fieldset:disabled .btn { } .border-bottom-sm { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-sm-0 { @@ -11419,7 +12097,7 @@ fieldset:disabled .btn { } .border-start-sm { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-sm-0 { @@ -12940,6 +13618,110 @@ fieldset:disabled .btn { gap: 16rem !important; } + .row-gap-sm-0 { + row-gap: 0 !important; + } + + .row-gap-sm-1 { + row-gap: 0.25rem !important; + } + + .row-gap-sm-2 { + row-gap: 0.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; + } + + .row-gap-sm-6 { + row-gap: 4rem !important; + } + + .row-gap-sm-7 { + row-gap: 6rem !important; + } + + .row-gap-sm-8 { + row-gap: 8rem !important; + } + + .row-gap-sm-9 { + row-gap: 10rem !important; + } + + .row-gap-sm-10 { + row-gap: 12rem !important; + } + + .row-gap-sm-11 { + row-gap: 14rem !important; + } + + .row-gap-sm-12 { + row-gap: 16rem !important; + } + + .column-gap-sm-0 { + column-gap: 0 !important; + } + + .column-gap-sm-1 { + column-gap: 0.25rem !important; + } + + .column-gap-sm-2 { + column-gap: 0.5rem !important; + } + + .column-gap-sm-3 { + column-gap: 1rem !important; + } + + .column-gap-sm-4 { + column-gap: 1.5rem !important; + } + + .column-gap-sm-5 { + column-gap: 3rem !important; + } + + .column-gap-sm-6 { + column-gap: 4rem !important; + } + + .column-gap-sm-7 { + column-gap: 6rem !important; + } + + .column-gap-sm-8 { + column-gap: 8rem !important; + } + + .column-gap-sm-9 { + column-gap: 10rem !important; + } + + .column-gap-sm-10 { + column-gap: 12rem !important; + } + + .column-gap-sm-11 { + column-gap: 14rem !important; + } + + .column-gap-sm-12 { + column-gap: 16rem !important; + } + .text-sm-start { text-align: left !important; } @@ -13134,6 +13916,26 @@ fieldset:disabled .btn { float: none !important; } + .object-fit-md-contain { + object-fit: contain !important; + } + + .object-fit-md-cover { + object-fit: cover !important; + } + + .object-fit-md-fill { + object-fit: fill !important; + } + + .object-fit-md-scale { + object-fit: scale-down !important; + } + + .object-fit-md-none { + object-fit: none !important; + } + .d-md-inline { display: inline !important; } @@ -13175,7 +13977,7 @@ fieldset:disabled .btn { } .border-top-md { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-md-0 { @@ -13183,7 +13985,7 @@ fieldset:disabled .btn { } .border-end-md { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-md-0 { @@ -13191,7 +13993,7 @@ fieldset:disabled .btn { } .border-bottom-md { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-md-0 { @@ -13199,7 +14001,7 @@ fieldset:disabled .btn { } .border-start-md { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-md-0 { @@ -14720,6 +15522,110 @@ fieldset:disabled .btn { gap: 16rem !important; } + .row-gap-md-0 { + row-gap: 0 !important; + } + + .row-gap-md-1 { + row-gap: 0.25rem !important; + } + + .row-gap-md-2 { + row-gap: 0.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; + } + + .row-gap-md-6 { + row-gap: 4rem !important; + } + + .row-gap-md-7 { + row-gap: 6rem !important; + } + + .row-gap-md-8 { + row-gap: 8rem !important; + } + + .row-gap-md-9 { + row-gap: 10rem !important; + } + + .row-gap-md-10 { + row-gap: 12rem !important; + } + + .row-gap-md-11 { + row-gap: 14rem !important; + } + + .row-gap-md-12 { + row-gap: 16rem !important; + } + + .column-gap-md-0 { + column-gap: 0 !important; + } + + .column-gap-md-1 { + column-gap: 0.25rem !important; + } + + .column-gap-md-2 { + column-gap: 0.5rem !important; + } + + .column-gap-md-3 { + column-gap: 1rem !important; + } + + .column-gap-md-4 { + column-gap: 1.5rem !important; + } + + .column-gap-md-5 { + column-gap: 3rem !important; + } + + .column-gap-md-6 { + column-gap: 4rem !important; + } + + .column-gap-md-7 { + column-gap: 6rem !important; + } + + .column-gap-md-8 { + column-gap: 8rem !important; + } + + .column-gap-md-9 { + column-gap: 10rem !important; + } + + .column-gap-md-10 { + column-gap: 12rem !important; + } + + .column-gap-md-11 { + column-gap: 14rem !important; + } + + .column-gap-md-12 { + column-gap: 16rem !important; + } + .text-md-start { text-align: left !important; } @@ -14914,6 +15820,26 @@ fieldset:disabled .btn { float: none !important; } + .object-fit-lg-contain { + object-fit: contain !important; + } + + .object-fit-lg-cover { + object-fit: cover !important; + } + + .object-fit-lg-fill { + object-fit: fill !important; + } + + .object-fit-lg-scale { + object-fit: scale-down !important; + } + + .object-fit-lg-none { + object-fit: none !important; + } + .d-lg-inline { display: inline !important; } @@ -14955,7 +15881,7 @@ fieldset:disabled .btn { } .border-top-lg { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-lg-0 { @@ -14963,7 +15889,7 @@ fieldset:disabled .btn { } .border-end-lg { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-lg-0 { @@ -14971,7 +15897,7 @@ fieldset:disabled .btn { } .border-bottom-lg { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-lg-0 { @@ -14979,7 +15905,7 @@ fieldset:disabled .btn { } .border-start-lg { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-lg-0 { @@ -16500,6 +17426,110 @@ fieldset:disabled .btn { gap: 16rem !important; } + .row-gap-lg-0 { + row-gap: 0 !important; + } + + .row-gap-lg-1 { + row-gap: 0.25rem !important; + } + + .row-gap-lg-2 { + row-gap: 0.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; + } + + .row-gap-lg-6 { + row-gap: 4rem !important; + } + + .row-gap-lg-7 { + row-gap: 6rem !important; + } + + .row-gap-lg-8 { + row-gap: 8rem !important; + } + + .row-gap-lg-9 { + row-gap: 10rem !important; + } + + .row-gap-lg-10 { + row-gap: 12rem !important; + } + + .row-gap-lg-11 { + row-gap: 14rem !important; + } + + .row-gap-lg-12 { + row-gap: 16rem !important; + } + + .column-gap-lg-0 { + column-gap: 0 !important; + } + + .column-gap-lg-1 { + column-gap: 0.25rem !important; + } + + .column-gap-lg-2 { + column-gap: 0.5rem !important; + } + + .column-gap-lg-3 { + column-gap: 1rem !important; + } + + .column-gap-lg-4 { + column-gap: 1.5rem !important; + } + + .column-gap-lg-5 { + column-gap: 3rem !important; + } + + .column-gap-lg-6 { + column-gap: 4rem !important; + } + + .column-gap-lg-7 { + column-gap: 6rem !important; + } + + .column-gap-lg-8 { + column-gap: 8rem !important; + } + + .column-gap-lg-9 { + column-gap: 10rem !important; + } + + .column-gap-lg-10 { + column-gap: 12rem !important; + } + + .column-gap-lg-11 { + column-gap: 14rem !important; + } + + .column-gap-lg-12 { + column-gap: 16rem !important; + } + .text-lg-start { text-align: left !important; } @@ -16694,6 +17724,26 @@ fieldset:disabled .btn { float: none !important; } + .object-fit-xl-contain { + object-fit: contain !important; + } + + .object-fit-xl-cover { + object-fit: cover !important; + } + + .object-fit-xl-fill { + object-fit: fill !important; + } + + .object-fit-xl-scale { + object-fit: scale-down !important; + } + + .object-fit-xl-none { + object-fit: none !important; + } + .d-xl-inline { display: inline !important; } @@ -16735,7 +17785,7 @@ fieldset:disabled .btn { } .border-top-xl { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-xl-0 { @@ -16743,7 +17793,7 @@ fieldset:disabled .btn { } .border-end-xl { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-xl-0 { @@ -16751,7 +17801,7 @@ fieldset:disabled .btn { } .border-bottom-xl { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-xl-0 { @@ -16759,7 +17809,7 @@ fieldset:disabled .btn { } .border-start-xl { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-xl-0 { @@ -18280,6 +19330,110 @@ fieldset:disabled .btn { gap: 16rem !important; } + .row-gap-xl-0 { + row-gap: 0 !important; + } + + .row-gap-xl-1 { + row-gap: 0.25rem !important; + } + + .row-gap-xl-2 { + row-gap: 0.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; + } + + .row-gap-xl-6 { + row-gap: 4rem !important; + } + + .row-gap-xl-7 { + row-gap: 6rem !important; + } + + .row-gap-xl-8 { + row-gap: 8rem !important; + } + + .row-gap-xl-9 { + row-gap: 10rem !important; + } + + .row-gap-xl-10 { + row-gap: 12rem !important; + } + + .row-gap-xl-11 { + row-gap: 14rem !important; + } + + .row-gap-xl-12 { + row-gap: 16rem !important; + } + + .column-gap-xl-0 { + column-gap: 0 !important; + } + + .column-gap-xl-1 { + column-gap: 0.25rem !important; + } + + .column-gap-xl-2 { + column-gap: 0.5rem !important; + } + + .column-gap-xl-3 { + column-gap: 1rem !important; + } + + .column-gap-xl-4 { + column-gap: 1.5rem !important; + } + + .column-gap-xl-5 { + column-gap: 3rem !important; + } + + .column-gap-xl-6 { + column-gap: 4rem !important; + } + + .column-gap-xl-7 { + column-gap: 6rem !important; + } + + .column-gap-xl-8 { + column-gap: 8rem !important; + } + + .column-gap-xl-9 { + column-gap: 10rem !important; + } + + .column-gap-xl-10 { + column-gap: 12rem !important; + } + + .column-gap-xl-11 { + column-gap: 14rem !important; + } + + .column-gap-xl-12 { + column-gap: 16rem !important; + } + .text-xl-start { text-align: left !important; } @@ -18474,6 +19628,26 @@ fieldset:disabled .btn { float: none !important; } + .object-fit-xxl-contain { + object-fit: contain !important; + } + + .object-fit-xxl-cover { + object-fit: cover !important; + } + + .object-fit-xxl-fill { + object-fit: fill !important; + } + + .object-fit-xxl-scale { + object-fit: scale-down !important; + } + + .object-fit-xxl-none { + object-fit: none !important; + } + .d-xxl-inline { display: inline !important; } @@ -18515,7 +19689,7 @@ fieldset:disabled .btn { } .border-top-xxl { - border-top: 1px solid #dee2e6 !important; + border-top: 1px solid #d4d4d4 !important; } .border-top-xxl-0 { @@ -18523,7 +19697,7 @@ fieldset:disabled .btn { } .border-end-xxl { - border-right: 1px solid #dee2e6 !important; + border-right: 1px solid #d4d4d4 !important; } .border-end-xxl-0 { @@ -18531,7 +19705,7 @@ fieldset:disabled .btn { } .border-bottom-xxl { - border-bottom: 1px solid #dee2e6 !important; + border-bottom: 1px solid #d4d4d4 !important; } .border-bottom-xxl-0 { @@ -18539,7 +19713,7 @@ fieldset:disabled .btn { } .border-start-xxl { - border-left: 1px solid #dee2e6 !important; + border-left: 1px solid #d4d4d4 !important; } .border-start-xxl-0 { @@ -20060,6 +21234,110 @@ fieldset:disabled .btn { gap: 16rem !important; } + .row-gap-xxl-0 { + row-gap: 0 !important; + } + + .row-gap-xxl-1 { + row-gap: 0.25rem !important; + } + + .row-gap-xxl-2 { + row-gap: 0.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; + } + + .row-gap-xxl-6 { + row-gap: 4rem !important; + } + + .row-gap-xxl-7 { + row-gap: 6rem !important; + } + + .row-gap-xxl-8 { + row-gap: 8rem !important; + } + + .row-gap-xxl-9 { + row-gap: 10rem !important; + } + + .row-gap-xxl-10 { + row-gap: 12rem !important; + } + + .row-gap-xxl-11 { + row-gap: 14rem !important; + } + + .row-gap-xxl-12 { + row-gap: 16rem !important; + } + + .column-gap-xxl-0 { + column-gap: 0 !important; + } + + .column-gap-xxl-1 { + column-gap: 0.25rem !important; + } + + .column-gap-xxl-2 { + column-gap: 0.5rem !important; + } + + .column-gap-xxl-3 { + column-gap: 1rem !important; + } + + .column-gap-xxl-4 { + column-gap: 1.5rem !important; + } + + .column-gap-xxl-5 { + column-gap: 3rem !important; + } + + .column-gap-xxl-6 { + column-gap: 4rem !important; + } + + .column-gap-xxl-7 { + column-gap: 6rem !important; + } + + .column-gap-xxl-8 { + column-gap: 8rem !important; + } + + .column-gap-xxl-9 { + column-gap: 10rem !important; + } + + .column-gap-xxl-10 { + column-gap: 12rem !important; + } + + .column-gap-xxl-11 { + column-gap: 14rem !important; + } + + .column-gap-xxl-12 { + column-gap: 16rem !important; + } + .text-xxl-start { text-align: left !important; } @@ -20304,11 +21582,11 @@ fieldset:disabled .btn { /*! ========================================================= -* Material Kit PRO - v3.0.4 +* Material Kit 3 PRO - v3.1.0 ========================================================= * Product Page: https://www.creative-tim.com/product/material-kit-pro -* Copyright 2023 Creative Tim (https://www.creative-tim.com) +* Copyright 2024 Creative Tim (https://www.creative-tim.com) * Coded by www.creative-tim.com @@ -20320,11 +21598,11 @@ fieldset:disabled .btn { /*! ========================================================= -* Material Kit PRO - v3.0.4 +* Material Kit 3 PRO - v3.1.0 ========================================================= * Product Page: https://www.creative-tim.com/product/material-kit-pro -* Copyright 2023 Creative Tim (https://www.creative-tim.com) +* Copyright 2024 Creative Tim (https://www.creative-tim.com) * Licensed under MIT (site.license) * Coded by www.creative-tim.com @@ -20383,7 +21661,7 @@ fieldset:disabled .btn { border-radius: 50rem; height: 48px; width: 48px; - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; } .avatar img { @@ -20474,7 +21752,7 @@ fieldset:disabled .btn { } .badge.bg-secondary { - background: #7b809a; + background: #737373; } .badge.bg-success { @@ -20494,11 +21772,11 @@ fieldset:disabled .btn { } .badge.bg-light { - background: #f0f2f5; + background: #e5e5e5; } .badge.bg-dark { - background: #344767; + background: #262626; } .badge.bg-white { @@ -20516,7 +21794,6 @@ fieldset:disabled .btn { .btn { margin-bottom: 1rem; letter-spacing: 0; - text-transform: uppercase; background-size: 150%; background-position-x: 25%; position: relative; @@ -20524,7 +21801,7 @@ fieldset:disabled .btn { -webkit-appearance: none; } -.btn:not([class*="btn-outline-"]) { +.btn:not([class*=btn-outline-]) { border: 0; } @@ -20537,12 +21814,12 @@ fieldset:disabled .btn { } .btn.bg-white:hover { - color: #7b809a; + color: #737373; } .btn.btn-link { box-shadow: none; - font-weight: 700; + font-weight: 500; } .btn.btn-link:hover, @@ -20590,7 +21867,7 @@ fieldset:disabled .btn { border-radius: 1.875rem; } -.btn .material-icons { +.btn .material-symbols-rounded { vertical-align: middle; margin-top: -1px; margin-bottom: -1px; @@ -20604,7 +21881,7 @@ fieldset:disabled .btn { } .btn-check:checked+.btn:hover svg .color-background { - fill: #344767; + fill: #262626; } .icon-move-right i { @@ -20627,14 +21904,14 @@ fieldset:disabled .btn { .btn-primary, .btn.bg-gradient-primary { - box-shadow: 0 3px 3px 0 rgba(233, 30, 99, 0.15), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.15); + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.1), 0 3px 1px -2px rgba(233, 30, 99, 0.18), 0 1px 5px 0 rgba(233, 30, 99, 0.15); } .btn-primary:hover, .btn.bg-gradient-primary:hover { background-color: #e91e63; border-color: #e91e63; - box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.4), 0 4px 23px 0 rgba(233, 30, 99, 0.15), 0 8px 10px -5px rgba(233, 30, 99, 0.2); + box-shadow: 0 8px 14px -8px rgba(233, 30, 99, 0.3), 0 3px 18px 0 rgba(233, 30, 99, 0.1), 0 7px 8px -4px rgba(233, 30, 99, 0.18); } .btn-primary .btn.bg-outline-primary, @@ -20665,26 +21942,26 @@ fieldset:disabled .btn { .btn-outline-primary:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #e91e63; } .btn-secondary, .btn.bg-gradient-secondary { - box-shadow: 0 3px 3px 0 rgba(, 128, 154, 0.15), 0 3px 1px -2px rgba(, 128, 154, 0.2), 0 1px 5px 0 rgba(, 128, 154, 0.15); + box-shadow: 0 2px 2px 0 rgba(115, 115, 115, 0.1), 0 3px 1px -2px rgba(115, 115, 115, 0.18), 0 1px 5px 0 rgba(115, 115, 115, 0.15); } .btn-secondary:hover, .btn.bg-gradient-secondary:hover { - background-color: #7b809a; - border-color: #7b809a; - box-shadow: 0 14px 26px -12px rgba(, 128, 154, 0.4), 0 4px 23px 0 rgba(, 128, 154, 0.15), 0 8px 10px -5px rgba(, 128, 154, 0.2); + background-color: #737373; + border-color: #737373; + box-shadow: 0 8px 14px -8px rgba(115, 115, 115, 0.3), 0 3px 18px 0 rgba(115, 115, 115, 0.1), 0 7px 8px -4px rgba(115, 115, 115, 0.18); } .btn-secondary .btn.bg-outline-secondary, .btn.bg-gradient-secondary .btn.bg-outline-secondary { - border: 1px solid #7b809a; + border: 1px solid #737373; } .btn-secondary:not(:disabled):not(.disabled).active, @@ -20693,8 +21970,8 @@ fieldset:disabled .btn { .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, .show>.btn.bg-gradient-secondary.dropdown-toggle { - color: color-yiq(#7b809a); - background-color: #7b809a; + color: color-yiq(#737373); + background-color: #737373; } .btn-secondary.focus, @@ -20710,21 +21987,21 @@ fieldset:disabled .btn { .btn-outline-secondary:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; - color: #7b809a; + color: #737373; } .btn-success, .btn.bg-gradient-success { - box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15); + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.1), 0 3px 1px -2px rgba(76, 175, 80, 0.18), 0 1px 5px 0 rgba(76, 175, 80, 0.15); } .btn-success:hover, .btn.bg-gradient-success:hover { background-color: #4CAF50; border-color: #4CAF50; - box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2); + box-shadow: 0 8px 14px -8px rgba(76, 175, 80, 0.3), 0 3px 18px 0 rgba(76, 175, 80, 0.1), 0 7px 8px -4px rgba(76, 175, 80, 0.18); } .btn-success .btn.bg-outline-success, @@ -20755,21 +22032,21 @@ fieldset:disabled .btn { .btn-outline-success:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #4CAF50; } .btn-info, .btn.bg-gradient-info { - box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15); + box-shadow: 0 2px 2px 0 rgba(26, 115, 232, 0.1), 0 3px 1px -2px rgba(26, 115, 232, 0.18), 0 1px 5px 0 rgba(26, 115, 232, 0.15); } .btn-info:hover, .btn.bg-gradient-info:hover { background-color: #1A73E8; border-color: #1A73E8; - box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2); + box-shadow: 0 8px 14px -8px rgba(26, 115, 232, 0.3), 0 3px 18px 0 rgba(26, 115, 232, 0.1), 0 7px 8px -4px rgba(26, 115, 232, 0.18); } .btn-info .btn.bg-outline-info, @@ -20800,21 +22077,21 @@ fieldset:disabled .btn { .btn-outline-info:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #1A73E8; } .btn-warning, .btn.bg-gradient-warning { - box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15); + box-shadow: 0 2px 2px 0 rgba(251, 140, 0, 0.1), 0 3px 1px -2px rgba(251, 140, 0, 0.18), 0 1px 5px 0 rgba(251, 140, 0, 0.15); } .btn-warning:hover, .btn.bg-gradient-warning:hover { background-color: #fb8c00; border-color: #fb8c00; - box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2); + box-shadow: 0 8px 14px -8px rgba(251, 140, 0, 0.3), 0 3px 18px 0 rgba(251, 140, 0, 0.1), 0 7px 8px -4px rgba(251, 140, 0, 0.18); } .btn-warning .btn.bg-outline-warning, @@ -20845,21 +22122,21 @@ fieldset:disabled .btn { .btn-outline-warning:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #fb8c00; } .btn-danger, .btn.bg-gradient-danger { - box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15); + box-shadow: 0 2px 2px 0 rgba(244, 67, 53, 0.1), 0 3px 1px -2px rgba(244, 67, 53, 0.18), 0 1px 5px 0 rgba(244, 67, 53, 0.15); } .btn-danger:hover, .btn.bg-gradient-danger:hover { background-color: #F44335; border-color: #F44335; - box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2); + box-shadow: 0 8px 14px -8px rgba(244, 67, 53, 0.3), 0 3px 18px 0 rgba(244, 67, 53, 0.1), 0 7px 8px -4px rgba(244, 67, 53, 0.18); } .btn-danger .btn.bg-outline-danger, @@ -20890,26 +22167,26 @@ fieldset:disabled .btn { .btn-outline-danger:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #F44335; } .btn-light, .btn.bg-gradient-light { - box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15); + box-shadow: 0 2px 2px 0 rgba(229, 229, 229, 0.1), 0 3px 1px -2px rgba(229, 229, 229, 0.18), 0 1px 5px 0 rgba(229, 229, 229, 0.15); } .btn-light:hover, .btn.bg-gradient-light:hover { - background-color: #f0f2f5; - border-color: #f0f2f5; - box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2); + background-color: #e5e5e5; + border-color: #e5e5e5; + box-shadow: 0 8px 14px -8px rgba(229, 229, 229, 0.3), 0 3px 18px 0 rgba(229, 229, 229, 0.1), 0 7px 8px -4px rgba(229, 229, 229, 0.18); } .btn-light .btn.bg-outline-light, .btn.bg-gradient-light .btn.bg-outline-light { - border: 1px solid #f0f2f5; + border: 1px solid #e5e5e5; } .btn-light:not(:disabled):not(.disabled).active, @@ -20918,8 +22195,8 @@ fieldset:disabled .btn { .btn.bg-gradient-light:not(:disabled):not(.disabled).active, .btn.bg-gradient-light:not(:disabled):not(.disabled):active, .show>.btn.bg-gradient-light.dropdown-toggle { - color: color-yiq(#f0f2f5); - background-color: #f0f2f5; + color: color-yiq(#e5e5e5); + background-color: #e5e5e5; } .btn-outline-light { @@ -20928,26 +22205,26 @@ fieldset:disabled .btn { .btn-outline-light:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; - color: #f0f2f5; + color: #e5e5e5; } .btn-dark, .btn.bg-gradient-dark { - box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15); + box-shadow: 0 2px 2px 0 rgba(38, 38, 38, 0.1), 0 3px 1px -2px rgba(38, 38, 38, 0.18), 0 1px 5px 0 rgba(38, 38, 38, 0.15); } .btn-dark:hover, .btn.bg-gradient-dark:hover { - background-color: #344767; - border-color: #344767; - box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2); + background-color: #262626; + border-color: #262626; + box-shadow: 0 8px 14px -8px rgba(38, 38, 38, 0.3), 0 3px 18px 0 rgba(38, 38, 38, 0.1), 0 7px 8px -4px rgba(38, 38, 38, 0.18); } .btn-dark .btn.bg-outline-dark, .btn.bg-gradient-dark .btn.bg-outline-dark { - border: 1px solid #344767; + border: 1px solid #262626; } .btn-dark:not(:disabled):not(.disabled).active, @@ -20956,8 +22233,8 @@ fieldset:disabled .btn { .btn.bg-gradient-dark:not(:disabled):not(.disabled).active, .btn.bg-gradient-dark:not(:disabled):not(.disabled):active, .show>.btn.bg-gradient-dark.dropdown-toggle { - color: color-yiq(#344767); - background-color: #344767; + color: color-yiq(#262626); + background-color: #262626; } .btn-dark.focus, @@ -20973,21 +22250,21 @@ fieldset:disabled .btn { .btn-outline-dark:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; - color: #344767; + color: #262626; } .btn-white, .btn.bg-gradient-white { - box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15); + box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.1), 0 3px 1px -2px rgba(255, 255, 255, 0.18), 0 1px 5px 0 rgba(255, 255, 255, 0.15); } .btn-white:hover, .btn.bg-gradient-white:hover { background-color: #fff; border-color: #fff; - box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2); + box-shadow: 0 8px 14px -8px rgba(255, 255, 255, 0.3), 0 3px 18px 0 rgba(255, 255, 255, 0.1), 0 7px 8px -4px rgba(255, 255, 255, 0.18); } .btn-white .btn.bg-outline-white, @@ -21011,21 +22288,21 @@ fieldset:disabled .btn { .btn-outline-white:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #fff; } .btn-dark-blue, .btn.bg-gradient-dark-blue { - box-shadow: 0 3px 3px 0 rgba(26, 35, 126, 0.15), 0 3px 1px -2px rgba(26, 35, 126, 0.2), 0 1px 5px 0 rgba(26, 35, 126, 0.15); + box-shadow: 0 2px 2px 0 rgba(26, 35, 126, 0.1), 0 3px 1px -2px rgba(26, 35, 126, 0.18), 0 1px 5px 0 rgba(26, 35, 126, 0.15); } .btn-dark-blue:hover, .btn.bg-gradient-dark-blue:hover { background-color: #1A237E; border-color: #1A237E; - box-shadow: 0 14px 26px -12px rgba(26, 35, 126, 0.4), 0 4px 23px 0 rgba(26, 35, 126, 0.15), 0 8px 10px -5px rgba(26, 35, 126, 0.2); + box-shadow: 0 8px 14px -8px rgba(26, 35, 126, 0.3), 0 3px 18px 0 rgba(26, 35, 126, 0.1), 0 7px 8px -4px rgba(26, 35, 126, 0.18); } .btn-dark-blue .btn.bg-outline-dark-blue, @@ -21056,7 +22333,7 @@ fieldset:disabled .btn { .btn-outline-dark-blue:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #1A237E; } @@ -21155,7 +22432,7 @@ fieldset:disabled .btn { } .breadcrumb-dark { - background-color: #344767; + background-color: #262626; } .breadcrumb-dark .breadcrumb-item { @@ -21163,7 +22440,7 @@ fieldset:disabled .btn { } .breadcrumb-dark .breadcrumb-item a { - color: #f8f9fa; + color: #f5f5f5; } .breadcrumb-dark .breadcrumb-item a:hover { @@ -21171,11 +22448,11 @@ fieldset:disabled .btn { } .breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { - color: #adb5bd; + color: #737373; } .breadcrumb-dark .breadcrumb-item.active { - color: #dee2e6; + color: #d4d4d4; } .breadcrumb-links { @@ -21185,10 +22462,11 @@ fieldset:disabled .btn { } .card { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + border: 1px solid #e5e5e5; } -.card[data-animation="true"] .card-header { +.card[data-animation=true] .card-header { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); @@ -21201,7 +22479,7 @@ fieldset:disabled .btn { transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); } -.card:hover[data-animation="true"] .card-header { +.card:hover[data-animation=true] .card-header { -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -o-transform: translate3d(0, -50px, 0); @@ -21210,21 +22488,22 @@ fieldset:disabled .btn { } .card .card-header { - padding: 1.5rem; + padding: 1rem; } .card .card-body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - padding: 1.5rem; + font-family: Inter, Helvetica, Arial, sans-serif; + padding: 1rem; } .card.card-plain { background-color: transparent; box-shadow: none; + border: none; } .card .card-footer { - padding: 1.5rem; + padding: 1rem; background-color: transparent; } @@ -21255,7 +22534,7 @@ fieldset:disabled .btn { width: 100%; height: 100%; position: absolute; - border-radius: 0.75rem; + border-radius: 0.5rem; } .card.card-background .card-body { @@ -21296,7 +22575,7 @@ fieldset:disabled .btn { display: block; content: ""; background: rgba(0, 0, 0, 0.56); - border-radius: 0.75rem; + border-radius: 0.5rem; } .card.card-background.card-background-mask-primary:before { @@ -21305,7 +22584,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-primary:after { background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-secondary:before { @@ -21314,7 +22593,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-secondary:after { background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-success:before { @@ -21323,7 +22602,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-success:after { background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-info:before { @@ -21332,7 +22611,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-info:after { background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-warning:before { @@ -21341,7 +22620,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-warning:after { background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-danger:before { @@ -21350,7 +22629,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-danger:after { background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-light:before { @@ -21359,7 +22638,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-light:after { background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); - opacity: .85; + opacity: 0.85; } .card.card-background.card-background-mask-dark:before { @@ -21368,7 +22647,7 @@ fieldset:disabled .btn { .card.card-background.card-background-mask-dark:after { background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); - opacity: .85; + opacity: 0.85; } .card.card-background .card-category { @@ -21463,8 +22742,8 @@ fieldset:disabled .btn { top: 0; content: ""; border-radius: 0.5rem; - background-image: linear-gradient(195deg, #EC407A, #D81B60); - opacity: .85; + background-image: linear-gradient(195deg, #42424a, #191919); + opacity: 0.5; } .rotating-card-container .card .front { @@ -21551,11 +22830,11 @@ fieldset:disabled .btn { } .dark-version { - background-color: #1a2035 !important; + background-color: #171717 !important; } .dark-version .main-content { - background-color: #1a2035 !important; + background-color: #171717 !important; } .dark-version.virtual-reality>div { @@ -21563,7 +22842,8 @@ fieldset:disabled .btn { } .dark-version .sidenav { - background: #1f283e !important; + background: #1d1d1d !important; + border: 1px solid rgba(255, 255, 255, 0.04); } .dark-version .sidenav.bg-transparent { @@ -21587,12 +22867,12 @@ fieldset:disabled .btn { } .dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i { - color: #344767 !important; + color: #262626 !important; } .dark-version .sidenav.bg-white .collapse .nav-item h6, .dark-version .sidenav.bg-white .collapse .nav-item .h6 { - color: #344767 !important; + color: #262626 !important; } .dark-version .sidenav .collapse .nav-item .nav-link i { @@ -21601,7 +22881,7 @@ fieldset:disabled .btn { .dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, .dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text { - color: #344767 !important; + color: #262626 !important; } .dark-version .fixed-plugin .btn.bg-gradient-dark, @@ -21612,7 +22892,7 @@ fieldset:disabled .btn { .dark-version .fixed-plugin .btn.active { background: #fff !important; - color: #344767 !important; + color: #262626 !important; } .dark-version .bg-gradient-dark { @@ -21620,16 +22900,16 @@ fieldset:disabled .btn { } .dark-version .dropdown .dropdown-menu:before { - color: #202940; + color: #1d1d1d; } .dark-version .dropdown .dropdown-menu .dropdown-item:hover, .dark-version .dropdown .dropdown-menu .dropdown-item:focus { - background-color: #1a2035 !important; + background-color: #171717 !important; } .dark-version .dropdown .dropdown-menu .dropdown-item i, -.dark-version .dropdown .dropdown-menu .dropdown-item .material-icons { +.dark-version .dropdown .dropdown-menu .dropdown-item .material-symbols-rounded { color: #fff; } @@ -21637,7 +22917,7 @@ fieldset:disabled .btn { .dark-version .swal2-popup, .dark-version .dropdown .dropdown-menu, .dark-version .kanban-board { - background: #202940; + background: #1d1d1d; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } @@ -21653,7 +22933,11 @@ fieldset:disabled .btn { .dark-version .dropdown .dropdown-menu p, .dark-version .kanban-board p { color: #fff !important; - opacity: .6; + opacity: 0.6; +} + +.dark-version .card { + border: 1px solid rgba(255, 255, 255, 0.04); } .dark-version .kanban-item { @@ -21663,27 +22947,21 @@ fieldset:disabled .btn { .dark-version .swal2-html-container { color: #fff !important; - opacity: .6; + opacity: 0.6; } .dark-version h1, .dark-version .h1, -.dark-version .h1, .dark-version h2, .dark-version .h2, -.dark-version .h2, .dark-version h3, .dark-version .h3, -.dark-version .h3, .dark-version h4, .dark-version .h4, -.dark-version .h4, .dark-version h5, .dark-version .h5, -.dark-version .h5, .dark-version h6, .dark-version .h6, -.dark-version .h6, .dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button), .dark-version .table thead tr th, .dark-version .kanban-title-board { @@ -21702,22 +22980,22 @@ fieldset:disabled .btn { } .dark-version .input-group.input-group-outline .form-control { - border-color: rgba(255, 255, 255, 0.4) !important; + border-color: rgba(255, 255, 255, 0.04) !important; } .dark-version .input-group .is-valid, .dark-version .input-group .is-invalid { - border-color: rgba(255, 255, 255, 0.4) !important; + border-color: rgba(255, 255, 255, 0.04) !important; } .dark-version .accordion .accordion-button { - border-color: rgba(255, 255, 255, 0.4) !important; + border-color: rgba(255, 255, 255, 0.04) !important; color: #fff; - opacity: .8; + opacity: 0.8; } .dark-version .table> :not(caption)>*>* { - border-color: rgba(255, 255, 255, 0.4) !important; + border-color: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 255, 255, 0.6) !important; } @@ -21731,16 +23009,16 @@ fieldset:disabled .btn { } .dark-version .nav.bg-white { - background-color: #202940 !important; + background-color: #1d1d1d !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .dark-version .nav .nav-link[data-scroll]:hover { - color: #344767 !important; + color: #262626 !important; } .dark-version .toast { - background-color: #202940 !important; + background-color: #1d1d1d !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } @@ -21754,23 +23032,23 @@ fieldset:disabled .btn { .dark-version .toast p { color: #fff !important; - opacity: .6; + opacity: 0.6; } .dark-version .choices .choices__input { background-color: transparent !important; - border-bottom: 1px solid rgba(255, 255, 255, 0.4); + border-bottom: 1px solid rgba(255, 255, 255, 0.04); color: #fff; } .dark-version .choices .choices__list.choices__list--dropdown { - background: #202940; + background: #1d1d1d; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .dark-version .fc-theme-standard td, .dark-version .fc-theme-standard th { - border-color: rgba(, 128, 154, 0.3); + border-color: rgba(115, 115, 115, 0.3); } .dark-version .dataTable-sorter::after { @@ -21782,16 +23060,16 @@ fieldset:disabled .btn { } .dark-version .ql-snow .ql-stroke { - stroke: #f0f2f5; + stroke: #e5e5e5; } .dark-version .ql-snow .ql-fill, .dark-version .ql-snow .ql-stroke.ql-fill { - fill: #f0f2f5; + fill: #e5e5e5; } .dark-version .ql-toolbar.ql-snow .ql-picker-label { - color: #f0f2f5; + color: #e5e5e5; } .dark-version .form-control { @@ -21874,7 +23152,7 @@ body.dark-version { } .dropdown.dropdown-hover:after { - content: ''; + content: ""; position: absolute; left: 0; bottom: -24px; @@ -22002,7 +23280,7 @@ body.dark-version { .dropdown.nav-item .dropdown-menu-animation { display: block; height: 0; - transition: all .35s ease; + transition: all 0.35s ease; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0; @@ -22029,7 +23307,7 @@ body.dark-version { left: 0; top: 0; z-index: -1; - transition: left .35s ease; + transition: left 0.35s ease; } .dropdown .dropdown-menu.dropdown-menu-end { @@ -22171,7 +23449,7 @@ body.dark-version { width: 360px; border-radius: 0; padding: 0 10px; - transition: .2s ease; + transition: 0.2s ease; z-index: 1020; } @@ -22189,7 +23467,7 @@ body.dark-version { .fixed-plugin .badge:hover, .fixed-plugin .badge.active { - border-color: #344767; + border-color: #262626; } .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) { @@ -22199,8 +23477,9 @@ body.dark-version { .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) { background-color: transparent; background-image: none; - border: 1px solid #344767; - color: #344767; + border: 1px solid #e5e5e5; + color: #262626; + box-shadow: 0 2px 9px -5px rgba(10, 10, 10, 0.15); } .fixed-plugin.show .card { @@ -22212,13 +23491,13 @@ body.dark-version { } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { +.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } @@ -22266,7 +23545,7 @@ body.dark-version { .input-group.input-group-dynamic .form-control:focus, .input-group.input-group-static .form-control, .input-group.input-group-static .form-control:focus { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); border-radius: 0 !important; } @@ -22278,7 +23557,7 @@ body.dark-version { .input-group.input-group-dynamic .form-control[disabled], .input-group.input-group-static .form-control[disabled] { cursor: not-allowed; - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important; + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #e5e5e5 1px, hsla(0, 0%, 82%, 0) 0) !important; } .input-group.input-group-dynamic .input-group-text, @@ -22312,7 +23591,7 @@ body.dark-version { .input-group.input-group-dynamic.is-focused.is-valid .form-control:focus, .input-group.input-group-static.is-focused.is-valid .form-control, .input-group.input-group-static.is-focused.is-valid .form-control:focus { - background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); border-radius: 0 !important; } @@ -22325,7 +23604,7 @@ body.dark-version { .input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus, .input-group.input-group-static.is-focused.is-invalid .form-control, .input-group.input-group-static.is-focused.is-invalid .form-control:focus { - background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); border-radius: 0 !important; } @@ -22333,7 +23612,7 @@ body.dark-version { .input-group.input-group-dynamic.is-valid .form-control:focus, .input-group.input-group-static.is-valid .form-control, .input-group.input-group-static.is-valid .form-control:focus { - background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); border-radius: 0 !important; } @@ -22341,7 +23620,7 @@ body.dark-version { .input-group.input-group-dynamic.is-invalid .form-control:focus, .input-group.input-group-static.is-invalid .form-control, .input-group.input-group-static.is-invalid .form-control:focus { - background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); border-radius: 0 !important; } @@ -22530,23 +23809,23 @@ body.dark-version { margin-left: auto !important; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"], -.form-check:not(.form-switch) .form-check-input[type="radio"] { - border: 1px solid #d1d7e1; +.form-check:not(.form-switch) .form-check-input[type=checkbox], +.form-check:not(.form-switch) .form-check-input[type=radio] { + border: 1px solid rgb(203.5, 203.5, 203.5); margin-top: 0.25rem; position: relative; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked, +.form-check:not(.form-switch) .form-check-input[type=radio]:checked { border-color: #e91e63; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"] { +.form-check:not(.form-switch) .form-check-input[type=checkbox] { background-image: none; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:after { transition: opacity 0.25s ease-in-out; font-family: "FontAwesome"; content: "\f00c"; @@ -22561,20 +23840,20 @@ body.dark-version { opacity: 0; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked { background: #e91e63; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after { opacity: 1; } -.form-check:not(.form-switch) .form-check-input[type="radio"] { +.form-check:not(.form-switch) .form-check-input[type=radio] { transition: border 0s; background: transparent; } -.form-check:not(.form-switch) .form-check-input[type="radio"]:after { +.form-check:not(.form-switch) .form-check-input[type=radio]:after { transition: opacity 0.25s ease-in-out; content: ""; position: absolute; @@ -22590,22 +23869,22 @@ body.dark-version { margin: auto; } -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { +.form-check:not(.form-switch) .form-check-input[type=radio]:checked { padding: 6px; } -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { +.form-check:not(.form-switch) .form-check-input[type=radio]:checked:after { opacity: 1; } -.form-check:not(.form-switch) .form-check-input[type="radio"]:active { +.form-check:not(.form-switch) .form-check-input[type=radio]:active { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 12px rgba(53, 71, 102, 0.1); border-radius: 50rem; transition: 0.05s ease; } .form-check-label, -.form-check-input[type="checkbox"] { +.form-check-input[type=checkbox] { cursor: pointer; } @@ -22622,7 +23901,7 @@ body.dark-version { .form-switch .form-check-input { position: relative; - background-color: #ced4da; + background-color: #a3a3a3; height: 0.9375rem; width: 1.875rem; } @@ -22633,7 +23912,7 @@ body.dark-version { width: 1.25rem; height: 1.25rem; border-radius: 50%; - border: 1px solid #ced4da; + border: 1px solid #a3a3a3; position: absolute; background-color: #fff; transform: translateX(1px); @@ -22669,7 +23948,7 @@ label, font-size: 0.875rem; font-weight: 400; margin-bottom: 0.5rem; - color: #7b809a; + color: #737373; margin-left: 0.25rem; } @@ -22711,13 +23990,13 @@ label, .input-group .input-group-text { position: absolute; - padding: .75rem 0; + padding: 0.75rem 0; right: 0; border-right: 0 !important; } .input-group .input-group-text i { - color: #6c757d; + color: #525252; } .input-group.input-group-static .input-group-text { @@ -22725,7 +24004,7 @@ label, } .footer .nav-link { - color: #344767; + color: #262626; font-weight: 400; font-size: 0.875rem; padding-top: 0; @@ -22774,43 +24053,43 @@ label, } .bg-gradient-faded-primary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, #c1134e 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, rgb(193.1174089069, 18.8825910931, 78.1052631579) 100%); } .bg-gradient-faded-secondary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, 0.6) 0, #626780 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(115, 115, 115, 0.6) 0, rgb(89.5, 89.5, 89.5) 100%); } .bg-gradient-faded-success { - background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, rgb(60.5577689243, 139.4422310757, 63.7450199203) 100%); } .bg-gradient-faded-info { - background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, rgb(18.8928571429, 92, 188.1071428571) 100%); } .bg-gradient-faded-warning { - background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, rgb(200, 111.5537848606, 0) 100%); } .bg-gradient-faded-danger { - background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, rgb(233.2957746479, 28.8732394366, 12.7042253521) 100%); } .bg-gradient-faded-light { - background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(229, 229, 229, 0.6) 0, rgb(203.5, 203.5, 203.5) 100%); } .bg-gradient-faded-dark { - background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(38, 38, 38, 0.6) 0, rgb(12.5, 12.5, 12.5) 100%); } .bg-gradient-faded-white { - background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, rgb(229.5, 229.5, 229.5) 100%); } .bg-gradient-faded-dark-blue { - background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, 0.6) 0, #111754 100%); + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, 0.6) 0, rgb(17.2763157895, 23.2565789474, 83.7236842105) 100%); } .bg-gradient-faded-primary-vertical { @@ -22818,7 +24097,7 @@ label, } .bg-gradient-faded-secondary-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, 0.3) 0, #7b809a 100%); + background-image: radial-gradient(200px circle at 50% 70%, rgba(115, 115, 115, 0.3) 0, #737373 100%); } .bg-gradient-faded-success-vertical { @@ -22838,11 +24117,11 @@ label, } .bg-gradient-faded-light-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%); + background-image: radial-gradient(200px circle at 50% 70%, rgba(229, 229, 229, 0.3) 0, #e5e5e5 100%); } .bg-gradient-faded-dark-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%); + background-image: radial-gradient(200px circle at 50% 70%, rgba(38, 38, 38, 0.3) 0, #262626 100%); } .bg-gradient-faded-white-vertical { @@ -22853,10 +24132,7 @@ label, background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 35, 126, 0.3) 0, #1A237E 100%); } -.material-icons { - font-family: 'Material Icons Round'; - font-weight: normal; - font-style: normal; +.material-symbols-rounded { font-size: 20px; /* Preferred icon size */ display: inline-block; @@ -22866,6 +24142,7 @@ label, word-wrap: normal; white-space: nowrap; direction: ltr; + font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ @@ -22873,10 +24150,10 @@ label, /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ - font-feature-settings: 'liga'; + font-feature-settings: "liga"; } -.nav.nav-pills .nav-link .material-icons { +.nav.nav-pills .nav-link .material-symbols-rounded { top: 3px; } @@ -23063,15 +24340,15 @@ html { } .blur { - box-shadow: inset 0px 0px 2px #fefefed1; - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.8) !important; + box-shadow: inset 0px 0px 2px rgba(254, 254, 254, 0.8196078431); + -webkit-backdrop-filter: saturate(100%) blur(16px); + backdrop-filter: saturate(100%) blur(16px); + background-color: rgba(255, 255, 255, 0.9) !important; } .blur.saturation-less { - -webkit-backdrop-filter: saturate(20%) blur(30px); - backdrop-filter: saturate(20%) blur(30px); + -webkit-backdrop-filter: saturate(20%) blur(16px); + backdrop-filter: saturate(20%) blur(16px); } .blur.blur-rounded { @@ -23086,23 +24363,30 @@ html { background-color: rgba(0, 0, 0, 0.3); } +.blur.card, +.blur.card-body { + background-color: rgba(255, 255, 255, 0.94) !important; + -webkit-backdrop-filter: saturate(100%) blur(24px); + backdrop-filter: saturate(100%) blur(24px); +} + .shadow-blur { - box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.7), 0 3px 12px 0 rgba(0, 0, 0, 0.05) !important; } .shadow-card { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } .navbar-blur { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.58) !important; + -webkit-backdrop-filter: saturate(100%) blur(16px); + backdrop-filter: saturate(100%) blur(16px); + background-color: rgba(255, 255, 255, 0.9) !important; } .blur-section { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); + -webkit-backdrop-filter: saturate(100%) blur(16px); + backdrop-filter: saturate(100%) blur(16px); } .blur-section.blur-gradient-primary { @@ -23129,7 +24413,7 @@ html { } *.gradient-animation { - background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #EC407A, #344767); + background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #EC407A, #262626); background-size: 400% 400% !important; animation: gradient 10s ease infinite; } @@ -23149,7 +24433,7 @@ hr.vertical { } hr.vertical.light { - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); + background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0)); } hr.vertical.dark { @@ -23165,7 +24449,7 @@ hr.horizontal { } hr.horizontal.light { - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); + background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0)); } hr.horizontal.dark { @@ -23313,7 +24597,7 @@ hr.horizontal.gray-light { } hr.horizontal:not(.dark) { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); } hr.horizontal.vertical { @@ -23379,7 +24663,7 @@ hr.horizontal.gray-light { .choices .choices__list.choices__list--single, .choices .choices__list.choices__list--single:focus { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); } .choices .choices__list.choices__list--dropdown { @@ -23464,12 +24748,11 @@ hr.horizontal.gray-light { } .navbar .navbar-brand { - color: #344767; - font-size: 0.875rem; + color: #262626; } .navbar .nav-link { - color: #344767; + color: #262626; padding: 0.5rem 1rem; font-weight: 400; font-size: 0.875rem; @@ -23510,7 +24793,7 @@ hr.horizontal.gray-light { .navbar .sidenav-toggler-inner .sidenav-toggler-line { transition: all 0.15s ease; - background: #7b809a; + background: #737373; border-radius: 0.1rem; position: relative; display: block; @@ -23549,7 +24832,7 @@ hr.horizontal.gray-light { width: 22px; height: 1px; border-radius: 1px; - background: #6c757d; + background: #525252; transition: all 0.2s; margin: 0 auto; } @@ -23559,17 +24842,17 @@ hr.horizontal.gray-light { margin-top: 7px; } -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 { transform: rotate(45deg); transform-origin: 10% 10%; margin-top: 4px; } -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 { opacity: 0; } -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 { transform: rotate(-45deg); transform-origin: 10% 90%; margin-top: 3px; @@ -23592,7 +24875,7 @@ hr.horizontal.gray-light { .navbar.navbar-transparent .navbar-collapse.show .nav-link, .navbar.navbar-transparent .navbar-collapse.show i { - color: #344767; + color: #262626; } .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { @@ -23650,16 +24933,16 @@ hr.horizontal.gray-light { } .navbar-vertical .navbar-nav .nav-link { - padding-left: 1rem; - padding-right: 1rem; - font-weight: 300; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-weight: 500; color: #fff; + font-size: 0.75rem; } .navbar-vertical .navbar-nav .nav-link>i { - min-width: 1.8rem; - font-size: 1.5rem; - line-height: 1.5rem; + min-width: 1rem; + font-size: 1.125rem; text-align: center; } @@ -23677,7 +24960,7 @@ hr.horizontal.gray-light { } .navbar-vertical .navbar-nav .nav-sm .nav-link { - font-size: 0.8125rem; + font-size: 0.75rem; } .navbar-vertical .navbar-nav .nav-link { @@ -23700,7 +24983,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -23712,7 +24995,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } -.navbar-vertical.navbar-expand-xs>[class*="container"] { +.navbar-vertical.navbar-expand-xs>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -23722,7 +25005,7 @@ hr.horizontal.gray-light { @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xs>[class*="container"] { + .navbar-vertical.navbar-expand-xs>[class*=container] { min-height: none; height: 100%; } @@ -23737,9 +25020,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -23774,8 +25057,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -23784,8 +25067,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } @media (min-width: 576px) { @@ -23795,7 +25078,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -23807,7 +25090,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } - .navbar-vertical.navbar-expand-sm>[class*="container"] { + .navbar-vertical.navbar-expand-sm>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -23816,9 +25099,9 @@ hr.horizontal.gray-light { } } -@media all and (min-width: 576px) and (-ms-high-contrast: none), +@media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-sm>[class*="container"] { + .navbar-vertical.navbar-expand-sm>[class*=container] { min-height: none; height: 100%; } @@ -23834,9 +25117,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -23871,8 +25154,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -23881,8 +25164,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } } @@ -23893,7 +25176,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -23905,7 +25188,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } - .navbar-vertical.navbar-expand-md>[class*="container"] { + .navbar-vertical.navbar-expand-md>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -23914,9 +25197,9 @@ hr.horizontal.gray-light { } } -@media all and (min-width: 768px) and (-ms-high-contrast: none), +@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-md>[class*="container"] { + .navbar-vertical.navbar-expand-md>[class*=container] { min-height: none; height: 100%; } @@ -23932,9 +25215,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -23969,8 +25252,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -23979,8 +25262,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } } @@ -23991,7 +25274,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -24003,7 +25286,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } - .navbar-vertical.navbar-expand-lg>[class*="container"] { + .navbar-vertical.navbar-expand-lg>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -24012,9 +25295,9 @@ hr.horizontal.gray-light { } } -@media all and (min-width: 992px) and (-ms-high-contrast: none), +@media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-lg>[class*="container"] { + .navbar-vertical.navbar-expand-lg>[class*=container] { min-height: none; height: 100%; } @@ -24030,9 +25313,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -24067,8 +25350,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -24077,8 +25360,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } } @@ -24089,7 +25372,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -24101,7 +25384,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } - .navbar-vertical.navbar-expand-xl>[class*="container"] { + .navbar-vertical.navbar-expand-xl>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -24110,9 +25393,9 @@ hr.horizontal.gray-light { } } -@media all and (min-width: 1200px) and (-ms-high-contrast: none), +@media (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xl>[class*="container"] { + .navbar-vertical.navbar-expand-xl>[class*=container] { min-height: none; height: 100%; } @@ -24128,9 +25411,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -24165,8 +25448,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -24175,8 +25458,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } } @@ -24187,7 +25470,7 @@ hr.horizontal.gray-light { top: 0; bottom: 0; width: 100%; - max-width: 15.625rem !important; + max-width: 14rem !important; overflow-y: auto; padding: 0; box-shadow: none; @@ -24199,7 +25482,7 @@ hr.horizontal.gray-light { height: calc(100vh - 200px); } - .navbar-vertical.navbar-expand-xxl>[class*="container"] { + .navbar-vertical.navbar-expand-xxl>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -24208,9 +25491,9 @@ hr.horizontal.gray-light { } } -@media all and (min-width: 1400px) and (-ms-high-contrast: none), +@media (min-width: 1400px) and (-ms-high-contrast: none), (min-width: 1400px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xxl>[class*="container"] { + .navbar-vertical.navbar-expand-xxl>[class*=container] { min-height: none; height: 100%; } @@ -24226,9 +25509,9 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin: 0 0.75rem; margin-bottom: 1.5px; } @@ -24263,8 +25546,8 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; padding-left: 15px; } @@ -24273,158 +25556,158 @@ hr.horizontal.gray-light { } .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } } -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); } -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); } -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #737373 0%, #737373 100%); } -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #737373 0%, #737373 100%); } -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); } -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); } -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); } -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); } -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); } -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); } -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); } -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); } -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #e5e5e5 0%, #e5e5e5 100%); } -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #e5e5e5 0%, #e5e5e5 100%); } -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #344767 0%, #344767 100%); +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #262626 0%, #262626 100%); } -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #344767 0%, #344767 100%); +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #262626 0%, #262626 100%); } -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #fff 0%, #fff 100%); } -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #fff 0%, #fff 100%); } -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); } -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { background-color: rgba(199, 199, 199, 0.2); } -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); } @@ -24444,7 +25727,7 @@ hr.horizontal.gray-light { @media (min-width: 1200px) { .sidenav:hover { - max-width: 15.625rem; + max-width: 14rem; } .sidenav .sidenav-toggler { @@ -24452,11 +25735,11 @@ hr.horizontal.gray-light { } .sidenav.fixed-start+.main-content { - margin-left: 17.125rem; + margin-left: 15rem; } .sidenav.fixed-end+.main-content { - margin-right: 17.125rem; + margin-right: 15rem; } } @@ -24468,29 +25751,6 @@ hr.horizontal.gray-light { transition: all 0.1s ease; } -.sidenav .navbar-brand { - padding: 1.5rem 2rem; -} - -.sidenav .collapse .nav-item .nav-link.active { - color: #fff !important; -} - -.sidenav .collapse .nav-item .nav-link.active i { - color: #fff !important; -} - -body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, -body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text, -body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i, -body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text { - color: #344767 !important; -} - -.sidenav-header { - height: 4.875rem; -} - .sidenav-footer .card.card-background:after { opacity: 0.65; } @@ -24511,17 +25771,17 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac opacity: 1; } -.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { +.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { margin-left: 0; } @media (max-width: 1199.98px) { .g-sidenav-show.rtl .sidenav { - transform: translateX(17.125rem); + transform: translateX(15.5rem); } .g-sidenav-show:not(.rtl) .sidenav { - transform: translateX(-17.125rem); + transform: translateX(-15.5rem); } .g-sidenav-show .sidenav.fixed-start+.main-content { @@ -24534,7 +25794,8 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .navbar-vertical.bg-white { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + border: 1px solid #e5e5e5; } .navbar-vertical.bg-white .navbar-nav .nav-link.active { @@ -24547,8 +25808,8 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .navbar-vertical .navbar-nav .nav-link.active { - font-weight: 400; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + font-weight: 500; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 0.375rem; margin-top: 1.5px; margin-bottom: 1.5px; @@ -24563,7 +25824,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + background-image: linear-gradient(195deg, #262626 0%, #262626 100%); } .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span, @@ -24578,7 +25839,8 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + background-image: linear-gradient(195deg, #262626 0%, #262626 100%); + color: #fff !important; } .navbar-main { @@ -24586,20 +25848,20 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .navbar-main.fixed-top { - width: calc(100% - (15.625rem + 1.5rem * 3)); + width: calc(100% - (14rem + 1.5rem * 3)); } -.navbar-main.fixed-top+[class*="container"] { +.navbar-main.fixed-top+[class*=container] { margin-top: 7.1875rem !important; } -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: 'Font Awesome 5 Free'; + font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f107"; margin-left: auto; @@ -24608,17 +25870,17 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } @media (prefers-reduced-motion: reduce) { - .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { transition: none; } } -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after { color: #CED4DA; transform: rotate(180deg); } -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"].active:after { +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse].active:after { color: #fff; } @@ -24674,7 +25936,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { transition: all 0.2s ease-in-out; text-align: center; - min-width: 1.8rem; + min-width: 1rem; } @media (prefers-reduced-motion: reduce) { @@ -24732,27 +25994,27 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac @media (min-width: 1200px) { .g-sidenav-hidden.rtl .main-content { - margin-right: 6rem !important; + margin-right: 4.75rem !important; } .g-sidenav-hidden.rtl .navbar-vertical:hover { - max-width: 15.625rem !important; + max-width: 14rem !important; } - .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round { + .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-symbols-rounded { margin-right: 2px; } .g-sidenav-hidden.rtl .sidenav:hover+.main-content { - margin-right: 17.125rem !important; + margin-right: 15.5rem !important; } .g-sidenav-hidden .navbar-vertical { - max-width: 6rem !important; + max-width: 4.75rem !important; } .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content { - margin-left: 7.5rem; + margin-left: 6.25rem; } .g-sidenav-hidden .navbar-vertical .navbar-brand img { @@ -24767,22 +26029,13 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac padding: 10px; } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round { - margin-left: 2px; - } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { opacity: 0; width: 0; } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon { - min-width: 1.8rem; - margin-left: 0.15rem !important; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle=collapse]:after { content: ""; opacity: 0; } @@ -24793,10 +26046,10 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link { - margin-left: 1rem; + margin-left: 0.75rem; } - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; } @@ -24811,11 +26064,11 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .g-sidenav-hidden .navbar-vertical:hover { - max-width: 15.625rem !important; + max-width: 14rem !important; } .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content { - margin-left: 17.125rem; + margin-left: 15.5rem; } .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span { @@ -24828,7 +26081,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac width: auto; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; opacity: 1; } @@ -24851,7 +26104,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .nav.nav-pills { - background: #f8f9fa; + background: #f5f5f5; border-radius: 0.75rem; position: relative; } @@ -24866,7 +26119,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .nav.nav-pills .nav-link { z-index: 3; - color: #344767; + color: #262626; border-radius: 0.5rem; background-color: inherit; } @@ -24876,7 +26129,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .nav.nav-pills .nav-link:hover:not(.active) { - color: #344767; + color: #262626; } .nav.nav-pills.nav-pills-primary { @@ -24959,7 +26212,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .moving-tab .nav-link { color: #fff; - transition: .2s ease; + transition: 0.2s ease; border-radius: 0.5rem; } @@ -24972,7 +26225,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .moving-tab .nav-link:hover:not(.active) { - color: #344767; + color: #262626; } .page-item.active .page-link { @@ -24984,7 +26237,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac display: flex; align-items: center; justify-content: center; - color: #7b809a; + color: #737373; padding: 0; margin: 0 3px; border-radius: 50% !important; @@ -25177,7 +26430,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac border-bottom-left-radius: 0.375rem; } -.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), +.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; @@ -25206,7 +26459,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-facebook:focus, .btn.btn-facebook:hover { - background-color: #344e86; + background-color: rgb(51.8696682464, 78.2440758294, 133.6303317536); color: #fff; } @@ -25217,7 +26470,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-facebook.btn-simple { - color: #344e86; + color: rgb(51.8696682464, 78.2440758294, 133.6303317536); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25229,7 +26482,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-facebook.btn-simple:hover:focus, .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:hover:focus:active { - color: #344e86; + color: rgb(51.8696682464, 78.2440758294, 133.6303317536); background: transparent !important; box-shadow: none !important; } @@ -25242,7 +26495,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-facebook.btn-neutral:hover, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:active { - color: #344e86; + color: rgb(51.8696682464, 78.2440758294, 133.6303317536); } .btn.btn-twitter { @@ -25252,7 +26505,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-twitter:focus, .btn.btn-twitter:hover { - background-color: #3ea1ec; + background-color: rgb(61.8181818182, 160.6818181818, 235.6818181818); color: #fff; } @@ -25263,7 +26516,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-twitter.btn-simple { - color: #3ea1ec; + color: rgb(61.8181818182, 160.6818181818, 235.6818181818); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25275,7 +26528,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-twitter.btn-simple:hover:focus, .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:hover:focus:active { - color: #3ea1ec; + color: rgb(61.8181818182, 160.6818181818, 235.6818181818); background: transparent !important; box-shadow: none !important; } @@ -25288,7 +26541,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-twitter.btn-neutral:hover, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:active { - color: #3ea1ec; + color: rgb(61.8181818182, 160.6818181818, 235.6818181818); } .btn.btn-pinterest { @@ -25298,7 +26551,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-pinterest:focus, .btn.btn-pinterest:hover { - background-color: #b21d22; + background-color: rgb(177.6607594937, 28.7392405063, 33.964556962); color: #fff; } @@ -25309,7 +26562,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-pinterest.btn-simple { - color: #b21d22; + color: rgb(177.6607594937, 28.7392405063, 33.964556962); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25321,7 +26574,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-pinterest.btn-simple:hover:focus, .btn.btn-pinterest.btn-simple:active, .btn.btn-pinterest.btn-simple:hover:focus:active { - color: #b21d22; + color: rgb(177.6607594937, 28.7392405063, 33.964556962); background: transparent !important; box-shadow: none !important; } @@ -25334,7 +26587,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-pinterest.btn-neutral:hover, .btn.btn-pinterest.btn-neutral:focus, .btn.btn-pinterest.btn-neutral:active { - color: #b21d22; + color: rgb(177.6607594937, 28.7392405063, 33.964556962); } .btn.btn-linkedin { @@ -25344,7 +26597,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-linkedin:focus, .btn.btn-linkedin:hover { - background-color: #00669c; + background-color: rgb(0, 102.2348066298, 155.5); color: #fff; } @@ -25355,7 +26608,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-linkedin.btn-simple { - color: #00669c; + color: rgb(0, 102.2348066298, 155.5); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25367,7 +26620,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-linkedin.btn-simple:hover:focus, .btn.btn-linkedin.btn-simple:active, .btn.btn-linkedin.btn-simple:hover:focus:active { - color: #00669c; + color: rgb(0, 102.2348066298, 155.5); background: transparent !important; box-shadow: none !important; } @@ -25380,7 +26633,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-linkedin.btn-neutral:hover, .btn.btn-linkedin.btn-neutral:focus, .btn.btn-linkedin.btn-neutral:active { - color: #00669c; + color: rgb(0, 102.2348066298, 155.5); } .btn.btn-dribbble { @@ -25390,7 +26643,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-dribbble:focus, .btn.btn-dribbble:hover { - background-color: #e73177; + background-color: rgb(230.787, 48.613, 118.946); color: #fff; } @@ -25401,7 +26654,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-dribbble.btn-simple { - color: #e73177; + color: rgb(230.787, 48.613, 118.946); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25413,7 +26666,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-dribbble.btn-simple:hover:focus, .btn.btn-dribbble.btn-simple:active, .btn.btn-dribbble.btn-simple:hover:focus:active { - color: #e73177; + color: rgb(230.787, 48.613, 118.946); background: transparent !important; box-shadow: none !important; } @@ -25426,7 +26679,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-dribbble.btn-neutral:hover, .btn.btn-dribbble.btn-neutral:focus, .btn.btn-dribbble.btn-neutral:active { - color: #e73177; + color: rgb(230.787, 48.613, 118.946); } .btn.btn-github { @@ -25436,7 +26689,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-github:focus, .btn.btn-github:hover { - background-color: #171a1d; + background-color: rgb(22.5658536585, 25.7, 28.8341463415); color: #fff; } @@ -25447,7 +26700,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-github.btn-simple { - color: #171a1d; + color: rgb(22.5658536585, 25.7, 28.8341463415); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25459,7 +26712,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-github.btn-simple:hover:focus, .btn.btn-github.btn-simple:active, .btn.btn-github.btn-simple:hover:focus:active { - color: #171a1d; + color: rgb(22.5658536585, 25.7, 28.8341463415); background: transparent !important; box-shadow: none !important; } @@ -25472,7 +26725,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-github.btn-neutral:hover, .btn.btn-github.btn-neutral:focus, .btn.btn-github.btn-neutral:active { - color: #171a1d; + color: rgb(22.5658536585, 25.7, 28.8341463415); } .btn.btn-youtube { @@ -25482,7 +26735,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-youtube:focus, .btn.btn-youtube:hover { - background-color: #d41f1a; + background-color: rgb(211.894214876, 31.3917355372, 25.505785124); color: #fff; } @@ -25493,7 +26746,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-youtube.btn-simple { - color: #d41f1a; + color: rgb(211.894214876, 31.3917355372, 25.505785124); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25505,7 +26758,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-youtube.btn-simple:hover:focus, .btn.btn-youtube.btn-simple:active, .btn.btn-youtube.btn-simple:hover:focus:active { - color: #d41f1a; + color: rgb(211.894214876, 31.3917355372, 25.505785124); background: transparent !important; box-shadow: none !important; } @@ -25518,7 +26771,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-youtube.btn-neutral:hover, .btn.btn-youtube.btn-neutral:focus, .btn.btn-youtube.btn-neutral:active { - color: #d41f1a; + color: rgb(211.894214876, 31.3917355372, 25.505785124); } .btn.btn-instagram { @@ -25528,7 +26781,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-instagram:focus, .btn.btn-instagram:hover { - background-color: #0e456d; + background-color: rgb(14.4233766234, 68.9116883117, 108.9766233766); color: #fff; } @@ -25539,7 +26792,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-instagram.btn-simple { - color: #0e456d; + color: rgb(14.4233766234, 68.9116883117, 108.9766233766); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25551,7 +26804,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-instagram.btn-simple:hover:focus, .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:hover:focus:active { - color: #0e456d; + color: rgb(14.4233766234, 68.9116883117, 108.9766233766); background: transparent !important; box-shadow: none !important; } @@ -25564,7 +26817,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-instagram.btn-neutral:hover, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:active { - color: #0e456d; + color: rgb(14.4233766234, 68.9116883117, 108.9766233766); } .btn.btn-reddit { @@ -25574,7 +26827,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-reddit:focus, .btn.btn-reddit:hover { - background-color: #e03d00; + background-color: rgb(224.4, 60.72, 0); color: #fff; } @@ -25585,7 +26838,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-reddit.btn-simple { - color: #e03d00; + color: rgb(224.4, 60.72, 0); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25597,7 +26850,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-reddit.btn-simple:hover:focus, .btn.btn-reddit.btn-simple:active, .btn.btn-reddit.btn-simple:hover:focus:active { - color: #e03d00; + color: rgb(224.4, 60.72, 0); background: transparent !important; box-shadow: none !important; } @@ -25610,7 +26863,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-reddit.btn-neutral:hover, .btn.btn-reddit.btn-neutral:focus, .btn.btn-reddit.btn-neutral:active { - color: #e03d00; + color: rgb(224.4, 60.72, 0); } .btn.btn-tumblr { @@ -25620,7 +26873,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-tumblr:focus, .btn.btn-tumblr:hover { - background-color: #2a3749; + background-color: rgb(41.8151724138, 55.2275862069, 72.5848275862); color: #fff; } @@ -25631,7 +26884,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-tumblr.btn-simple { - color: #2a3749; + color: rgb(41.8151724138, 55.2275862069, 72.5848275862); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25643,7 +26896,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-tumblr.btn-simple:hover:focus, .btn.btn-tumblr.btn-simple:active, .btn.btn-tumblr.btn-simple:hover:focus:active { - color: #2a3749; + color: rgb(41.8151724138, 55.2275862069, 72.5848275862); background: transparent !important; box-shadow: none !important; } @@ -25656,7 +26909,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-tumblr.btn-neutral:hover, .btn.btn-tumblr.btn-neutral:focus, .btn.btn-tumblr.btn-neutral:active { - color: #2a3749; + color: rgb(41.8151724138, 55.2275862069, 72.5848275862); } .btn.btn-behance { @@ -25666,7 +26919,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-behance:focus, .btn.btn-behance:hover { - background-color: #0057f7; + background-color: rgb(0, 87.4431034483, 247.4); color: #fff; } @@ -25677,7 +26930,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-behance.btn-simple { - color: #0057f7; + color: rgb(0, 87.4431034483, 247.4); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25689,7 +26942,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-behance.btn-simple:hover:focus, .btn.btn-behance.btn-simple:active, .btn.btn-behance.btn-simple:hover:focus:active { - color: #0057f7; + color: rgb(0, 87.4431034483, 247.4); background: transparent !important; box-shadow: none !important; } @@ -25702,7 +26955,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-behance.btn-neutral:hover, .btn.btn-behance.btn-neutral:focus, .btn.btn-behance.btn-neutral:active { - color: #0057f7; + color: rgb(0, 87.4431034483, 247.4); } .btn.btn-vimeo { @@ -25712,7 +26965,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-vimeo:focus, .btn.btn-vimeo:hover { - background-color: #13a3d2; + background-color: rgb(19.2696, 163.3328, 210.1304); color: #fff; } @@ -25723,7 +26976,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-vimeo.btn-simple { - color: #13a3d2; + color: rgb(19.2696, 163.3328, 210.1304); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25735,7 +26988,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-vimeo.btn-simple:hover:focus, .btn.btn-vimeo.btn-simple:active, .btn.btn-vimeo.btn-simple:hover:focus:active { - color: #13a3d2; + color: rgb(19.2696, 163.3328, 210.1304); background: transparent !important; box-shadow: none !important; } @@ -25748,7 +27001,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-vimeo.btn-neutral:hover, .btn.btn-vimeo.btn-neutral:focus, .btn.btn-vimeo.btn-neutral:active { - color: #13a3d2; + color: rgb(19.2696, 163.3328, 210.1304); } .btn.btn-slack { @@ -25758,7 +27011,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-slack:focus, .btn.btn-slack:hover { - background-color: #329874; + background-color: rgb(50.382832618, 152.017167382, 115.5330472103); color: #fff; } @@ -25769,7 +27022,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .btn.btn-slack.btn-simple { - color: #329874; + color: rgb(50.382832618, 152.017167382, 115.5330472103); background-color: transparent; background-image: none !important; box-shadow: none; @@ -25781,7 +27034,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-slack.btn-simple:hover:focus, .btn.btn-slack.btn-simple:active, .btn.btn-slack.btn-simple:hover:focus:active { - color: #329874; + color: rgb(50.382832618, 152.017167382, 115.5330472103); background: transparent !important; box-shadow: none !important; } @@ -25794,14 +27047,14 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac .btn.btn-slack.btn-neutral:hover, .btn.btn-slack.btn-neutral:focus, .btn.btn-slack.btn-neutral:active { - color: #329874; + color: rgb(50.382832618, 152.017167382, 115.5330472103); } .table thead th { padding: 0.75rem 1.5rem; text-transform: capitalize; letter-spacing: 0px; - border-bottom: 1px solid #f0f2f5; + border-bottom: 1px solid #e5e5e5; } .table th { @@ -25833,7 +27086,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .table> :not(:last-child)> :last-child>* { - border-bottom-color: #f0f2f5; + border-bottom-color: #e5e5e5; } .table> :not(:first-child) { @@ -25845,7 +27098,7 @@ body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.ac } .timeline:before { - content: ''; + content: ""; position: absolute; top: 0; left: 1rem; @@ -25984,7 +27237,6 @@ body { } h1, -.h1, .h1 { font-size: 3rem; line-height: 1.25; @@ -25994,14 +27246,12 @@ h1, @media (max-width: 575.98px) { h1, - .h1, .h1 { font-size: calc(1.425rem + 2.1vw); } } h2, -.h2, .h2 { font-size: 2.25rem; line-height: 1.3; @@ -26011,14 +27261,12 @@ h2, @media (max-width: 575.98px) { h2, - .h2, .h2 { font-size: calc(1.35rem + 1.2vw); } } h3, -.h3, .h3 { font-size: 1.875rem; line-height: 1.375; @@ -26027,14 +27275,12 @@ h3, @media (max-width: 575.98px) { h3, - .h3, .h3 { font-size: calc(1.3125rem + 0.75vw); } } h4, -.h4, .h4 { font-size: 1.5rem; line-height: 1.375; @@ -26043,14 +27289,12 @@ h4, @media (max-width: 575.98px) { h4, - .h4, .h4 { font-size: calc(1.275rem + 0.3vw); } } h5, -.h5, .h5 { font-size: 1.25rem; line-height: 1.375; @@ -26059,14 +27303,12 @@ h5, @media (max-width: 575.98px) { h5, - .h5, .h5 { font-size: 1.25rem; } } h6, -.h6, .h6 { font-size: 1rem; line-height: 1.625; @@ -26087,12 +27329,9 @@ p, h1, .h1, -.h1, h2, .h2, -.h2, h3, -.h3, .h3 { font-weight: 600; font-family: var(--bs-font-sans-serif); @@ -26100,34 +27339,27 @@ h3, h4, .h4, -.h4, h5, .h5, -.h5, h6, -.h6, .h6 { font-weight: 600; } h1, .h1, -.h1, h2, .h2, -.h2, h3, .h3, -.h3, h4, -.h4, .h4 { letter-spacing: -0.05rem; } a { letter-spacing: 0rem; - color: #344767; + color: #262626; } .text-sm { @@ -26169,11 +27401,10 @@ p, p { line-height: 1.625; - font-weight: 300; } .text-sans-serif { - font-family: "Roboto", Helvetica, Arial, sans-serif !important; + font-family: Inter, Helvetica, Arial, sans-serif !important; } .text-monospace { @@ -26210,6 +27441,10 @@ p { font-weight: 400 !important; } +.font-weight-semibold { + font-weight: 500 !important; +} + .font-weight-bold { font-weight: 600 !important; } @@ -26218,6 +27453,10 @@ p { font-weight: 700 !important; } +.font-weight-black { + font-weight: 800 !important; +} + .font-italic { font-style: italic !important; } @@ -26255,7 +27494,7 @@ p { } .blockquote { - border-left: 3px solid #6c757d; + border-left: 3px solid #525252; } .blockquote>span { @@ -26263,11 +27502,11 @@ p { } .text-muted { - color: #7b809a !important; + color: #737373 !important; } .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; + color: rgba(10, 10, 10, 0.5) !important; } .text-white-50 { @@ -26445,7 +27684,7 @@ p { display: block; pointer-events: none; border: solid transparent; - content: ''; + content: ""; height: 0; width: 0; left: 22px; @@ -26562,14 +27801,14 @@ p { .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ left: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -26579,14 +27818,14 @@ p { .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ right: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -27464,8 +28703,8 @@ span.flatpickr-weekday { * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { - background: #f0f2f5; - border-radius: .25rem; + background: #e5e5e5; + border-radius: 0.25rem; } .noUi-connects { @@ -27492,11 +28731,11 @@ span.flatpickr-weekday { background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; - webkit-transition: .3s ease 0s; - -moz-transition: .3s ease 0s; - -ms-transition: .3s ease 0s; - -o-transform: .3s ease 0s; - transition: .3s ease 0s; + webkit-transition: 0.3s ease 0s; + -moz-transition: 0.3s ease 0s; + -ms-transition: 0.3s ease 0s; + -o-transform: 0.3s ease 0s; + transition: 0.3s ease 0s; } .noUi-active { @@ -27677,12 +28916,12 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc * Based on dabblet (http://dabblet.com) * @author Lea Verou */ -code[class*="language-"], -pre[class*="language-"] { +code[class*=language-], +pre[class*=language-] { color: black; background: none; text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; @@ -27699,46 +28938,46 @@ pre[class*="language-"] { hyphens: none; } -pre[class*="language-"]::-moz-selection, -pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, -code[class*="language-"] ::-moz-selection { +pre[class*=language-]::-moz-selection, +pre[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, +code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -pre[class*="language-"]::selection, -pre[class*="language-"] ::selection, -code[class*="language-"]::selection, -code[class*="language-"] ::selection { +pre[class*=language-]::selection, +pre[class*=language-] ::selection, +code[class*=language-]::selection, +code[class*=language-] ::selection { text-shadow: none; background: #b3d4fc; } @media print { - code[class*="language-"], - pre[class*="language-"] { + code[class*=language-], + pre[class*=language-] { text-shadow: none; } } /* Code blocks */ -pre[class*="language-"] { +pre[class*=language-] { padding: 1em; overflow: auto; - border-radius: .75rem; + border-radius: 0.75rem; } -:not(pre)>code[class*="language-"], -pre[class*="language-"] { - background: #f8f9fa; +:not(pre)>code[class*=language-], +pre[class*=language-] { + background: #f5f5f5; } /* Inline code */ -:not(pre)>code[class*="language-"] { - padding: .1em; - border-radius: .3em; +:not(pre)>code[class*=language-] { + padding: 0.1em; + border-radius: 0.3em; white-space: normal; } @@ -27754,7 +28993,7 @@ pre[class*="language-"] { } .token.namespace { - opacity: .7; + opacity: 0.7; } .token.property, @@ -27783,7 +29022,7 @@ pre[class*="language-"] { .style .token.string { color: #9a6e3a; /* This background color was intended by the author of this theme. */ - background: rgba(255, 255, 255, 0.5); + background: hsla(0, 0%, 100%, 0.5); } .token.atrule, @@ -27833,8 +29072,8 @@ pre[class*="language-"] { .ps__rail-x { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; @@ -27845,8 +29084,8 @@ pre[class*="language-"] { .ps__rail-y { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; @@ -27885,8 +29124,8 @@ pre[class*="language-"] { .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; + transition: background-color 0.2s linear, height 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; @@ -27897,8 +29136,8 @@ pre[class*="language-"] { .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; + transition: background-color 0.2s linear, width 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; @@ -27940,22 +29179,22 @@ pre[class*="language-"] { } .accordion .accordion-item { - color: #7b809a; + color: #737373; } -.accordion div button[aria-expanded='true'] .collapse-close { +.accordion div button[aria-expanded=true] .collapse-close { display: none; } -.accordion div button[aria-expanded='true'] .collapse-open { +.accordion div button[aria-expanded=true] .collapse-open { display: block; } -.accordion div button[aria-expanded='false'] .collapse-open { +.accordion div button[aria-expanded=false] .collapse-open { display: none; } -.accordion div button[aria-expanded='false'] .collapse-close { +.accordion div button[aria-expanded=false] .collapse-close { display: block; } @@ -27988,7 +29227,7 @@ pre[class*="language-"] { } .card.card-blog .card-title a { - color: #344767; + color: #262626; } .card.card-horizontal { @@ -27996,12 +29235,12 @@ pre[class*="language-"] { } .card.card-horizontal .card-image { - border-radius: 0.75rem; + border-radius: 0.5rem; } .card.card-horizontal .card-image .img { width: 100%; - border-radius: 0.75rem; + border-radius: 0.5rem; } .card.card-horizontal .card-body .card-title { @@ -28009,7 +29248,7 @@ pre[class*="language-"] { } .card.card-horizontal .card-body .card-title a { - color: #344767; + color: #262626; } .card.card-profile .card-body { @@ -28045,7 +29284,7 @@ pre[class*="language-"] { height: 50%; display: block; z-index: 0; - content: ''; + content: ""; transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1); } @@ -28074,7 +29313,7 @@ pre[class*="language-"] { } .card.card-pricing .table tr { - border-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); + border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); } .card.card-pricing .table td .badge { @@ -28084,7 +29323,7 @@ pre[class*="language-"] { top: -2px; } -.card.card-pricing[data-feature="icon"] .icon { +.card.card-pricing[data-feature=icon] .icon { height: 4rem; width: 4rem; position: absolute; @@ -28093,7 +29332,7 @@ pre[class*="language-"] { right: 0; } -.card.card-pricing[data-feature="icon"] .icon i { +.card.card-pricing[data-feature=icon] .icon i { color: #fff; padding: 18px; } @@ -28146,8 +29385,8 @@ pre[class*="language-"] { } .badge.badge-secondary { - background-color: #d7d9e1; - color: #6c757d; + background-color: rgb(196.6, 196.6, 196.6); + color: #525252; } .btn .badge:not(:first-child) { @@ -28159,103 +29398,103 @@ pre[class*="language-"] { } .badge-primary { - color: #cc084b; - background-color: #f8b3ca; + color: rgb(203.7174089069, 8.2825910931, 74.7111744879); + background-color: rgb(247.5360323887, 178.6639676113, 202.0736842105); } .badge-primary[href]:hover, .badge-primary[href]:focus { color: color-yiq(#e91e63); text-decoration: none; - background-color: #b8124a; + background-color: rgb(183.8259109312, 17.9740890688, 74.3473684211); } .badge-secondary { - color: #575f8b; - background-color: #d7d9e1; + color: rgb(98.45, 80.55, 80.55); + background-color: rgb(196.6, 196.6, 196.6); } .badge-secondary[href]:hover, .badge-secondary[href]:focus { - color: color-yiq(#7b809a); + color: color-yiq(#737373); text-decoration: none; - background-color: #5e627a; + background-color: rgb(84.4, 84.4, 84.4); } .badge-success { - color: #339537; - background-color: #bce2be; + color: rgb(50.5577689243, 149.4422310757, 54.5531007284); + background-color: rgb(188.2071713147, 225.9928286853, 189.7338645418); } .badge-success[href]:hover, .badge-success[href]:focus { color: color-yiq(#4CAF50); text-decoration: none; - background-color: #39843c; + background-color: rgb(57.4693227092, 132.3306772908, 60.4940239044); } .badge-info { - color: #095bc6; - background-color: #aecef7; + color: rgb(8.5428571429, 90.5932038835, 198.4571428571); + background-color: rgb(174.3047619048, 205.6666666667, 246.8952380952); } .badge-info[href]:hover, .badge-info[href]:focus { color: color-yiq(#1A73E8); text-decoration: none; - background-color: #1257b3; + background-color: rgb(17.9619047619, 87.4666666667, 178.8380952381); } .badge-warning { - color: #c87000; - background-color: #ffd59f; + color: rgb(200, 111.5537848606, 0); + background-color: rgb(255, 212.6342629482, 159.2); } .badge-warning[href]:hover, .badge-warning[href]:focus { color: color-yiq(#fb8c00); text-decoration: none; - background-color: #be6a00; + background-color: rgb(189.8, 105.8645418327, 0); } .badge-danger { - color: #f61200; - background-color: #fcd3d0; + color: rgb(245.5957746479, 18.3763807979, 0.4042253521); + background-color: rgb(252.4281690141, 211.0450704225, 207.7718309859); } .badge-danger[href]:hover, .badge-danger[href]:focus { color: color-yiq(#F44335); text-decoration: none; - background-color: #e01c0c; + background-color: rgb(223.6225352113, 27.676056338, 12.1774647887); } .badge-light { - color: #ced7e4; + color: rgb(208.65, 198.35, 198.35); background-color: white; } .badge-light[href]:hover, .badge-light[href]:focus { - color: color-yiq(#f0f2f5); + color: color-yiq(#e5e5e5); text-decoration: none; - background-color: #cbd2dd; + background-color: rgb(198.4, 198.4, 198.4); } .badge-dark { - color: #1e2e4a; - background-color: #8097bf; + color: rgb(13.75, 11.25, 11.25); + background-color: rgb(119.6, 119.6, 119.6); } .badge-dark[href]:hover, .badge-dark[href]:focus { - color: color-yiq(#344767); + color: color-yiq(#262626); text-decoration: none; - background-color: #1f2b3e; + background-color: rgb(7.4, 7.4, 7.4); } .badge-white { - color: #e8e3e3; + color: rgb(232.05, 226.95, 226.95); background-color: white; } @@ -28263,19 +29502,19 @@ pre[class*="language-"] { .badge-white[href]:focus { color: color-yiq(#fff); text-decoration: none; - background-color: #e0e0e0; + background-color: rgb(224.4, 224.4, 224.4); } .badge-dark-blue { - color: #0c1359; - background-color: #5e69de; + color: rgb(12.2263157895, 19.1155789474, 88.7736842105); + background-color: rgb(93.5210526316, 105.0552631579, 221.6789473684); } .badge-dark-blue[href]:hover, .badge-dark-blue[href]:focus { color: color-yiq(#1A237E); text-decoration: none; - background-color: #10154b; + background-color: rgb(15.5315789474, 20.9078947368, 75.2684210526); } .card>.badge { @@ -28315,7 +29554,7 @@ pre[class*="language-"] { } .badge-dot strong { - color: #343a40; + color: #262626; } .badge-dot i { @@ -28466,7 +29705,7 @@ pre[class*="language-"] { } .checklist-item-secondary:before { - background-color: #7b809a; + background-color: #737373; } .checklist-item-success:before { @@ -28486,11 +29725,11 @@ pre[class*="language-"] { } .checklist-item-light:before { - background-color: #f0f2f5; + background-color: #e5e5e5; } .checklist-item-dark:before { - background-color: #344767; + background-color: #262626; } .checklist-item-white:before { @@ -28532,9 +29771,13 @@ pre[class*="language-"] { } } +.line-height-0 { + line-height: 0; +} + .colored-shadow { - transform: scale(0.94); - top: 3.5%; + transform: scale(0.92); + top: 1.5%; filter: blur(12px); position: absolute; left: 0; @@ -28679,8 +29922,8 @@ a[data-scroll] { } a[data-scroll]:hover { - background: #f0f2f5; - color: #344767; + background: #e5e5e5; + color: #262626; } round-slider { @@ -28869,7 +30112,7 @@ round-slider.scaling:hover { display: block; pointer-events: none; border: solid transparent; - content: ''; + content: ""; height: 0; width: 0; left: 22px; @@ -28986,14 +30229,14 @@ round-slider.scaling:hover { .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ left: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -29003,14 +30246,14 @@ round-slider.scaling:hover { .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ right: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -29888,8 +31131,8 @@ span.flatpickr-weekday { * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { - background: #f0f2f5; - border-radius: .25rem; + background: #e5e5e5; + border-radius: 0.25rem; } .noUi-connects { @@ -29916,11 +31159,11 @@ span.flatpickr-weekday { background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; - webkit-transition: .3s ease 0s; - -moz-transition: .3s ease 0s; - -ms-transition: .3s ease 0s; - -o-transform: .3s ease 0s; - transition: .3s ease 0s; + webkit-transition: 0.3s ease 0s; + -moz-transition: 0.3s ease 0s; + -ms-transition: 0.3s ease 0s; + -o-transform: 0.3s ease 0s; + transition: 0.3s ease 0s; } .noUi-active { @@ -30101,12 +31344,12 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc * Based on dabblet (http://dabblet.com) * @author Lea Verou */ -code[class*="language-"], -pre[class*="language-"] { +code[class*=language-], +pre[class*=language-] { color: black; background: none; text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; @@ -30123,46 +31366,46 @@ pre[class*="language-"] { hyphens: none; } -pre[class*="language-"]::-moz-selection, -pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, -code[class*="language-"] ::-moz-selection { +pre[class*=language-]::-moz-selection, +pre[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, +code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -pre[class*="language-"]::selection, -pre[class*="language-"] ::selection, -code[class*="language-"]::selection, -code[class*="language-"] ::selection { +pre[class*=language-]::selection, +pre[class*=language-] ::selection, +code[class*=language-]::selection, +code[class*=language-] ::selection { text-shadow: none; background: #b3d4fc; } @media print { - code[class*="language-"], - pre[class*="language-"] { + code[class*=language-], + pre[class*=language-] { text-shadow: none; } } /* Code blocks */ -pre[class*="language-"] { +pre[class*=language-] { padding: 1em; overflow: auto; - border-radius: .75rem; + border-radius: 0.75rem; } -:not(pre)>code[class*="language-"], -pre[class*="language-"] { - background: #f8f9fa; +:not(pre)>code[class*=language-], +pre[class*=language-] { + background: #f5f5f5; } /* Inline code */ -:not(pre)>code[class*="language-"] { - padding: .1em; - border-radius: .3em; +:not(pre)>code[class*=language-] { + padding: 0.1em; + border-radius: 0.3em; white-space: normal; } @@ -30178,7 +31421,7 @@ pre[class*="language-"] { } .token.namespace { - opacity: .7; + opacity: 0.7; } .token.property, @@ -30207,7 +31450,7 @@ pre[class*="language-"] { .style .token.string { color: #9a6e3a; /* This background color was intended by the author of this theme. */ - background: rgba(255, 255, 255, 0.5); + background: hsla(0, 0%, 100%, 0.5); } .token.atrule, @@ -30257,8 +31500,8 @@ pre[class*="language-"] { .ps__rail-x { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; @@ -30269,8 +31512,8 @@ pre[class*="language-"] { .ps__rail-y { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; @@ -30309,8 +31552,8 @@ pre[class*="language-"] { .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; + transition: background-color 0.2s linear, height 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; @@ -30321,8 +31564,8 @@ pre[class*="language-"] { .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; + transition: background-color 0.2s linear, width 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; @@ -30393,15 +31636,15 @@ pre[class*="language-"] { display: none !important; } -.choices[data-type*='select-one'] { +.choices[data-type*=select-one] { cursor: pointer; } -.choices[data-type*='select-one'] .choices__inner { +.choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } -.choices[data-type*='select-one'] .choices__input { +.choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; @@ -30410,7 +31653,7 @@ pre[class*="language-"] { margin: 0; } -.choices[data-type*='select-one'] .choices__button { +.choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; @@ -30425,20 +31668,20 @@ pre[class*="language-"] { opacity: 0.5; } -.choices[data-type*='select-one'] .choices__button:hover, -.choices[data-type*='select-one'] .choices__button:focus { +.choices[data-type*=select-one] .choices__button:hover, +.choices[data-type*=select-one] .choices__button:focus { opacity: 1; } -.choices[data-type*='select-one'] .choices__button:focus { +.choices[data-type*=select-one] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00bcd4; } -.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button { +.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none; } -.choices[data-type*='select-one']:after { +.choices[data-type*=select-one]:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; position: absolute; @@ -30448,29 +31691,29 @@ pre[class*="language-"] { transition: 0.3s ease; } -.choices[data-type*='select-one'].is-open:after { +.choices[data-type*=select-one].is-open:after { transform: rotate(180deg); } -.choices[data-type*='select-one'][dir='rtl']:after { +.choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } -.choices[data-type*='select-one'][dir='rtl'] .choices__button { +.choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } -.choices[data-type*='select-multiple'] .choices__inner, -.choices[data-type*='text'] .choices__inner { +.choices[data-type*=select-multiple] .choices__inner, +.choices[data-type*=text] .choices__inner { cursor: text; } -.choices[data-type*='select-multiple'] .choices__button, -.choices[data-type*='text'] .choices__button { +.choices[data-type*=select-multiple] .choices__button, +.choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; @@ -30488,10 +31731,10 @@ pre[class*="language-"] { transition: all 0.2s ease-in-out; } -.choices[data-type*='select-multiple'] .choices__button:hover, -.choices[data-type*='select-multiple'] .choices__button:focus, -.choices[data-type*='text'] .choices__button:hover, -.choices[data-type*='text'] .choices__button:focus { +.choices[data-type*=select-multiple] .choices__button:hover, +.choices[data-type*=select-multiple] .choices__button:focus, +.choices[data-type*=text] .choices__button:hover, +.choices[data-type*=text] .choices__button:focus { opacity: 1; } @@ -30501,7 +31744,7 @@ pre[class*="language-"] { vertical-align: top; width: 100%; padding: 0.5rem 0; - border-radius: .5rem; + border-radius: 0.5rem; font-size: 14px; min-height: 40px; overflow: hidden; @@ -30531,7 +31774,7 @@ pre[class*="language-"] { width: 100%; } -[dir='rtl'] .choices__list--single { +[dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } @@ -30564,7 +31807,7 @@ pre[class*="language-"] { padding-right: 5px; } -[dir='rtl'] .choices__list--multiple .choices__item { +[dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } @@ -30626,7 +31869,7 @@ pre[class*="language-"] { transition: background-color 0.3s ease, color 0.3s ease; } -[dir='rtl'] .choices__list--dropdown .choices__item { +[dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @@ -30641,13 +31884,13 @@ pre[class*="language-"] { transition: opacity 0.3s ease; } - [dir='rtl'] .choices__list--dropdown .choices__item--selectable { + [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } - [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after { + [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } @@ -30717,7 +31960,7 @@ pre[class*="language-"] { outline: 0; } -[dir='rtl'] .choices__input { +[dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } @@ -30728,7 +31971,7 @@ pre[class*="language-"] { /*===== End of Choices ======*/ .choices .choices__input { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); background-size: 0 100%, 100% 100%; } @@ -30780,13 +32023,13 @@ pre[class*="language-"] { transition: top 0.35s ease; } -.choices[data-type*='select-one'] .choices__input { - border-bottom-color: #f8f9fa; +.choices[data-type*=select-one] .choices__input { + border-bottom-color: #f5f5f5; } .choices__list--dropdown .choices__item--selectable.is-highlighted { - background: #f0f2f5; - color: #344767; + background: #e5e5e5; + color: #262626; } .is-focused .choices__inner, @@ -30800,7 +32043,7 @@ pre[class*="language-"] { } .choices-secondary { - background-color: #7b809a; + background-color: #737373; } .choices-success { @@ -30820,7 +32063,7 @@ pre[class*="language-"] { } .choices-light { - background-color: #f0f2f5; + background-color: #e5e5e5; } .choices-dark { @@ -31005,7 +32248,7 @@ pre[class*="language-"] { } .glide__container { - border: 1px solid #f0f2f5; + border: 1px solid #e5e5e5; border-radius: 0.75rem; transition: all 500ms ease; will-change: transform; @@ -31099,7 +32342,7 @@ Docs & License: https://fullcalendar.io/ } @font-face { - font-family: 'fcicons'; + font-family: "fcicons"; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: normal; font-style: normal; @@ -31116,7 +32359,7 @@ Docs & License: https://fullcalendar.io/ -ms-user-select: none; user-select: none; /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'fcicons' !important; + font-family: "fcicons" !important; speak: none; font-style: normal; font-weight: normal; @@ -31353,12 +32596,12 @@ When it's NOT activated, the fc-button classes won't even be in the DOM. } .fc-direction-ltr .fc-toolbar>*> :not(:first-child) { - margin-left: .75em; + margin-left: 0.75em; /* space between */ } .fc-direction-rtl .fc-toolbar>*> :not(:first-child) { - margin-right: .75em; + margin-right: 0.75em; /* space between */ } @@ -31553,15 +32796,15 @@ When it's NOT activated, the fc-button classes won't even be in the DOM. } .fc .fc-bg-event { - background: #8fdf82; - background: var(--fc-bg-event-color, #8fdf82); + background: rgb(143, 223, 130); + background: var(--fc-bg-event-color, rgb(143, 223, 130)); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3); } .fc .fc-bg-event .fc-event-title { - margin: .5em; - font-size: .85em; + margin: 0.5em; + font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); font-style: italic; } @@ -31644,7 +32887,7 @@ a.fc-event:hover { } .fc-event-selected .fc-event-resizer:before { - content: ''; + content: ""; position: absolute; top: -20px; left: -20px; @@ -31996,7 +33239,7 @@ A HORIZONTAL event } .fc .fc-daygrid-day-bottom { - font-size: .85em; + font-size: 0.85em; margin: 2px 3px 0; } @@ -32068,7 +33311,7 @@ A HORIZONTAL event white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ - font-size: .85em; + font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } @@ -32291,7 +33534,7 @@ A VERTICAL event } .fc .fc-timegrid-slot:empty:before { - content: '\00a0'; + content: " "; /* make sure there's at least an empty space to create height for height syncing */ } @@ -32474,7 +33717,7 @@ A VERTICAL event .fc-timegrid-event { /* events need to be root */ - font-size: .85em; + font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); border-radius: 3px; } @@ -32485,7 +33728,7 @@ A VERTICAL event .fc-timegrid-event .fc-event-time { white-space: nowrap; - font-size: .85em; + font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); margin-bottom: 1px; } @@ -32496,12 +33739,12 @@ A VERTICAL event } .fc-timegrid-event-condensed .fc-event-time:after { - content: '\00a0-\00a0'; + content: " - "; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-condensed .fc-event-title { - font-size: .85em; + font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } @@ -32725,7 +33968,7 @@ Docs & License: https://fullcalendar.io/ .fc-theme-standard td, .fc-theme-standard th { - border-color: #f0f2f5; + border-color: #e5e5e5; } .fc-theme-standard thead tr th { @@ -32760,11 +34003,11 @@ Docs & License: https://fullcalendar.io/ .fc .fc-col-header-cell-cushion { font-size: 0.875rem; font-weight: 600; - color: #adb5bd; + color: #737373; } .fc .fc-daygrid-day-number { - color: #495057; + color: #404040; font-size: 0.875rem; font-weight: 300; width: 100%; @@ -32778,7 +34021,7 @@ Docs & License: https://fullcalendar.io/ .fc .fc-button { font-size: 0.875rem; padding-top: 0.25rem; - box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: all 0.15s ease-in; } @@ -32989,7 +34232,7 @@ Simple-DataTables Github: https://github.com/fiduswriter/Simple-DataTables */ .dataTable-wrapper .dataTable-top { - padding: 1.5rem; + padding: 1rem; } .dataTable-wrapper .dataTable-top .dataTable-dropdown { @@ -32999,19 +34242,19 @@ Github: https://github.com/fiduswriter/Simple-DataTables .dataTable-wrapper .dataTable-top .dataTable-dropdown label { margin-bottom: 0; margin-left: 0; - color: #7b809a; + color: #737373; font-weight: 400; } .dataTable-wrapper .dataTable-top .dataTable-dropdown label .dataTable-selector { - border-color: #f0f2f5; + border-color: #e5e5e5; border-radius: 0.375rem; } .dataTable-wrapper .dataTable-top .dataTable-search input { font-size: 0.875rem; - color: #495057; - border: 1px solid #f0f2f5; + color: #404040; + border: 1px solid #e5e5e5; border-radius: 0.375rem; } @@ -33021,9 +34264,9 @@ Github: https://github.com/fiduswriter/Simple-DataTables .dataTable-wrapper .dataTable-container .table thead tr th { padding: 0.75rem 1.5rem; - opacity: .7; + opacity: 0.7; font-weight: bolder; - color: #7b809a; + color: #737373; text-transform: uppercase; font-size: 0.65rem; } @@ -33033,12 +34276,12 @@ Github: https://github.com/fiduswriter/Simple-DataTables } .dataTable-wrapper .dataTable-bottom { - padding: 1.5rem; + padding: 1rem; padding-top: 0; } .dataTable-wrapper .dataTable-bottom .dataTable-info { - color: #7b809a; + color: #737373; font-size: 0.875rem; } @@ -33046,10 +34289,10 @@ Github: https://github.com/fiduswriter/Simple-DataTables display: flex; align-items: center; justify-content: center; - color: #7b809a; + color: #737373; padding: 0; margin: 0 3px; - border: 1px solid #dee2e6; + border: 1px solid #d4d4d4; border-radius: 50% !important; width: 36px; height: 36px; @@ -33058,7 +34301,7 @@ Github: https://github.com/fiduswriter/Simple-DataTables } .dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a:hover { - background: #f0f2f5; + background: #e5e5e5; } .dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a { @@ -33140,7 +34383,7 @@ Github: https://github.com/fiduswriter/Simple-DataTables .kanban-board { position: relative; float: left; - background: #f0f2f5; + background: #e5e5e5; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); border-radius: 0.5rem; } @@ -33168,7 +34411,7 @@ Github: https://github.com/fiduswriter/Simple-DataTables margin: 0; padding: 0; display: inline; - color: #344767; + color: #262626; } .kanban-board header .kanban-title-button { @@ -33229,9 +34472,9 @@ Github: https://github.com/fiduswriter/Simple-DataTables } .gu-transit { - box-shadow: inset 0px 0px 2px #fefefed1; - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); + box-shadow: inset 0px 0px 2px rgba(254, 254, 254, 0.8196078431); + -webkit-backdrop-filter: saturate(100%) blur(16px); + backdrop-filter: saturate(100%) blur(16px); background-color: rgba(255, 255, 255, 0.8) !important; box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; } @@ -33258,18 +34501,18 @@ Github: https://github.com/fiduswriter/Simple-DataTables width: 24px; height: 2px; top: 12px; - transition: .5s ease-in-out; + transition: 0.5s ease-in-out; } .drag_handler_icon:before, .drag_handler_icon:after { background: #000; - content: ''; + content: ""; display: block; width: 100%; height: 100%; position: absolute; - transition: .5s ease-in-out; + transition: 0.5s ease-in-out; } .drag_handler_icon:before { @@ -34836,16 +36079,16 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .swal2-popup { - border-radius: 0.75rem; + border-radius: 0.5rem; } .swal2-styled.swal2-confirm { background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); background-color: transparent; --bs-btn-padding-y: 0.625rem; - --bs-btn-padding-x: 1.5rem; - --bs-btn-font-size: 0.75rem; - --bs-btn-border-radius: 0.5rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: 0.375rem; } .swal2-styled.swal2-confirm:hover, @@ -34879,7 +36122,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; - color: #495057; + color: #404040; background-color: transparent; background-clip: padding-box; border: 1px solid #d2d6da; @@ -34901,8 +36144,8 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .swal2-icon.swal2-question { - border-color: #7b809a; - color: #7b809a; + border-color: #737373; + color: #737373; } .swal2-icon.swal2-success [class^=swal2-success-line] { @@ -35184,7 +36427,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .dropzone .dz-message .dz-button { background: none; - color: #7b809a; + color: #737373; border: none; padding: 0; font: inherit; @@ -35257,7 +36500,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { max-width: 100%; padding: 2em 1em; text-align: center; - color: rgba(52, 71, 103, 0.9); + color: rgba(38, 38, 38, 0.9); line-height: 150%; } @@ -35443,7 +36686,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .dropzone .dz-preview .dz-error-message:after { - content: ''; + content: ""; position: absolute; top: -6px; left: 64px; @@ -35625,7 +36868,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .ql-editor ul>li::before { - content: '\2022'; + content: "•"; } .ql-editor ul[data-checked=true], @@ -35646,11 +36889,11 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .ql-editor ul[data-checked=true]>li::before { - content: '\2611'; + content: "☑"; } .ql-editor ul[data-checked=false]>li::before { - content: '\2610'; + content: "☐"; } .ql-editor li::before { @@ -36056,7 +37299,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; - content: ''; + content: ""; display: table; } @@ -36227,7 +37470,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-formats:after { clear: both; - content: ''; + content: ""; display: table; } @@ -36458,12 +37701,12 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { 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 { +.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); } @@ -36473,37 +37716,37 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { - content: 'Normal'; + 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'; + 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'; + 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'; + 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'; + 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'; + 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'; + content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { @@ -36536,17 +37779,17 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { - content: 'Sans Serif'; + 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'; + 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'; + content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { @@ -36563,22 +37806,22 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { - content: 'Normal'; + 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'; + 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'; + 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'; + content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { @@ -36606,7 +37849,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; box-sizing: border-box; - font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } @@ -36677,13 +37920,13 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; - content: 'Edit'; + content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { - content: 'Remove'; + content: "Remove"; margin-left: 8px; } @@ -36702,7 +37945,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; - content: 'Save'; + content: "Save"; padding-right: 0px; } @@ -36761,15 +38004,15 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { display: none !important; } -.choices[data-type*='select-one'] { +.choices[data-type*=select-one] { cursor: pointer; } -.choices[data-type*='select-one'] .choices__inner { +.choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } -.choices[data-type*='select-one'] .choices__input { +.choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; @@ -36778,7 +38021,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { margin: 0; } -.choices[data-type*='select-one'] .choices__button { +.choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; @@ -36793,20 +38036,20 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { opacity: 0.5; } -.choices[data-type*='select-one'] .choices__button:hover, -.choices[data-type*='select-one'] .choices__button:focus { +.choices[data-type*=select-one] .choices__button:hover, +.choices[data-type*=select-one] .choices__button:focus { opacity: 1; } -.choices[data-type*='select-one'] .choices__button:focus { +.choices[data-type*=select-one] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00bcd4; } -.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button { +.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none; } -.choices[data-type*='select-one']:after { +.choices[data-type*=select-one]:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; position: absolute; @@ -36816,29 +38059,29 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { transition: 0.3s ease; } -.choices[data-type*='select-one'].is-open:after { +.choices[data-type*=select-one].is-open:after { transform: rotate(180deg); } -.choices[data-type*='select-one'][dir='rtl']:after { +.choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } -.choices[data-type*='select-one'][dir='rtl'] .choices__button { +.choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } -.choices[data-type*='select-multiple'] .choices__inner, -.choices[data-type*='text'] .choices__inner { +.choices[data-type*=select-multiple] .choices__inner, +.choices[data-type*=text] .choices__inner { cursor: text; } -.choices[data-type*='select-multiple'] .choices__button, -.choices[data-type*='text'] .choices__button { +.choices[data-type*=select-multiple] .choices__button, +.choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; @@ -36856,10 +38099,10 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { transition: all 0.2s ease-in-out; } -.choices[data-type*='select-multiple'] .choices__button:hover, -.choices[data-type*='select-multiple'] .choices__button:focus, -.choices[data-type*='text'] .choices__button:hover, -.choices[data-type*='text'] .choices__button:focus { +.choices[data-type*=select-multiple] .choices__button:hover, +.choices[data-type*=select-multiple] .choices__button:focus, +.choices[data-type*=text] .choices__button:hover, +.choices[data-type*=text] .choices__button:focus { opacity: 1; } @@ -36869,7 +38112,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { vertical-align: top; width: 100%; padding: 0.5rem 0; - border-radius: .5rem; + border-radius: 0.5rem; font-size: 14px; min-height: 40px; overflow: hidden; @@ -36899,7 +38142,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { width: 100%; } -[dir='rtl'] .choices__list--single { +[dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } @@ -36932,7 +38175,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { padding-right: 5px; } -[dir='rtl'] .choices__list--multiple .choices__item { +[dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } @@ -36994,7 +38237,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { transition: background-color 0.3s ease, color 0.3s ease; } -[dir='rtl'] .choices__list--dropdown .choices__item { +[dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @@ -37009,13 +38252,13 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { transition: opacity 0.3s ease; } - [dir='rtl'] .choices__list--dropdown .choices__item--selectable { + [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } - [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after { + [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } @@ -37085,7 +38328,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { outline: 0; } -[dir='rtl'] .choices__input { +[dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } @@ -37096,7 +38339,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { /*===== End of Choices ======*/ .choices .choices__input { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); background-size: 0 100%, 100% 100%; } @@ -37148,13 +38391,13 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { transition: top 0.35s ease; } -.choices[data-type*='select-one'] .choices__input { - border-bottom-color: #f8f9fa; +.choices[data-type*=select-one] .choices__input { + border-bottom-color: #f5f5f5; } .choices__list--dropdown .choices__item--selectable.is-highlighted { - background: #f0f2f5; - color: #344767; + background: #e5e5e5; + color: #262626; } .is-focused .choices__inner, @@ -37168,7 +38411,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .choices-secondary { - background-color: #7b809a; + background-color: #737373; } .choices-success { @@ -37188,7 +38431,7 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-right { } .choices-light { - background-color: #f0f2f5; + background-color: #e5e5e5; } .choices-dark { @@ -37477,7 +38720,7 @@ ul li.editMode label { .leaflet-bar a, .leaflet-bar a:hover { - background: #344767; + background: #262626; color: rgba(255, 255, 255, 0.7); border-bottom-color: #42424a; } @@ -37881,7 +39124,7 @@ svg.leaflet-image-layer.leaflet-interactive path { /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px 'Lucida Console', Monaco, monospace; + font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } @@ -38254,7 +39497,7 @@ svg.leaflet-image-layer.leaflet-interactive path { display: block; width: 13px; height: 13px; - content: ''; + content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; @@ -38262,7 +39505,7 @@ svg.leaflet-image-layer.leaflet-interactive path { transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: 2px solid rgba(255, 255, 255, 0); border-radius: 50%; - background-color: #dee2e6; + background-color: #d4d4d4; box-sizing: border-box; z-index: 3; } @@ -38302,7 +39545,7 @@ svg.leaflet-image-layer.leaflet-interactive path { .multisteps-form__progress-btn:after { position: absolute; top: 5px; - left: calc(-50% - 13px / 2); + left: calc(-50% - 6.5px); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; @@ -38310,7 +39553,7 @@ svg.leaflet-image-layer.leaflet-interactive path { display: block; width: 100%; height: 2px; - content: ''; + content: ""; background-color: currentColor; z-index: 1; } @@ -38353,12 +39596,12 @@ svg.leaflet-image-layer.leaflet-interactive path { visibility: visible; } -.multisteps-form__panel[data-animation="scaleIn"] { +.multisteps-form__panel[data-animation=scaleIn] { -webkit-transform: scale(0.9); transform: scale(0.9); } -.multisteps-form__panel[data-animation="scaleIn"].js-active { +.multisteps-form__panel[data-animation=scaleIn].js-active { transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; @@ -38489,7 +39732,7 @@ text, .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample { border-radius: 4px; - margin-right: .65rem; + margin-right: 0.65rem; height: 16px; width: 16px; float: left; @@ -38501,7 +39744,7 @@ text, float: left; } -.jvm-line[animation="true"] { +.jvm-line[animation=true] { -webkit-animation: jvm-line-animation 10s linear forwards infinite; animation: jvm-line-animation 10s linear forwards infinite; } diff --git a/eveai_app/static/assets/js/material-kit-pro.js b/eveai_app/static/assets/js/material-kit-pro.js new file mode 100644 index 0000000..1732923 --- /dev/null +++ b/eveai_app/static/assets/js/material-kit-pro.js @@ -0,0 +1,478 @@ +/*! + +========================================================= +* Material Kit 3 PRO - v3.1.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/soft-ui-design-system +* Copyright 2021 Creative Tim (https://www.creative-tim.com) + +* Coded by Creative Tim + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/ + +// Returns a function, that, as long as it continues to be invoked, will not +// be triggered. The function will be called after it stops being called for +// N milliseconds. If `immediate` is passed, trigger the function on the +// leading edge, instead of the trailing. + +function debounce(func, wait, immediate) { + var timeout; + return function() { + var context = this, + args = arguments; + clearTimeout(timeout); + timeout = setTimeout(function() { + timeout = null; + if (!immediate) func.apply(context, args); + }, wait); + if (immediate && !timeout) func.apply(context, args); + }; +}; + +// Function for smooth scroll to element +function smoothToPricing(id) { + if (document.getElementById(id)) { + document.getElementById(id).scrollIntoView({ + behavior: 'smooth' + }); + } +} + +// Debounce function +function debounce(func, wait, immediate) { + var timeout; + return function() { + var context = this, + args = arguments; + clearTimeout(timeout); + timeout = setTimeout(function() { + timeout = null; + if (!immediate) func.apply(context, args); + }, wait); + if (immediate && !timeout) func.apply(context, args); + }; +}; + +// initialization of Popovers +var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) +var popoverList = popoverTriggerList.map(function(popoverTriggerEl) { + return new bootstrap.Popover(popoverTriggerEl) +}) + +// initialization of Tooltips +var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) +var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) +}) + +// helper for adding on all elements multiple attributes +function setAttributes(el, options) { + Object.keys(options).forEach(function(attr) { + el.setAttribute(attr, options[attr]); + }) +} + +// activate popovers +var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]')) +var popoverList = popoverTriggerList.map(function(popoverTriggerEl) { + return new bootstrap.Popover(popoverTriggerEl) +}) + +// activate tooltips +var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]')) +var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) +}) + + +window.onload = function() { + // Material Design Input function + var inputs = document.querySelectorAll('input'); + + for (var i = 0; i < inputs.length; i++) { + inputs[i].addEventListener('focus', function(e) { + this.parentElement.classList.add('is-focused'); + }, false); + + inputs[i].onkeyup = function(e) { + if (this.value != "") { + this.parentElement.classList.add('is-filled'); + } else { + this.parentElement.classList.remove('is-filled'); + } + }; + + inputs[i].addEventListener('focusout', function(e) { + if (this.value != "") { + this.parentElement.classList.add('is-filled'); + } + this.parentElement.classList.remove('is-focused'); + }, false); + } + + // Ripple Effect + var ripples = document.querySelectorAll('.btn'); + + for (var i = 0; i < ripples.length; i++) { + ripples[i].addEventListener('click', function(e) { + var targetEl = e.target; + var rippleDiv = targetEl.querySelector('.ripple'); + + rippleDiv = document.createElement('span'); + rippleDiv.classList.add('ripple'); + rippleDiv.style.width = rippleDiv.style.height = Math.max(targetEl.offsetWidth, targetEl.offsetHeight) + 'px'; + targetEl.appendChild(rippleDiv); + + rippleDiv.style.left = (e.offsetX - rippleDiv.offsetWidth / 2) + 'px'; + rippleDiv.style.top = (e.offsetY - rippleDiv.offsetHeight / 2) + 'px'; + rippleDiv.classList.add('ripple'); + setTimeout(function() { + rippleDiv.parentElement.removeChild(rippleDiv); + }, 600); + }, false); + } +}; + +// Multi Level Dropdown +function dropDown(a) { + if (!document.querySelector('.dropdown-hover')) { + event.stopPropagation(); + event.preventDefault(); + var multilevel = a.parentElement.parentElement.children; + + + for (var i = 0; i < multilevel.length; i++) { + if (multilevel[i].lastElementChild != a.parentElement.lastElementChild) { + multilevel[i].lastElementChild.classList.remove('show'); + multilevel[i].firstElementChild.classList.remove('show'); + } + } + + if (!a.nextElementSibling.classList.contains("show")) { + a.nextElementSibling.classList.add("show"); + a.classList.add("show"); + + } else { + a.nextElementSibling.classList.remove("show"); + a.classList.remove("show"); + + } + } +} + +// Colored shadows from Cards +if (document.querySelector('.blur-shadow-image')) { + var shadowCards = document.querySelectorAll('.blur-shadow-image'); + var shadowCardsRounded = document.querySelectorAll('.blur-shadow-image.rounded-circle'); + + if (shadowCardsRounded) { + for (var i = 0; i < shadowCardsRounded.length; i++) { + var div = document.createElement("DIV"); + shadowCardsRounded[i].parentElement.appendChild(div); + div.classList.add('colored-shadow', 'rounded'); + + var currentSrc = shadowCardsRounded[i].children[0].getAttribute('src'); + var el = shadowCardsRounded[i].nextElementSibling; + + el.style.backgroundImage = 'url(' + currentSrc + ')'; + } + } + if (shadowCards) { + for (var i = 0; i < shadowCards.length; i++) { + var div = document.createElement("DIV"); + shadowCards[i].parentElement.appendChild(div); + div.classList.add('colored-shadow'); + + var currentSrc = shadowCards[i].children[0].getAttribute('src'); + var el = shadowCards[i].nextElementSibling; + + el.style.backgroundImage = 'url(' + currentSrc + ')'; + } + } +} + +// Colored shadows for Avatars +if (document.querySelector('.blur-shadow-avatar')) { + var shadowCards = document.querySelectorAll('.blur-shadow-avatar'); + var shadowCardsRounded = document.querySelectorAll('.blur-shadow-avatar.rounded-circle'); + + if (shadowCardsRounded) { + for (var i = 0; i < shadowCardsRounded.length; i++) { + + var div = document.createElement("DIV"); + shadowCardsRounded[i].parentElement.appendChild(div); + div.classList.add('colored-shadow', 'rounded', 'start-0', 'end-0', 'mx-auto'); + + var avatarClasses = ['avatar-xs', 'avatar-sm', 'avatar-lg', 'avatar-xl', 'avatar-xxl']; + + for (var k = 0; k < avatarClasses.length; k++) { + if (shadowCardsRounded[i].firstElementChild.classList.contains(avatarClasses[k])) { + div.classList.add(avatarClasses[k]); + } + } + + var currentSrc = shadowCardsRounded[i].children[0].getAttribute('src'); + var el = shadowCardsRounded[i].nextElementSibling; + + el.style.backgroundImage = 'url(' + currentSrc + ')'; + } + } + if (shadowCards) { + + for (var i = 0; i < shadowCards.length; i++) { + + var div = document.createElement("DIV"); + shadowCards[i].parentElement.appendChild(div); + div.classList.add('colored-shadow', 'start-0', 'end-0', 'mx-auto'); + + var avatarClasses = ['avatar-xs', 'avatar-sm', 'avatar-lg', 'avatar-xl', 'avatar-xxl']; + + for (var k = 0; k < avatarClasses.length; k++) { + if (shadowCards[i].firstElementChild.classList.contains(avatarClasses[k])) { + div.classList.add(avatarClasses[k]); + } + } + + var currentSrc = shadowCards[i].children[0].getAttribute('src'); + var el = shadowCards[i].nextElementSibling; + + el.style.backgroundImage = 'url(' + currentSrc + ')'; + } + } +} + +//Google Maps +if (document.querySelector('#google-maps')) { + var myLatlng = new google.maps.LatLng(40.748817, -73.985428); + var mapOptions = { + zoom: 13, + center: myLatlng, + scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page + styles: [{ + "featureType": "administrative", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#444444" + }] + }, + { + "featureType": "landscape", + "elementType": "all", + "stylers": [{ + "color": "#f2f2f2" + }] + }, + { + "featureType": "poi", + "elementType": "all", + "stylers": [{ + "visibility": "off" + }] + }, + { + "featureType": "road", + "elementType": "all", + "stylers": [{ + "saturation": -100 + }, { + "lightness": 45 + }] + }, + { + "featureType": "road.highway", + "elementType": "all", + "stylers": [{ + "visibility": "simplified" + }] + }, + { + "featureType": "road.arterial", + "elementType": "labels.icon", + "stylers": [{ + "visibility": "off" + }] + }, + { + "featureType": "transit", + "elementType": "all", + "stylers": [{ + "visibility": "off" + }] + }, + { + "featureType": "water", + "elementType": "all", + "stylers": [{ + "color": "#C5CBF5" + }, { + "visibility": "on" + }] + } + ] + }; + + var map = new google.maps.Map(document.getElementById("google-maps"), mapOptions); + + var marker = new google.maps.Marker({ + position: myLatlng, + title: "Hello World!" + }); + + // To add the marker to the map, call setMap(); + marker.setMap(map); +} + +// Tabs navigation + +var total = document.querySelectorAll('.nav-pills'); + +total.forEach(function(item, i) { + var moving_div = document.createElement('div'); + var first_li = item.querySelector('li:first-child .nav-link'); + var tab = first_li.cloneNode(); + tab.innerHTML = "-"; + + moving_div.classList.add('moving-tab', 'position-absolute', 'nav-link'); + moving_div.appendChild(tab); + item.appendChild(moving_div); + + var list_length = item.getElementsByTagName("li").length; + + moving_div.style.padding = '0px'; + moving_div.style.width = item.querySelector('li:nth-child(1)').offsetWidth + 'px'; + moving_div.style.transform = 'translate3d(0px, 0px, 0px)'; + moving_div.style.transition = '.5s ease'; + + item.onmouseover = function(event) { + let target = getEventTarget(event); + let li = target.closest('li'); // get reference + if (li) { + let nodes = Array.from(li.closest('ul').children); // get array + let index = nodes.indexOf(li) + 1; + item.querySelector('li:nth-child(' + index + ') .nav-link').onclick = function() { + moving_div = item.querySelector('.moving-tab'); + let sum = 0; + if (item.classList.contains('flex-column')) { + for (var j = 1; j <= nodes.indexOf(li); j++) { + sum += item.querySelector('li:nth-child(' + j + ')').offsetHeight; + } + moving_div.style.transform = 'translate3d(0px,' + sum + 'px, 0px)'; + moving_div.style.height = item.querySelector('li:nth-child(' + j + ')').offsetHeight; + } else { + for (var j = 1; j <= nodes.indexOf(li); j++) { + sum += item.querySelector('li:nth-child(' + j + ')').offsetWidth; + } + moving_div.style.transform = 'translate3d(' + sum + 'px, 0px, 0px)'; + moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px'; + } + } + } + } +}); + + +// Tabs navigation resize + +window.addEventListener('resize', function(event) { + total.forEach(function(item, i) { + item.querySelector('.moving-tab').remove(); + var moving_div = document.createElement('div'); + var tab = item.querySelector(".nav-link.active").cloneNode(); + tab.innerHTML = "-"; + + moving_div.classList.add('moving-tab', 'position-absolute', 'nav-link'); + moving_div.appendChild(tab); + + item.appendChild(moving_div); + + moving_div.style.padding = '0px'; + moving_div.style.transition = '.5s ease'; + + let li = item.querySelector(".nav-link.active").parentElement; + + if (li) { + let nodes = Array.from(li.closest('ul').children); // get array + let index = nodes.indexOf(li) + 1; + + let sum = 0; + if (item.classList.contains('flex-column')) { + for (var j = 1; j <= nodes.indexOf(li); j++) { + sum += item.querySelector('li:nth-child(' + j + ')').offsetHeight; + } + moving_div.style.transform = 'translate3d(0px,' + sum + 'px, 0px)'; + moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px'; + moving_div.style.height = item.querySelector('li:nth-child(' + j + ')').offsetHeight; + } else { + for (var j = 1; j <= nodes.indexOf(li); j++) { + sum += item.querySelector('li:nth-child(' + j + ')').offsetWidth; + } + moving_div.style.transform = 'translate3d(' + sum + 'px, 0px, 0px)'; + moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px'; + + } + } + }); + + if (window.innerWidth < 991) { + total.forEach(function(item, i) { + if (!item.classList.contains('flex-column')) { + item.classList.add('flex-column', 'on-resize'); + } + }); + } else { + total.forEach(function(item, i) { + if (item.classList.contains('on-resize')) { + item.classList.remove('flex-column', 'on-resize'); + } + }) + } +}); + + +function getEventTarget(e) { + e = e || window.event; + return e.target || e.srcElement; +} + +// End tabs navigation + + +// Copy code function + +function copyCode(el) { + const selection = window.getSelection(); + const range = document.createRange(); + const textToCopy = el.nextElementSibling; + range.selectNodeContents(textToCopy); + selection.removeAllRanges(); + selection.addRange(range); + const successful = document.execCommand('copy'); + window.getSelection().removeAllRanges() + if (!el.parentElement.querySelector('.alert')) { + var alert = document.createElement('div'); + alert.classList.add('alert', 'alert-success', 'position-absolute', 'top-0', 'border-0', 'text-white', 'w-25', 'end-0', 'start-0', 'mt-2', 'mx-auto', 'py-2'); + alert.style.transform = 'translate3d(0px, 0px, 0px)' + alert.style.opacity = '0'; + alert.style.transition = '.35s ease'; + setTimeout(function() { + alert.style.transform = 'translate3d(0px, 20px, 0px)'; + alert.style.setProperty("opacity", "1", "important"); + }, 100); + alert.innerHTML = "Code successfully copied!"; + el.parentElement.appendChild(alert); + setTimeout(function() { + alert.style.transform = 'translate3d(0px, 0px, 0px)' + alert.style.setProperty("opacity", "0", "important"); + }, 2000); + setTimeout(function() { + el.parentElement.querySelector('.alert').remove(); + }, 2500); + } +} + +// End copy code function \ No newline at end of file diff --git a/eveai_app/templates/eveai_list_view.html b/eveai_app/templates/eveai_list_view.html new file mode 100644 index 0000000..880e7ca --- /dev/null +++ b/eveai_app/templates/eveai_list_view.html @@ -0,0 +1,301 @@ + + diff --git a/eveai_app/templates/head.html b/eveai_app/templates/head.html index cb586a3..a0194c3 100644 --- a/eveai_app/templates/head.html +++ b/eveai_app/templates/head.html @@ -1,22 +1,17 @@ -
- - - - -