fix css style
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user