From 60f231d9086b2b861e8623ae346a775e441a6a17 Mon Sep 17 00:00:00 2001 From: Patrick Mayr Date: Wed, 16 Jul 2025 21:16:56 +0200 Subject: [PATCH] fix css style --- fet2020/static/css/styles.css | 959 ---------------------------------- 1 file changed, 959 deletions(-) diff --git a/fet2020/static/css/styles.css b/fet2020/static/css/styles.css index aaa52478..3051dc2a 100644 --- a/fet2020/static/css/styles.css +++ b/fet2020/static/css/styles.css @@ -749,469 +749,6 @@ select { outline: 1px auto -webkit-focus-ring-color; } -.tooltip-arrow,.tooltip-arrow:before { - position: absolute; - width: 8px; - height: 8px; - background: inherit; -} - -.tooltip-arrow { - visibility: hidden; -} - -.tooltip-arrow:before { - content: ""; - visibility: visible; - transform: rotate(45deg); -} - -[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before { - border-style: solid; - border-color: var(--color-gray-200); -} - -[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before { - border-bottom-width: 1px; - border-right-width: 1px; -} - -[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before { - border-bottom-width: 1px; - border-left-width: 1px; -} - -[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before { - border-top-width: 1px; - border-left-width: 1px; -} - -[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before { - border-top-width: 1px; - border-right-width: 1px; -} - -.tooltip[data-popper-placement^='top'] > .tooltip-arrow { - bottom: -4px; -} - -.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow { - top: -4px; -} - -.tooltip[data-popper-placement^='left'] > .tooltip-arrow { - right: -4px; -} - -.tooltip[data-popper-placement^='right'] > .tooltip-arrow { - left: -4px; -} - -.tooltip.invisible > .tooltip-arrow:before { - visibility: hidden; -} - -[data-popper-arrow],[data-popper-arrow]:before { - position: absolute; - width: 8px; - height: 8px; - background: inherit; -} - -[data-popper-arrow] { - visibility: hidden; -} - -[data-popper-arrow]:before { - content: ""; - visibility: visible; - transform: rotate(45deg); -} - -[data-popper-arrow]:after { - content: ""; - visibility: visible; - transform: rotate(45deg); - position: absolute; - width: 9px; - height: 9px; - background: inherit; -} - -[role="tooltip"] > [data-popper-arrow]:before { - border-style: solid; - border-color: var(--color-gray-200); -} - -.dark [role="tooltip"] > [data-popper-arrow]:before { - border-style: solid; - border-color: var(--color-gray-600); -} - -[role="tooltip"] > [data-popper-arrow]:after { - border-style: solid; - border-color: var(--color-gray-200); -} - -.dark [role="tooltip"] > [data-popper-arrow]:after { - border-style: solid; - border-color: var(--color-gray-600); -} - -[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before { - border-bottom-width: 1px; - border-right-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after { - border-bottom-width: 1px; - border-right-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before { - border-bottom-width: 1px; - border-left-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after { - border-bottom-width: 1px; - border-left-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before { - border-top-width: 1px; - border-left-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after { - border-top-width: 1px; - border-left-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before { - border-top-width: 1px; - border-right-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after { - border-top-width: 1px; - border-right-width: 1px; -} - -[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] { - bottom: -5px; -} - -[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] { - top: -5px; -} - -[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] { - right: -5px; -} - -[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] { - left: -5px; -} - -[role="tooltip"].invisible > [data-popper-arrow]:before { - visibility: hidden; -} - -[role="tooltip"].invisible > [data-popper-arrow]:after { - visibility: hidden; -} - -[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - border-color: var(--color-gray-500); - border-width: 1px; - border-radius: 0px; - padding-top: 0.5rem; - padding-right: 0.75rem; - padding-bottom: 0.5rem; - padding-left: 0.75rem; - font-size: 1rem; - line-height: 1.5rem; - --tw-shadow: 0 0 #0000; -} - -[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: var(--color-blue-600); - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - border-color: var(--color-blue-600); -} - -input::-moz-placeholder, textarea::-moz-placeholder { - color: var(--color-gray-500); - opacity: 1; -} - -input::placeholder,textarea::placeholder { - color: var(--color-gray-500); - opacity: 1; -} - -::-webkit-datetime-edit-fields-wrapper { - padding: 0; -} - -input[type="time"]::-webkit-calendar-picker-indicator { - background: none; -} - -select:not([size]) { - background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); - background-position: right 0.75rem center; - background-repeat: no-repeat; - background-size: 0.75em 0.75em; - padding-right: 2.5rem; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; -} - -:is([dir=rtl]) select:not([size]) { - background-position: left 0.75rem center; - padding-right: 0.75rem; - padding-left: 0; -} - -[multiple] { - background-image: initial; - background-position: initial; - background-repeat: unset; - background-size: initial; - padding-right: 0.75rem; - -webkit-print-color-adjust: unset; - print-color-adjust: unset; -} - -[type='checkbox'],[type='radio'] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding: 0; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; - display: inline-block; - vertical-align: middle; - background-origin: border-box; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - flex-shrink: 0; - height: 1rem; - width: 1rem; - color: var(--color-blue-600); - background-color: #fff; - border-color: --color-gray-500; - border-width: 1px; - --tw-shadow: 0 0 #0000; -} - -[type='checkbox'] { - border-radius: 0px; -} - -[type='radio'] { - border-radius: 100%; -} - -[type='checkbox']:focus,[type='radio']:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 2px; - --tw-ring-offset-color: #fff; - --tw-ring-color: var(--color-blue-600); - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); -} - -[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked { - border-color: transparent !important; - background-color: currentColor !important; - background-size: 0.55em 0.55em; - background-position: center; - background-repeat: no-repeat; -} - -[type='checkbox']:checked { - background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); - background-repeat: no-repeat; - background-size: 0.55em 0.55em; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; -} - -[type='radio']:checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); - background-size: 1em 1em; -} - -.dark [type='radio']:checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); - background-size: 1em 1em; -} - -[type='checkbox']:indeterminate { - background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); - background-color: currentColor !important; - border-color: transparent !important; - background-position: center; - background-repeat: no-repeat; - background-size: 0.55em 0.55em; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; -} - -[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { - border-color: transparent !important; - background-color: currentColor !important; -} - -[type='file'] { - background: unset; - border-color: inherit; - border-width: 0; - border-radius: 0; - padding: 0; - font-size: unset; - line-height: inherit; -} - -[type='file']:focus { - outline: 1px auto inherit; -} - -input[type=file]::file-selector-button { - color: white; - background: var(--color-gray-800); - border: 0; - font-weight: 500; - font-size: 0; - cursor: pointer; - padding-top: 0.625rem; - padding-bottom: 0.625rem; - padding-left: 2rem; - padding-right: 1rem; - margin-inline-start: -1rem; - margin-inline-end: 1rem; -} - -input[type=file]::file-selector-button:hover { - background: var(--color-gray-700); -} - -:is([dir=rtl]) input[type=file]::file-selector-button { - padding-right: 2rem; - padding-left: 1rem; -} - -.dark input[type=file]::file-selector-button { - color: white; - background: var(--color-gray-600); -} - -.dark input[type=file]::file-selector-button:hover { - background: var(--color-gray-500); -} - -input[type="range"]::-webkit-slider-thumb { - height: 1.25rem; - width: 1.25rem; - background: var(--color-blue-600); - border-radius: 9999px; - border: 0; - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - cursor: pointer; -} - -input[type="range"]:disabled::-webkit-slider-thumb { - background: var(--color-gray-400); -} - -.dark input[type="range"]:disabled::-webkit-slider-thumb { - background: var(--color-gray-500); -} - -input[type="range"]:focus::-webkit-slider-thumb { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); - --tw-ring-opacity: 1px; - --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); -} - -input[type="range"]::-moz-range-thumb { - height: 1.25rem; - width: 1.25rem; - background: var(--color-blue-600); - border-radius: 9999px; - border: 0; - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - cursor: pointer; -} - -input[type="range"]:disabled::-moz-range-thumb { - background: var(--color-gray-400); -} - -.dark input[type="range"]:disabled::-moz-range-thumb { - background: var(--color-gray-500); -} - -input[type="range"]::-moz-range-progress { - background: var(--color-blue-500); -} - -input[type="range"]::-ms-fill-lower { - background: var(--color-blue-500); -} - -.toggle-bg:after { - content: ""; - position: absolute; - top: 0.125rem; - left: 0.125rem; - background: white; - border-color: var(--color-gray-300); - border-width: 1px; - border-radius: 9999px; - height: 1.25rem; - width: 1.25rem; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; - transition-duration: .15s; - box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); -} - -input:checked + .toggle-bg:after { - transform: translateX(100%);; - border-color: white; -} - -input:checked + .toggle-bg { - background: var(--color-blue-600); - border-color: var(--color-blue-600); -} - body { display: flex; height: 100%; @@ -1606,488 +1143,6 @@ td:is(.dark *) { } } -.selectedCell { - background-color: var(--color-gray-50); -} - -.dark .selectedCell { - background-color: var(--color-gray-700); -} - -.datatable-wrapper { - width: 100%; -} - -.datatable-wrapper .datatable-top { - display: flex; - justify-content: space-between; - flex-direction: column-reverse; - align-items: start; - gap: 1rem; - margin-bottom: 1rem; -} - -@media (min-width: 640px) { - .datatable-wrapper .datatable-top { - flex-direction: row-reverse; - align-items: center; - } -} - -.datatable-wrapper .datatable-search .datatable-input, .datatable-wrapper .datatable-input { - color: var(--color-gray-900); - font-size: 0; - border: 1px solid var(--color-gray-300); - border-radius: 0.5rem; - background-color: var(--color-gray-50); - min-width: 16rem; -} - -.dark .datatable-wrapper .datatable-search .datatable-input, .dark .datatable-wrapper .datatable-input { - color: white; - background-color: var(--color-gray-800); - border: 1px solid var(--color-gray-700); -} - -.datatable-wrapper thead th .datatable-input { - background-color: white; - font-weight: 400; - color: var(--color-gray-900); - padding-top: .35rem; - padding-bottom: .35rem; - min-width: 0; -} - -.dark .datatable-wrapper thead th .datatable-input { - background-color: var(--color-gray-700); - border-color: var(--color-gray-600); - color: white; -} - -.datatable-wrapper .datatable-top .datatable-dropdown { - color: var(--color-gray-500); - font-size: 0; -} - -.dark .datatable-wrapper .datatable-top .datatable-dropdown { - color: var(--color-gray-400); -} - -.datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { - background-color: var(--color-gray-50); - color: var(--color-gray-900); - font-size: 0; - border: 1px solid var(--color-gray-300); - border-radius: 0.5rem; - margin-right: 0.25rem; - min-width: 4rem; -} - -.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { - background-color: var(--color-gray-800); - border: 1px solid var(--color-gray-700); - color: white; -} - -.datatable-wrapper .datatable-container thead tr.search-filtering-row th { - padding-top: 0; -} - -.datatable-wrapper .datatable-search .datatable-input:focus { - border-color: var(--color-blue-600); -} - -.datatable-wrapper .datatable-container { - overflow-x: auto; -} - -.datatable-wrapper .datatable-table { - width: 100%; - font-size: 0; - color: var(--color-gray-500); - text-align: left; -} - -.dark .datatable-wrapper .datatable-table { - color: var(--color-gray-400); -} - -.datatable-wrapper .datatable-table thead { - font-size: 0; - color: var(--color-gray-500); - background-color: var(--color-gray-50); -} - -.dark .datatable-wrapper .datatable-table thead { - color: var(--color-gray-400); - background-color: var(--color-gray-800); -} - -.datatable-wrapper .datatable-table thead th { - white-space: nowrap; -} - -.datatable-wrapper .datatable-table thead th, .datatable-wrapper .datatable-table tbody th, .datatable-wrapper .datatable-table tbody td { - width: auto !important; - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.datatable-wrapper .datatable-table thead th .datatable-sorter, .datatable-wrapper .datatable-table thead th { - text-transform: uppercase; -} - -.datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { - color: var(--color-gray-900); -} - -.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { - color: white; -} - -.datatable-wrapper .datatable-table tbody tr.selected { - background-color: var(--color-gray-100); -} - -.dark .datatable-wrapper .datatable-table tbody tr.selected { - background-color: var(--color-gray-700); -} - -.datatable-wrapper .datatable-table tbody tr { - border-bottom: 1px solid var(--color-gray-200); -} - -.dark .datatable-wrapper .datatable-table tbody tr { - border-bottom: 1px solid var(--color-gray-700); -} - -.datatable-wrapper .datatable-table .datatable-empty { - text-align: center; -} - -.datatable-wrapper .datatable-bottom { - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: start; - margin-top: 1rem; - gap: 1rem; -} - -@media (min-width: 640px) { - .datatable-wrapper .datatable-bottom { - flex-direction: row; - align-items: center; - } -} - -.datatable-wrapper .datatable-bottom .datatable-info { - color: var(--color-gray-500); - font-size: 0; -} - -.dark .datatable-wrapper .datatable-bottom .datatable-info { - color: var(--color-gray-400); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { - display: flex; - align-items: center; - height: 2rem; - font-size: 0; -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { - display: flex; - align-items: center; - color: var(--color-gray-500); - font-weight: 500; - padding-left: 0.75rem; - padding-right: 0.75rem; - height: 2rem; - font-size: 0; - border-top: 1px solid var(--color-gray-300); - border-bottom: 1px solid var(--color-gray-300); - border-right: 1px solid var(--color-gray-300); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { - color: var(--color-gray-400); - border-color: var(--color-gray-700); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { - position: relative; -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { - color: transparent; -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { - color: transparent; -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); - position: absolute; - top: 50%; - left: 50%; - width: 1.3rem; - height: 1.3rem; - transform: translate(-50%, -50%); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); - position: absolute; - top: 50%; - right: 50%; - width: 1.3rem; - height: 1.3rem; - transform: translate(50%, -50%); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { - content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-left: 1px solid var(--color-gray-300); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { - border-left: 1px solid var(--color-gray-700); -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; - border-left: 0; -} - -.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { - background-color: var(--color-gray-50); - color: var(--color-gray-700); -} - -.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { - background-color: var(--color-gray-700); - color: white; -} - -.apexcharts-canvas .apexcharts-tooltip { - background-color: white !important; - color: var(--color-gray-700) !important; - border: 0 !important; - border-radius: 0.25rem !important; - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; -} - -.dark .apexcharts-canvas .apexcharts-tooltip { - background-color: var(--color-gray-700) !important; - color: var(--color-gray-400) !important; - border-color: transparent !important; - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; -} - -.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; - margin-bottom: 0.75rem !important; - background-color: var(--color-gray-100) !important; - border-bottom-color: var(--color-gray-200) !important; - font-size: 0 !important; - font-weight: 400 !important; - color: var(--color-gray-500) !important; -} - -.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { - background-color: var(--color-gray-600) !important; - border-color: var(--color-gray-500) !important; - color: var(--color-gray-500) !important; -} - -.apexcharts-canvas .apexcharts-xaxistooltip { - color: var(--color-gray-500) !important; - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; - border-color: transparent !important; - background-color: white !important; - border-radius: 0.25rem !important; - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; -} - -.dark .apexcharts-canvas .apexcharts-xaxistooltip { - color: var(--color-gray-400) !important; - background-color: var(--color-gray-700) !important; -} - -.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { - color: var(--color-gray-500) !important; - font-size: 0 !important; -} - -.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { - color: var(--color-gray-400) !important; -} - -.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { - color: var(--color-gray-900); - font-size: 0 !important; -} - -:is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker { - margin-right: 0px !important; - margin-left: e !important; -} - -.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { - color: white !important; -} - -.apexcharts-canvas .apexcharts-xaxistooltip-text { - font-weight: 400 !important; - font-size: 0 !important; -} - -.apexcharts-canvas .apexcharts-xaxistooltip:after, .apexcharts-canvas .apexcharts-xaxistooltip:before { - border-bottom-color: white !important; -} - -.apexcharts-canvas .apexcharts-xaxistooltip:after { - border-width: 8px !important; - margin-left: -8px !important; -} - -.apexcharts-canvas .apexcharts-xaxistooltip:before { - border-width: 10px !important; - margin-left: -10px !important; -} - -.dark .apexcharts-canvas .apexcharts-xaxistooltip:after, .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { - border-bottom-color: var(--color-gray-700) !important; -} - -.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { - padding: 0 !important; -} - -.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; - padding-bottom: 0.75rem !important; - background-color: white !important; - color: var(--color-gray-500) !important; -} - -.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { - background-color: var(--color-gray-700) !important; - color: var(--color-gray-400) !important; -} - -.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { - padding-top: 0.75rem !important; -} - -.apexcharts-canvas .apexcharts-legend { - padding: 0 !important; -} - -.apexcharts-canvas .apexcharts-legend-text { - font-size: 0 !important; - font-weight: 500 !important; - padding-left: 1.25rem !important; - color: var(--color-gray-500) !important; -} - -:is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text { - padding-right: 0.5rem !important; -} - -.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { - color: var(--color-gray-900) !important; -} - -.dark .apexcharts-canvas .apexcharts-legend-text { - color: var(--color-gray-400) !important; -} - -.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { - color: white !important; -} - -.apexcharts-canvas .apexcharts-legend-series { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; - margin-bottom: 0.25rem !important; - display: flex !important; - align-items: center !important; -} - -.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { - fill: var(--color-gray-900) !important; - font-size: 1.875rem !important; - font-weight: 700 !important; -} - -.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { - fill: white !important; -} - -.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { - fill: var(--color-gray-500) !important; - font-size: 1rem !important; - font-weight: 400 !important; -} - -.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { - fill: var(--color-gray-400) !important; -} - -.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { - font-size: 0.75rem !important; - font-weight: 600 !important; - text-shadow: none !important; - filter: none !important; -} - -.apexcharts-gridline, .apexcharts-xcrosshairs, .apexcharts-ycrosshairs { - stroke: var(--color-gray-200) !important; -} - -.dark .apexcharts-gridline, .dark .apexcharts-xcrosshairs, .dark .apexcharts-ycrosshairs { - stroke: var(--color-gray-700) !important; -} - /***** NAVBAR *****/ [class^=navBar] { @@ -3888,20 +2943,6 @@ ul.sideBarNav > ul > li.active > a:is(.dark *) { color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } -@media (min-width: 640px) { - .members-article a.title [class*="fa-"].tooltip > .tooltip-arrow:before { - visibility: hidden; - } - - .members-article a.title [class*="fa-"][role="tooltip"] > [data-popper-arrow]:before { - visibility: hidden; - } - - .members-article a.title [class*="fa-"][role="tooltip"] > [data-popper-arrow]:after { - visibility: hidden; - } -} - .members-article a.title [class*="fa-"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1));