/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../node_root/node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.6.0_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!../node_root/node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.6_typescript@5.9.3_webpack@5.102.1/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./resources/js/components/loading/overlay/css/index.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .vld-shown { overflow: hidden; } .vld-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; align-items: center; display: none; justify-content: center; overflow: hidden; z-index: 9999; } .vld-overlay.is-active { display: flex; } .vld-overlay.is-full-page { z-index: 9999; position: fixed; } .vld-overlay .vld-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #fff; opacity: 0.5; } .vld-overlay .vld-icon, .vld-parent { position: relative; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../node_root/node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.6.0_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!../node_root/node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.6_typescript@5.9.3_webpack@5.102.1/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-13.use[2]!../node_root/node_modules/.pnpm/sass-loader@16.0.6_@rspack+core@1.6.0_sass-embedded@1.93.3_sass@1.93.3_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[3]!./resources/sass/app.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; th, td{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; } .transform, .icon-wrap, svg{ --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; } input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea, div:not(.preview), .shadow-2xl, .sidebar-nav-section-items:is(.dark *), .sidebar-nav-section-items, .sidebar-nav, p, div, .vld-icon, .login-content, .content, .vdp-datepicker__calendar, .date-picker, .pagination, .vue-notification, ul, .arrow, .table, table, .grid-footer-infos, .grid-container-outer, tr, .alert, .apexcharts-tooltip, .modal-content, .modal-content:is(.dark *), ul:is(.dark *), .switch-well, .vs__dropdown-toggle, .vs__dropdown-menu, .form-fields-section, .form-fields-section:is(.dark *), .widget, .empty, .item, .answer_letter, .answer_mail, .content-pos, .side-pos, .content-tabs, td, th, .statistic-times{ --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } .blur, .\!filter, .filter, .vld-overlay:not(.hide) + *, .toolbar, .tippy-content, .vld-icon, .vld-icon:is(.dark *), table, .grid-footer-wrapper, tr:is(.dark *), .popover-inner, ul, ul:is(.dark *), .widget{ --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; } .modal-backdrop{ --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } /* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root{ --color-transparent: transparent; --color-current: currentColor; --color-white: #ffffff; --color-black: #000000; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827; --color-gray-950: #030712; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bfdbfe; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-blue-700: #1d4ed8; --color-blue-800: #1e40af; --color-blue-900: #1e3a8a; --color-blue-950: #172554; --color-purple-50: #faf5ff; --color-purple-100: #f3e8ff; --color-purple-200: #e9d5ff; --color-purple-300: #d8b4fe; --color-purple-400: #c084fc; --color-purple-500: #a855f7; --color-purple-600: #9333ea; --color-purple-700: #7e22ce; --color-purple-800: #6b21a8; --color-purple-900: #581c87; --color-purple-950: #3b0764; --color-amber-50: #fffbeb; --color-amber-100: #fef3c7; --color-amber-200: #fde68a; --color-amber-300: #fcd34d; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-amber-700: #b45309; --color-amber-800: #92400e; --color-amber-900: #78350f; --color-amber-950: #451a03; --color-yellow-50: #fefce8; --color-yellow-100: #fef9c3; --color-yellow-200: #fef08a; --color-yellow-300: #fde047; --color-yellow-400: #facc15; --color-yellow-500: #eab308; --color-yellow-600: #ca8a04; --color-yellow-700: #a16207; --color-yellow-800: #854d0e; --color-yellow-900: #713f12; --color-yellow-950: #422006; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #fed7aa; --color-orange-300: #fdba74; --color-orange-400: #fb923c; --color-orange-500: #f97316; --color-orange-600: #ea580c; --color-orange-700: #c2410c; --color-orange-800: #9a3412; --color-orange-900: #7c2d12; --color-orange-950: #431407; --color-red-50: #fef2f2; --color-red-100: #fee2e2; --color-red-200: #fecaca; --color-red-300: #fca5a5; --color-red-400: #f87171; --color-red-500: #ef4444; --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b; --color-red-900: #7f1d1d; --color-red-950: #450a0a; --color-green-50: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #bbf7d0; --color-green-300: #86efac; --color-green-400: #4ade80; --color-green-500: #22c55e; --color-green-600: #16a34a; --color-green-700: #15803d; --color-green-800: #166534; --color-green-900: #14532d; --color-green-950: #052e16; --color-teal-50: #f0fdfa; --color-teal-100: #ccfbf1; --color-teal-200: #99f6e4; --color-teal-300: #5eead4; --color-teal-400: #2dd4bf; --color-teal-500: #14b8a6; --color-teal-600: #0d9488; --color-teal-700: #0f766e; --color-teal-800: #115e59; --color-teal-900: #134e4a; --color-teal-950: #042f2e; --color-emerald-50: #ecfdf5; --color-emerald-100: #d1fae5; --color-emerald-200: #a7f3d0; --color-emerald-300: #6ee7b7; --color-emerald-400: #34d399; --color-emerald-500: #10b981; --color-emerald-600: #059669; --color-emerald-700: #047857; --color-emerald-800: #065f46; --color-emerald-900: #064e3b; --color-emerald-950: #022c22; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2fe; --color-indigo-300: #a5b4fc; --color-indigo-400: #818cf8; --color-indigo-500: #6366f1; --color-indigo-600: #4f46e5; --color-indigo-700: #4338ca; --color-indigo-800: #3730a3; --color-indigo-900: #312e81; --color-indigo-950: #1e1b4b; --color-cyan-50: #ecfeff; --color-cyan-100: #cffafe; --color-cyan-200: #a5f3fc; --color-cyan-300: #67e8f9; --color-cyan-400: #22d3ee; --color-cyan-500: #06b6d4; --color-cyan-600: #0891b2; --color-cyan-700: #0e7490; --color-cyan-800: #155e75; --color-cyan-900: #164e63; --color-cyan-950: #083344; --color-sky-50: #f0f9ff; --color-sky-100: #e0f2fe; --color-sky-200: #bae6fd; --color-sky-300: #7dd3fc; --color-sky-400: #38bdf8; --color-sky-500: #0ea5e9; --color-sky-600: #0284c7; --color-sky-700: #0369a1; --color-sky-800: #075985; --color-sky-900: #0c4a6e; --color-sky-950: #082f49; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cbd5e1; --color-slate-400: #94a3b8; --color-slate-500: #64748b; --color-slate-600: #475569; --color-slate-700: #334155; --color-slate-800: #1e293b; --color-slate-900: #0f172a; --color-slate-950: #020617; } .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea{ min-height: 32px; width: 100%; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.97rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input:not([type=radio]):not([type=checkbox]):not([type=range]):is(.dark *), select:is(.dark *), textarea:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea{ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } input:not([type=radio]):not([type=checkbox]):not([type=range]):hover, select:hover, textarea:hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } input:not([type=radio]):not([type=checkbox]):not([type=range]):focus, select:focus, textarea:focus{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } input:not([type=radio]):not([type=checkbox]):not([type=range]):disabled, select:disabled, textarea:disabled{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } input:not([type=radio]):not([type=checkbox]):not([type=range]):disabled:is(.dark *), select:disabled:is(.dark *), textarea:disabled:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } textarea{ min-height: 68px; /* width */ } textarea::-webkit-scrollbar { width: 8px; } textarea { /* Track */ } textarea::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } textarea:is(.dark *)::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } textarea { /* Handle */ } textarea::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } textarea:is(.dark *)::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } textarea::-webkit-scrollbar-thumb { border-radius: 5px; } textarea { /* Handle on hover */ } textarea::-webkit-scrollbar-thumb:hover{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } textarea:is(.dark *)::-webkit-scrollbar-thumb:hover{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } textarea:disabled { /* Track */ } textarea:disabled:is(.dark *)::-webkit-scrollbar-track{ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .select-wrap{ min-height: 34px; } .form-fields-section.memo-section{ padding-top: 0px; padding-bottom: 0px; } .form-fields-section.memo-section .form-section-label{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .form-fields-section.memo-section .form-section-label:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .form-fields-section.memo-section .form-section-label{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .form-fields-section.memo-section .form-section-label:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .form-fields-section.memo-section .form-section-content{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .form-fields-section.memo-section .form-section-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); } .form-fields-section.memo-section .form-section-content .form-field{ margin: 0px; } .form-fields-section.memo-section .form-section-content textarea{ margin: 0px; height: auto; border-style: none; --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-fields-section.memo-section .form-section-content textarea:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .upload-control{ position: relative; display: flex; flex-direction: column; } .upload-control > div:not(.preview){ border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); display: inline-flex; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; } .upload-control > div:not(.preview):is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; } .upload-control > div:not(.preview):hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .upload-control > div:not(.preview):focus{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .upload-control > div:not(.preview) input[type=file]{ position: absolute; left: 0px; top: 0px; z-index: 1; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .upload-control > div:not(.preview) .placeholder{ pointer-events: none; position: relative; z-index: 10; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.5rem; padding-right: 0.5rem; } .upload-control > div:not(.preview) .badge{ position: relative; z-index: 10; margin-left: 0.75rem; margin-right: 0.75rem; display: inline-block; height: 16px; } .upload-control > div:not(.preview) .btn:not(.btn-preview){ position: relative; right: 0px; top: 0px; z-index: 10; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; width: 40px; } .upload-control .btn-preview{ position: relative; z-index: 10; margin-right: 0.5rem; padding-left: 0.125rem; padding-right: 0.125rem; } .upload-control .preview{ margin-top: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .upload-control .preview:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .upload-control .\!preview{ margin-top: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .upload-control .\!preview:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .upload-control .preview img { object-fit: scale-down; } .upload-control .\!preview img { object-fit: scale-down !important; } .upload-control .preview img{ max-height: 300px; width: auto; max-width: 100%; } .upload-control .\!preview img{ max-height: 300px; width: auto; max-width: 100%; } .upload-control.disabled{ background-image: none; } .upload-control.disabled:is(.dark *){ background-image: none; } .upload-control.\!disabled{ background-image: none; } .upload-control.\!disabled:is(.dark *){ background-image: none; } .upload-control.disabled .placeholder{ background-image: none !important; } .upload-control.disabled .placeholder:is(.dark *){ background-image: none !important; } .upload-control.\!disabled .placeholder{ background-image: none !important; } .upload-control.\!disabled .placeholder:is(.dark *){ background-image: none !important; } .upload-control.disabled .placeholder { cursor: not-allowed !important; } .upload-control.\!disabled .placeholder { cursor: not-allowed !important; } .upload-control.disabled .btn:not(.btn-preview){ opacity: 0.5; } .upload-control.\!disabled .btn:not(.btn-preview){ opacity: 0.5; } .upload-control.disabled input{ background-image: none; } .upload-control.\!disabled input{ background-image: none; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .\!collapse{ visibility: collapse !important; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .float-right{ float: right; } .float-left{ float: left; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-auto{ margin-top: auto; margin-bottom: auto; } .mb-0{ margin-bottom: 0px; } .mb-10{ margin-bottom: 2.5rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-4{ margin-bottom: 1rem; } .ml-20{ margin-left: 5rem; } .ml-5{ margin-left: 1.25rem; } .mr-2{ margin-right: 0.5rem; } .mr-5{ margin-right: 1.25rem; } .mt-10{ margin-top: 2.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-8{ margin-top: 2rem; } .block{ display: block; } .inline{ display: inline; } .flex{ display: flex; } .table{ display: table; } .grid{ display: grid; } .hidden{ display: none; } .w-1\/2{ width: 50%; } .w-full{ width: 100%; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer{ cursor: pointer; } .resize{ resize: both; } .flex-row{ flex-direction: row; } .flex-wrap{ flex-wrap: wrap; } .items-center{ align-items: center; } .overflow-hidden{ overflow: hidden; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-nowrap{ text-wrap: nowrap; } .rounded{ border-radius: 0.25rem; } .border{ border-width: 1px; } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .p-2{ padding: 0.5rem; } .p-8{ padding: 2rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .pb-5{ padding-bottom: 1.25rem; } .pl-5{ padding-left: 1.25rem; } .pr-5{ padding-right: 1.25rem; } .pt-5{ padding-top: 1.25rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-lg{ font-size: 20px; line-height: 28px; } .text-sm{ font-size: 0.875rem; line-height: 1rem; } .text-xs{ font-size: 0.65rem; line-height: 0.7rem; } .font-bold{ font-weight: 700; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .italic{ font-style: italic; } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .underline{ -webkit-text-decoration-line: underline; text-decoration-line: underline; } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!transition{ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition{ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @keyframes enter{ from{ opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit{ to{ opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .running{ animation-play-state: running; } .paused{ animation-play-state: paused; } .\[-a-zA-Z\:0-9_\.\]{ -a-z-a--z: 0-9 .; } /* Importiere das math Modul */ /* Importiere das math Modul */ /* Importiere das math Modul */ .margin-0 { margin: 0 !important; } .padding-0 { padding: 0 !important; } .margin-5, .m-5 { margin: 5px !important; } .padding-5, .p-5 { padding: 5px !important; } .mt-5 { margin-top: 5px !important; } .pt-5 { padding-top: 5px !important; } .margin-5, .m-5 { margin: 5px !important; } .padding-5, .p-5 { padding: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .margin-5, .m-5 { margin: 5px !important; } .padding-5, .p-5 { padding: 5px !important; } .ml-5 { margin-left: 5px !important; } .pl-5 { padding-left: 5px !important; } .margin-5, .m-5 { margin: 5px !important; } .padding-5, .p-5 { padding: 5px !important; } .mr-5 { margin-right: 5px !important; } .pr-5 { padding-right: 5px !important; } .margin-10, .m-10 { margin: 10px !important; } .padding-10, .p-10 { padding: 10px !important; } .mt-10 { margin-top: 10px !important; } .pt-10 { padding-top: 10px !important; } .margin-10, .m-10 { margin: 10px !important; } .padding-10, .p-10 { padding: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .margin-10, .m-10 { margin: 10px !important; } .padding-10, .p-10 { padding: 10px !important; } .ml-10 { margin-left: 10px !important; } .pl-10 { padding-left: 10px !important; } .margin-10, .m-10 { margin: 10px !important; } .padding-10, .p-10 { padding: 10px !important; } .mr-10 { margin-right: 10px !important; } .pr-10 { padding-right: 10px !important; } .margin-15, .m-15 { margin: 15px !important; } .padding-15, .p-15 { padding: 15px !important; } .mt-15 { margin-top: 15px !important; } .pt-15 { padding-top: 15px !important; } .margin-15, .m-15 { margin: 15px !important; } .padding-15, .p-15 { padding: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .margin-15, .m-15 { margin: 15px !important; } .padding-15, .p-15 { padding: 15px !important; } .ml-15 { margin-left: 15px !important; } .pl-15 { padding-left: 15px !important; } .margin-15, .m-15 { margin: 15px !important; } .padding-15, .p-15 { padding: 15px !important; } .mr-15 { margin-right: 15px !important; } .pr-15 { padding-right: 15px !important; } .margin-20, .m-20 { margin: 20px !important; } .padding-20, .p-20 { padding: 20px !important; } .mt-20 { margin-top: 20px !important; } .pt-20 { padding-top: 20px !important; } .margin-20, .m-20 { margin: 20px !important; } .padding-20, .p-20 { padding: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .margin-20, .m-20 { margin: 20px !important; } .padding-20, .p-20 { padding: 20px !important; } .ml-20 { margin-left: 20px !important; } .pl-20 { padding-left: 20px !important; } .margin-20, .m-20 { margin: 20px !important; } .padding-20, .p-20 { padding: 20px !important; } .mr-20 { margin-right: 20px !important; } .pr-20 { padding-right: 20px !important; } .margin-25, .m-25 { margin: 25px !important; } .padding-25, .p-25 { padding: 25px !important; } .mt-25 { margin-top: 25px !important; } .pt-25 { padding-top: 25px !important; } .margin-25, .m-25 { margin: 25px !important; } .padding-25, .p-25 { padding: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .margin-25, .m-25 { margin: 25px !important; } .padding-25, .p-25 { padding: 25px !important; } .ml-25 { margin-left: 25px !important; } .pl-25 { padding-left: 25px !important; } .margin-25, .m-25 { margin: 25px !important; } .padding-25, .p-25 { padding: 25px !important; } .mr-25 { margin-right: 25px !important; } .pr-25 { padding-right: 25px !important; } .margin-30, .m-30 { margin: 30px !important; } .padding-30, .p-30 { padding: 30px !important; } .mt-30 { margin-top: 30px !important; } .pt-30 { padding-top: 30px !important; } .margin-30, .m-30 { margin: 30px !important; } .padding-30, .p-30 { padding: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .margin-30, .m-30 { margin: 30px !important; } .padding-30, .p-30 { padding: 30px !important; } .ml-30 { margin-left: 30px !important; } .pl-30 { padding-left: 30px !important; } .margin-30, .m-30 { margin: 30px !important; } .padding-30, .p-30 { padding: 30px !important; } .mr-30 { margin-right: 30px !important; } .pr-30 { padding-right: 30px !important; } .margin-35, .m-35 { margin: 35px !important; } .padding-35, .p-35 { padding: 35px !important; } .mt-35 { margin-top: 35px !important; } .pt-35 { padding-top: 35px !important; } .margin-35, .m-35 { margin: 35px !important; } .padding-35, .p-35 { padding: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .margin-35, .m-35 { margin: 35px !important; } .padding-35, .p-35 { padding: 35px !important; } .ml-35 { margin-left: 35px !important; } .pl-35 { padding-left: 35px !important; } .margin-35, .m-35 { margin: 35px !important; } .padding-35, .p-35 { padding: 35px !important; } .mr-35 { margin-right: 35px !important; } .pr-35 { padding-right: 35px !important; } .margin-40, .m-40 { margin: 40px !important; } .padding-40, .p-40 { padding: 40px !important; } .mt-40 { margin-top: 40px !important; } .pt-40 { padding-top: 40px !important; } .margin-40, .m-40 { margin: 40px !important; } .padding-40, .p-40 { padding: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .margin-40, .m-40 { margin: 40px !important; } .padding-40, .p-40 { padding: 40px !important; } .ml-40 { margin-left: 40px !important; } .pl-40 { padding-left: 40px !important; } .margin-40, .m-40 { margin: 40px !important; } .padding-40, .p-40 { padding: 40px !important; } .mr-40 { margin-right: 40px !important; } .pr-40 { padding-right: 40px !important; } .margin-45, .m-45 { margin: 45px !important; } .padding-45, .p-45 { padding: 45px !important; } .mt-45 { margin-top: 45px !important; } .pt-45 { padding-top: 45px !important; } .margin-45, .m-45 { margin: 45px !important; } .padding-45, .p-45 { padding: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .margin-45, .m-45 { margin: 45px !important; } .padding-45, .p-45 { padding: 45px !important; } .ml-45 { margin-left: 45px !important; } .pl-45 { padding-left: 45px !important; } .margin-45, .m-45 { margin: 45px !important; } .padding-45, .p-45 { padding: 45px !important; } .mr-45 { margin-right: 45px !important; } .pr-45 { padding-right: 45px !important; } .margin-50, .m-50 { margin: 50px !important; } .padding-50, .p-50 { padding: 50px !important; } .mt-50 { margin-top: 50px !important; } .pt-50 { padding-top: 50px !important; } .margin-50, .m-50 { margin: 50px !important; } .padding-50, .p-50 { padding: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .margin-50, .m-50 { margin: 50px !important; } .padding-50, .p-50 { padding: 50px !important; } .ml-50 { margin-left: 50px !important; } .pl-50 { padding-left: 50px !important; } .margin-50, .m-50 { margin: 50px !important; } .padding-50, .p-50 { padding: 50px !important; } .mr-50 { margin-right: 50px !important; } .pr-50 { padding-right: 50px !important; } .margin-75, .m-75 { margin: 75px !important; } .padding-75, .p-75 { padding: 75px !important; } .mt-75 { margin-top: 75px !important; } .pt-75 { padding-top: 75px !important; } .margin-75, .m-75 { margin: 75px !important; } .padding-75, .p-75 { padding: 75px !important; } .mb-75 { margin-bottom: 75px !important; } .pb-75 { padding-bottom: 75px !important; } .margin-75, .m-75 { margin: 75px !important; } .padding-75, .p-75 { padding: 75px !important; } .ml-75 { margin-left: 75px !important; } .pl-75 { padding-left: 75px !important; } .margin-75, .m-75 { margin: 75px !important; } .padding-75, .p-75 { padding: 75px !important; } .mr-75 { margin-right: 75px !important; } .pr-75 { padding-right: 75px !important; } .margin-80, .m-80 { margin: 80px !important; } .padding-80, .p-80 { padding: 80px !important; } .mt-80 { margin-top: 80px !important; } .pt-80 { padding-top: 80px !important; } .margin-80, .m-80 { margin: 80px !important; } .padding-80, .p-80 { padding: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .margin-80, .m-80 { margin: 80px !important; } .padding-80, .p-80 { padding: 80px !important; } .ml-80 { margin-left: 80px !important; } .pl-80 { padding-left: 80px !important; } .margin-80, .m-80 { margin: 80px !important; } .padding-80, .p-80 { padding: 80px !important; } .mr-80 { margin-right: 80px !important; } .pr-80 { padding-right: 80px !important; } .margin-90, .m-90 { margin: 90px !important; } .padding-90, .p-90 { padding: 90px !important; } .mt-90 { margin-top: 90px !important; } .pt-90 { padding-top: 90px !important; } .margin-90, .m-90 { margin: 90px !important; } .padding-90, .p-90 { padding: 90px !important; } .mb-90 { margin-bottom: 90px !important; } .pb-90 { padding-bottom: 90px !important; } .margin-90, .m-90 { margin: 90px !important; } .padding-90, .p-90 { padding: 90px !important; } .ml-90 { margin-left: 90px !important; } .pl-90 { padding-left: 90px !important; } .margin-90, .m-90 { margin: 90px !important; } .padding-90, .p-90 { padding: 90px !important; } .mr-90 { margin-right: 90px !important; } .pr-90 { padding-right: 90px !important; } .margin-100, .m-100 { margin: 100px !important; } .padding-100, .p-100 { padding: 100px !important; } .mt-100 { margin-top: 100px !important; } .pt-100 { padding-top: 100px !important; } .margin-100, .m-100 { margin: 100px !important; } .padding-100, .p-100 { padding: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .margin-100, .m-100 { margin: 100px !important; } .padding-100, .p-100 { padding: 100px !important; } .ml-100 { margin-left: 100px !important; } .pl-100 { padding-left: 100px !important; } .margin-100, .m-100 { margin: 100px !important; } .padding-100, .p-100 { padding: 100px !important; } .mr-100 { margin-right: 100px !important; } .pr-100 { padding-right: 100px !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-11 { width: 11% !important; } .w-12 { width: 12% !important; } .w-13 { width: 13% !important; } .w-14 { width: 14% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .w-45 { width: 45% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w5-px { width: 5px !important; } .w10-px { width: 10px !important; } .w11-px { width: 11px !important; } .w12-px { width: 12px !important; } .w13-px { width: 13px !important; } .w14-px { width: 14px !important; } .w15-px { width: 15px !important; } .w20-px { width: 20px !important; } .w25-px { width: 25px !important; } .w30-px { width: 30px !important; } .w35-px { width: 35px !important; } .w40-px { width: 40px !important; } .w45-px { width: 45px !important; } .w50-px { width: 50px !important; } .w75-px { width: 75px !important; } .w100-px { width: 100px !important; } .w110-px { width: 110px !important; } .w120-px { width: 120px !important; } .w130-px { width: 130px !important; } .w140-px { width: 140px !important; } .w150-px { width: 150px !important; } .w160-px { width: 160px !important; } .w170-px { width: 170px !important; } .w180-px { width: 180px !important; } .w190-px { width: 190px !important; } .w200-px { width: 200px !important; } .v-spinner .v-beat { animation: v-beatStretchDelay 0.7s infinite linear; animation-fill-mode: both; display: inline-block; } .v-spinner .v-beat-odd { animation-delay: 0s; } .v-spinner .v-beat-even { animation-delay: 0.35s; } @keyframes v-beatStretchDelay { 50% { transform: scale(0.75); -webkit-opacity: 0.2; opacity: 0.2; } 100% { transform: scale(1); -webkit-opacity: 1; opacity: 1; } } .tippy-box{ border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tippy-box[data-theme=tooltip]{ width: auto; min-width: 100px; max-width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.125rem; padding-bottom: 0.125rem; text-align: center; } .tippy-box[data-theme=tooltip-dark] .tippy-content{ min-width: 100px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } /* Handle */ ::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); border-radius: 5px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .dark ::-webkit-input-placeholder, .dark ::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark { /* Track */ } .dark *::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark { /* Handle */ } .dark *::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .dark { /* Handle on hover */ } .dark *::-webkit-scrollbar-thumb:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } html { overflow: hidden; } html, body { min-height: 100vh; margin: 0px; padding: 0px; font-size: 0.97rem; line-height: 1.2rem; font-weight: 400; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; overflow: hidden; } body{ overflow: hidden; } .text-small{ font-size: 0.875rem; line-height: 1rem; } .bg-red{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-orange{ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-blue{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .bg-teal{ --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); } .bg-amber{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-emerald{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .text-info{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-info:is(.dark *){ color: rgb(191 219 254 / 0.8); } @keyframes slideUp { to { transform: translate3d(0, 100px, 0); } } /* -- slideDown -- */ @keyframes slideDown { from { transform: translate3d(0, -100px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes slideDownHeight { from { opacity: 0; transform: translate3d(0, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .height-fade-enter-active { animation-fill-mode: both; animation-name: slideDownHeight; animation-duration: 0.1s; } .height-fade-leave-active { animation-fill-mode: both; animation-name: slideDownHeight; animation-duration: 0.1s; animation-direction: reverse; } .height-fade-enter-from, .height-fade-leave-to { transform: translate3d(0, -100%, 0); opacity: 0; } .action-loader { width: 4px; height: 30px; max-height: 30px; border-radius: 2px; display: block; margin: 0 auto; position: relative; background: currentColor; color: #FFF; box-sizing: border-box; animation: animloader 0.3s 0.3s linear infinite alternate; } .action-loader::after, .action-loader::before { content: ""; width: 4px; height: 30px; max-height: 30px; border-radius: 2px; background: currentColor; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; box-sizing: border-box; animation: animloader 0.3s 0.45s linear infinite alternate; } .action-loader::before { left: -10px; animation-delay: 0s; } @keyframes animloader { 0% { height: 30px; } 100% { height: 5px; } } @keyframes update-hint { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #app { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } #app .sys-update-hint{ width: 100%; --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } #app .sys-update-hint:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } #app .sys-update-hint > div { opacity: 1; animation-name: update-hint; animation-duration: 1s; animation-iteration-count: infinite; } #app .sys-update-hint b{ text-transform: uppercase; } #app .sys-update-hint b:after { content: ": "; } @font-face { font-family: "Source Code Pro"; font-weight: 300; font-style: normal; font-stretch: normal; src: url("../fonts/SourceCodePro/WOFF2/TTF/SourceCodePro-Light.ttf.woff2") format("woff2"), url("../fonts/SourceCodePro/WOFF/OTF/SourceCodePro-Light.otf.woff") format("woff"), url("../fonts/SourceCodePro/OTF/SourceCodePro-Light.otf") format("opentype"), url("../fonts/SourceCodePro/TTF/SourceCodePro-Light.ttf") format("truetype"); } @font-face { font-family: "Source Code Pro"; font-weight: 300; font-style: italic; font-stretch: normal; src: url("../fonts/SourceCodePro/WOFF2/TTF/SourceCodePro-LightIt.ttf.woff2") format("woff2"), url("../fonts/SourceCodePro/WOFF/OTF/SourceCodePro-LightIt.otf.woff") format("woff"), url("../fonts/SourceCodePro/OTF/SourceCodePro-LightIt.otf") format("opentype"), url("../fonts/SourceCodePro/TTF/SourceCodePro-LightIt.ttf") format("truetype"); } /* open-sans-regular - latin */ @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 400; src: url("../fonts/OpenSans/open-sans-v29-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans/open-sans-v29-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/open-sans-v29-latin-regular.woff2") format("woff2"), url("../fonts/OpenSans/open-sans-v29-latin-regular.woff") format("woff"), url("../fonts/OpenSans/open-sans-v29-latin-regular.ttf") format("truetype"), url("../fonts/OpenSans/open-sans-v29-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ font-display: swap; } /* open-sans-700 - latin */ @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 700; src: url("../fonts/OpenSans/open-sans-v29-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans/open-sans-v29-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/open-sans-v29-latin-700.woff2") format("woff2"), url("../fonts/OpenSans/open-sans-v29-latin-700.woff") format("woff"), url("../fonts/OpenSans/open-sans-v29-latin-700.ttf") format("truetype"), url("../fonts/OpenSans/open-sans-v29-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ font-display: swap; } /* open-sans-italic - latin */ @font-face { font-family: "OpenSans"; font-style: italic; font-weight: 400; src: url("../fonts/OpenSans/open-sans-v29-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans/open-sans-v29-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/open-sans-v29-latin-italic.woff2") format("woff2"), url("../fonts/OpenSans/open-sans-v29-latin-italic.woff") format("woff"), url("../fonts/OpenSans/open-sans-v29-latin-italic.ttf") format("truetype"), url("../fonts/OpenSans/open-sans-v29-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ font-display: swap; } .row{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; min-width: 100%; flex-direction: row; flex-wrap: wrap; } [class*=col-]{ padding-right: 0.75rem; padding-left: 0.75rem; } .col-md-1 { min-width: 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { min-width: 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { min-width: 25%; max-width: 25%; } .col-md-4 { min-width: 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { min-width: 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { min-width: 50%; max-width: 50%; } .col-md-7 { min-width: 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { min-width: 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { min-width: 75%; max-width: 75%; } .col-md-10 { min-width: 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { min-width: 9.0909090909%; max-width: 9.0909090909%; } .col-md-12 { width: 100%; } @media (max-width: 1024px) { [class*=col-], [class*=col-md-]{ width: 100% !important; min-width: 0px !important; max-width: 100% !important; } } .sidebar-nav{ width: 250px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: flex; width: 18rem; min-width: 18rem; flex-direction: column; align-items: stretch; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .sidebar-nav .sidebar-nav-header, .sidebar-nav .sidebar-nav-footer{ display: flex; height: 2.5rem; width: 100%; flex-direction: row; align-items: center; } .sidebar-nav .sidebar-nav-header{ height: 38px; max-height: 38px; min-height: 38px; -webkit-user-select: none; user-select: none; border-bottom-width: 2px; border-right-width: 1px; padding-left: 1rem; padding-right: 1rem; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-header:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-header{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; line-height: normal; } .sidebar-nav .sidebar-nav-header span.a { display: none; height: 24px; min-height: 28px; width: 24px; min-width: 28px; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); font-size: 1.3rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-header span.a:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-header span.a { line-height: normal; } .sidebar-nav .sidebar-nav-header span.amino{ flex: 1 1 auto; font-size: 1.6rem; font-weight: 800; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-header span.amino:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-header span.amino { line-height: 1; } .sidebar-nav .sidebar-nav-header span.admin{ margin-left: 0.75rem; display: block; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; text-align: right; font-size: 0.65rem; line-height: 0.7rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); line-height: 1; } .sidebar-nav .sidebar-nav-header span.admin .version{ position: relative !important; top: -0px !important; font-size: 0.65rem !important; line-height: 0.7rem !important; font-weight: 400 !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .sidebar-nav .sidebar-nav-header span.admin .version:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .sidebar-nav .sidebar-nav-header span.admin .version { line-height: 1; } .sidebar-nav .sidebar-nav-header .copyright{ display: block; display: none; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-header .copyright:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-header .copyright { line-height: 1; } .sidebar-nav .sidebar-nav-header .copyright a{ color: rgb(191 219 254 / 0.3); } .sidebar-nav .sidebar-nav-header .copyright a:hover{ color: rgb(191 219 254 / 0.6); } .sidebar-nav .sidebar-nav-footer{ border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .sidebar-nav .sidebar-nav-footer:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .sidebar-nav .sidebar-nav-footer{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-footer:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-footer{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding-left: 0px; padding-right: 0px; } .sidebar-nav .sidebar-nav-footer .sidebar-minimizer{ display: flex; height: 3rem; width: 3rem; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .sidebar-nav .sidebar-nav-footer .sidebar-minimizer:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-footer .sidebar-minimizer:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.9; } .sidebar-nav .sidebar-nav-footer .sidebar-minimizer:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner{ border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .sidebar-nav .sidebar-nav-inner:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .sidebar-nav .sidebar-nav-inner{ flex: 1 1 auto; overflow-y: auto; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; padding-right: 0px; direction: rtl; } .sidebar-nav .sidebar-nav-inner::-webkit-scrollbar { width: 5px; } .sidebar-nav .sidebar-nav-inner > div { direction: ltr; } .sidebar-nav .sidebar-nav-inner .plain-item{ position: relative; margin-left: 0px; margin-right: 0px; display: flex; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .sidebar-nav .sidebar-nav-inner .plain-item .icon-wrap{ margin-right: 0.375rem; } .sidebar-nav .sidebar-nav-inner .plain-item .icon-wrap svg { width: 20px; height: 20px; stroke-width: 1.5; } .sidebar-nav .sidebar-nav-inner .plain-item .badge{ position: absolute; right: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .plain-item .badge:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .plain-item:hover, .sidebar-nav .sidebar-nav-inner .plain-item:focus{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .plain-item:hover:is(.dark *), .sidebar-nav .sidebar-nav-inner .plain-item:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .plain-item.is-active{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .plain-item.is-active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items{ margin-bottom: 0.5rem; } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items > .arrow{ position: absolute; left: -7px; margin-top: 0.75rem; display: none; height: 15px; width: 15px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items > .arrow:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items > .arrow { transform: rotate(-45deg); z-index: -1; } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items .sidebar-nav-section-items-inner{ position: relative; z-index: 60; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .sidebar-nav .sidebar-nav-inner .sidebar-nav-section-items .sidebar-nav-section-items-inner:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .sidebar-nav:not(.min) .sidebar-nav-section .sidebar-nav-section-items .item .icon-wrap{ display: none; } @media (min-width: 1024px) { .sidebar-nav.min{ position: relative; z-index: 20; width: 3rem; min-width: 3rem; } .sidebar-nav.min .sidebar-nav-section{ position: relative; margin: 0px; margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 0px; } .sidebar-nav.min .sidebar-nav-section:hover .sidebar-nav-section-header{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav.min .sidebar-nav-section:hover .sidebar-nav-section-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav.min .sidebar-nav-section:hover .sidebar-nav-section-items{ display: flex; min-width: 220px; flex-direction: column; z-index: 50 !important; } .sidebar-nav.min .sidebar-nav-inner { overflow: visible; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section.active-items .sidebar-nav-section-header{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section.active-items .sidebar-nav-section-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav.min .sidebar-nav-inner .plain-item{ display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; margin: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .sidebar-nav.min .sidebar-nav-inner .plain-item .icon-wrap{ margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .sidebar-nav.min .sidebar-nav-inner .plain-item > *:not(.icon-wrap){ display: none; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items-inner{ position: relative; z-index: 60; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 1; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items-inner:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items-inner{ border-radius: 0.25rem; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items{ position: absolute; left: 100%; z-index: 50; display: none; height: auto; opacity: 1; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items:is(.dark *){ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #030712; --tw-shadow: var(--tw-shadow-colored); } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #9ca3af; --tw-shadow: var(--tw-shadow-colored); border-radius: 0.25rem; border-style: none; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items > .item{ white-space: nowrap; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items > .item span{ white-space: nowrap; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-items > .arrow { display: block; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-header{ justify-content: center; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-header .icon-wrap{ margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-header > *:not(.icon-wrap){ display: none; } .sidebar-nav.min .sidebar-nav-inner .sidebar-nav-section-header:hover + .sidebar-nav-section-items{ display: flex !important; min-width: 220px !important; flex-direction: column !important; } .sidebar-nav.min .sidebar-nav-section { overflow: unset; } .sidebar-nav.min .sidebar-nav-header{ align-items: center; justify-content: center; } .sidebar-nav.min .sidebar-nav-header span:not(.a) { display: none; } .sidebar-nav.min .sidebar-nav-header span.a{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .sidebar-nav.min .sidebar-nav-header .copyright { display: none; } .sidebar-nav.min .sidebar-nav-footer{ padding: 0px; } } .sidebar-nav-section{ display: flex; flex-direction: column; overflow: hidden; } .sidebar-nav-section .sidebar-nav-section-header{ position: relative; display: flex; cursor: pointer; -webkit-user-select: none; user-select: none; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-header:hover, .sidebar-nav-section .sidebar-nav-section-header:focus{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-header:hover:is(.dark *), .sidebar-nav-section .sidebar-nav-section-header:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-header .icon-wrap{ margin-right: 0.375rem; } .sidebar-nav-section .sidebar-nav-section-header svg { width: 20px; height: 20px; stroke-width: 1.5; } .sidebar-nav-section .sidebar-nav-section-header .toggle-section{ position: absolute; right: 0px; } .sidebar-nav-section .sidebar-nav-section-items{ position: relative; margin-left: 0px; height: 0px; min-height: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 0.875rem; line-height: 1rem; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; animation-duration: 200ms; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items svg { width: 20px; height: 20px; stroke-width: 2; } .sidebar-nav-section .sidebar-nav-section-items .item{ margin-top: 0.125rem; margin-bottom: 0.125rem; display: flex; height: 2rem; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; position: relative; white-space: nowrap; border-radius: 0.25rem; } .sidebar-nav-section .sidebar-nav-section-items .item.item-offline{ opacity: 0.5; } .sidebar-nav-section .sidebar-nav-section-items .item.item-offline:before { content: ""; position: absolute; left: 0.25rem; right: 0.25rem; top: 50%; display: block; height: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .item.item-offline:is(.dark *):before{ --tw-border-opacity: 1; border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .item span{ white-space: nowrap; } .sidebar-nav-section .sidebar-nav-section-items .item svg { width: 16px; height: 16px; } .sidebar-nav-section .sidebar-nav-section-items .item .icon-wrap{ width: 1.5rem; } .sidebar-nav-section .sidebar-nav-section-items .item:hover, .sidebar-nav-section .sidebar-nav-section-items .item:focus{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .item:hover:is(.dark *), .sidebar-nav-section .sidebar-nav-section-items .item:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .item.is-active{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .item.is-active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .separator{ margin-top: 0.25rem; margin-bottom: 0.25rem; margin-left: 0.5rem; margin-right: 0.5rem; height: 0.125rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .sidebar-nav-section .sidebar-nav-section-items .separator:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .sidebar-nav-section:not(.open) .sidebar-nav-section-items{ border-bottom-width: 1px; border-top-width: 1px; border-color: transparent; } .sidebar-nav-section:not(.open) .sidebar-nav-section-items, .sidebar-nav-section:not(.open) .separator{ margin-top: 0px; margin-bottom: 0px; height: 0px; min-height: 0px; padding-top: 0px; padding-bottom: 0px; } .sidebar-nav-section.open .sidebar-nav-section-items{ margin-bottom: 0.5rem; border-bottom-width: 1px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .sidebar-nav-section.open .sidebar-nav-section-items:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .sidebar-nav-section.open .sidebar-nav-section-items{ height: auto; min-height: 100%; opacity: 1; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } @media (max-width: 1024px) { .sidebar-nav{ position: absolute; left: 0.5rem; right: 1rem; top: -100%; z-index: 50; display: flex; max-height: 100%; width: auto; flex-direction: column; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; opacity: 0; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #111827; --tw-shadow: var(--tw-shadow-colored); animation-fill-mode: both; animation-duration: 700ms; } .sidebar-nav .sidebar-nav-header, .sidebar-nav .sidebar-nav-footer{ display: none; } .sidebar-nav-section-items{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0s; animation-duration: 0s; } .sidebar-visible{ overflow: hidden; } .sidebar-visible .sidebar-nav { animation-name: bounceInDown; top: 2rem; opacity: 1; } .sidebar-nav-section-items, .sidebar-nav-section-items-inner{ top: 0px !important; max-height: none !important; } } .content-container > .header{ display: flex; height: 38px; max-height: 38px; min-height: 38px; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; border-bottom-width: 2px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.85; } .content-container > .header:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .content-container > .header{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .content-container > .header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .content-container > .header{ position: relative; z-index: 20; width: 100%; } .content-container > .header svg { width: 18px; height: 18px; stroke-width: 1.8; } .content-container > .header > ul{ display: flex; height: 100%; flex-direction: row; align-items: center; } .content-container > .header > ul:first-of-type{ flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .content-container > .header > ul:first-of-type li.mobile-menu{ position: relative; margin-right: 0.5rem; width: 40px; display: none; } .content-container > .header > ul:first-of-type li.toolbar-desc{ display: flex; height: 100%; flex-direction: row; align-items: center; background-color: transparent; } .content-container > .header > ul:first-of-type li.toolbar-desc:is(.dark *){ background-color: transparent; } .content-container > .header > ul:first-of-type > li.breadcrumbs{ display: flex !important; height: 100% !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; overflow: hidden !important; text-overflow: ellipsis !important; background-color: transparent !important; } .content-container > .header > ul:first-of-type > li.breadcrumbs:is(.dark *){ background-color: transparent !important; } .content-container > .header > ul:first-of-type > li.breadcrumbs a, .content-container > .header > ul:first-of-type > li.breadcrumbs span{ background-color: transparent; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .content-container > .header > ul:first-of-type > li.breadcrumbs a:is(.dark *), .content-container > .header > ul:first-of-type > li.breadcrumbs span:is(.dark *){ background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header > ul:first-of-type > li.breadcrumbs a, .content-container > .header > ul:first-of-type > li.breadcrumbs span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content-container > .header > ul:first-of-type > li.breadcrumbs a{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .content-container > .header > ul:first-of-type > li.breadcrumbs a:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header > ul:first-of-type > li.breadcrumbs a:after { content: "/"; display: inline-block; width: 1rem; text-align: center; } .content-container > .header > ul:first-of-type > li.breadcrumbs a:hover{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .content-container > .header > ul:first-of-type > li.breadcrumbs .edit-entry-id{ margin-left: 1rem; font-size: 0.65rem; line-height: 0.7rem; font-weight: 700; } .content-container > .header > ul:last-of-type{ display: flex; height: 100%; width: 250px; flex-direction: row; align-items: center; justify-content: flex-end; } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc){ height: 100%; min-width: 40px; cursor: pointer; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):hover, .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):focus{ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):hover:is(.dark *), .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):hover .trigger, .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc):focus .trigger{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc).active{ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc).active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc).active .trigger{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li:not(.breadcrumbs):not(.toolbar-desc) > *:first-child{ display: flex; height: 100%; min-width: 40px; flex-direction: row; align-items: center; justify-content: center; } .content-container > .header .dropdown-button{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .content-container > .header .dropdown-button > [data-v-tippy]{ display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .content-container > .header .dropdown-button .trigger{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .content-container > .header .dropdown-button .trigger:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header .dropdown-button .trigger:hover, .content-container > .header .dropdown-button .trigger:focus{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .content-container > .header li.user { min-width: unset !important; } .content-container > .header li.user .dropdown-button .trigger{ padding-left: 0.25rem; padding-right: 0.25rem; } .content-container > .header li.user .dropdown-button .trigger > .icon-wrap{ margin-left: 0.25rem; margin-right: 0.25rem; } .content-container > .header li.user .dropdown-button .trigger > div:not(.icon-wrap){ margin-right: 0.375rem; display: flex; flex-direction: column; font-size: 0.65rem; line-height: 0.7rem; } .content-container > .header li.user .dropdown-button .trigger > div:not(.icon-wrap) .username{ font-weight: 600; } .pages-menu-dd li{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; font-size: 0.875rem !important; line-height: 1rem !important; } .pages-menu-dd li.item-offline{ opacity: 0.5; } @media (max-width: 1024px) { .content-container > .header{ padding-left: 0.25rem; padding-right: 0.25rem; } .content-container > .header ul:first-of-type li.mobile-menu { display: flex; } } main .content-container > .content .toolbar:first-of-type{ position: sticky; top: 0px; z-index: 10; display: flex; flex-direction: row; flex-wrap: wrap; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } main .content-container > .content .toolbar:first-of-type:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; } main .content-container > .content .toolbar:first-of-type input:is(.dark *), main .content-container > .content .toolbar:first-of-type select:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } main .content-container > .content .toolbar:first-of-type input, main .content-container > .content .toolbar:first-of-type select{ height: 30px; min-height: 30px; } main .content-container > .content .toolbar:first-of-type .select-wrap{ height: 30px; min-height: 30px; } main .content-container > .content .toolbar:first-of-type .select-wrap select{ height: 30px; min-height: 30px; } main .content-container > .content .toolbar:first-of-type .switcher{ margin: 0px; } main .content-container > .content .toolbar:first-of-type .switcher .switch-well{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } main .content-container > .content .toolbar:first-of-type .switcher .switch-well:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } main .content-container > .content .toolbar:first-of-type .slot-toolbar{ margin-right: 1rem; } main .content-container > .content .toolbar:first-of-type .btn-toolbar{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } main .content-container > .content .toolbar:first-of-type .line-toolbar, main .content-container > .content .toolbar:first-of-type .grid-filters{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } main .content-container > .content .toolbar:first-of-type .filter-item{ margin-right: 0.25rem; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } main .content-container > .content .toolbar:first-of-type .grid-filters .filter-buttons{ margin-left: 0.5rem; border-radius: 0.25rem; } main .content-container > .content .toolbar:first-of-type .grid-filters .filter-buttons button{ border-radius: 0px; } main .content-container > .content .toolbar:first-of-type .grid-filters .filter-buttons button:first-child{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } main .content-container > .content .toolbar:first-of-type .grid-filters .filter-buttons button:last-child{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } main .content-container > .content .toolbar:first-of-type .grid-filters .newline{ display: block; height: 1px; width: 100%; } main .content-container > .content .toolbar:first-of-type .line-toolbar .after-actions{ display: inline-flex; flex-direction: row; align-items: center; white-space: nowrap; } main .content-container > .content .toolbar:first-of-type .line-toolbar .after-actions .form-field{ margin-bottom: 0px; } main .content-container > .content .toolbar:first-of-type .toolbar-description{ display: flex; max-width: 20%; flex: 1 1 auto; flex-direction: row; align-items: flex-end; justify-content: flex-end; padding-right: 0.5rem; font-size: 0.65rem; line-height: 0.7rem; } main .content-container > .content .toolbar:first-of-type.with-description{ justify-content: space-between; } @media (max-width: 1280px) { main .content-container > .content .toolbar:first-of-type { min-height: unset; } main .content-container > .content .toolbar:first-of-type .toolbar-description{ margin-top: 0.25rem; max-width: 100%; justify-content: flex-end; } } a{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } a:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } a:hover, a:focus{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } a:hover:is(.dark *), a:focus:is(.dark *){ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } p{ margin-bottom: 0.75rem; display: block; } main{ position: relative; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; padding: 0px; height: 100vh; } main.has-sysupdate-info { height: calc(100vh - 34px); } main .content-container{ position: relative; display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; } main .content-container > .content{ position: relative; z-index: 0; display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; } main .content-container > .content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } main .content-container > .content > .vld-overlay:not(.hide) + *{ --tw-blur: blur(0.7px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } main .content-container > .content > .inner-wrapper{ display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: auto; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } main .content-container > .content .inner-wrapper:first-of-type{ display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: auto; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } main .content-container > .content.data-table-loading .toolbar{ --tw-blur: blur(0.7px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .old-activity-warning{ margin-bottom: 1rem; width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); padding: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .alert.error-page{ height: 100%; overflow-y: auto; --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .error-page{ border-radius: 0px; } .error-page > div { margin: 15px 0; } .error-page h3{ font-size: 24px; line-height: 32px; font-weight: 700; } .error-page h3 + p{ display: block !important; border-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)) !important; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.5 !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; font-size: 0.97rem !important; line-height: 1.2rem !important; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .error-page > div > div:first-child b:first-child{ font-size: 24px; line-height: 32px; font-weight: 700; } .error-page > div > div:first-child + div{ display: block !important; border-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)) !important; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.5 !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; font-size: 0.875rem !important; line-height: 1rem !important; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .error-page .trace-info > div:first-child > b:first-child{ font-size: 24px; line-height: 32px; font-weight: 700; } .error-page .trace-info > div:last-child{ display: block !important; border-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)) !important; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .error-page .trace-info .trace-item{ display: flex; cursor: pointer; flex-direction: row; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.875rem; line-height: 1rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .error-page .trace-info .trace-item:nth-of-type(even){ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .error-page .trace-info .trace-item:nth-of-type(odd){ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 1; } .error-page .trace-info .trace-item:hover{ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 1; } .error-page .trace-info .trace-item .file, .error-page .trace-info .trace-item .function { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .error-page .trace-info .trace-item .file { flex: 1 1 auto; } .error-page .trace-info .trace-item .function { width: 50%; } .created-updated-by-at{ display: flex; flex-direction: column; font-size: 0.875rem; line-height: 1rem; } .created-updated-by-at .createdby, .created-updated-by-at .updatedby{ font-size: 0.65rem; line-height: 0.7rem; } @media (max-width: 768px) { .error-page .trace-info .trace-item{ flex-direction: column; } .error-page .trace-info .trace-item .file, .error-page .trace-info .trace-item .function{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body, main{ font-size: 0.875rem; line-height: 1rem; } } main.auth-page { padding: 0; } main.auth-page .content-container, main.auth-page .content-container .content { padding: 0; } .screen-locked{ min-height: 100vh; } .auth-container, .screen-locked{ display: flex; height: 100%; width: 100%; flex-direction: row; justify-content: center; padding: 0px; background-image: radial-gradient(var(--color-gray-700) 0.5px, transparent 0.5px), radial-gradient(var(--color-gray-700) 0.5px, var(--color-teal-200) 0.5px); background-size: 20px 20px; background-position: 0 0, 10px 10px; } .auth-container .vld-overlay .vld-background, .screen-locked .vld-overlay .vld-background { opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.8 !important; } .auth-container .vld-icon svg, .screen-locked .vld-icon svg { width: 60px; height: 60px; } .auth-container .auth-form > form, .screen-locked .auth-form > form{ display: flex; height: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .auth-container, .auth-form-container, .auth-form{ height: 100%; width: 100%; } .dark .auth-container, .dark .screen-locked { background-image: radial-gradient(var(--color-gray-600) 0.5px, transparent 0.5px), radial-gradient(var(--color-gray-600) 0.5px, var(--color-gray-900) 0.5px); background-size: 20px 20px; background-position: 0 0, 10px 10px; } .login-container{ position: relative; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; display: inline-flex; height: 350px; width: 400px; flex-direction: column; } .login-container .vld-overlay .vld-background { opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.1 !important; } .login-container .vld-overlay .vld-icon{ background-color: transparent !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .login-container .vld-overlay .vld-icon svg{ margin: 0px !important; height: 45px !important; width: 45px !important; } .login-container .login-header{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .login-container .login-content{ position: relative; display: flex; flex-direction: column; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .login-container .login-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-shadow-color: #030712; --tw-shadow: var(--tw-shadow-colored); } .login-container .login-content .form-group{ display: flex; flex-direction: column; } .login-container .login-content .form-group:not(:last-of-type){ margin-bottom: 0.5rem; } .login-container .login-content input:is(.dark *), .login-container .login-content select:is(.dark *), .login-container .login-content textarea:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .login-container .login-content .btns{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .login-container .login-content .or{ position: relative; display: flex; height: 30px; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .login-container .login-content .or > div{ position: absolute; left: 0px; right: 0px; top: 50%; display: flex; height: 1px; width: 100%; flex-direction: row; align-items: center; justify-content: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .login-container .login-content .or > div:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .login-container .login-content .or > div > span{ position: relative; margin-left: -1rem; display: inline-flex; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.65rem; line-height: 0.7rem; font-weight: 600; } .login-container .login-content .or > div > span:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .login-container .copyright{ margin-left: auto; margin-right: auto; margin-top: 2rem; display: inline-block; --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .login-container .copyright:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .screen-locked .locked-container{ margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; display: inline-flex; height: 350px; width: 400px; flex-direction: column; } .screen-locked .locked-container .head{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .screen-locked .locked-container .content{ position: relative; display: flex; flex-direction: column; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .screen-locked .locked-container .content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-shadow-color: #030712; --tw-shadow: var(--tw-shadow-colored); } .screen-locked .locked-container .vld-overlay .vld-background { opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.1 !important; } .screen-locked .locked-container .vld-overlay .vld-icon{ background-color: transparent !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .screen-locked .locked-container .vld-overlay .vld-icon svg{ margin: 0px !important; height: 45px !important; width: 45px !important; } .lock-screen{ margin-top: auto; margin-bottom: auto; } .lock-screen .error{ margin-bottom: 0.5rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .drag-resize { cursor: col-resize; } .drag-resize .ace-ace-code-structure .resize-handler{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .drag-resize .ace-ace-code-structure + .preview { pointer-events: none; } .ace-iplastic{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .ace-iplastic:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_gutter{ border-right-width: 1px; --tw-border-opacity: 1; border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .ace-iplastic .ace_gutter:is(.dark *){ border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_gutter .ace_gutter-active-line{ --tw-bg-opacity: 0.8; } .ace-iplastic .ace_gutter .ace_gutter-active-line:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .ace-iplastic .ace_active-line{ --tw-bg-opacity: 0.8; } .ace-iplastic .ace_active-line:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .ace-iplastic .ace_tag-name:is(.dark *){ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_tag-open:is(.dark *), .ace-iplastic .ace_tag-close:is(.dark *), .ace-iplastic .ace_end-tag-open:is(.dark *){ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_attribute-equals:is(.dark *){ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_entity.ace_name.ace_function:is(.dark *), .ace-iplastic .ace_entity.ace_other:is(.dark *), .ace-iplastic .ace_entity.ace_other.ace_attribute-name:is(.dark *), .ace-iplastic .ace_variable:is(.dark *){ --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .ace-iplastic .ace_attribute-value{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .ace-container { position: relative; display: block; z-index: 0; } .ace-container .ace-toolbar { position: sticky; padding: 5px 10px; width: auto; z-index: 5; right: 0; top: 0; display: flex; flex-direction: row; align-items: center; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .ace-container .ace-toolbar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .ace-container .ace-toolbar .icon-wrap svg{ stroke-width: 2; } .ace-container .ace-toolbar .custom-buttons{ margin-left: 0.5rem; display: flex; flex-direction: row; align-items: stretch; } .ace-container .ace-toolbar .custom-buttons button{ margin-left: 0px; margin-right: 0px; border-radius: 0px; border-width: 0px; } .ace-container .ace-toolbar .custom-buttons button:first-of-type{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .ace-container .ace-toolbar .custom-buttons button:last-of-type{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .ace-container .ace-toolbar .custom-buttons button[disabled] { opacity: 0.5; } .ace-container .ace-toolbar > button{ margin-right: 0.5rem; border-style: none; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ace-container .ace-toolbar > button:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace-container .ace-toolbar > button .icon-wrap{ margin: 0px; } .ace-container .ace-toolbar > button:hover, .ace-container .ace-toolbar > button:focus{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .ace-container .ace-toolbar > button:hover:is(.dark *), .ace-container .ace-toolbar > button:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .ace-container .ace-toolbar .preview-path { display: inline-block; margin-left: 30px; font-style: italic; cursor: not-allowed; --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .ace-container .ace-toolbar + div.ace { position: relative; } .ace-container .preview{ position: relative; display: flex; flex-direction: column; } .ace-container .preview .preview-modes{ position: fixed; top: 0px; height: 40px; max-height: 40px; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .ace-container .preview .preview-modes:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .ace-container .preview .preview-modes{ display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .ace-container .preview .preview-modes:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .ace-container .preview .preview-modes .icon-wrap{ display: inline-flex !important; height: 36px !important; min-height: 36px !important; width: 36px !important; min-width: 36px !important; cursor: pointer !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; animation-duration: 300ms !important; } .ace-container .preview .preview-modes .icon-wrap.active, .ace-container .preview .preview-modes .icon-wrap:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace-container .preview .preview-container{ margin-left: auto; margin-right: auto; width: 100%; flex: 1 1 auto; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .ace-container .preview.desktop .preview-container{ width: 100%; } .ace-container .preview.tablet .preview-container{ max-width: 820px; } .ace-container .preview.phone .preview-container{ max-width: 390px; } .ace-container .ace_invisible{ color: rgb(59 130 246 / var(--tw-text-opacity, 1)); --tw-text-opacity: 0.5; } .ace-container .ace-ace-code-structure { display: flex; flex-direction: row; width: 100%; } .ace-container .ace-ace-code-structure .ace { flex: 1 1 auto; } .ace-code-structure{ position: relative !important; bottom: 0px !important; z-index: 10 !important; width: 80px !important; min-width: 80px !important; max-width: 80px !important; overflow-y: auto !important; overflow-x: hidden !important; border-right-width: 1px !important; --tw-border-opacity: 1 !important; border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; transition-property: all !important; transition-duration: 300ms !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; animation-duration: 300ms !important; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ace-code-structure:is(.dark *){ --tw-border-opacity: 1 !important; border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .ace-code-structure { direction: rtl; } .ace-code-structure:not(.open) { margin-left: -80px !important; } .ace-code-structure > ul { list-style: none; margin: 0; padding: 0; } .ace-code-structure > ul ul { list-style: none; padding: 0; margin: 0 0 0 3px; } .ace-code-structure > ul li { padding: 0px 4px 0px 3px; cursor: pointer; font: 16px/normal "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace; line-height: normal; position: relative; } .ace-code-structure > ul li[data-deep="1"] div { margin-left: 8px; } .ace-code-structure > ul li[data-deep="2"] div { margin-left: 16px; } .ace-code-structure > ul li[data-deep="3"] div { margin-left: 24px; } .ace-code-structure > ul li[data-deep="4"] div { margin-left: 32px; } .ace-code-structure > ul li[data-deep="5"] div { margin-left: 40px; } .ace-code-structure > ul li[data-deep="6"] div { margin-left: 48px; } .ace-code-structure > ul li div { position: relative; height: 100%; padding: 2px 0 2px 3px; text-align: left; } .ace-code-structure > ul li div:before{ position: absolute; top: 0px; bottom: 0px; border-left-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .ace-code-structure > ul li div:is(.dark *):before{ --tw-border-opacity: 1; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .ace-code-structure > ul li div:before { content: ""; left: -4px; } .ace-code-structure > ul li div:after { content: ""; position: absolute; top: 50%; bottom: 0px; width: 5px; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .ace-code-structure > ul li div:is(.dark *):after{ --tw-border-opacity: 1; border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .ace-code-structure > ul li div:after { left: -4px; } .ace-code-structure > ul li[data-deep="0"] div:before, .ace-code-structure > ul li[data-deep="0"] div:after { display: none; } .ace-code-structure > ul li.active{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace-code-structure > ul li.active div:before, .ace-code-structure > ul li.active div:after{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .ace-code-structure > ul li:not(.active):hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .ace-code-structure > ul li:not(.active):hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .ace-code-structure ul { padding: 0 0 0 0; margin: 0; } .ace-code-structure li li { list-style: disc; } .ace-code-structure .t1 code { color: purple; font-weight: bold; } .ace-code-structure .t2 { font-style: normal; font-family: monospace; } .ace-code-structure .t2 .name { color: black; font-weight: bold; } .ace-code-structure .t2 .value { color: blue; font-weight: normal; } .ace-code-structure .t3 code, #dom .t4 code, #dom .t5 code { color: gray; } .ace-code-structure .t7 code, #dom .t8 code { color: green; } .ace-code-structure span { font-style: italic; font-family: serif; } .ace-code-structure .t10 code { color: teal; } .ace-code-structure .misparented, #dom .misparented code { color: red; font-weight: bold; } .ace-code-structure .unnamed { color: red; font-style: italic; } .ace-code-structure .template { padding: 0 0 0 1.5em; background: #EEEEEE; color: black; position: relative; overflow: hidden; } .ace-code-structure .template::after { position: absolute; top: 1em; right: -2.6em; content: "TEMPLATE"; width: 10em; text-align: center; transform: rotate(30deg); background: black; color: white; } .ace-content-wrapper { display: flex; flex-direction: row; position: relative; } body:not(.ace-structure-open) .ace-code-structure{ display: none; } body.ace-structure-open .app .content-container > .content > .ace-code-structure{ display: block; } body.ace-fullscreen .form-wrapper > .toolbar, body.ace-fullscreen .form-wrapper > .form-tabs { display: none !important; } body.ace-fullscreen .header, body.ace-fullscreen .sidebar-nav { display: none !important; } body.ace-fullscreen .ace-container.is-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1000; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } body.ace-fullscreen .ace-container.is-fullscreen:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } body.ace-fullscreen .ace-container.is-fullscreen .ace-content-wrapper { top: 40px; height: calc(100vh - 40px); } body.ace-fullscreen .ace-container.is-fullscreen .ace-ace-code-structure { position: relative; } body.ace-fullscreen .ace-container.is-fullscreen .ace-toolbar { left: 0; right: 0; top: 0; width: 100%; position: fixed; } body.ace-fullscreen .ace-container.is-fullscreen .ace_scrollbar { overflow: hidden; display: none; } body.ace-fullscreen .ace-container.is-fullscreen .ace-ace-code-structure > .ace { height: calc(100vh - 40px) !important; overflow: auto; } body.ace-fullscreen .ace-container.is-fullscreen .ace-ace-code-structure > .ace > .ace_editor { min-height: calc(100vh - 40px) !important; } body.ace-fullscreen .ace-container.is-fullscreen .ace-ace-code-structure > .ace > .ace_editor .ace_scroller { min-height: 100% !important; } body.ace-fullscreen .ace-container.is-fullscreen .ace-ace-code-structure > .ace > .ace_editor .ace_scroller > .ace_content { min-height: 100% !important; } body.ace-fullscreen.ace-structure-open .ace-container { left: 80px; } body.ace-fullscreen.ace-structure-open .ace-container .ace-ace-code-structure { height: 100%; } body.ace-fullscreen.ace-structure-open .ace-container .ace-ace-code-structure .ace_editor { height: 100% !important; } body.ace-fullscreen.ace-structure-open .ace-container .ace-ace-code-structure .ace_editor .ace_content { min-height: 100%; } body.ace-fullscreen.ace-structure-open .ace-container .ace_scrollbar { z-index: 9999; } body.ace-fullscreen.ace-structure-open .ace-container .ace_scrollbar.ace_scrollbar-v { top: 41px; position: fixed; } body.ace-fullscreen.ace-structure-open .ace-code-structure { top: 41px !important; } body.ace-fullscreen:not(.ace-preview) .ace-ace-code-structure, body.ace-fullscreen:not(.ace-preview) .ace-toolbar { width: 100% !important; } body:not(.ace-preview):not(.ace-fullscreen) .ace-ace-code-structure, body:not(.ace-preview):not(.ace-fullscreen) .ace-toolbar { width: 100% !important; } body.ace-preview .form-wrapper > .toolbar, body.ace-preview .form-wrapper > .form-tabs { display: none; } body.ace-preview .ace-content-wrapper { top: 40px; height: calc(100vh - 40px); } body.ace-preview .ace-content-wrapper .ace-ace-code-structure, body.ace-preview .ace-content-wrapper .preview { max-width: 50%; min-width: 50%; } body.ace-preview .ace-container.is_preview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99000; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview .ace_scrollbar { overflow: hidden; display: none; } body.ace-preview .ace-container.is_preview .ace-toolbar { left: 0; top: 0; width: 50%; position: fixed; min-width: 650px; } body.ace-preview .ace-container.is_preview .ace { height: calc(100vh - 40px) !important; overflow: auto; } body.ace-preview .ace-container.is_preview .ace_editor { min-height: calc(100vh - 40px) !important; } body.ace-preview .ace-container.is_preview .ace-ace-code-structure { min-width: 650px; max-width: calc(100% - 500px); width: 50%; position: relative; } body.ace-preview .ace-container.is_preview .ace-ace-code-structure .resize-handler{ position: absolute; top: -40px; bottom: 0px; right: -6px; z-index: 20; width: 6px; cursor: col-resize; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview .ace-ace-code-structure .resize-handler:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview .ace-ace-code-structure .resize-handler:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview .ace-ace-code-structure .resize-handler:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } body.ace-preview .ace-container.is_preview .preview { width: unset; height: 100vh; max-height: 100vh; overflow: auto; position: relative; top: -40px; flex: 1 1 auto; min-width: 500px; max-width: unset; border-left-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } body.ace-preview .ace-container.is_preview .preview:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } body.ace-preview .ace-container.is_preview .preview > div:not(.resize-handler) { width: 100%; height: 100%; position: relative; } body.ace-preview .ace-container.is_preview .preview iframe { border: 0; width: 100%; height: 100%; position: relative; left: 0px; top: 0px; z-index: 0; opacity: 1; } .ace_autocomplete .ace_text-layer { width: 285px; margin: 0; padding: 0; height: 24px; } .ace_autocomplete .ace_text-layer .ace_line { display: block; padding: 0; line-height: normal; } .ace_autocomplete .ace_text-layer .ace_line .ace_completion-meta { display: inline-block; padding: 2px; margin: 1px 0 0 0; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .ace_autocomplete .ace_text-layer .ace_line .ace_completion-meta:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ace_autocomplete .ace_text-layer .ace_line .ace_completion-meta { float: right; font-size: 12px; height: 18px; line-height: normal; } .ace-toolbar .select-wrap { width: auto; display: inline-flex; /*height: 24px;*/ /*line-height: 24px;*/ } /*.select-wrap:before {*/ /* height: 24px;*/ /* line-height: 18px;*/ /*}*/ /*.select-wrap select {*/ /* height: 22px;*/ /* line-height: 22px;*/ /*}*/ .ace-fullscreen .ace-code-structure{ position: fixed !important; left: 0px !important; top: 0px !important; } body.ace-fullscreen .sidebar-nav, body.ace-preview .sidebar-nav{ display: none; } body.ace-fullscreen .ace-code-structure, body.ace-preview .ace-code-structure{ position: fixed !important; left: 0px !important; top: 0px !important; } body.ace-fullscreen.ace-structure-open .ace-toolbar, body.ace-preview.ace-structure-open .ace-toolbar{ left: 80px !important; right: 0px !important; width: auto !important; } body.ace-fullscreen.ace-structure-open .ace-container, body.ace-preview.ace-structure-open .ace-container{ left: 80px !important; right: 0px !important; width: auto !important; } body.ace-preview.ace-structure-open .ace-code-structure, body.ace-fullscreen.ace-structure-open .ace-code-structure{ position: fixed !important; left: 0px !important; top: 0px !important; } body.ace-preview.ace-structure-open .ace-container, body.ace-fullscreen.ace-structure-open .ace-container{ left: 80px; right: 0px; width: auto; } body.ace-structure-open .ace-container .ace-toolbar, body.ace-fullscreen .ace-container .ace-toolbar{ left: 80px; right: 0px; width: auto; } body.ace-preview .header, body.ace-preview .form-wrapper > .toolbar, body.ace-preview .form-wrapper > .form-tabs { display: none !important; } body.ace-preview .content-wrapper, body.ace-preview .content-container, body.ace-preview .content-container > .inner, body.ace-preview .form-wrapper, body.ace-preview .inner-wrapper { overflow: visible !important; } body.ace-preview .form-wrapper .inner-wrapper { height: 100% !important; } .vdp-datepicker{ position: relative; text-align: left; } .vdp-datepicker * { box-sizing: border-box; } .vdp-datepicker__calendar{ position: absolute !important; z-index: 50 !important; width: 255px !important; border-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; } .vdp-datepicker__calendar:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .vdp-datepicker__calendar{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; --tw-shadow-color: rgb(3 7 18 / 0.2) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .vdp-datepicker__calendar header { display: block; line-height: 40px; } .vdp-datepicker__calendar header span { display: inline-block; text-align: center; width: 71.4285714286%; float: left; } .vdp-datepicker__calendar header .prev, .vdp-datepicker__calendar header .next { width: 14.2857142857%; float: left; text-indent: -10000px; position: relative; } .vdp-datepicker__calendar header .prev:after, .vdp-datepicker__calendar header .next:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border: 6px solid transparent; } .vdp-datepicker__calendar header .prev:after { border-right: 10px solid #000; margin-left: -5px; } .vdp-datepicker__calendar header .prev.disabled:after { border-right: 10px solid #ddd; } .vdp-datepicker__calendar header .next:after { border-left: 10px solid #000; margin-left: 5px; } .vdp-datepicker__calendar header .next.disabled:after { border-left: 10px solid #ddd; } .vdp-datepicker__calendar header .prev:not(.disabled), .vdp-datepicker__calendar header .next:not(.disabled), .vdp-datepicker__calendar header .up:not(.disabled) { cursor: pointer; } .vdp-datepicker__calendar header .prev:not(.disabled):hover, .vdp-datepicker__calendar header .next:not(.disabled):hover, .vdp-datepicker__calendar header .up:not(.disabled):hover { background: #eee; } .vdp-datepicker__calendar .disabled { color: #ddd; cursor: default; } .vdp-datepicker__calendar .flex-rtl { display: flex; width: inherit; flex-wrap: wrap; } .vdp-datepicker__calendar .cell { display: inline-block; padding: 0 5px; width: 14.2857142857%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; border: 1px solid transparent; } .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year { cursor: pointer; } .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover { border: 1px solid #4bd; } .vdp-datepicker__calendar .cell.selected { background: #4bd; } .vdp-datepicker__calendar .cell.selected:hover { background: #4bd; } .vdp-datepicker__calendar .cell.selected.highlighted { background: #4bd; } .vdp-datepicker__calendar .cell.highlighted { background: #cae5ed; } .vdp-datepicker__calendar .cell.highlighted.disabled { color: #a3a3a3; } .vdp-datepicker__calendar .cell.grey { color: #888; } .vdp-datepicker__calendar .cell.today { background: var(--select-selected-bg); color: var(--select-selected-color); } .vdp-datepicker__calendar .cell.grey:hover { background: inherit; } .vdp-datepicker__calendar .cell.day-header { font-size: 75%; white-space: nowrap; cursor: inherit; } .vdp-datepicker__calendar .cell.day-header:hover { background: inherit; } .vdp-datepicker__calendar .month, .vdp-datepicker__calendar .year { width: 33.333%; } .vdp-datepicker__clear-button, .vdp-datepicker__calendar-button { cursor: pointer; font-style: normal; } .vdp-datepicker__clear-button.disabled, .vdp-datepicker__calendar-button.disabled { color: #999; cursor: default; } .form-control.vdp-datepicker, .vdp-datepicker { padding: 0; border: 0; box-shadow: none; max-height: 32px; overflow: hidden; } .form-control.vdp-datepicker > div:first-of-type, .vdp-datepicker > div:first-of-type { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative; } .form-control.vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button, .vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button { position: absolute; z-index: 1; width: 30px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.3s; max-height: 32px; overflow: hidden; border-top-right-radius: var(--input-border-radius); border-bottom-right-radius: var(--input-border-radius); } .form-control.vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button:hover, .vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button:hover { background: var(--input-datepicker-clear-hover); } .form-control.vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button i, .vdp-datepicker > div:first-of-type .vdp-datepicker__clear-button i { font-style: normal; } .form-control.vdp-datepicker .vdp-datepicker__calendar .today, .vdp-datepicker .vdp-datepicker__calendar .today { background: var(--cal-today-background) !important; color: var(--cal-today-color) !important; } .vdp-datepicker__calendar .today { background: var(--cal-today-background) !important; color: var(--cal-today-color) !important; } .vdp-datepicker__calendar header .prev, .vdp-datepicker__calendar header .next, .vdp-datepicker__calendar header .up { color: var(--text-color) !important; } .vdp-datepicker__calendar header .prev:not(.disabled):hover, .vdp-datepicker__calendar header .next:not(.disabled):hover, .vdp-datepicker__calendar header .up:not(.disabled):hover { color: var(--text-color) !important; background: var(--btn-secondary-bg) !important; } .vdp-datepicker__calendar header .prev:after { border-right-color: var(--text-color) !important; } .vdp-datepicker__calendar header .next:after { border-left-color: var(--text-color) !important; } .vdp-datepicker .picker { z-index: 99999; display: none; opacity: 0; transition: opacity 0.3s; position: absolute; } .vdp-datepicker .picker.open { display: inline-block; opacity: 1; } .vdp-datepicker .picker.open [data-popper-arrow] { display: inline-block; z-index: 1; } .vdp-datepicker .picker.open [data-popper-arrow]::before { position: absolute; width: 12px; height: 12px; z-index: 1; } .vdp-datepicker .picker.open [data-popper-arrow]::after { position: absolute; width: 10px; height: 10px; z-index: 2; } .vdp-datepicker .picker.open [data-popper-arrow]::before { content: ""; transform: rotate(45deg); background: var(--cal-popover-bg); } .vdp-datepicker .picker.open [data-popper-arrow]::after { content: ""; transform: rotate(45deg); background: var(--cal-popover-bg); } .vdp-datepicker .picker > div:not([data-popper-arrow]) { position: relative; } .date-picker { z-index: 99999; opacity: 0; position: absolute; transition: opacity 0.3s; background: var(--cal-popover-bg); box-shadow: var(--cal-popover-box-shadow); } .date-picker.open { opacity: 1; } .date-picker.open [data-popper-arrow] { display: inline-block; z-index: 1; } .date-picker.open [data-popper-arrow]::before { position: absolute; width: 12px; height: 12px; z-index: 1; } .date-picker.open [data-popper-arrow]::after { position: absolute; width: 10px; height: 10px; z-index: 2; } .date-picker.open [data-popper-arrow]::before { content: ""; transform: rotate(45deg); background: var(--cal-popover-bg); } .date-picker.open [data-popper-arrow]::after { content: ""; transform: rotate(45deg); background: var(--cal-popover-bg); } .date-picker > div:not([data-popper-arrow]) { position: relative; } .vdp-datepicker__calendar { border: 0 !important; margin-top: 0; position: relative !important; width: 255px !important; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; --tw-shadow-color: rgb(3 7 18 / 0.4) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .vdp-datepicker__calendar header { position: relative; height: 30px !important; line-height: 30px !important; } .vdp-datepicker__calendar .cell { height: 30px !important; line-height: 30px !important; padding: 0 !important; } .vdp-datepicker__calendar .cell.day-header{ font-weight: 700; } .vdp-datepicker__calendar .cell.weekend.sat{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .vdp-datepicker__calendar .cell.weekend.sat:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .vdp-datepicker__calendar .cell.weekend.sun{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .vdp-datepicker__calendar .cell.weekend.sun:is(.dark *){ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .vdp-datepicker__calendar .cell.today{ --tw-bg-opacity: 1 !important; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)) !important; color: #fff !important; } .vdp-datepicker__calendar .cell.selected { background: #1b59b6 !important; color: #fff !important; } .date-picker{ position: absolute; z-index: 50; width: 16.5rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .date-picker:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .date-picker .vdp-datepicker__calendar{ z-index: 50; } .date-picker .arrow{ position: absolute; z-index: 0; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .vdp-datepicker > div{ display: flex; flex-direction: row; flex-wrap: nowrap; overflow: hidden; } .vdp-datepicker > div > input{ flex: 1 1 auto; } .vdp-datepicker > div > input:hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .vdp-datepicker > div .vdp-datepicker__clear-button{ position: absolute; right: 1px; width: 2rem; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .vdp-datepicker > div .vdp-datepicker__clear-button:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; } .vdp-datepicker > div .vdp-datepicker__clear-button { top: 1px; bottom: 1px; } .vdp-datepicker > div .vdp-datepicker__clear-button:hover{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .vdp-datepicker > div .vdp-datepicker__clear-button:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .vdp-datepicker > div:hover .vdp-datepicker__clear-button{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .tippy-box[data-theme=dropdown-button]{ max-width: 250px; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .tippy-box[data-theme=dropdown-button]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .tippy-box[data-theme=dropdown]{ max-width: 250px; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .tippy-box[data-theme=dropdown]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } [data-tippy-root], .tippy-content{ padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; } .vuetable-pagination{ display: flex; flex-direction: row; align-items: center; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .vuetable-pagination > *{ margin-left: 0.125rem !important; margin-right: 0.125rem !important; display: flex !important; min-width: 1.5rem !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0px !important; text-align: center !important; } .vuetable-pagination .fa-caret-left { height: 18px; width: 18px; background-image: url('data:image/svg+xml;charset=UTF-8,'); display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.97rem; line-height: 1.2rem; } .vuetable-pagination .fa-caret-left:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .vuetable-pagination .fa-caret-right{ display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.97rem; line-height: 1.2rem; } .vuetable-pagination .fa-caret-right:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .vuetable-pagination .fa-caret-right { height: 18px; width: 18px; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .pagination{ margin-top: 1rem; margin-bottom: 0.75rem; display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pagination:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .pagination > *{ margin-left: 0.125rem !important; margin-right: 0.125rem !important; min-width: 1.5rem !important; padding: 0px !important; text-align: center !important; } @media (max-width: 768px) { .vuetable-pagination-info{ font-size: 0.65rem; line-height: 0.7rem; } } .vue-notification-group { display: block; position: fixed; z-index: 999999; top: 50px !important; bottom: unset !important; right: 30px !important; } .vue-notification-wrapper { display: block; overflow: hidden; width: 100%; margin: 0; padding: 0; } @keyframes notification-slide-left { 0% { transform: translateX(400px); } 100% { transform: translateX(0px); } } @keyframes notification-slide-right { 0% { transform: translateX(0px); } 100% { transform: translateX(400px); } } .vue-notification { padding: 10px; margin: 5px 0; border-left: 5px solid transparent; --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #1e40af; --tw-shadow: var(--tw-shadow-colored); transition: all 0.3s ease-in-out; animation: notification-slide-left 0.3s ease-in-out forwards; border-radius: 4px; } .vue-notification .notification-time { display: block; text-align: right; font-weight: bold; } .vue-notification.success{ --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: #166534; --tw-shadow: var(--tw-shadow-colored); } .vue-notification.warning{ --tw-border-opacity: 1; border-color: rgb(234 88 12 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: #c2410c; --tw-shadow: var(--tw-shadow-colored); } .vue-notification.error{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: #991b1b; --tw-shadow: var(--tw-shadow-colored); } .notification-title { font-weight: 600; } .vue-notification-template { display: block; box-sizing: border-box; text-align: left; } .vn-fade-enter-active, .vn-fade-leave-active, .vn-fade-move { transition: all 0.5s; } .vn-fade-enter, .vn-fade-leave-to { opacity: 0; } [data-tippy-root]:not([data-theme=dropdown-button]) { z-index: 9999999 !important; position: fixed !important; } .tippy-content{ min-width: 250px; } .tippy-content ul{ position: relative; z-index: 20; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tippy-content ul:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tippy-content ul li{ cursor: pointer; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .tippy-content ul li:first-of-type{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .tippy-content ul li:last-of-type{ border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .tippy-content ul li:not(.separator):hover{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tippy-content ul li:not(.separator):hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .tippy-content ul li.separator{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .tippy-content ul li.separator:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .tippy-content a{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .tippy-content a:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .tippy-box{ border-radius: 0.25rem; } .tippy-arrow { width: 7px; height: 7px; color: #111; } [data-theme=dropdown-button] .tippy-content{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-size: 0.875rem; line-height: 1rem; --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [data-theme=dropdown-button] .tippy-content:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [data-theme=dropdown-button] .tippy-content .arrow{ z-index: -10; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } [data-theme=dropdown-button] .tippy-content .arrow:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [data-theme=dropdown-button] .tippy-content .dropdown-item{ position: relative; z-index: 10; } .tippy-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; } .tippy-box[data-placement^=top] > .tippy-arrow::before { bottom: -5px; left: 0; border-width: 5px 5px 0; border-top-color: initial; transform-origin: center top; } .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; } .tippy-box[data-placement^=bottom] > .tippy-arrow::before { top: -5px; left: 0; border-width: 0 5px 5px; border-bottom-color: initial; transform-origin: center bottom; } .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; } .tippy-box[data-placement^=left] > .tippy-arrow::before { border-width: 5px 0 5px 5px; border-left-color: initial; right: -5px; top: -1px; transform-origin: center left; } .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; } .tippy-box[data-placement^=right] > .tippy-arrow::before { left: -5px; top: -1px; border-width: 5px 5px 5px 0; border-right-color: initial; transform-origin: center right; } .tippy-box[data-placement^=top] > .tippy-arrow::before { border-top-color: #111; } .tippy-box[data-placement^=bottom] > .tippy-arrow::before { border-bottom-color: #111; } .tippy-box[data-placement^=left] > .tippy-arrow::before { border-left-color: #111; } .tippy-box[data-placement=left-end] > .tippy-arrow::before { border-left-color: #111; } .tippy-box[data-placement^=right] > .tippy-arrow::before { border-right-color: #111; } .date-picker .arrow, .tippy-box .arrow { width: 10px; height: 10px; box-sizing: border-box; transform: rotate(-45deg) !important; position: absolute; z-index: 10; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .date-picker .arrow:is(.dark *), .tippy-box .arrow:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:before, .date-picker .arrow:after, .tippy-box .arrow:before, .tippy-box .arrow:after { width: 10px !important; height: 10px !important; content: ""; transform: rotate(-45deg) !important; position: relative; z-index: 10; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:is(.dark *):before, .date-picker .arrow:is(.dark *):after, .tippy-box .arrow:is(.dark *):before, .tippy-box .arrow:is(.dark *):after{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:after, .tippy-box .arrow:after { width: 12px !important; height: 12px !important; content: ""; box-sizing: border-box; position: relative; z-index: 0; --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .date-picker .arrow:is(.dark *):after, .tippy-box .arrow:is(.dark *):after{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .date-picker[data-placement^=top] .arrow, .date-picker[data-popper-placement^=top] .arrow, .tippy-box[data-placement^=top] .arrow, .tippy-box[data-popper-placement^=top] .arrow { bottom: -5px !important; top: auto !important; left: 50% !important; margin-left: -5px; } .date-picker[data-placement^=top] .arrow:before, .date-picker[data-placement^=top] .arrow:after, .date-picker[data-popper-placement^=top] .arrow:before, .date-picker[data-popper-placement^=top] .arrow:after, .tippy-box[data-placement^=top] .arrow:before, .tippy-box[data-placement^=top] .arrow:after, .tippy-box[data-popper-placement^=top] .arrow:before, .tippy-box[data-popper-placement^=top] .arrow:after { margin-left: -5px; bottom: -5px !important; } .date-picker[data-placement^=bottom] .arrow, .date-picker[data-popper-placement^=bottom] .arrow, .tippy-box[data-placement^=bottom] .arrow, .tippy-box[data-popper-placement^=bottom] .arrow { top: -5px; bottom: auto !important; left: 50% !important; margin-left: -5px; } .date-picker[data-placement^=bottom] .arrow:before, .date-picker[data-placement^=bottom] .arrow:after, .date-picker[data-popper-placement^=bottom] .arrow:before, .date-picker[data-popper-placement^=bottom] .arrow:after, .tippy-box[data-placement^=bottom] .arrow:before, .tippy-box[data-placement^=bottom] .arrow:after, .tippy-box[data-popper-placement^=bottom] .arrow:before, .tippy-box[data-popper-placement^=bottom] .arrow:after { margin-left: -5px; top: -5px !important; } .date-picker[data-placement^=left] .arrow, .date-picker[data-popper-placement^=left] .arrow, .tippy-box[data-placement^=left] .arrow, .tippy-box[data-popper-placement^=left] .arrow { right: -5px !important; bottom: auto !important; top: calc(50% - 5px) !important; margin-top: -5px; } .date-picker[data-placement^=left] .arrow:before, .date-picker[data-placement^=left] .arrow:after, .date-picker[data-popper-placement^=left] .arrow:before, .date-picker[data-popper-placement^=left] .arrow:after, .tippy-box[data-placement^=left] .arrow:before, .tippy-box[data-placement^=left] .arrow:after, .tippy-box[data-popper-placement^=left] .arrow:before, .tippy-box[data-popper-placement^=left] .arrow:after { margin-top: -5px; right: -5px !important; } .date-picker[data-popper-placement^=right] .arrow, .tippy-box[data-popper-placement^=right] .arrow { top: calc(50% - 5px) !important; left: -5px !important; bottom: auto !important; } .date-picker[data-popper-placement^=right] .arrow:before, .date-picker[data-popper-placement^=right] .arrow:after, .tippy-box[data-popper-placement^=right] .arrow:before, .tippy-box[data-popper-placement^=right] .arrow:after { margin-top: -5px; left: -5px !important; } .vdp-datepicker__calendar { position: relative; z-index: 10; --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .vdp-datepicker__calendar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .date-picker .arrow { z-index: 1; --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .date-picker .arrow:before, .date-picker .arrow:after { display: none; } body > [data-tippy-root] > [data-theme=dropdown-button] .tippy-content{ min-width: 0.5rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .vld-overlay .vld-background{ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .vld-overlay .vld-background:is(.dark *){ background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.6; } .vld-overlay .vld-icon{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 0.875rem !important; line-height: 1rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .vld-overlay .vld-icon:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .vld-overlay .vld-icon svg{ height: 30px !important; width: 30px !important; stroke: #3b82f6 !important; } .vld-overlay .vld-icon svg:is(.dark *){ stroke: #3b82f6 !important; } .vld-overlay .vld-icon.has-after svg{ margin-right: 0.5rem; } .vld-overlay .vld-icon.has-after{ font-size: 0.875rem !important; line-height: 1rem !important; } .vld-overlay.is-full-page .vld-icon svg{ margin: 0px !important; stroke-width: 2 !important; } @keyframes loadingspin { 100% { transform: rotate(360deg); } } .rotate-path { animation: loadingspin 0.6s linear infinite; } .vld-icon{ margin: 0px; } .vld-icon svg{ margin: 0px; stroke: #3b82f6; } .vld-icon svg:is(.dark *){ stroke: #ffffff; } .content-container > .content > .vld-overlay .vld-icon{ background-color: transparent !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .content-container > .content > .vld-overlay .vld-icon svg{ height: 80px !important; width: 80px !important; stroke: #3b82f6 !important; } .content-container > .content > .vld-overlay .vld-icon svg:is(.dark *){ stroke: #3b82f6 !important; } .content-container > .content > .vld-overlay .vld-icon.has-after svg{ margin-right: 0.5rem; } .grid-form{ margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; flex-direction: column; } .grid-form .vld-icon{ display: flex; flex-direction: row; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grid-form .vld-icon:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grid-form .vld-icon svg{ inset-inline-start: 0.5rem; margin-right: 0.75rem; } .grid-form .vld-overlay.is-active{ position: absolute; left: 0px; top: 0px; z-index: 10; height: 100%; width: 100%; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.05; } .grid-container-outer{ margin-bottom: 1rem; display: flex; flex: 1 1 auto; flex-direction: column; background-color: transparent; } .grid-container-outer .table, .grid-container-outer table{ width: 100%; table-layout: fixed; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .grid-container-outer .table:is(.dark *), .grid-container-outer table:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .grid-container-outer .table, .grid-container-outer table { border-spacing: 0; border-collapse: separate; } .grid-container-outer .table .grid-header, .grid-container-outer .table thead, .grid-container-outer table .grid-header, .grid-container-outer table thead{ position: sticky; top: -0.625rem; z-index: 50; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .grid-container-outer .table .grid-header th, .grid-container-outer .table thead th, .grid-container-outer table .grid-header th, .grid-container-outer table thead th{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0px; padding-bottom: 0px; text-align: left; font-size: 0.65rem; line-height: 0.7rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th:is(.dark *), .grid-container-outer .table thead th:is(.dark *), .grid-container-outer table .grid-header th:is(.dark *), .grid-container-outer table thead th:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th > div:first-child, .grid-container-outer .table thead th > div:first-child, .grid-container-outer table .grid-header th > div:first-child, .grid-container-outer table thead th > div:first-child{ border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .grid-container-outer .table .grid-header th > div:first-child:is(.dark *), .grid-container-outer .table thead th > div:first-child:is(.dark *), .grid-container-outer table .grid-header th > div:first-child:is(.dark *), .grid-container-outer table thead th > div:first-child:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .grid-container-outer .table .grid-header th > div, .grid-container-outer .table thead th > div, .grid-container-outer table .grid-header th > div, .grid-container-outer table thead th > div{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .grid-container-outer .table .grid-header th > div svg, .grid-container-outer .table thead th > div svg, .grid-container-outer table .grid-header th > div svg, .grid-container-outer table thead th > div svg{ position: absolute; right: 0.375rem; } .grid-container-outer .table .grid-header th.sortable, .grid-container-outer .table thead th.sortable, .grid-container-outer table .grid-header th.sortable, .grid-container-outer table thead th.sortable{ cursor: pointer; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .grid-container-outer .table .grid-header th.sortable:not(.is-sorted):hover, .grid-container-outer .table thead th.sortable:not(.is-sorted):hover, .grid-container-outer table .grid-header th.sortable:not(.is-sorted):hover, .grid-container-outer table thead th.sortable:not(.is-sorted):hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable:not(.is-sorted):hover:is(.dark *), .grid-container-outer .table thead th.sortable:not(.is-sorted):hover:is(.dark *), .grid-container-outer table .grid-header th.sortable:not(.is-sorted):hover:is(.dark *), .grid-container-outer table thead th.sortable:not(.is-sorted):hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable.is-sorted, .grid-container-outer .table thead th.sortable.is-sorted, .grid-container-outer table .grid-header th.sortable.is-sorted, .grid-container-outer table thead th.sortable.is-sorted{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable.is-sorted:is(.dark *), .grid-container-outer .table thead th.sortable.is-sorted:is(.dark *), .grid-container-outer table .grid-header th.sortable.is-sorted:is(.dark *), .grid-container-outer table thead th.sortable.is-sorted:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable.is-sorted > div:first-child, .grid-container-outer .table thead th.sortable.is-sorted > div:first-child, .grid-container-outer table .grid-header th.sortable.is-sorted > div:first-child, .grid-container-outer table thead th.sortable.is-sorted > div:first-child{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable.is-sorted svg, .grid-container-outer .table thead th.sortable.is-sorted svg, .grid-container-outer table .grid-header th.sortable.is-sorted svg, .grid-container-outer table thead th.sortable.is-sorted svg{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.sortable.is-sorted svg:is(.dark *), .grid-container-outer .table thead th.sortable.is-sorted svg:is(.dark *), .grid-container-outer table .grid-header th.sortable.is-sorted svg:is(.dark *), .grid-container-outer table thead th.sortable.is-sorted svg:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .grid-container-outer .table .grid-header th.checkbox-column, .grid-container-outer .table thead th.checkbox-column, .grid-container-outer table .grid-header th.checkbox-column, .grid-container-outer table thead th.checkbox-column{ width: 34px; } .grid-container-outer .table .grid-header th.checkbox-column .checkable-wrapper:is(.dark *), .grid-container-outer .table thead th.checkbox-column .checkable-wrapper:is(.dark *), .grid-container-outer table .grid-header th.checkbox-column .checkable-wrapper:is(.dark *), .grid-container-outer table thead th.checkbox-column .checkable-wrapper:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; --tw-border-opacity: 0.9 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.7 !important; } .grid-container-outer .table .grid-header th:first-child, .grid-container-outer .table thead th:first-child, .grid-container-outer table .grid-header th:first-child, .grid-container-outer table thead th:first-child{ border-top-left-radius: 0.375rem; } .grid-container-outer .table .grid-header th:is(:visible):last-child, .grid-container-outer .table thead th:is(:visible):last-child, .grid-container-outer table .grid-header th:is(:visible):last-child, .grid-container-outer table thead th:is(:visible):last-child{ border-top-right-radius: 0.375rem; } .grid-container-outer .table .grid-header .table-label th, .grid-container-outer .table thead .table-label th, .grid-container-outer table .grid-header .table-label th, .grid-container-outer table thead .table-label th{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 1rem !important; padding-right: 1rem !important; font-size: 0.97rem !important; line-height: 1.2rem !important; } .grid-container-outer .table .grid-header .table-label + tr th, .grid-container-outer .table thead .table-label + tr th, .grid-container-outer table .grid-header .table-label + tr th, .grid-container-outer table thead .table-label + tr th{ border-radius: 0px; } .grid-container-outer .table .grid-data > tr, .grid-container-outer .table tbody > tr, .grid-container-outer table .grid-data > tr, .grid-container-outer table tbody > tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .grid-container-outer .table .grid-data > tr.even, .grid-container-outer .table tbody > tr.even, .grid-container-outer table .grid-data > tr.even, .grid-container-outer table tbody > tr.even{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .grid-container-outer .table .grid-data > tr.even:is(.dark *), .grid-container-outer .table tbody > tr.even:is(.dark *), .grid-container-outer table .grid-data > tr.even:is(.dark *), .grid-container-outer table tbody > tr.even:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .grid-container-outer .table .grid-data > tr.odd, .grid-container-outer .table tbody > tr.odd, .grid-container-outer table .grid-data > tr.odd, .grid-container-outer table tbody > tr.odd{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .grid-container-outer .table .grid-data > tr.odd:is(.dark *), .grid-container-outer .table tbody > tr.odd:is(.dark *), .grid-container-outer table .grid-data > tr.odd:is(.dark *), .grid-container-outer table tbody > tr.odd:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .grid-container-outer .table .grid-data > tr.even:hover, .grid-container-outer .table .grid-data > tr.odd:hover, .grid-container-outer .table tbody > tr.even:hover, .grid-container-outer .table tbody > tr.odd:hover, .grid-container-outer table .grid-data > tr.even:hover, .grid-container-outer table .grid-data > tr.odd:hover, .grid-container-outer table tbody > tr.even:hover, .grid-container-outer table tbody > tr.odd:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .grid-container-outer .table .grid-data > tr.even:hover:is(.dark *), .grid-container-outer .table .grid-data > tr.odd:hover:is(.dark *), .grid-container-outer .table tbody > tr.even:hover:is(.dark *), .grid-container-outer .table tbody > tr.odd:hover:is(.dark *), .grid-container-outer table .grid-data > tr.even:hover:is(.dark *), .grid-container-outer table .grid-data > tr.odd:hover:is(.dark *), .grid-container-outer table tbody > tr.even:hover:is(.dark *), .grid-container-outer table tbody > tr.odd:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .grid-container-outer .table .grid-data > tr td, .grid-container-outer .table tbody > tr td, .grid-container-outer table .grid-data > tr td, .grid-container-outer table tbody > tr td{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; text-align: left; } .grid-container-outer .table .grid-data > tr td:is(.dark *), .grid-container-outer .table tbody > tr td:is(.dark *), .grid-container-outer table .grid-data > tr td:is(.dark *), .grid-container-outer table tbody > tr td:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.7; } .grid-container-outer .table .grid-data > tr.deleted, .grid-container-outer .table tbody > tr.deleted, .grid-container-outer table .grid-data > tr.deleted, .grid-container-outer table tbody > tr.deleted{ position: relative; color: rgb(153 27 27 / 1); opacity: 0.9; background: repeating-linear-gradient(-45deg, #fc0202, #fc0202 5px, #fc9191 5px, #fc9191 10px); } .grid-container-outer .table .grid-data > tr.deleted td, .grid-container-outer .table tbody > tr.deleted td, .grid-container-outer table .grid-data > tr.deleted td, .grid-container-outer table tbody > tr.deleted td{ background-color: rgb(239 68 68 / 0.8); } .grid-container-outer .table .grid-data > tr.offline td:not(.state-column):not([rel="col-__component:grid-table-actions"]), .grid-container-outer .table tbody > tr.offline td:not(.state-column):not([rel="col-__component:grid-table-actions"]), .grid-container-outer table .grid-data > tr.offline td:not(.state-column):not([rel="col-__component:grid-table-actions"]), .grid-container-outer table tbody > tr.offline td:not(.state-column):not([rel="col-__component:grid-table-actions"]){ opacity: 0.4; } .grid-container-outer .table .grid-data > tr:last-of-type, .grid-container-outer .table tbody > tr:last-of-type, .grid-container-outer table .grid-data > tr:last-of-type, .grid-container-outer table tbody > tr:last-of-type{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .grid-container-outer .table .grid-data > tr:last-of-type > td:first-child, .grid-container-outer .table tbody > tr:last-of-type > td:first-child, .grid-container-outer table .grid-data > tr:last-of-type > td:first-child, .grid-container-outer table tbody > tr:last-of-type > td:first-child{ border-bottom-left-radius: 0.375rem; } .grid-container-outer .table .grid-data > tr:last-of-type > td:last-child, .grid-container-outer .table tbody > tr:last-of-type > td:last-child, .grid-container-outer table .grid-data > tr:last-of-type > td:last-child, .grid-container-outer table tbody > tr:last-of-type > td:last-child{ border-bottom-right-radius: 0.375rem; } .grid-container-outer .table th.state-column, .grid-container-outer .table td.state-column, .grid-container-outer table th.state-column, .grid-container-outer table td.state-column{ width: 0.25rem; min-width: 0.25rem; max-width: 0.25rem; } .grid-container-outer .table .detail-toggle-column-end, .grid-container-outer table .detail-toggle-column-end{ display: none !important; position: relative; width: 30px; cursor: pointer; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; } .grid-container-outer .table .detail-toggle-column-end svg, .grid-container-outer table .detail-toggle-column-end svg { width: 16px; height: 16px; transition: all 0.3s; } .grid-container-outer .table .detail-toggle-column-end.details-open svg, .grid-container-outer table .detail-toggle-column-end.details-open svg { transform: rotate(100grad); } .grid-container-outer .table .detail-toggle-column, .grid-container-outer table .detail-toggle-column{ position: relative; width: 30px; cursor: pointer; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; } .grid-container-outer .table .detail-toggle-column > div, .grid-container-outer table .detail-toggle-column > div{ position: absolute; top: 0px; left: 0px; display: flex; height: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .grid-container-outer .table .detail-toggle-column svg, .grid-container-outer table .detail-toggle-column svg { width: 16px; height: 16px; transition: all 0.3s; } .grid-container-outer .table .detail-toggle-column.details-open svg, .grid-container-outer table .detail-toggle-column.details-open svg { transform: rotate(100grad); } .grid-container-outer .table .top-progress, .grid-container-outer table .top-progress { position: absolute !important; } .grid-container-outer .table .loadingrow, .grid-container-outer table .loadingrow { background: transparent !important; } .grid-container-outer .table .loadingrow td, .grid-container-outer table .loadingrow td { padding: 0 !important; height: 0 !important; position: relative; border: 0 !important; } .grid-container-outer .table .loadingrow td .top-progress, .grid-container-outer table .loadingrow td .top-progress { overflow: hidden; } .grid-container-outer .table .actions, .grid-container-outer table .actions{ display: inline-flex; height: 30px; flex-direction: row; flex-wrap: nowrap; align-items: center; overflow: hidden; padding-left: 0.25rem; padding-right: 0.25rem; } .grid-container-outer .table .actions .opt, .grid-container-outer table .actions .opt{ display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .grid-container-outer .table .actions .btn, .grid-container-outer table .actions .btn{ margin: 0px; display: inline-flex; max-height: 30px; min-height: 30px; min-width: 30px; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; border-radius: 0px; border-width: 0px; padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0px; padding-bottom: 0px; } .grid-container-outer .table .actions .btn svg, .grid-container-outer table .actions .btn svg { width: 16px; height: 16px; } .grid-container-outer .table .actions .btn .icon-wrap, .grid-container-outer table .actions .btn .icon-wrap{ margin-left: 0px; margin-right: 0px; } .grid-container-outer .table .actions .btn.has-note, .grid-container-outer table .actions .btn.has-note{ --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .grid-container-outer .vuetable-empty-result, .grid-container-outer td.empty{ padding-top: 1rem !important; padding-bottom: 1rem !important; text-align: center !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .grid-container-outer .vuetable-empty-result:is(.dark *), .grid-container-outer td.empty:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .grid-container-outer .grid-container > .vld-overlay .vld-icon svg{ height: auto !important; width: auto !important; stroke-width: 3px !important; } .state-column.bg-green, .state-column.bg-success{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .state-column.bg-green:is(.dark *), .state-column.bg-success:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .state-column.bg-red{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .state-column.bg-red:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .state-column.bg-disabled{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .state-column.bg-disabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .state-column.bg-outdated{ --tw-bg-opacity: 1 !important; background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)) !important; } .state-column.bg-outdated:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)) !important; } .data-grid-detail-row{ position: relative !important; top: -1px !important; z-index: 50 !important; overflow: visible !important; background-color: rgb(209 213 219 / 0.7) !important; padding: 0px !important; } .data-grid-detail-row:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important; } .data-grid-detail-row:not(.open){ top: 0px !important; display: none !important; max-height: 0px !important; overflow: hidden !important; } .data-grid-detail-row .data-grid-detail-row-container{ position: relative !important; z-index: 0 !important; height: auto !important; overflow: hidden !important; padding: 0px !important; } .data-grid-detail-row .data-grid-detail-row-container > .inner{ position: relative; overflow: hidden; } .data-grid-detail-row td > *:first-child:before { content: ""; position: absolute; top: -15px; left: 1rem; z-index: 20; display: inline-block; height: 20px; width: 20px; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.9; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .data-grid-detail-row td > *:first-child:is(.dark *):before{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .data-grid-detail-row td > *:first-child:before { transform: rotate(-45deg); } .vuetable-empty-result { text-align: center; } .grid-footer-wrapper{ position: sticky; bottom: -0.5rem; margin-left: -0.875rem; margin-right: -0.875rem; margin-bottom: -0.5rem; display: flex; flex-direction: column; align-items: stretch; justify-items: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .grid-footer-wrapper:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .grid-footer-wrapper .grid-footer-infos{ margin: 0px; margin-left: 0.75rem; margin-right: 0.75rem; margin-bottom: 0.5rem; margin-top: 0.125rem; display: flex; height: 3rem; flex-direction: row; align-items: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .grid-footer-wrapper .grid-footer-infos:is(.dark *){ border-color: rgb(31 41 55 / 0.8); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-shadow-color: rgb(17 24 39 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .grid-footer-wrapper .grid-footer-infos .grid-options{ display: flex; flex-direction: row; align-items: center; } .grid-footer-wrapper .grid-footer-infos .grid-options button{ margin-left: 0.375rem; } .grid-footer-wrapper .grid-footer-infos .grid-pagination{ display: flex; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; padding-left: 0.75rem; padding-right: 0.75rem; } .grid-footer-wrapper .grid-footer-infos .info-data-items{ display: flex; flex-direction: row; align-items: center; } .loading ~ .toolbar{ --tw-blur: blur(4px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .loading .grid-form table, .loading .grid-footer-wrapper{ --tw-blur: blur(4px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @media (max-width: 1280px) { .grid-form .grid-container-outer .table .grid-data tr td, .grid-form .grid-container-outer .table tbody tr td, .grid-form .grid-container-outer table .grid-data tr td, .grid-form .grid-container-outer table tbody tr td{ padding: 0px; } .grid-container-outer{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .grid-container-outer .table, .grid-container-outer table{ border-width: 0px; } .grid-container-outer .table thead, .grid-container-outer table thead { display: none; } .grid-container-outer table, .grid-container-outer tbody{ background-color: transparent; } .grid-container-outer table, .grid-container-outer tbody, .grid-container-outer tr, .grid-container-outer td{ display: flex; flex-direction: column; padding: 0px; } .grid-container-outer tr{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .grid-container-outer tr:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .grid-container-outer .grid-data tr, .grid-container-outer tbody tr{ margin-top: 0.5rem; margin-bottom: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .grid-container-outer .grid-data tr:is(.dark *), .grid-container-outer tbody tr:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grid-container-outer .grid-data td, .grid-container-outer tbody td{ padding: 0px !important; } .grid-container-outer .grid-data td[data-label], .grid-container-outer tbody td[data-label]{ position: relative; display: flex; width: 100%; flex-direction: row; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding: 0px; font-size: 0.875rem; line-height: 1rem; } .grid-container-outer .grid-data td[data-label]:is(.dark *), .grid-container-outer tbody td[data-label]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .grid-container-outer .grid-data td[data-label]:last-of-type, .grid-container-outer tbody td[data-label]:last-of-type{ border-style: none; } .grid-container-outer .grid-data td[data-label]:before, .grid-container-outer tbody td[data-label]:before { content: attr(data-label); width: 25% !important; min-width: calc(100% / 4) !important; border-right-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; font-weight: 700 !important; } .grid-container-outer .grid-data td[data-label]:is(.dark *):before, .grid-container-outer tbody td[data-label]:is(.dark *):before{ --tw-border-opacity: 1 !important; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.4 !important; } .grid-container-outer .grid-data td[data-label] > div, .grid-container-outer tbody td[data-label] > div{ flex: 1 1 auto !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .grid-container-outer .grid-data td[data-label] > div:is(.dark *), .grid-container-outer tbody td[data-label] > div:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.4 !important; } .grid-container-outer .grid-data .detail-toggle-column-end, .grid-container-outer tbody .detail-toggle-column-end{ display: flex !important; } .grid-container-outer .grid-data .detail-toggle-column-end > div:last-of-type, .grid-container-outer tbody .detail-toggle-column-end > div:last-of-type{ display: flex; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; } .grid-container-outer .grid-data .detail-toggle-column-end > div:last-of-type > svg, .grid-container-outer tbody .detail-toggle-column-end > div:last-of-type > svg{ margin-right: 0.5rem; } .grid-container-outer .grid-data .detail-toggle-column, .grid-container-outer tbody .detail-toggle-column{ display: none !important; } .grid-container-outer .grid-data .loadingrow, .grid-container-outer tbody .loadingrow{ margin-top: -0.5rem; } .grid-container-outer .grid-data .data-grid-detail-row, .grid-container-outer tbody .data-grid-detail-row{ opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .grid-container-outer .grid-data .data-grid-detail-row.open, .grid-container-outer tbody .data-grid-detail-row.open{ margin-bottom: 4rem; opacity: 1; } .grid-container-outer .grid-data .data-grid-detail-row.open .data-grid-detail-row-container, .grid-container-outer tbody .data-grid-detail-row.open .data-grid-detail-row-container{ overflow: visible !important; } .grid-container-outer .grid-data .data-grid-detail-row td > .inner, .grid-container-outer tbody .data-grid-detail-row td > .inner{ position: relative; z-index: 10; overflow: visible; } .grid-container-outer .grid-data .data-grid-detail-row td > .inner *:first-child, .grid-container-outer tbody .data-grid-detail-row td > .inner *:first-child{ position: relative; z-index: 10; } .grid-container-outer .grid-data .data-grid-detail-row td > *:first-child:before, .grid-container-outer tbody .data-grid-detail-row td > *:first-child:before{ top: -10px; left: 50%; z-index: -10; margin-left: -10px; } .grid-form .grid-container-outer .table .actions{ height: auto; } .grid-form .grid-container-outer table tbody tr td, .grid-form .grid-container-outer .table .grid-data tr td{ padding: 0px; } .grid-footer-wrapper .grid-footer-infos{ height: auto; flex-direction: column; padding-top: 0.5rem; padding-bottom: 0.5rem; } .grid-footer-wrapper .grid-footer-infos .grid-pagination{ padding-top: 0.5rem; padding-bottom: 0.5rem; } } .grid-pane-container{ position: relative; display: flex; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; overflow: hidden; } .grid-pane-container .data-container{ flex: 1 1 auto; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; animation-duration: 200ms; } [data-popper-arrow], [data-popper-arrow]::before { position: absolute; width: 10px; height: 10px; background: inherit; z-index: -1; } #arrow { visibility: hidden; } [data-popper-arrow]::before { visibility: visible; content: ""; transform: rotate(45deg); } [data-popper-placement^=top] > #arrow { bottom: -3px; z-index: 2; } [data-popper-placement^=bottom] > #arrow { top: -4px; } [data-popper-placement^=left] > #arrow { right: -4px; } [data-popper-placement^=right] > #arrow { left: -4px; } [data-popper-arrow]::before { position: absolute; width: 11px; height: 11px; z-index: 1; } [data-popper-arrow]::after { position: absolute; width: 10px; height: 10px; z-index: 2; content: ""; transform: rotate(45deg); } [data-popper-placement^=top] [data-popper-arrow] { bottom: -3px; z-index: 2; } [data-popper-placement^=top] [data-popper-arrow]::before { margin-top: 1px; margin-left: -1px; } [data-popper-placement^=bottom] [data-popper-arrow] { top: -4px; } [data-popper-placement^=bottom] [data-popper-arrow]::before { margin-top: -2px; margin-left: -1px; } [data-popper-placement^=left] [data-popper-arrow] { right: -4px; } [data-popper-placement^=left] [data-popper-arrow]::before { margin-top: -1px; margin-left: -2px; } [data-popper-placement^=right] [data-popper-arrow] { left: -4px; } [data-popper-placement^=right] [data-popper-arrow]::before { margin-top: -1px; margin-left: -2px; } .popover{ z-index: 9999; } .memo-popup{ z-index: 40; width: 300px; border-radius: 0.25rem; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 224 / var(--tw-bg-opacity, 1)); padding-left: 0.125rem; padding-right: 0.125rem; padding-top: 0.125rem; padding-bottom: 0.125rem; } .memo-popup:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .memo-popup [data-popper-arrow], .memo-popup [data-popper-arrow]::before{ --tw-bg-opacity: 1; background-color: rgb(255 255 224 / var(--tw-bg-opacity, 1)); } .memo-popup textarea{ position: relative; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 224 / var(--tw-bg-opacity, 1)); } .memo-popup textarea:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .memo-popup textarea{ border-width: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; outline-width: 0px !important; } .memo-popup .saving{ position: absolute; bottom: 2px; left: 0px; right: 0px; z-index: 10; height: 3px; } .memo-popup .saving .top-progress{ position: absolute !important; bottom: 1px !important; top: auto !important; z-index: 20 !important; height: 3px !important; overflow: hidden !important; } .popover .popover-inner{ --tw-shadow-color: #d1d5db !important; --tw-shadow: var(--tw-shadow-colored) !important; --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .popover .popover-inner:is(.dark *){ --tw-shadow-color: #030712 !important; --tw-shadow: var(--tw-shadow-colored) !important; } .badge{ border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-top: 0px; padding-bottom: 0px; padding-left: 0.375rem; padding-right: 0.375rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .badge-info{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .badge-dark{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .alert{ display: flex; width: 100%; flex-direction: column; border-radius: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: left; font-size: 0.875rem; line-height: 1rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #4b5563; --tw-shadow: var(--tw-shadow-colored); } .alert:is(.dark *){ --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); } .alert.alert-danger{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: #b91c1c; --tw-shadow: var(--tw-shadow-colored); } .alert.alert-danger:is(.dark *){ --tw-shadow-color: #b91c1c; --tw-shadow: var(--tw-shadow-colored); } .alert.alert-info{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow-color: #1d4ed8; --tw-shadow: var(--tw-shadow-colored); } .alert.alert-info:is(.dark *){ --tw-shadow-color: #1d4ed8; --tw-shadow: var(--tw-shadow-colored); } .alert p:last-of-type{ margin-bottom: 0px; } .vue-apexcharts{ display: block; background-color: transparent; } .vue-apexcharts:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .vue-apexcharts text:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important; } .vue-apexcharts .apexcharts-legend-text:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important; } .vue-apexcharts .apexcharts-inner text{ --tw-text-opacity: 1 !important; color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important; } .vue-apexcharts .apexcharts-inner .apexcharts-yaxis-texts-g text:is(.dark *), .vue-apexcharts .apexcharts-inner .apexcharts-xaxis-texts-g text:is(.dark *){ fill: #f9fafb; } .vue-apexcharts .apexcharts-inner .apexcharts-grid line:is(.dark *){ stroke: #6b7280 !important; } .vue-apexcharts .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal:is(.dark *){ stroke: #6b7280 !important; } .vue-apexcharts .apexcharts-inner .apexcharts-grid-borders line:is(.dark *){ stroke: #6b7280 !important; } .apexcharts-tooltip{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .apexcharts-tooltip:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(3 7 18 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important; --tw-shadow-color: #111827 !important; --tw-shadow: var(--tw-shadow-colored) !important; } .apexcharts-tooltip .apexcharts-tooltip-title{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; font-size: 0.65rem !important; line-height: 0.7rem !important; } .apexcharts-tooltip .apexcharts-tooltip-title:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(3 7 18 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .apexcharts-toolbar .apexcharts-menu{ --tw-border-opacity: 1 !important; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; text-align: left !important; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important; transition-duration: 300ms !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; animation-duration: 300ms !important; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important; } .modal-fade-enter, .modal-fade-leave-active { opacity: 0; } .modal-fade-enter-active, .modal-fade-leave-active { transition: opacity 0.5s ease; } .modal-enter-active, .modal-leave-active { transition: opacity 350ms; } .modal-enter, .modal-leave-to { opacity: 0; } .modal-leave, .modal-enter-to { opacity: 1; } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s; } .fade-enter, .fade-leave-to { opacity: 0; } /* -- zoom -- */ @keyframes zoom-enter { from { transform: scale3d(0.3, 0.3, 0.3); } } .zoom-enter-active { animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes zoom-leave { to { transform: scale3d(0.3, 0.3, 0.3); } } .zoom-leave-active { animation: zoom-leave both; } /* -- slideUp -- */ @keyframes slideUp-enter { from { transform: translate3d(0, 100px, 0); } } .slideUp-enter-active { animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes slideUp-leave { to { transform: translate3d(0, 100px, 0); } } .slideUp-leave-active { animation: slideUp-leave both; } /* -- slideDown -- */ @keyframes slideDown-enter { from { transform: translate3d(0, -100px, 0); } } .slideDown-enter-active { animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes slideDown-leave { to { transform: translate3d(0, -100px, 0); } } .slideDown-leave-active { animation: slideDown-leave both; } /* -- flip -- */ @keyframes flip-enter { from { transform: perspective(400px) rotate3d(1, 0, 0, 60deg); } 70% { transform: perspective(400px) rotate3d(1, 0, 0, -15deg); } to { transform: perspective(400px); } } .flip-enter-active { animation: flip-enter both ease-in; backface-visibility: visible !important; } @keyframes flip-leave { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -15deg); } to { transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } } .flip-leave-active { animation: flip-leave both; backface-visibility: visible !important; } /* -- door -- */ @keyframes door-enter { from { transform: scale3d(0, 1, 1); } } .vodal-door-enter-active { animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes door-leave { 60% { transform: scale3d(0.01, 1, 1); } to { transform: scale3d(0, 1, 0.1); } } .door-leave-active { animation: door-leave both; } /* -- slideLeft -- */ @keyframes slideLeft-enter { from { transform: translate3d(-150px, 0, 0); } } .slideLeft-enter-active { animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes slideLeft-leave { to { transform: translate3d(-150px, 0, 0); } } .slideLeft-leave-active { animation: slideLeft-leave both; } /* -- slideRight -- */ @keyframes slideRight-enter { from { transform: translate3d(150px, 0, 0); } } .slideRight-enter-active { animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5); } @keyframes slideRight-leave { to { transform: translate3d(150px, 0, 0); } } .slideRight-leave-active { animation: slideRight-leave both; } body.modal-open { overflow: hidden !important; } body.modal-open .modal, body.modal-open .content-wrapper { overflow: hidden !important; } body.modal-open .content-container .inner .inner-wrapper:not(.dashboard) { overflow: hidden !important; } .modal-backdrop{ position: fixed; left: 0px; top: 0px; z-index: 50; height: 100%; width: 100%; background-color: rgb(3 7 18 / 0.4); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .modal-backdrop:is(.dark *){ background-color: rgb(55 65 81 / 0.6); } .modal-backdrop{ --tw-backdrop-blur: blur(1.6px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .modal{ position: absolute; top: 0px; left: 0px; z-index: 999999; height: 100%; width: 100%; } .modal.dragging { cursor: move; } .modal.show { display: block; } .modal.fade { opacity: 0; transition: all 0.4s; transition-delay: 0.1s; } .modal.in { opacity: 1; } .modal.fullscreen .modal-dialog { margin: 0 !important; } .modal.confirm-modal.with-icon .modal-body { padding: 0; } .modal.confirm-modal.with-icon .icon svg{ height: 50px; width: 50px; } .modal.confirm-modal.mode-error .icon svg{ stroke: #ef4444; } .modal.confirm-modal.mode-warning .icon svg{ stroke: #f97316; } .modal.confirm-modal.mode-success .icon svg{ stroke: #22c55e; } .modal.confirm-modal.mode-info .icon svg{ stroke: #3b82f6; } .modal.confirm-modal .message-with-icon { display: flex; flex-direction: row; align-items: flex-start; min-height: 80px; } .modal.confirm-modal .message-with-icon .icon { margin-top: 15px; margin-left: 15px; min-width: 50px; min-height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .modal.confirm-modal .message-with-icon .icon .fa { font-size: 36px; } .modal.confirm-modal .message-with-icon .message { padding: 25px 15px 15px 15px; } .modal.confirm-modal .message-with-icon .message p:last-child { margin-bottom: 0; } .modal, .modal-dialog { animation-duration: 0.4s; } .modal-dialog .modal-content{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .modal-dialog .modal-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #030712; --tw-shadow: var(--tw-shadow-colored); } .modal-header{ position: relative; height: 40px; min-height: 40px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .modal-header:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.95; } .modal-header{ display: flex; flex-direction: row; align-items: center; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .modal-header .modal-title{ font-weight: 700; } .modal-header .close{ position: absolute; right: 0px; top: 0px; cursor: pointer; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; height: 100%; width: 40px; flex-direction: row; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .modal-header .close:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .modal-header .close:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .modal-header .close:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .modal-toolbar{ display: flex; flex-direction: row; flex-wrap: wrap; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .modal-toolbar:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .modal-toolbar > .c{ margin-right: 1rem; } .modal-tabs{ display: flex; flex-direction: row; flex-wrap: wrap; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; } .modal-tabs:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.95; } .modal-tabs ul{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; list-style-type: none; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .modal-tabs ul li{ display: inline-block; cursor: pointer; border-bottom-width: 2px; padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.25rem; padding-right: 0.25rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .modal-tabs ul li.active{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .modal-tabs ul li.active:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .modal-dialog { max-width: unset; margin: 1.75rem auto; } .modal-dialog, .modal-content { border-radius: 0; border: 0; } .modal-content { padding: 0; max-height: calc(100vh - 3.5rem); display: flex; flex-direction: column; overflow: hidden; border-radius: 0.375rem; } .modal-content .vld-overlay { border: 0 !important; box-shadow: none !important; outline: none !important; } .modal-content .vld-icon svg { stroke: #00a1f3; } .modal-body{ flex: 1 1 auto; overflow-y: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .modal-body:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.95; } .modal-body > .inner-wrapper{ margin-left: -1rem !important; margin-right: -1rem !important; margin-top: -0px !important; margin-bottom: -0px !important; height: 100% !important; min-height: 100% !important; width: auto !important; overflow: hidden !important; } .modal-body > .inner-wrapper > .tab-content{ height: 100% !important; min-height: 100% !important; width: auto !important; overflow: hidden !important; } .modal-body > .inner-wrapper > .tab-content > .tab-pane{ overflow-y: auto; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .modal-body > .tab-content{ margin-left: -1rem !important; margin-right: -1rem !important; margin-top: -0.75rem !important; margin-bottom: -0.75rem !important; height: 100% !important; min-height: 100% !important; width: auto !important; overflow: hidden !important; } .modal-body > .tab-content > .tab-pane{ overflow-y: auto; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .modal:not(.with-footer) .modal-body{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .modal-content .resizer { display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #ddd transparent; margin: 0 1px 1px; } .modal-footer{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .modal-footer button{ white-space: nowrap; } @media (max-width: 1024px) { .modal-dialog{ width: 95% !important; } } .tree-table .header-table thead td > :first-child, .tree-table .header-table thead th > :first-child { padding: 0 5px; } .tree-table .drag-handler { height: 20px; cursor: default; } .tree-table ul { list-style: none; margin: 0; } .tree-view { display: flex; flex-direction: column; } .tree-view .nestable-wrapper { display: flex; flex-direction: column; max-height: 100%; } .tree-view .nestable-wrapper ol { list-style: none; } .tree-view .nestable-wrapper table { margin: 0; table-layout: fixed; border: 0; } .tree-view .nestable-wrapper table td { padding: 6px 10px !important; } .tree-view .nestable-header { height: 40px; } .tree-view .nestable-header table { table-layout: fixed; border: 0; } .tree-view .nestable-header table th, .tree-view .nestable-header table td { border: 0; padding: 0 10px; line-height: 30px; } .tree-view .nestable-header table th.nestable-handle, .tree-view .nestable-header table td.nestable-handle { width: 30px; } .tree-view .nestable-header table th:nth-of-type(2), .tree-view .nestable-header table td:nth-of-type(2) { text-align: right; } .tree-view .nestable-header + .nestable-tree { flex: 1 auto; overflow: auto; } .tree-view .nestable-list.nestable-group > .nestable-item > .nestable-item-content table td { padding: 0 10px; } .tree-view .nestable-list.nestable-group > .nestable-item > .nestable-item-content table td:nth-of-type(2) { text-align: right; } .tree-view .nestable-list:not(.nestable-group) .nestable-item table td { border-top: 0; padding: 0 10px; } .tree-view .nestable-list:not(.nestable-group) .nestable-item table td:nth-of-type(2) { text-align: right; } .tree-view .nestable-list:not(.nestable-group) .nestable-item .nestable-item-content { position: relative; } .tree-view .nestable-list:not(.nestable-group) .nestable-item .nestable-item-content:before { content: ""; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 5px 0 5px 5px; display: block; position: absolute; top: 50%; left: -7px; } .tree-view .nestable-list:not(.nestable-group) .nestable-item .nestable-item-content:after { content: ""; position: absolute; left: -8px; top: 0; bottom: 0; } .tree-view .nestable-list:not(.nestable-group) .nestable-item > .nestable-list > li:last-of-type .nestable-item-content:after { top: 0; height: 50%; } .tree-view .nestable-tree .nestable-list.nestable-group { padding-left: 0; } .tree-view .nestable-tree .nestable-list.nestable-group > .nestable-item { position: relative; } .tree-view .id-column { width: 60px; } .tree-view .label-column { width: auto; } .inner-wrapper > .tree-view { height: 100%; } .inner-wrapper > .tree-view .nestable { height: 100%; } .tree-view > table { border: 0; margin: 0; display: table; table-layout: fixed; width: 100%; border-top: 1px solid var(--lv-treeview-table-border-color); border-bottom: 1px solid var(--lv-treeview-table-border-color); } .tree-view .header-table td, .tree-view .header-table th { border: 0; background: var(--lv-treeview-table-head-bg); font-weight: bold; color: var(--lv-treeview-table-head-color); text-transform: uppercase; height: 40px; padding: 6px 10px; display: table-cell !important; } .tree-view .field-suffix { display: flex; flex-direction: row; align-items: center; justify-items: center; } .tree-view .field-suffix .prefix, .tree-view .field-suffix .suffix { display: inline-flex; width: auto !important; float: none !important; } .tree-view .field-suffix .prefix { padding-right: 4px; } .tree-view .field-suffix .suffix { padding-left: 4px; } .tree-view .field-suffix .title { flex: 1 1 auto; } .nestable-wrapper { padding: 0; } .nestable-wrapper > .nestable-header { position: sticky; top: -15px; z-index: 2; } .nestable-wrapper > .nestable-header table { border: 0; margin: 0; display: table; table-layout: fixed; width: 100%; } .nestable-wrapper > .nestable-tree .__vuescroll > .__rail-is-vertical { right: 10px !important; } .nestable { position: relative; } .nestable [draggable=true] { cursor: move; } .nestable .nestable-list { list-style: none; margin: 0; padding: 0 0 0 39px; } .nestable .nestable-list .nestable-list-empty { padding: 15px; } .nestable > .nestable-list { padding: 0; list-style: none; } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content{ position: relative; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content:before { content: ""; display: block; position: absolute; top: -3px; bottom: -5px; left: -16px; height: auto; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content:is(.dark *):before{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content:after { content: ""; display: block; position: absolute; top: 50%; left: -15px; width: 12px; height: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .nestable > .nestable-list .nestable-list > .nestable-item .nestable-item-content:is(.dark *):after{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .nestable > .nestable-list:empty{ display: none; } .nestable .nestable-item-copy, .nestable .nestable-item{ position: relative; margin: 0px; border-radius: 0px; } .nestable .nestable-item-copy.nestable-item-even > .nestable-item-content, .nestable .nestable-item.nestable-item-even > .nestable-item-content{ --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; } .nestable .nestable-item-copy.nestable-item-even > .nestable-item-content:is(.dark *), .nestable .nestable-item.nestable-item-even > .nestable-item-content:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.8 !important; } .nestable .nestable-item-copy.nestable-item-odd > .nestable-item-content, .nestable .nestable-item.nestable-item-odd > .nestable-item-content{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .nestable .nestable-item-copy.nestable-item-odd > .nestable-item-content:is(.dark *), .nestable .nestable-item.nestable-item-odd > .nestable-item-content:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .nestable .nestable-item-copy > .nestable-item-content, .nestable .nestable-item > .nestable-item-content{ display: flex; flex-direction: row; align-items: center; justify-content: stretch; padding: 0px; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .nestable .nestable-item-copy > .nestable-item-content + .nestable-list, .nestable .nestable-item > .nestable-item-content + .nestable-list { position: relative; } .nestable .nestable-item-copy > .nestable-item-content + .nestable-list:before, .nestable .nestable-item > .nestable-item-content + .nestable-list:before { content: ""; display: block; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .nestable .nestable-item-copy > .nestable-item-content + .nestable-list:is(.dark *):before, .nestable .nestable-item > .nestable-item-content + .nestable-list:is(.dark *):before{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .nestable .nestable-item-copy > .nestable-item-content + .nestable-list:before, .nestable .nestable-item > .nestable-item-content + .nestable-list:before { position: absolute; left: -16px; height: 100%; } .nestable .nestable-item-copy > .nestable-item-content:hover, .nestable .nestable-item > .nestable-item-content:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .nestable .nestable-item-copy > .nestable-item-content:hover:is(.dark *), .nestable .nestable-item > .nestable-item-content:hover:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; } .nestable .nestable-item-copy.is-dragging > .nestable-item-content, .nestable .nestable-item.is-dragging > .nestable-item-content { background-color: #c9c9c9 !important; opacity: 1 !important; background: repeating-linear-gradient(-45deg, #444cf7, #444cf7 2px, #c9c9c9 2px, #c9c9c9 4px) !important; } .nestable .nestable-item-copy.is-dragging > .nestable-item-content > .nestable-handle, .nestable .nestable-item-copy.is-dragging > .nestable-item-content > table, .nestable .nestable-item.is-dragging > .nestable-item-content > .nestable-handle, .nestable .nestable-item.is-dragging > .nestable-item-content > table{ opacity: 0; } .nestable .nestable-item-content { display: flex; flex-direction: row; } .nestable .nestable-list .nestable-list > .nestable-item:last-child { border-bottom: 0; } .nestable .nestable-list .nestable-list > .nestable-item:last-child > .nestable-item-content:before { bottom: calc(50% - 2px); } .nestable .nestable-handle{ display: flex; width: 30px; min-width: 30px; flex-direction: row; align-items: center; justify-content: center; cursor: grab !important; } .nestable .nestable-handle.no-draggable > * { display: none; } .nestable .nestable-handle .icon-wrap svg{ height: 20px; width: 20px; } @keyframes spin{ to{ transform: rotate(360deg); } } .nestable .nestable-handle .icon-wrap.spin{ animation: spin 1s linear infinite; } .nestable .nestable-handle .fa-circle-o-notch { color: #2196f3; } .nestable .nestable-expand-handler { width: 40px; line-height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; cursor: pointer; position: relative; z-index: 1; } .nestable .nestable-expand-handler .expandable-badge { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; top: -4px; right: 0; padding: 2px 3px; border-radius: 2px; height: 12px; z-index: 2; --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .nestable .nestable-expand-handler .fa { width: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 22px; text-align: center; } .nestable .nestable-expand-handler .fa:before { width: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 10px; } .nestable table, .nestable .table { border: 0; margin: 0; display: table; table-layout: fixed; width: 100%; cursor: default; } .nestable table td, .nestable .table td { border: 0; padding: 4px 8px; vertical-align: middle; } .nestable table .label-column, .nestable .table .label-column { position: relative; line-height: 40px; display: flex; flex-direction: row; align-items: stretch; flex: auto; width: 100%; } .nestable table .label-column .title, .nestable .table .label-column .title { line-height: inherit; } .nestable table .label-column .label-icon, .nestable .table .label-column .label-icon { margin-right: 10px; } .nestable table .label-column .menu-type-spacer, .nestable .table .label-column .menu-type-spacer{ margin-left: 0px; margin-right: 0px; display: flex; min-width: 32px; flex-direction: row; justify-content: center; padding-left: 0px; padding-right: 0px; } .nestable table .label-column .edit.label, .nestable .table .label-column .edit.label { flex: 1 auto; flex: 1 1 auto; cursor: pointer; } .nestable table .label-column > .first-column, .nestable .table .label-column > .first-column{ padding-right: 0.5rem; } .nestable table .label-column > div:not(.opt-column):not(.opt):not(.first-column), .nestable .table .label-column > div:not(.opt-column):not(.opt):not(.first-column) { display: flex; flex-direction: row; width: 400px; text-align: left; } .nestable table .label-column > .permission-column, .nestable .table .label-column > .permission-column { width: 400px; display: flex; flex-direction: row; flex-wrap: wrap; white-space: nowrap; font-size: 0.97rem; line-height: 1.2rem; } .nestable table .label-column > .permission-column span, .nestable .table .label-column > .permission-column span{ margin-right: 0.125rem; } .nestable table .label-column > .opt-column, .nestable .table .label-column > .opt-column { display: flex; justify-content: flex-end; width: 80px; max-width: 80px; padding: 0; } .nestable table .opt, .nestable .table .opt { display: inline-flex; padding: 0 30px 0 0; margin: 0; line-height: normal; background: none; } .nestable table .opt .btn-group .btn, .nestable .table .opt .btn-group .btn { padding: 3px 0 !important; } .nestable table .opt .btn-group .btn .fa, .nestable .table .opt .btn-group .btn .fa { min-width: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .nestable table td .note, .nestable .table td .note { width: 100%; padding: 4px 0 !important; } .nestable .nestable-drag-layer { position: fixed; top: -40px; left: 0; z-index: 100; pointer-events: none; } .nestable .nestable-drag-layer .nestable-list { list-style: none; margin: 0; opacity: 0.7; } .nestable .nestable-drag-layer > .nestable-list { padding: 0; list-style: none; } .nestable .nestable-drag-layer .nestable-item-content { display: flex; flex-direction: row; margin: 0; } .nestable .nestable-drag-layer .nestable-item-copy { margin: 0; padding: 0; } .nestable-item-content .label-column.opt-column { flex-wrap: wrap; } .nestable-item-content .label-column.opt-column > div + .opt { position: absolute; left: auto; right: 5px; margin: 0; } .nestable-wrapper .nestable-item-content .label-column.opt-column, .forums-table .nestable-item-content .label-column.opt-column { flex-wrap: wrap; } .nestable-wrapper .nestable-item-content .label-column.opt-column > div, .forums-table .nestable-item-content .label-column.opt-column > div { padding: 0; } .nestable-wrapper .nestable-item-content .label-column.opt-column > div + .opt, .forums-table .nestable-item-content .label-column.opt-column > div + .opt { position: absolute; left: auto; right: 5px; margin: 0; } .nestable-item .nestable-list, .nestable-item-copy .nestable-list { margin-top: 0 !important; } .nestable-item.is-dragging { border-radius: 0 !important; } .nestable-item.is-dragging:before { border-radius: 0 !important; } .nestable-wrapper .nestable-item.is-dragging > * { opacity: 0.8 !important; filter: alpha(opacity=0.8) !important; } .nestable-wrapper .nestable-handle:not(.no-draggable) { cursor: move; } .list-more{ margin: 0px; width: 100%; list-style-type: none; padding: 0px; font-size: 0.875rem; line-height: 1rem; } .list-more li{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .list-more li .institution{ text-align: right; } .list-more .more-btn{ cursor: pointer; -webkit-user-select: none; user-select: none; font-weight: 600; --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .list-more .more-btn:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .list-more .more-btn:hover, .list-more .more-btn:focus{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .list-more .more-btn:hover:is(.dark *), .list-more .more-btn:focus:is(.dark *){ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .list-more-item{ font-size: 0.97rem; line-height: 1.2rem; } .list-more-item .institution{ font-size: 0.875rem; line-height: 1rem; } [data-theme=more-com-data] > .tippy-content{ padding: 0px; } [data-theme=more-com-data] > .tippy-content ul{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [data-theme=more-com-data] > .tippy-content ul:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [data-theme=more-com-data] > .tippy-content ul li:nth-of-type(even):not(:hover){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } [data-theme=more-com-data] > .tippy-content ul li:nth-of-type(even):not(:hover):is(.dark *){ background-color: rgb(17 24 39 / 0.4); } [data-theme=more-com-data] > .tippy-arrow{ z-index: 50 !important; height: 10px !important; width: 10px !important; } [data-theme=more-com-data] > .tippy-arrow:before { bottom: -10px; left: 0; border-width: 10px 10px 0; } [data-theme=more-com-data][data-placement^=top] > .tippy-arrow, [data-theme=more-com-data][data-placement^=bottom] > .tippy-arrow{ margin-left: -5px; } [data-theme=more-com-data][data-placement^=top] > .tippy-arrow::before{ --tw-border-opacity: 1; border-top-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=top] > .tippy-arrow:is(.dark *)::before{ --tw-border-opacity: 1; border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=bottom] > .tippy-arrow::before{ --tw-border-opacity: 1; border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=bottom] > .tippy-arrow:is(.dark *)::before{ --tw-border-opacity: 1; border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=bottom] > .tippy-arrow::before { top: -10px; left: 0; bottom: auto; border-width: 0 10px 10px; } [data-theme=more-com-data][data-placement^=left] > .tippy-arrow::before{ --tw-border-opacity: 1; border-left-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=left] > .tippy-arrow:is(.dark *)::before{ --tw-border-opacity: 1; border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement=left-end] > .tippy-arrow::before{ --tw-border-opacity: 1; border-left-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement=left-end] > .tippy-arrow:is(.dark *)::before{ --tw-border-opacity: 1; border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=right] > .tippy-arrow::before{ --tw-border-opacity: 1; border-right-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } [data-theme=more-com-data][data-placement^=right] > .tippy-arrow:is(.dark *)::before{ --tw-border-opacity: 1; border-right-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .collapse-container .collapse-header{ cursor: pointer; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; } .collapse-container .collapse-header:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.3; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .collapse-container .collapse-header{ display: flex; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; } .collapse-container .collapse-header .icon-wrap{ margin-right: 0.25rem; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .collapse-container .collapse-header .icon-wrap svg{ height: 18px; width: 18px; } .collapse-container .collapse-content{ display: grid; grid-template-rows: 0fr; overflow: hidden; opacity: 0.1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .collapse-container.open .icon-wrap{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .collapse-container.open .collapse-content{ grid-template-rows: 1fr; opacity: 1; } .btn, button, [type=button], [type=reset], [type=submit]{ position: relative; display: inline-flex; min-height: 30px; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; border-radius: 0.125rem; border-width: 1px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; text-align: center; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn.btn-sm, button.btn-sm, [type=button].btn-sm, [type=reset].btn-sm, [type=submit].btn-sm{ padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1rem; } .btn .load-animation, button .load-animation, [type=button] .load-animation, [type=reset] .load-animation, [type=submit] .load-animation{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .btn > .icon-wrap, button > .icon-wrap, [type=button] > .icon-wrap, [type=reset] > .icon-wrap, [type=submit] > .icon-wrap{ margin-right: 0.125rem; } .btn > .icon-wrap svg, button > .icon-wrap svg, [type=button] > .icon-wrap svg, [type=reset] > .icon-wrap svg, [type=submit] > .icon-wrap svg { width: 16px; height: 16px; } .btn-default, button, [type=button], [type=reset], [type=submit], .btn{ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.5; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .btn-default:is(.dark *), button:is(.dark *), [type=button]:is(.dark *), [type=reset]:is(.dark *), [type=submit]:is(.dark *), .btn:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .btn-default:hover:not(:disabled), .btn-default:focus:not(:disabled), button:hover:not(:disabled), button:focus:not(:disabled), [type=button]:hover:not(:disabled), [type=button]:focus:not(:disabled), [type=reset]:hover:not(:disabled), [type=reset]:focus:not(:disabled), [type=submit]:hover:not(:disabled), [type=submit]:focus:not(:disabled), .btn:hover:not(:disabled), .btn:focus:not(:disabled){ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.4; --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .btn-default:hover:not(:disabled):is(.dark *), .btn-default:focus:not(:disabled):is(.dark *), button:hover:not(:disabled):is(.dark *), button:focus:not(:disabled):is(.dark *), [type=button]:hover:not(:disabled):is(.dark *), [type=button]:focus:not(:disabled):is(.dark *), [type=reset]:hover:not(:disabled):is(.dark *), [type=reset]:focus:not(:disabled):is(.dark *), [type=submit]:hover:not(:disabled):is(.dark *), [type=submit]:focus:not(:disabled):is(.dark *), .btn:hover:not(:disabled):is(.dark *), .btn:focus:not(:disabled):is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-default:disabled, button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, .btn:disabled{ cursor: not-allowed; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); opacity: 0.7; } .btn-default:disabled:is(.dark *), button:disabled:is(.dark *), [type=button]:disabled:is(.dark *), [type=reset]:disabled:is(.dark *), [type=submit]:disabled:is(.dark *), .btn:disabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .btn-primary{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-primary:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .btn-primary:hover:not(:disabled), .btn-primary:focus:not(:disabled){ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-primary:hover:not(:disabled):is(.dark *), .btn-primary:focus:not(:disabled):is(.dark *){ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .btn-primary:disabled{ cursor: not-allowed; --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 0.7; } .btn-primary:disabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .btn-group > .btn:last-child:not(:first-of-type), .btn-group > button:last-child:not(:first-of-type){ border-bottom-right-radius: 0.125rem; border-top-right-radius: 0.125rem; } .btn-group > .btn:first-child:not(:last-of-type), .btn-group > button:first-child:not(:last-of-type){ border-bottom-left-radius: 0.125rem; border-top-left-radius: 0.125rem; } .btn-group > .btn:last-of-type, .btn-group > button:last-of-type{ margin-left: -1px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn:not(:first-of-type):not(:last-of-type), .btn-group > button:not(:first-of-type):not(:last-of-type) { border-radius: 0 !important; margin: 0 -1px; } .btn-group{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .btn-group button:last-child:not(:first-of-type), .btn-group .btn:last-child:not(:first-of-type){ border-bottom-right-radius: 0.125rem; border-top-right-radius: 0.125rem; } .btn-group button:first-child:not(:last-of-type), .btn-group .btn:first-child:not(:last-of-type){ border-bottom-left-radius: 0.125rem; border-top-left-radius: 0.125rem; } .btn-group button:not(:first-of-type):not(:last-of-type), .btn-group .btn:not(:first-of-type):not(:last-of-type) { margin: 0 -1px; } .btn-group button + .dropdown > *:not(.dropdown-menu) button:first-of-type, .btn-group button + .dropdown > *:not(.dropdown-menu) .btn:first-of-type, .btn-group .btn + .dropdown > *:not(.dropdown-menu) button:first-of-type, .btn-group .btn + .dropdown > *:not(.dropdown-menu) .btn:first-of-type { border-radius: 0 !important; } .btn-group > *:first-child{ border-bottom-left-radius: 0.125rem !important; border-top-left-radius: 0.125rem !important; } .btn-group .dropdown{ display: flex; flex-direction: row; flex-wrap: nowrap; } .btn-group .dropdown > *:not(.dropdown-menu):first-of-type { border-radius: 0 !important; margin: 0 -1px; } .btn-group .dropdown > *:not(.dropdown-menu):last-child:not(:first-of-type){ border-bottom-right-radius: 0.125rem; border-top-right-radius: 0.125rem; } .btn-group .dropdown > *:not(.dropdown-menu):first-child:not(:last-of-type){ border-bottom-left-radius: 0.125rem; border-top-left-radius: 0.125rem; } .btn-group .dropdown .dropdown-menu{ display: none; } .btn.dropdown-toggle-split span:before, .btn.dropdown-toggle.dropdown-toggle-split span:before { display: block; position: relative; background-image: url('data:image/svg+xml;utf8,'); content: ""; } .dropdown-button{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .dropdown-button > button:first-child{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .dropdown-button [data-v-tippy] > button{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-button [data-v-tippy] > button .icon-wrap svg { width: 18px; height: 18px; } .dropdown-button [data-v-tippy], .dropdown-button > span > .trigger, .dropdown-button .trigger { display: flex; flex-direction: column; height: 100%; padding: 0 !important; } .dropdown-button [data-v-tippy] .btn, .dropdown-button > span > .trigger .btn, .dropdown-button .trigger .btn { height: 100%; display: flex; flex-direction: row; align-items: center; } .dropdown-btn-context{ display: flex; flex-direction: column; } .dropdown-btn-context .dropdown-item{ width: 100%; border-radius: 0px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .dropdown-btn-context .dropdown-item:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .dropdown-btn-context .dropdown-item:is(.dark *):hover{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .dropdown-btn-context .dropdown-item:first-child:not(:last-child){ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .dropdown-btn-context .dropdown-item:last-child:not(:first-child){ border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .btn-group > button:first-child:not(:last-child){ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .dropdown-button:first-child:not(:last-child) > button:first-child, .btn-group > .dropdown-button:last-child > button:first-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .tippy-box { position: relative; } @media (max-width: 768px) { .btn, button, [type=button], [type=reset], [type=submit]{ padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0px; padding-bottom: 0px; } input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea{ padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.875rem; line-height: 1rem; } } .form-errors{ margin-bottom: 0.5rem; width: 100%; } .form-errors .alert{ margin-top: 0px; margin-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .form-errors ul, .form-errors li{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; list-style-type: none; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .form-errors li{ display: flex; flex-direction: row; font-size: 0.875rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .form-errors li a{ margin-left: 0.375rem; display: inline-block; text-align: left; --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .form-errors .alert.alert-danger li{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-errors .alert.alert-danger li a{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .switch-container{ display: flex; flex-direction: row; align-items: center; } .switch-container > .switcher-label{ margin-left: 0.5rem; } .fieldtype-switch .form-field-container > div:first-child{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .fieldtype-switch .form-field-container > div:first-child .switch-label{ cursor: pointer; padding-left: 0.5rem; } .switcher{ position: relative; height: 24px; width: 50px; cursor: pointer; padding-left: 0.125rem; padding-right: 0.125rem; padding-top: 0.125rem; padding-bottom: 0.125rem; } .switcher .switch-well{ pointer-events: none; position: absolute; top: 0px; z-index: 20; display: block; height: 24px; width: 50px; cursor: pointer; overflow: hidden; border-radius: 0.75rem; border-width: 1px; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.4; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .switcher .switch-well:is(.dark *){ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.6; --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .switcher .switch-well span { display: none; } .switcher .switch-well .slide-button{ position: relative; left: 1px; top: 1px; display: inline-block; height: 20px; width: 20px; cursor: pointer; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 200ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .switcher input[type=checkbox]{ position: absolute; z-index: 10; height: 100%; width: 100%; opacity: 0; } .switcher input[type=checkbox]:checked + .switch-well{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .switcher input[type=checkbox]:checked + .switch-well:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .switcher input[type=checkbox]:checked + .switch-well .slide-button{ left: 27px; --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .switcher input[type=checkbox]:focus + .switch-well{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } /** Support for SASS is deprecated as of v3.18. The files remain here if your build is dependent on them but they will not receive updates in future releases. All SASS variables have been translated into CSS variables, so migration should be quite simple if you'd like to move over. In v4, these files will be removed. */ .v-select { position: relative; font-family: inherit; } .v-select, .v-select * { box-sizing: border-box; } /* KeyFrames */ @keyframes vSelectSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Dropdown Default Transition */ .vs__fade-enter-active, .vs__fade-leave-active { pointer-events: none; transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); } .vs__fade-enter, .vs__fade-leave-to { opacity: 0; } /** Component States */ /* * Disabled * * When the component is disabled, all interaction * should be prevented. Here we modify the bg color, * and change the cursor displayed on the interactive * components. */ .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator { cursor: not-allowed; background-color: rgb(248, 248, 248); } /* * RTL - Right to Left Support * * Because we're using a flexbox layout, the `dir="rtl"` * HTML attribute does most of the work for us by * rearranging the child elements visually. */ .v-select[dir=rtl] .vs__actions { padding: 0 3px 0 6px; } .v-select[dir=rtl] .vs__clear { margin-left: 6px; margin-right: 0; } .v-select[dir=rtl] .vs__deselect { margin-left: 0; margin-right: 2px; } .v-select[dir=rtl] .vs__dropdown-menu { text-align: right; } /** Dropdown Toggle The dropdown toggle is the primary wrapper of the component. It has two direct descendants: .vs__selected-options, and .vs__actions. .vs__selected-options holds the .vs__selected's as well as the main search input. .vs__actions holds the clear button and dropdown toggle. */ .vs__dropdown-toggle { appearance: none; display: flex; padding: 0 0 4px 0; background: none; border: 1px solid rgba(60, 60, 60, 0.26); border-radius: 4px; white-space: normal; } .vs__selected-options { display: flex; flex-basis: 100%; flex-grow: 1; flex-wrap: wrap; padding: 0 2px; position: relative; } .vs__actions { display: flex; align-items: center; padding: 4px 6px 0 3px; } /* Dropdown Toggle States */ .vs--searchable .vs__dropdown-toggle { cursor: text; } .vs--unsearchable .vs__dropdown-toggle { cursor: pointer; } .vs--open .vs__dropdown-toggle { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vs__open-indicator { fill: rgba(60, 60, 60, 0.5); transform: scale(1); transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855); transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855); } .vs--open .vs__open-indicator { transform: rotate(180deg) scale(1); } .vs--loading .vs__open-indicator { opacity: 0; } /* Clear Button */ .vs__clear { fill: rgba(60, 60, 60, 0.5); padding: 0; border: 0; background-color: transparent; cursor: pointer; margin-right: 8px; } /* Dropdown Menu */ .vs__dropdown-menu { display: block; box-sizing: border-box; position: absolute; top: calc(100% - 1px); left: 0; z-index: 1000; padding: 5px 0; margin: 0; width: 100%; max-height: 350px; min-width: 160px; overflow-y: auto; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); border: 1px solid rgba(60, 60, 60, 0.26); border-top-style: none; border-radius: 0 0 4px 4px; text-align: left; list-style: none; background: #fff; } .vs__no-options { text-align: center; } /* List Items */ .vs__dropdown-option { line-height: 1.42857143; /* Normalize line height */ display: block; padding: 3px 20px; clear: both; color: #333; /* Overrides most CSS frameworks */ white-space: nowrap; cursor: pointer; } .vs__dropdown-option--highlight { background: #5897fb; color: #fff; } .vs__dropdown-option--deselect { background: #fb5858; color: #fff; } .vs__dropdown-option--disabled { background: inherit; color: rgba(60, 60, 60, 0.5); cursor: inherit; } /* Selected Tags */ .vs__selected { display: flex; align-items: center; background-color: #f0f0f0; border: 1px solid rgba(60, 60, 60, 0.26); border-radius: 4px; color: #333; line-height: 1.4; margin: 4px 2px 0px 2px; padding: 0 0.25em; z-index: 0; } .vs__deselect { display: inline-flex; appearance: none; margin-left: 4px; padding: 0; border: 0; cursor: pointer; background: none; fill: rgba(60, 60, 60, 0.5); text-shadow: 0 1px 0 #fff; } /* States */ .vs--single .vs__selected { background-color: transparent; border-color: transparent; } .vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected { position: absolute; opacity: 0.4; } .vs--single.vs--searching .vs__selected { display: none; } /* Search Input */ /** * Super weird bug... If this declaration is grouped * below, the cancel button will still appear in chrome. * If it's up here on it's own, it'll hide it. */ .vs__search::-webkit-search-cancel-button { display: none; } .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear { display: none; } .vs__search, .vs__search:focus { appearance: none; line-height: 1.4; font-size: 1em; border: 1px solid transparent; border-left: none; outline: none; margin: 4px 0 0 0; padding: 0 7px; background: none; box-shadow: none; width: 0; max-width: 100%; flex-grow: 1; z-index: 1; } .vs__search::placeholder { color: inherit; } /** States */ .vs--unsearchable .vs__search { opacity: 1; } .vs--unsearchable:not(.vs--disabled) .vs__search { cursor: pointer; } .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search { opacity: 0.2; } /* Loading Spinner */ .vs__spinner { align-self: center; opacity: 0; font-size: 5px; text-indent: -9999em; overflow: hidden; border-top: 0.9em solid rgba(100, 100, 100, 0.1); border-right: 0.9em solid rgba(100, 100, 100, 0.1); border-bottom: 0.9em solid rgba(100, 100, 100, 0.1); border-left: 0.9em solid rgba(60, 60, 60, 0.45); transform: translateZ(0); animation: vSelectSpinner 1.1s infinite linear; transition: opacity 0.1s; } .vs__spinner, .vs__spinner:after { border-radius: 50%; width: 5em; height: 5em; } /* Loading Spinner States */ .vs--loading .vs__spinner { opacity: 1; } select{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -webkit-appearance: none; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } @media all and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) { .select select { padding-right: 0; } .select:after, .select:before { display: none; } } .v-select .vs__dropdown-toggle{ min-height: 1.5rem; min-height: 32px; width: 100%; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.97rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .v-select .vs__dropdown-toggle:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .v-select .vs__dropdown-toggle{ padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .v-select .vs__dropdown-toggle:hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .v-select .vs__dropdown-toggle:focus{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .v-select .vs__selected{ position: relative; z-index: 20; margin-left: 0.25rem; margin-right: 0.25rem; margin-bottom: 0px; margin-top: 2px; display: flex; max-height: 26px; width: 100%; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .v-select .vs__selected:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix), .v-select .vs__selected .selected-people{ display: flex; width: 100%; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; align-items: center; font-size: 0.875rem; line-height: 1rem; } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .prefix-spacer, .v-select .vs__selected .selected-people .prefix-spacer{ display: flex; width: 90px; flex-direction: row; flex-wrap: wrap; align-items: center; } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .prefix-spacer .selected-prefix, .v-select .vs__selected .selected-people .prefix-spacer .selected-prefix{ margin-right: 0.75rem; width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; text-align: right; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .prefix-spacer .selected-prefix:is(.dark *), .v-select .vs__selected .selected-people .prefix-spacer .selected-prefix:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child, .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .label-container, .v-select .vs__selected .selected-people > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child, .v-select .vs__selected .selected-people .label-container{ display: flex; width: auto; flex: 1 1 auto; flex-direction: row; align-items: center; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; line-height: 1rem; } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child .main-label, .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .label-container .main-label, .v-select .vs__selected .selected-people > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child .main-label, .v-select .vs__selected .selected-people .label-container .main-label{ margin-right: 0.625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child .sub-label, .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) .label-container .sub-label, .v-select .vs__selected .selected-people > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child .sub-label, .v-select .vs__selected .selected-people .label-container .sub-label{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1rem; } .v-select .vs__selected > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix) > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child, .v-select .vs__selected .selected-people > div:not(.selected-people):not(.prefix-spacer):not(.selected-prefix):first-child{ display: block; } .v-select .vs__selected .vs__deselect{ display: flex; height: 1.5rem; max-height: 1.5rem; width: 2rem; align-items: center; justify-content: center; background-color: transparent; } .v-select .vs__selected .vs__deselect svg{ width: 0.75rem; } .v-select .vs__selected .vs__deselect:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .v-select .vs__selected .vs__deselect:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .v-select .vs__selected-options{ display: flex; width: 100%; flex-direction: column; } .v-select .vs__selected-options .label-container{ display: flex; width: 100%; flex-direction: column; } .v-select .vs__search{ position: absolute !important; z-index: 0 !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; height: 100% !important; min-height: 24px !important; width: 100% !important; border-radius: 0px !important; border-style: none !important; background-color: transparent !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0px !important; padding-bottom: 0px !important; opacity: 0 !important; } .v-select .vs__actions { color: rgba(60, 60, 60, 0.2) !important; padding: 0 0 0 3px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; } .v-select .vs__actions .vs__clear { background: transparent; transition: all 0.3s !important; width: 30px; height: 30px; margin: 0; } .v-select .vs__actions .vs__clear .icon-wrap { width: 30px; height: 30px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; } .v-select .vs__actions .vs__clear svg { fill: rgba(60, 60, 60, 0.2) !important; } .v-select .vs__actions .vs__clear:hover { background: rgba(60, 60, 60, 0.1); } .v-select .vs__actions .vs__clear:hover svg { fill: rgba(60, 60, 60, 0.5) !important; } .v-select .vs__actions .vs__open-indicator { cursor: pointer; width: 30px; height: 30px; margin: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .v-select .vs__actions .vs__open-indicator svg{ stroke: #374151; } .v-select .vs__actions .vs__open-indicator svg:is(.dark *){ stroke: #faf5ff; } .v-select.vs--single.vs--open .vs__selected, .v-select.vs--open .vs__selected { opacity: 0.2 !important; } .v-select.vs--single.vs--open .vs__search, .v-select.vs--open .vs__search { opacity: 1 !important; } .v-select.vs--single.vs--open .vs__search::placeholder, .v-select.vs--open .vs__search::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .v-select.vs--single.vs--open .vs__search:is(.dark *)::placeholder, .v-select.vs--open .vs__search:is(.dark *)::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .v-select.vs--single.vs--open .vs__dropdown-toggle, .v-select.vs--open .vs__dropdown-toggle{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .v-select .vs__dropdown-option { padding: 0 10px; line-height: 16px; overflow: hidden; } .v-select .vs__dropdown-option > div { min-height: 24px; } .v-select.vs--single { position: relative; } .v-select.vs--single .vs__selected-options { height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v-select.vs--single .vs__selected > div{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1rem; } .v-select.vs--single .vs__selected > div > small{ margin-left: 0.625rem; } .v-select.vs--single input { position: absolute; z-index: 2; height: 30px; } .v-select.vs--disabled, .v-select.vs--disabled .vs__dropdown-toggle, .v-select.vs--disabled .vs__selected-options, .v-select.vs--disabled .vs__search, .v-select.vs--disabled .vs__actions, .v-select.vs--disabled.vs--single .vs__selected, .v-select.vs--disabled .vs__open-indicator { opacity: 1 !important; } .v-select.vs--disabled .vs__selected-options{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .v-select.vs--disabled .vs__selected-options:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .v-select.vs--disabled .vs__actions{ display: none; } .v-select.vs--disabled .vs__deselect{ opacity: 0; } .v-select.vs--disabled .vs__selected{ width: auto !important; border-width: 0px !important; opacity: 0.7 !important; } .v-select.vs--disabled .vs__search { background: transparent !important; } .v-select .vs__selected-options .vs__selected .selected-prefix { top: 0 !important; } .v-select .selected-file { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .v-select .selected-file .name { width: 100%; } .v-select .selected-people { display: flex; line-height: 14px; } .v-select .selected-people > div:not(.prefix-spacer):first-of-type { display: flex; flex-direction: row; align-items: center; justify-content: center; } .v-select .selected-people > div:not(.prefix-spacer):first-of-type .selected-prefix { position: relative; top: 3px; } .v-select .selected-people > div:not(.prefix-spacer):last-of-type > :last-child:not(div){ margin-left: 0.75rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .v-select .selected-people > div:not(.prefix-spacer):last-of-type > :last-child:not(div):is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .v-select .prefix-spacer { min-width: 60px; max-width: 80px; display: inline-flex; flex-direction: row; align-items: center; justify-content: right; } .v-select .selected-prefix { padding: 3px 5px; border-radius: 3px; margin-right: 5px; font-size: 10px; } .v-select .title { flex: 1 1 auto; padding-right: 10px; } .v-select .size { height: 16px; } .v-select .filename { width: 100%; overflow: hidden; text-overflow: ellipsis; display: none; font-size: small; } .v-select .date { margin: 0; padding: 3px 5px; border-radius: 3px; margin-right: 10px; font-size: small; } .v-select .vs__dropdown-option--highlight{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .v-select [role=listbox] .filename { display: block; } .v-select .vs__no-options { text-align: center; } .vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected { position: relative; } .vs__dropdown-menu { z-index: 99999; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #d1d5db; --tw-shadow: var(--tw-shadow-colored); } .vs__dropdown-menu:is(.dark *){ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.6; --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-shadow-color: #111827; --tw-shadow: var(--tw-shadow-colored); } .vs__dropdown-menu .vs__dropdown-option:nth-of-type(odd):not(.vs__dropdown-option--highlight){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .vs__dropdown-menu .vs__dropdown-option:nth-of-type(odd):not(.vs__dropdown-option--highlight):is(.dark *){ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.2; } .vs__dropdown-menu .vs__dropdown-option{ display: flex; flex-direction: row; align-items: flex-start; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .vs__dropdown-menu .vs__dropdown-option:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .vs__dropdown-menu .vs__dropdown-option .selected-people { display: flex; flex-direction: row; line-height: normal; } .vs__dropdown-menu .vs__dropdown-option .selected-people > :not(.selected-prefix):last-child { display: flex; flex-direction: column; } .vs__dropdown-menu .vs__dropdown-option .selected-people .prefix-spacer{ display: flex; width: 80px; flex-direction: row; align-items: flex-start; padding-top: 0.125rem; } .vs__dropdown-menu .vs__dropdown-option .label-container { flex-basis: calc(100% - 90px); display: flex; flex-direction: column; } .vs__dropdown-menu .vs__dropdown-option .label-container .main-label{ font-size: 0.97rem; line-height: 1.2rem; font-weight: 700; } .vs__dropdown-menu .vs__dropdown-option .label-container .sub-label{ font-size: 0.875rem; line-height: 1rem; } .vs__dropdown-menu .vs__dropdown-option .selected-prefix{ margin-right: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .vs__dropdown-menu .vs__dropdown-option:hover, .vs__dropdown-menu .vs__dropdown-option:focus{ --tw-bg-opacity: 1 !important; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .select-autocomplete.event-select .v-select .selected-prefix { width: 68px; display: inline-block; } .select-autocomplete.event-select ul .selected-prefix { width: 68px; display: inline-block; } .select-wrap{ position: relative; display: flex; flex-direction: row; } .select-wrap > select{ padding-right: 1.5rem; } .select-wrap > .icon-wrap{ position: absolute; right: 1px; top: 1px; bottom: 1px; display: flex; width: 20px; flex-direction: row; align-items: center; justify-content: center; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .select-wrap > .icon-wrap:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark .form-wrapper .inner-wrapper .select-wrap > .icon-wrap { background-color: #3d4756; } .dark .content-container .content > .toolbar .select-wrap > .icon-wrap { background-color: #333e4e; } body .vs__dropdown-option { display: flex; flex-direction: row; width: 100%; } body .vs__dropdown-option .selected-file { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; line-height: normal !important; } body .vs__dropdown-option .selected-file .filename { width: 100%; } .radio-wrapper{ position: relative; margin-right: 0.375rem; height: 20px; width: 20px; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .radio-wrapper:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; } .radio-wrapper input[type=radio]{ position: absolute; z-index: 0; height: 100%; width: 100%; background-color: transparent; opacity: 0; } .radio-wrapper input[type=radio] + span{ pointer-events: none; position: absolute; left: 3px; top: 3px; display: none; height: 12px; width: 12px; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .radio-wrapper input[type=radio]:checked + span{ display: inline-block; } .radio-field-label{ display: flex; flex: 1 1 auto; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; text-overflow: ellipsis; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .radio-field-label label{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; display: flex; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; text-overflow: ellipsis; } .radio-field-label label > div{ white-space: nowrap; } .radio-field-label:hover{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .radio-list{ display: flex; flex-direction: column; } .radio-list .field-item{ display: flex; min-height: 28px; flex-direction: row; flex-wrap: nowrap; align-items: center; text-overflow: ellipsis; } .radio-list .field-item .radio-field-label{ cursor: pointer; -webkit-user-select: none; user-select: none; } .radio-list .field-item .radio-field-label label{ cursor: pointer; } .radio-list .field-item.focus .radio-wrapper{ --tw-border-opacity: 1 !important; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)) !important; } .radio-list.horizontal{ min-height: 32px; flex-direction: row; flex-wrap: wrap; align-items: center; } .radio-list.horizontal > .field-item{ margin-bottom: 0.125rem; width: 25%; padding-right: 0.375rem; } .radio-list:not(.horizontal) > .field-item{ margin-bottom: 0.5rem; } .checkable-wrapper{ position: relative; margin-right: 0.375rem; height: 20px; min-height: 20px; width: 20px; min-width: 20px; cursor: pointer; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .checkable-wrapper:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; } .checkable-wrapper svg { stroke-width: 4px; fill: none; pointer-events: none; position: absolute; z-index: 10; display: none; height: 100%; width: 100%; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; stroke: #3b82f6; } .checkable-wrapper svg:is(.dark *){ stroke: #60a5fa; } .checkable-wrapper .icon-wrap{ pointer-events: none; position: absolute; z-index: 10; display: flex; height: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: center; } .checkable-wrapper .icon-wrap svg { stroke-width: 4px; stroke: #3b82f6; } .checkable-wrapper input[type=checkbox]{ position: absolute; z-index: 0; height: 100%; width: 100%; cursor: pointer; background-color: transparent; opacity: 0; } .checkable-wrapper input[type=checkbox] .icon-wrap svg{ stroke: #2563eb; } .checkable-wrapper input[type=checkbox]:checked + .icon-wrap, .checkable-wrapper input[type=checkbox]:checked + .icon-wrap > svg, .checkable-wrapper input[type=checkbox]:checked + svg{ display: flex; } .checkable-wrapper.disabled{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .checkable-wrapper.disabled:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; } .checkable-wrapper.disabled .icon-wrap{ cursor: not-allowed; } .checkable-wrapper.disabled label{ opacity: 0.5; } .checkbox-field-label{ display: flex; flex: 1 1 auto; cursor: pointer; -webkit-user-select: none; user-select: none; flex-direction: row; flex-wrap: nowrap; align-items: center; text-overflow: ellipsis; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .checkbox-field-label label{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; width: 100%; align-items: center; white-space: nowrap; } .checkbox-field-label:hover{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .checkbox-list{ display: flex; flex-direction: column; } .checkbox-list .checkbox-field-tree-item{ display: flex; flex-direction: column; } .checkbox-list .checkbox-field-container{ display: flex; flex-direction: row; flex-wrap: wrap; } .checkbox-list .checkbox-field-description{ margin-left: 1.75rem; margin-top: -0.25rem; width: 100%; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .checkbox-list .checkbox-field-description:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .checkbox-list .field-item{ display: flex; flex-direction: row; flex-wrap: nowrap; } .checkbox-list .field-item .checkbox-field-label{ cursor: pointer; -webkit-user-select: none; user-select: none; } .checkbox-list .field-item .checkbox-field-label label{ cursor: pointer; } .checkbox-list.horizontal:not(.as-tree){ flex-direction: row; flex-wrap: wrap; } .checkbox-list.horizontal > .field-item{ margin-bottom: 0.125rem; width: 25%; padding-right: 0.375rem; } .checkbox-list.horizontal > .checkbox-field-tree-item{ margin-bottom: 1rem; padding-right: 0.375rem; } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item{ width: 100%; padding-right: 0.25rem; } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level{ position: relative; width: 0.75rem; } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level:first-of-type{ margin-left: 0.625rem; } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level:first-of-type:before { content: ""; position: absolute; left: 0px; top: -0.25rem; bottom: 0px; border-left-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level:first-of-type:is(.dark *):before{ --tw-border-opacity: 1; border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level:first-of-type:after { content: ""; position: absolute; left: 0px; top: 50%; width: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item .level:first-of-type:is(.dark *):after{ --tw-border-opacity: 1; border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .checkbox-list.horizontal > .checkbox-field-tree-item .field-item:last-child .level:first-of-type:before{ bottom: 50%; } .checkbox-list.horizontal.as-tree{ flex-direction: row; flex-wrap: wrap; } .checkbox-list.horizontal.as-tree > .checkbox-field-tree-item{ width: 25%; } .checkbox-list.disabled .icon-wrap{ cursor: not-allowed; } .checkbox-list.disabled .checkable-wrapper{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .checkbox-list.disabled .checkable-wrapper:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; } .checkbox-list.disabled .checkbox-field, .checkbox-list.disabled .checkbox-field *, .checkbox-list.disabled .checkbox-field-label, .checkbox-list.disabled .checkbox-field-label *{ cursor: not-allowed; } .checkbox-list.disabled .checkbox-field-label{ opacity: 0.5; } .checkbox-list .field-item.focus .checkable-wrapper{ --tw-border-opacity: 1 !important; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)) !important; } .checkbox{ display: flex; min-height: 34px; flex-direction: row; flex-wrap: nowrap; align-items: center; } .checkbox label{ flex: 1 1 auto; cursor: pointer; } .checkbox .icon-wrap{ pointer-events: none; } .checkbox.disabled{ opacity: 0.7; } .checkbox.disabled .checkable-wrapper{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .checkbox.disabled .checkable-wrapper:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.1; } .checkbox.disabled .checkable-wrapper + label{ opacity: 0.5; } .checkbox.disabled *{ cursor: not-allowed; } @media (min-width: 1280px) { .checkbox-list.horizontal .field-item{ width: 33.333333%; } } @media (max-width: 1280px) { .checkbox-list.horizontal .field-item{ width: 100%; } .checkbox-list.horizontal.as-tree{ flex-direction: row; flex-wrap: wrap; } .checkbox-list.horizontal.as-tree > .checkbox-field-tree-item{ width: 50%; } } @media (max-width: 1024px) { .checkbox-list.horizontal .field-item{ width: 100%; } .checkbox-list.horizontal.as-tree{ flex-direction: row; flex-wrap: wrap; } .checkbox-list.horizontal.as-tree > .checkbox-field-tree-item{ width: 50%; } } @media (max-width: 768px) { .checkbox-list.horizontal .field-item{ width: 100%; } .checkbox-list.horizontal.as-tree{ flex-direction: row; flex-wrap: wrap; } .checkbox-list.horizontal.as-tree > .checkbox-field-tree-item{ width: 100%; } } .log-history{ display: inline-flex; width: 100%; flex-direction: column; } .log-history .log-history-head{ display: flex; cursor: pointer; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .log-history .log-history-head:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .log-history .log-history-head{ border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .log-history .log-history-head:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .log-history .log-history-head{ position: relative; margin-top: -1px; } .log-history .log-history-head:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.8 !important; } .log-history .log-history-head:hover:is(.dark *){ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.8 !important; } .log-history .log-history-head .icon-wrap{ margin-right: 0.25rem; --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); stroke-width: 2; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .log-history .log-history-details{ display: inline-flex; width: 100%; flex-direction: column; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .log-history .log-history-details:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .log-history .log-history-details table{ margin: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .log-history .log-history-details table:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .log-history .log-history-details table th, .log-history .log-history-details table td{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: left; } .log-history .log-history-details table th{ border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; } .log-history .log-history-details table th:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.9; } .log-history .log-history-details table tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .log-history .log-history-details table tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .log-history .log-history-details table tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .log-history .log-history-details table tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .log-history .log-history-details table tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .log-history .log-history-details table tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .log-history .log-history-details table tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .log-history .log-history-details table tbody tr td{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; vertical-align: text-top; } .log-history .log-history-details table tbody tr td:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.7; } .log-history .log-history-details table tbody tr td:first-of-type .field-label{ font-weight: 700; } .log-history .log-history-details table tbody tr td:first-of-type .field-name{ font-size: 0.65rem; line-height: 0.7rem; } .log-history .log-history-details table tbody tr td:not(:first-of-type) { width: calc(100% - 180px)/2; } .log-history .log-history-details pre{ white-space: pre-wrap; } .log-history .log-history-details .fieldname{ width: 180px; min-width: 180px; max-width: 180px; text-align: left; } .log-history .log-history-details .new_value { width: calc(100% - 180px)/2; } .log-history .log-history-details .old_value{ text-align: left; width: calc(100% - 180px)/2; } .log-history .log-history-entry:nth-of-type(even) .log-history-head{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .log-history .log-history-entry:nth-of-type(even) .log-history-head:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .log-history .log-history-entry:nth-of-type(odd) .log-history-head{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; } .log-history .log-history-entry:nth-of-type(odd) .log-history-head:is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; } .log-history .log-history-entry.open .log-history-head .icon-wrap{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .log-history .log-history-entry.open .log-history-head{ --tw-bg-opacity: 1 !important; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .log-history .log-history-entry.open .log-history-head:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important; } .log-history-empty{ padding: 0.5rem; } .history-buttons{ display: flex; flex-direction: row; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; } .history-buttons .btn.btn-default.is-active{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-wrapper{ display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; } .form-wrapper > .form-tabs{ display: flex; height: 36px; min-height: 36px; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; } .form-wrapper > .form-tabs:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .form-wrapper > .form-tabs.hide{ display: none; } .form-wrapper > .form-tabs ul{ position: relative; z-index: 3; display: flex; height: 100%; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .form-wrapper > .form-tabs li{ cursor: pointer; -webkit-user-select: none; user-select: none; border-bottom-width: 3px; border-bottom-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .form-wrapper > .form-tabs li:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .form-wrapper > .form-tabs li:hover{ --tw-border-opacity: 1; border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .form-wrapper > .form-tabs li:hover:is(.dark *){ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .form-wrapper > .form-tabs li.active{ --tw-border-opacity: 1; border-bottom-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .form-wrapper > .form-tabs li.active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-wrapper .inner-wrapper { overflow-y: auto; height: 100%; } .form-wrapper .inner-wrapper .tab-content{ padding: 1rem; } .form-wrapper .inner-wrapper .tab-content > .tab-pane{ display: flex; flex-direction: column; flex-wrap: wrap; } .form-wrapper .inner-wrapper .tab-content > .tab-pane .toolbar{ margin-left: -0.5rem; margin-right: -0.5rem; } .form-field{ margin-bottom: 0.5rem; width: 100%; } .form-field .form-label{ margin-bottom: 0.25rem; -webkit-user-select: none; user-select: none; font-weight: 600; } .form-field .form-label .required{ margin-left: 0.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .form-field .form-label.is-minimizable{ display: flex; cursor: pointer; flex-direction: row; align-items: center; cursor: n-resize; } .form-field .form-label.is-minimizable > .icon-wrap{ margin-right: 0.25rem; } .form-field .form-label.is-minimizable > .icon-wrap svg{ margin: 0px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); stroke-width: 2; } .form-field .form-label.is-minimizable.minimized{ cursor: s-resize; } .form-field .form-label.is-minimizable.minimized > .icon-wrap svg{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .form-field .form-label .extralabel{ margin: 0px; margin-left: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); font-size: 0.65rem; line-height: 0.7rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-field .form-label .extralabel:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .form-field .form-label .extralabel{ border-radius: 0.25rem; padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; } .form-field .form-field-container{ position: relative; display: flex; flex-direction: column; } .form-field .form-field-container.is-minimized{ display: none; } .form-field .form-field-container.with-append, .form-field .form-field-container.with-prepend{ flex-direction: row; flex-wrap: nowrap; align-items: center; } .form-field .form-field-container .prepend-label, .form-field .form-field-container .append-label{ display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; line-height: 1rem; } .form-field .form-field-container > *:not(.prepend-label):not(.append-label):not(.max-length-trigger){ width: 100%; flex: 1 1 auto; } .form-field .max-length-trigger{ position: absolute; right: 0.5rem; top: -0.375rem; display: inline-flex; align-items: center; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); line-height: normal; } .form-field .form-field-description{ font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .form-field .form-field-description:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .form-field .validation-error{ font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .form-field .validation-error:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .form-fields-section{ margin-bottom: 1.5rem; display: flex; width: 100%; flex-direction: column; border-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #e5e7eb; --tw-shadow: var(--tw-shadow-colored); } .form-fields-section:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.3; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); } .form-fields-section .form-section-label{ border-bottom-width: 1px; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; } .form-fields-section .form-section-label:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.3; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .form-fields-section .form-section-description{ display: flex; flex-direction: row; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1rem; } .form-fields-section .form-section-description > div:first-child > .icon-wrap{ margin-right: 0.375rem; display: flex; flex-direction: row; align-items: center; justify-content: center; } .form-fields-section .form-section-description > div:first-child > .icon-wrap svg{ height: 24px; width: 24px; } .form-fields-section .form-section-description > div:last-of-type{ display: flex; flex: 1 1 auto; flex-direction: row; align-items: center; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description > div:last-of-type:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-info > div:first-child > .icon-wrap{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-info > div:first-child > .icon-wrap:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-error > div:first-child > .icon-wrap{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-error > div:first-child > .icon-wrap:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-warning > div:first-child > .icon-wrap{ --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-description.mode-warning > div:first-child > .icon-wrap:is(.dark *){ --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .form-fields-section .form-section-content{ display: flex; flex-direction: row; flex-wrap: wrap; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.25rem; } .form-fields-section .form-section-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .form-fields-section .form-section-content.without-columns{ flex-direction: column; } .form-fields-section .form-section-content:not(.without-columns){ padding-left: 0px; padding-right: 0px; } .form-fields-section .form-section-content .form-fields-section{ margin-left: 0.5rem; margin-right: -0.5rem; width: 100%; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-fields-section .form-section-content > .forms-row{ margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .form-fields-section.no-padding .form-section-content, .form-fields-section.nopadding .form-section-content{ padding: 0px; } .form-fields-section.no-padding .form-section-content table, .form-fields-section.nopadding .form-section-content table{ margin: 0px; border-radius: 0px; border-width: 0px; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-fields-section.no-padding .form-section-content .grid-container-outer, .form-fields-section.nopadding .form-section-content .grid-container-outer{ margin: 0px; border-width: 0px; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-fields-section.no-padding .form-section-content .grid-container-outer .table .grid-header th:first-child, .form-fields-section.no-padding .form-section-content .grid-container-outer .table thead th:first-child, .form-fields-section.no-padding .form-section-content .grid-container-outer table .grid-header th:first-child, .form-fields-section.no-padding .form-section-content .grid-container-outer table thead th:first-child, .form-fields-section.nopadding .form-section-content .grid-container-outer .table .grid-header th:first-child, .form-fields-section.nopadding .form-section-content .grid-container-outer .table thead th:first-child, .form-fields-section.nopadding .form-section-content .grid-container-outer table .grid-header th:first-child, .form-fields-section.nopadding .form-section-content .grid-container-outer table thead th:first-child{ border-radius: 0px; } .row.form-row{ margin-left: 0px; margin-right: 0px; } .form-row, .forms-row{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; min-width: 100%; flex-direction: row; flex-wrap: wrap; width: calc(100% + 1.5rem); } .form-row > .form-fields-div, .forms-row > .form-fields-div{ margin-left: 0.75rem; margin-right: 0.75rem; width: 100%; } .form-row > .form-fields-div > .badge, .forms-row > .form-fields-div > .badge{ margin-bottom: 0.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1rem; } .fieldtype-switch .form-field-container .switcher{ margin-top: 0.25rem; } @media (max-width: 1024px) { .form-row, .forms-row{ min-width: 100%; } } .dashboard-container{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; overflow-y: auto; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .dashboard-container .widget{ margin-bottom: 1.5rem; display: flex; flex-direction: column; border-radius: 0.25rem; --tw-shadow-color: #e5e7eb; --tw-shadow: var(--tw-shadow-colored); --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dashboard-container .widget:is(.dark *){ --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); } .dashboard-container .widget .title{ width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-weight: 700; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .dashboard-container .widget .content{ width: 100%; padding: 0.75rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .dashboard-container .widget.basic, .dashboard-container .widget.requests{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.basic .title, .dashboard-container .widget.requests .title{ border-bottom-width: 1px; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.6; } .dashboard-container .widget.basic .content, .dashboard-container .widget.requests .content{ display: flex; flex-direction: row; flex-wrap: wrap; font-size: 0.875rem; line-height: 1rem; } .dashboard-container .widget.basic { width: calc(35% - 1rem); } .dashboard-container .widget.basic .content{ padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .dashboard-container .widget.basic .stats-item{ display: flex; width: 50%; flex-direction: row; align-items: center; justify-content: flex-start; padding-top: 0.25rem; padding-bottom: 0.25rem; } .dashboard-container .widget.basic .stats-item .icon-wrap{ display: flex; width: 2rem; flex-direction: row; align-items: center; justify-content: center; } .dashboard-container .widget.basic .stats-item svg{ height: 1.75rem; width: 1.75rem; } .dashboard-container .widget.basic .stats-item .label{ padding-left: 0.5rem; } .dashboard-container .widget.basic .stats-item .count{ padding-left: 0.5rem; font-size: 20px; line-height: 28px; font-weight: 700; } .dashboard-container .widget.requests { width: calc(65% - 1rem); --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.requests .title{ border-bottom-width: 1px; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.8; } .dashboard-container .widget.requests .content{ display: flex; flex-direction: column; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .dashboard-container .widget.requests .item{ display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(30 58 138 / var(--tw-border-opacity, 1)); } .dashboard-container .widget.requests .item:nth-of-type(even){ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .dashboard-container .widget.requests .item:first-of-type{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .dashboard-container .widget.requests .item:last-of-type{ border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-width: 0px; } .dashboard-container .widget.requests .item:hover{ --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.requests .item a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; flex: 1 1 auto; text-overflow: ellipsis; --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); -webkit-text-decoration-line: underline; text-decoration-line: underline; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .dashboard-container .widget.requests .item a:hover, .dashboard-container .widget.requests .item a:focus{ --tw-text-opacity: 1; color: rgb(239 246 255 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.requests .item > div:first-child{ width: 70%; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .dashboard-container .widget.requests .item .user{ width: 30%; padding-left: 0.75rem; padding-right: 0.75rem; text-align: right; } .dashboard-container .widget.search{ width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.search:is(.dark *){ border-width: 0px; --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.search .title{ border-bottom-width: 1px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.5; } .dashboard-container .widget.search .title:is(.dark *){ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.4; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.search .content{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .dashboard-container .widget.search .content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.search .content [type=text]{ margin-bottom: 0.5rem; } .dashboard-container .widget.last-items{ width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.last-items:is(.dark *){ border-width: 0px; --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.last-items .title{ border-bottom-width: 1px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.5; } .dashboard-container .widget.last-items .title:is(.dark *){ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.4; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.last-items .content{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.last-items .content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dashboard-container .widget.last-items .last-item{ display: flex; flex-direction: row; align-items: flex-start; padding-top: 0.25rem; padding-bottom: 0.25rem; } .dashboard-container .widget.last-items .last-item > span{ margin-right: 0.5rem; width: 80px; min-width: 80px; padding-top: 0.125rem; padding-bottom: 0.125rem; text-align: right; font-size: 0.875rem; line-height: 1rem; } .dashboard-container .widget.last-items .load-more{ position: relative !important; margin-left: 0px !important; margin-right: 0px !important; display: flex !important; width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; border-width: 0px !important; background-color: transparent !important; padding: 0.5rem !important; text-align: center !important; --tw-text-opacity: 1 !important; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important; } .dashboard-container .widget.last-items .load-more:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .dashboard-container .widget.last-items .load-more:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important; } .dashboard-container .widget.last-items .load-more:hover:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; } .dashboard-container .widget.last-items .load-more{ margin-top: 1.5rem; min-height: 45px; overflow: hidden; } .dashboard-container .widget.last-items .load-more.loading .action-loader{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .dashboard-container .widget.last-items .load-more.loading .action-loader:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .app-search{ position: relative; height: 100%; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; overflow-y: auto; overflow-x: hidden; } .app-search .vld-overlay .vld-background:is(.dark *){ background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 0.9 !important; } .app-search .vld-icon svg { width: 40px; height: 40px; stroke-width: 4px; } .app-search .widget{ margin-bottom: 1.5rem; display: flex; flex-direction: column; border-radius: 0.25rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .app-search .widget:is(.dark *){ --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); } .app-search .widget{ width: 100%; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .app-search .widget:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .app-search .widget .title{ width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-weight: 700; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; border-bottom-width: 1px; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.5; } .app-search .widget .title:is(.dark *){ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.4; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .app-search .widget .content{ width: 100%; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .app-search .widget .content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .app-search .widget .content [type=text]{ margin-bottom: 0.5rem; } .app-search .search-form{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .app-search + .search-footer{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; position: sticky; bottom: 0px; } .app-search + .search-footer:is(.dark *){ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.95; } .app-search + .search-footer{ height: 40px; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .app-search + .search-footer:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .app-search + .search-footer .pagination{ margin-top: 0px; margin-bottom: 0px; border-width: 0px; background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .app-search + .search-footer .item.active{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .app-search + .search-footer .item.active:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .app-search + .search-footer > div:first-of-type{ display: flex; flex: 1 1 auto; flex-direction: row; align-items: center; } .app-search + .search-footer > div:first-of-type .info{ white-space: nowrap; font-size: 0.875rem; line-height: 1rem; } .app-search + .search-footer > div:last-of-type{ display: flex; width: 40px; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .app-search + .search-footer > div:last-of-type:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .app-search + .search-footer > div:last-of-type:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } @media (max-width: 768px) { .app-search + .search-footer{ height: auto; flex-direction: row; } .app-search + .search-footer > div:first-child{ flex: 40px; padding-right: 1rem; } .app-search + .search-footer > div:last-child{ height: 40px; width: 40px; flex: none; flex-direction: row; align-items: center; justify-content: center; } } .global-search .radio-list:not(.horizontal) .field-item { min-height: unset; } .global-search #field-mode { margin-bottom: 3px; } .global-search .fieldtype-radio-list + .fieldtype-checkbox { margin-bottom: 0; } .global-search .fieldtype-radio-list + .fieldtype-checkbox .checkbox { min-height: unset; } .global-search .fieldtype-search-viewmode .checkbox { min-height: unset; margin-bottom: 3px; } .global-search > button:last-of-type { margin-top: 10px; } .global-search .subjects-sm{ margin-top: 0.25rem; margin-bottom: 1rem; } .global-search .subjects-sm > .form-label{ margin-bottom: 0.375rem; } .global-search .subjects-sm .field-item{ margin-bottom: 0.25rem; width: 20%; font-size: 0.875rem; line-height: 1rem; } .global-search .subjects-sm .field-item .checkbox{ min-height: 0px; } .global-search .fieldtype-radio-list .radio-list.horizontal .field-item:first-of-type{ width: 25%; } .global-search .fieldtype-radio-list .radio-list.horizontal .field-item:last-of-type{ width: auto; } @media (max-width: 768px) {} .search-results-container{ position: relative; display: flex; flex-direction: row; } .search-results-container .search-results-sidebar{ margin-top: 1rem; width: 300px; min-width: 300px; padding-left: 1rem; } .search-results-container .search-results-sidebar .form-fields-section{ position: sticky; top: 0px; } .search-results-container .search-results-sidebar .form-fields-section .form-section-content > div{ position: relative; display: flex; cursor: pointer; flex-direction: row; align-items: center; } .search-results-container .search-results-sidebar .form-fields-section .form-section-content > div > div:first-child{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .search-results-container .search-results-sidebar .form-fields-section .form-section-content > div:hover > div:first-child{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .search-results-container .search-results-sidebar .form-fields-section .form-section-content > div .badge{ position: absolute; right: 0px; flex: none; } .search-results-container .search-results{ margin-top: 1rem; flex: 1 1 auto; } .search-results-container .search-results.empty{ border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .search-results-container .search-results.empty:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .search-results-container .search-results:not(.empty) { min-height: 30px; } .search-results-container .search-results .item{ max-width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .search-results-container .search-results .item:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .search-results-container .search-results .item:not(:last-of-type){ margin-bottom: 1rem; } .search-results-container .search-results .item:last-of-type{ margin-bottom: 2.75rem; } .search-results-container .search-results .item .item-header{ display: flex; flex-direction: row; align-items: center; } .search-results-container .search-results .item .item-header > div{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 1rem; } .search-results-container .search-results .item .item-header .percentage-score{ flex: 1 1 auto; padding-right: 0.5rem; text-align: right; font-size: 0.65rem; line-height: 0.7rem; opacity: 0; } .search-results-container .search-results .item .item-row{ display: flex; flex-direction: row; padding-top: 0.125rem; padding-bottom: 0.125rem; } .search-results-container .search-results .item .item-row .item-location, .search-results-container .search-results .item .item-row .item-dates, .search-results-container .search-results .item .item-row .item-subjects{ display: flex; width: 50%; flex-direction: row; align-items: center; } .search-results-container .search-results .item .item-row .item-location > div:first-child, .search-results-container .search-results .item .item-row .item-dates > div:first-child, .search-results-container .search-results .item .item-row .item-subjects > div:first-child{ width: 130px; font-weight: 700; } .search-results-container .search-results .item .item-row .item-location > div:last-child, .search-results-container .search-results .item .item-row .item-dates > div:last-child, .search-results-container .search-results .item .item-row .item-subjects > div:last-child{ flex: 1 1 auto; overflow: hidden; } .search-results-container .search-results .item .item-row .item-keywords{ display: flex; width: 100%; flex-direction: row; } .search-results-container .search-results .item .item-row .item-keywords > div:first-child{ width: 130px; font-weight: 700; } .search-results-container .search-results .item .item-row .item-keywords > div:last-child{ flex: 1 1 auto; overflow: hidden; } .search-results-container .search-results .item .item-row .item-answer, .search-results-container .search-results .item .item-row .item-question{ display: flex; width: 100%; flex-direction: column; } .search-results-container .search-results .item .item-row .item-answer > div:first-child, .search-results-container .search-results .item .item-row .item-question > div:first-child{ font-weight: 700; } .search-results-container .search-results .item .item-row .item-answer pre, .search-results-container .search-results .item .item-row .item-question pre{ white-space: pre-line; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .search-results-container .search-results .item .item-row .item-sources{ display: flex; width: 100%; flex-direction: column; } .search-results-container .search-results .item .item-row .item-sources > div:first-child{ font-weight: 700; } .search-results-container .search-results .item .item-row .item-sources > div:not(:first-child){ margin-left: 0.5rem; } .search-results-container .search-results .item .item-row .item-sources .l{ font-size: 0.65rem; line-height: 0.7rem; font-weight: 700; } .search-results-container .search-results .item .item-row .item-sources div[data-source].hightlight-source a, .search-results-container .search-results .item .item-row .item-sources div[data-source].hightlight-source span, .search-results-container .search-results .item .item-row .item-sources div[data-source].hightlight-source div { animation-name: hightlight-source-text; animation-duration: 0.25s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: ease; } .search-results-container .search-results .item .item-row .item-sources div[data-source] .key{ margin-right: 0.25rem; } .search-results-container .search-results .item .item-row .item-sources div[data-source] .s{ white-space: pre-wrap; word-break: break-all; } .search-results-container .search-results .item .item-row.links, .search-results-container .search-results .item .item-row.literature{ flex-direction: column; } .search-results-container .search-results .item .item-row.links .entry, .search-results-container .search-results .item .item-row.literature .entry{ display: flex; flex-direction: row; align-items: center; } .search-results-container .search-results .item .item-row.links .entry > div:first-child, .search-results-container .search-results .item .item-row.literature .entry > div:first-child{ min-width: 130px; font-weight: 700; } .search-results-container .search-results .item .item-row.links .entry > div:last-child, .search-results-container .search-results .item .item-row.literature .entry > div:last-child{ flex: 1 1 auto; } .search-results-container .search-results .item .item-row.links .entry.description, .search-results-container .search-results .item .item-row.literature .entry.description{ flex-direction: column; } .search-results-container .search-results .item .item-row.links .entry.description > div:first-child, .search-results-container .search-results .item .item-row.literature .entry.description > div:first-child{ width: 100%; font-weight: 700; } .search-results-container .search-results .item .item-row.links .entry.description > div:last-child, .search-results-container .search-results .item .item-row.literature .entry.description > div:last-child{ width: 100%; } .search-results-container .search-results .item .item-row.recipes{ flex-direction: column; } .search-results-container .search-results .item .item-row.recipes .entry{ display: flex; flex-direction: row; align-items: center; padding-bottom: 0.125rem; } .search-results-container .search-results .item .item-row.recipes .entry > div:first-child{ min-width: 160px; font-weight: 700; } .search-results-container .search-results .item .item-row.recipes .entry > div:last-child{ flex: 1 1 auto; } .search-results-container .search-results .item .item-row.recipes .entry.composition{ margin-top: 0.25rem; margin-bottom: 0.25rem; display: flex; flex-direction: column; } .search-results-container .search-results .item .item-row.recipes .entry.composition > div{ width: 100%; } .search-results-container .search-results .item .holder{ margin-bottom: 0.5rem; } .search-results-container .search-results .item .holder > div:first-of-type:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .search-results-container .search-results .item .holder > div:last-of-type .holder-adress, .search-results-container .search-results .item .holder > div:last-of-type .holder-connects{ font-size: 0.65rem; line-height: 0.7rem; } .search-results-container .search-results .item .holder > div:last-of-type .holder-connects{ display: flex; flex-direction: column; } .search-results-container .search-results .item .holder > div:last-of-type .holder-connects > div{ display: flex; flex-direction: row; } .search-results-container .search-results .item .holder > div:last-of-type .holder-connects > div b{ width: 100px; } .search-results-container .search-results .item .holder > div:last-of-type .holder-connects > div > span{ flex: 1 1 auto; } .search-results-container .search-results .item .institution{ margin-bottom: 0.5rem; } .search-results-container .search-results .item .institution > div:first-of-type:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .search-results-container .search-results .item .institution > div:last-of-type .institution-adress, .search-results-container .search-results .item .institution > div:last-of-type .institution-connects{ font-size: 0.65rem; line-height: 0.7rem; } .search-results-container .search-results .item .institution > div:last-of-type .institution-connects{ display: flex; flex-direction: column; } .search-results-container .search-results .item .institution > div:last-of-type .institution-connects > div{ display: flex; flex-direction: row; } .search-results-container .search-results .item .institution > div:last-of-type .institution-connects > div b{ width: 100px; } .search-results-container .search-results .item .institution > div:last-of-type .institution-connects > div > span{ flex: 1 1 auto; } .search-results-container .search-results .item .question, .search-results-container .search-results .item .answer{ margin-bottom: 0.5rem; } .search-results-container .search-results .item .question > div:first-of-type:is(.dark *), .search-results-container .search-results .item .answer > div:first-of-type:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .search-results-container .search-results .item .question pre, .search-results-container .search-results .item .answer pre{ white-space: break-spaces; word-break: break-all; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .search-results-container .search-results .item .mediums > div:first-of-type:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .log-username{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .log-username .prefix-spacer { width: 80px; display: inline-flex; flex-direction: row; align-items: center; justify-content: right; padding-top: 0.25rem; padding-right: 0.25rem; } .request-url { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .request-useragent{ font-size: 0.65rem; line-height: 0.7rem; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } @media (max-width: 1024px) { .dashboard-container .widget.basic{ width: 100%; } } [class*=page-holders-edit] .form-wrapper .tab-pane.contains-data-table{ height: 100%; overflow: visible; padding: 0px; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list{ flex: 1 1 auto; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list > .grid-toolbar{ margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -1rem; width: auto; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list .form-wrapper .inner-wrapper{ overflow-x: hidden; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list .inner-wrapper.data-table{ margin-left: -0px; margin-right: -0px; width: auto; overflow: unset; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list .inner-wrapper.data-table .grid-form{ margin: 0px; margin-top: 1rem; margin-bottom: 1rem; padding: 0px; } [class*=page-holders-edit] .form-wrapper .tab-pane .institution-list .grid-footer-wrapper{ margin: 0px; margin-left: -0.75rem; margin-right: -0.75rem; width: auto; } .institution-users-list{ margin-left: -0.5rem !important; margin-right: -0.5rem !important; margin-top: -1rem !important; margin-bottom: -1rem !important; min-width: 100% !important; } [class*=page-institutions-edit] .form-wrapper .tab-pane.contains-data-table{ height: 100%; overflow: visible; padding: 0px; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list{ flex: 1 1 auto; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list > .grid-toolbar{ margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -1rem; width: auto; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list .form-wrapper .inner-wrapper{ overflow-x: hidden; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list .inner-wrapper.data-table{ margin-left: -0px; margin-right: -0px; width: auto; overflow: unset; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list .inner-wrapper.data-table .grid-form{ margin: 0px; margin-top: 1rem; margin-bottom: 1rem; padding: 0px; } [class*=page-institutions-edit] .form-wrapper .tab-pane .institution-users-list .grid-footer-wrapper{ margin: 0px; margin-left: -0.75rem; margin-right: -0.75rem; width: auto; } .page-institutions td .institution{ display: flex; flex-direction: row; align-items: flex-start; } .page-institutions td .institution > div:not(.badge-placeholder){ flex: 1 1 auto; } .page-institutions td .institution .badge-placeholder{ padding-top: 0.25rem; } .institution-detail-row{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .institution-detail-row:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .institution-detail-row .institution-details, .institution-detail-row .institution-communiation, .institution-detail-row > .organisation{ display: flex; width: 33.333%; flex-direction: column; padding-left: 0.5rem; padding-right: 0.5rem; } .institution-detail-row .institution-details > b:first-child, .institution-detail-row .institution-communiation > b:first-child, .institution-detail-row > .organisation > b:first-child{ margin-top: 1rem; margin-bottom: 1rem; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 20px; line-height: 28px; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .institution-detail-row .institution-details > b:first-child:is(.dark *), .institution-detail-row .institution-communiation > b:first-child:is(.dark *), .institution-detail-row > .organisation > b:first-child:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .institution-detail-row > .organisation{ margin-bottom: 1rem; display: flex; flex-direction: column; } .institution-detail-row > .organisation .organisation{ display: flex; flex-direction: column; } .institution-detail-row > .organisation .organisation > div:first-child > b:first-child{ font-size: 0.97rem; line-height: 1.2rem; } .institution-detail-row .communiation{ margin-bottom: 1rem; display: flex; flex-direction: column; } .institution-detail-row .communiation > div{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; } .institution-detail-row .communiation > div b{ width: 60px; } @media (max-width: 768px) { .institution-detail-row .institution-details, .institution-detail-row .institution-communiation, .institution-detail-row > .organisation{ width: 100%; } } .institution-list{ margin-left: -0.5rem !important; margin-right: -0.5rem !important; margin-top: -1rem !important; margin-bottom: -1rem !important; min-width: 100% !important; } .institution-list .grid-form{ margin-left: -0.25rem; margin-right: -0.25rem; margin-top: 0px; margin-bottom: 0px; } .association-detail-row{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-left: 1rem; padding-right: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(243 244 246 / 0.9); } .association-detail-row:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(31 41 55 / 0.5); } .association-detail-row .association-details, .association-detail-row .association-communiation, .association-detail-row .association-institutions{ margin-bottom: 0.5rem; display: flex; width: 33.333%; flex-direction: column; padding-left: 0.5rem; padding-right: 0.5rem; } .association-detail-row .association-details > b:first-child, .association-detail-row .association-details > div:first-child, .association-detail-row .association-communiation > b:first-child, .association-detail-row .association-communiation > div:first-child, .association-detail-row .association-institutions > b:first-child, .association-detail-row .association-institutions > div:first-child{ margin-bottom: 0.375rem; font-size: 20px; line-height: 28px; } .association-detail-row .association-institutions > b:first-child{ margin-top: 1rem; margin-bottom: 1rem; display: block; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; } .association-detail-row .association-institutions > b:first-child:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .association-detail-row .association-institutions > b:first-child{ border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .association-detail-row .association-institutions > b:first-child:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .association-detail-row .association-institutions{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; } .association-detail-row .association-institutions .institution{ margin-bottom: 1rem; display: flex; width: 25%; flex-direction: column; font-size: 0.875rem; line-height: 1rem; } .association-detail-row .association-institutions .institution > div:first-child > b:first-child{ font-size: 0.97rem; line-height: 1.2rem; } .association-detail-row .communiation{ display: flex; flex-direction: column; } .association-detail-row .communiation > div{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; } .association-detail-row .communiation > div b{ width: 60px; } @media (max-width: 768px) { .association-detail-row .association-details, .association-detail-row .association-communiation, .association-detail-row .association-institutions, .association-detail-row .association-institutions .institution{ width: 100%; } } @keyframes hightlight-source-text { from{ background-color: transparent; color: inherit; } to { background-color: #ff6227; color: #fff; } } .page-requests .institution{ font-size: 0.875rem; line-height: 1rem; } .page-requests .holder{ font-size: 0.65rem; line-height: 0.7rem; } .page-requests [rel=col-question]{ font-size: 0.875rem; line-height: 1rem; } .page-requests [rel=col-question] .question-col{ position: relative; display: flex; flex-direction: row; align-items: flex-start; } .page-requests [rel=col-question] .question-col .question-label{ flex: 1 1 auto; } .page-requests [rel=col-question] .question-col .question-infos{ max-width: 150px; margin-right: 1rem; margin-left: 0.5rem; display: inline-flex; flex-direction: row; flex-wrap: nowrap; border-radius: 0.25rem; background-color: rgb(209 213 219 / 0.5); } .page-requests [rel=col-question] .question-col .question-infos:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .page-requests [rel=col-question] .question-col .question-infos .icon-wrap{ display: flex; cursor: help; flex-direction: row; align-items: center; justify-content: center; padding: 0.25rem; } .page-requests [rel=col-question] .question-col .question-infos .icon-wrap svg{ height: 18px; width: 18px; } .page-requests [rel=col-question] .answer-label{ margin-top: 1rem; width: 100%; font-size: 0.875rem; line-height: 1rem; } .page-requests [rel=col-subjects] .subjects{ display: flex; flex-direction: column; flex-wrap: wrap; } .page-requests [rel=col-subjects] .subjects span{ margin-bottom: 0.125rem; display: inline-block; border-radius: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; } .page-requests [rel=col-subjects] .subjects span:before { content: "•"; margin-right: 0.125rem; } .page-requests [rel=col-id] .text-small{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-requests [rel=col-id] .text-small:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .question-answer-templates .alert{ padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .question-answer-templates .alert p{ margin-bottom: 0px; } .question-answer-templates .answer_template pre{ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.97rem; line-height: 1.2rem; font-weight: 400; } .question-answer-templates .answer_letter{ margin-top: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .question-answer-templates .answer_letter:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .question-answer-templates .answer_mail{ margin-top: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .question-answer-templates .answer_mail:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .request-details-modal .modal-body{ padding: 0px; } .request-details-modal .old-activity-warning{ margin-left: 1rem; margin-right: 1rem; margin-top: 0.75rem; margin-bottom: 0.75rem; width: auto; } .request-details-modal .requests-details{ display: flex; flex-direction: column; } .request-details-modal .requests-details-content-container{ display: flex; width: 100%; flex-direction: row; padding: 0.5rem; } .request-details-modal .requests-details-content-container .content-pos{ margin: 0.5rem; flex: 1 1 auto; padding: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .request-details-modal .requests-details-content-container .content-pos:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .request-details-modal .requests-details-content-container .content-pos .question{ margin-bottom: 0.5rem; } .request-details-modal .requests-details-content-container .content-pos .question pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .request-details-modal .requests-details-content-container .content-pos .answer{ margin-top: 1.5rem; } .request-details-modal .requests-details-content-container .content-pos .answer pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .request-details-modal .requests-details-content-container .side-pos{ position: relative; margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem; margin-right: 0.5rem; height: 100%; width: 25%; min-width: 25%; padding: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .request-details-modal .requests-details-content-container .side-pos:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .request-details-modal .requests-details-content-container .side-pos .side-pos-tools{ margin-bottom: 0.5rem; } .request-details-modal .requests-details-content-container .side-pos .message-submit{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .request-details-modal .requests-details-content-container .side-pos .mediums, .request-details-modal .requests-details-content-container .side-pos .keywords, .request-details-modal .requests-details-content-container .side-pos .subjects, .request-details-modal .requests-details-content-container .side-pos .links, .request-details-modal .requests-details-content-container .side-pos .literatures, .request-details-modal .requests-details-content-container .side-pos .requests, .request-details-modal .requests-details-content-container .side-pos .customsources, .request-details-modal .requests-details-content-container .side-pos .state{ margin-bottom: 1rem; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child{ font-size: 0.875rem; line-height: 1rem; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source]{ display: flex; flex-direction: row; align-items: flex-start; padding-top: 0.25rem; padding-bottom: 0.25rem; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source] a{ display: inline-block; flex: 1 1 auto; word-break: break-all; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source] .s{ display: inline-block; flex: 1 1 auto; word-break: break-all; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source] .key{ margin-right: 0.25rem; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source a, .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source span, .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source div { animation-name: hightlight-source-text; animation-duration: 0.25s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: ease; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child > .customsource{ margin-bottom: 0.25rem; display: flex; flex-direction: row; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child > .customsource .old-placeholder{ margin-right: 0.125rem; width: 32px; min-width: 32px; text-align: center; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child > .customsource > div:not(.old-placeholder){ flex: 1 1 auto; word-break: break-all; } .request-details-modal .requests-details-content-container .side-pos .customsources > div:last-child > .customsource > div:not(.old-placeholder) a{ word-break: break-all; } .request-details-modal .requests-details-content-container .side-pos .subjects > div:last-child{ display: flex; flex-direction: column; flex-wrap: wrap; } .request-details-modal .requests-details-content-container .side-pos .subjects > div:last-child span{ margin-bottom: 0.125rem; display: inline-block; border-radius: 0.25rem; } .request-details-modal .requests-details-content-container .side-pos .subjects > div:last-child span:before { content: "•"; margin-right: 0.125rem; } .request-details-modal .requests-details-content-container .side-pos .requests > div:last-child{ display: flex; flex-direction: row; } .request-details-modal .requests-details-content-container .side-pos .requests > div:last-child > span:first-of-type{ margin-right: 0.5rem; display: inline-block; } .request-details-modal.write-message .requests-details-content-container .side-pos{ position: sticky; top: 0px; } .requests-details .requests-details-content{ position: relative; z-index: 50; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding: 0px; } .requests-details .requests-details-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .requests-details .requests-details-content{ padding: 0.5rem; } .requests-details .requests-details-content h1{ margin-bottom: 0.75rem; font-size: 24px; line-height: 32px; font-weight: 700; } .requests-details .requests-details-content .answer{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .requests-details .requests-details-content .requests-details-content-container{ display: flex; flex-direction: row; } .requests-details .requests-details-content .requests-details-content-container .content-pos{ margin: 0.5rem; flex: 1 1 auto; padding: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .requests-details .requests-details-content .requests-details-content-container .content-pos:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .requests-details .requests-details-content .requests-details-content-container .content-pos .question{ margin-bottom: 0.5rem; } .requests-details .requests-details-content .requests-details-content-container .content-pos .question pre{ white-space: pre-wrap; } .requests-details .requests-details-content .requests-details-content-container .content-pos .answer{ margin-top: 1.5rem; } .requests-details .requests-details-content .requests-details-content-container .content-pos .answer pre{ white-space: pre-wrap; } .requests-details .requests-details-content .requests-details-content-container .side-pos{ margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem; margin-right: 0.5rem; height: 100%; width: 25%; min-width: 25%; padding: 0.5rem; position: relative; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .requests-details .requests-details-content .requests-details-content-container .side-pos:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .requests-details .requests-details-content .requests-details-content-container .side-pos .mediums, .requests-details .requests-details-content .requests-details-content-container .side-pos .keywords, .requests-details .requests-details-content .requests-details-content-container .side-pos .subjects, .requests-details .requests-details-content .requests-details-content-container .side-pos .links, .requests-details .requests-details-content .requests-details-content-container .side-pos .literatures, .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources{ margin-bottom: 1rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos .subjects div:last-child{ display: flex; flex-direction: column; flex-wrap: wrap; } .requests-details .requests-details-content .requests-details-content-container .side-pos .subjects div:last-child span{ margin-bottom: 0.125rem; display: inline-block; border-radius: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos .subjects div:last-child span:before { content: "•"; margin-right: 0.125rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child{ font-size: 0.875rem; line-height: 1rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source] a{ word-break: break-all; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source] .s{ white-space: pre-wrap; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source] .key{ margin-right: 0.25rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source a, .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source span, .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child [data-source].hightlight-source div { animation-name: hightlight-source-text; animation-duration: 0.25s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: ease; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child > .customsource{ margin-bottom: 0.25rem; display: flex; flex-direction: row; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child > .customsource .old-placeholder{ margin-right: 0.125rem; width: 32px; min-width: 32px; text-align: center; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child > .customsource > div:not(.old-placeholder){ flex: 1 1 auto; word-break: break-all; } .requests-details .requests-details-content .requests-details-content-container .side-pos .customsources > div:last-child > .customsource > div:not(.old-placeholder) a{ word-break: break-all; } .requests-details .requests-details-footer{ display: flex; height: 44px; min-height: 44px; flex-direction: row; align-items: center; justify-content: flex-end; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; } .requests-details .requests-details-footer:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .requests-details .requests-details-footer{ border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .requests-details .requests-details-footer:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } @media (max-width: 1024px) { .request-details-modal .requests-details-content-container{ flex-direction: column; } .request-details-modal .requests-details-content-container .content-pos{ margin: 0px; height: auto; width: 100%; padding: 0.5rem; } .request-details-modal .requests-details-content-container .side-pos{ margin: 0px; margin-top: 1rem; height: auto; width: 100%; padding: 0.5rem; } } [class*=page-requests] .inner-wrapper > .tab-content > .alert{ margin-bottom: 1rem; } [class*=page-requests-edit] .form-wrapper .tab-pane.contains-data-table{ height: 100%; overflow: visible; padding: 0px; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list{ flex: 1 1 auto; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list > .grid-toolbar{ margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -1rem; width: auto; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list .form-wrapper .inner-wrapper{ overflow-x: hidden; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list .inner-wrapper.data-table{ margin-left: -0px; margin-right: -0px; width: auto; overflow: unset; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list .inner-wrapper.data-table .grid-form{ margin: 0px; margin-top: 1rem; margin-bottom: 1rem; padding: 0px; } [class*=page-requests-edit] .form-wrapper .tab-pane .opinions-list .grid-footer-wrapper{ margin: 0px; margin-left: -0.75rem; margin-right: -0.75rem; width: auto; } .page-subjects .grid-data [rel=col-title] .text-small{ font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-subjects .grid-data [rel=col-title] .text-small:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .my-proofreading-question .question{ position: relative; } .my-proofreading-question .question pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.97rem; line-height: 1.2rem; } .my-proofreading .question, .my-proofreading .answer{ position: relative; } .my-proofreading .question b, .my-proofreading .answer b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .my-proofreading .question b:is(.dark *), .my-proofreading .answer b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .my-proofreading .question pre, .my-proofreading .answer pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.97rem; line-height: 1.2rem; } .my-proofreading .form-section-content{ padding-top: 0.25rem; } .my-proofreading .answer .btn{ position: absolute; right: 0px; top: -2.5rem; z-index: 10; } .my-proofreading-answer{ position: relative; margin-top: -1px; padding-bottom: 0px; } .my-proofreading-answer .form-section-content{ padding-bottom: 0px; } .my-proofreading-answer .form-field{ margin: 0px; } .my-proofreading-answer textarea{ margin: 0px; margin-left: -1px; margin-right: -1px; width: auto; padding-left: 0.75rem; padding-right: 0.75rem; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.97rem; line-height: 1.2rem; } .diff-header{ position: relative; margin-bottom: 0.25rem; margin-top: 0.5rem; display: flex; flex-direction: row; align-items: center; } .diff-header .btn.active{ --tw-bg-opacity: 0.7; } .diff-header .btn-group{ margin-right: 0.5rem; } .diff-header .select-wrap{ flex: 1 1 auto; } .diff-header-dummy{ display: block; height: 30px; width: 100%; } .pre-text-diff{ min-height: 34px; width: 100%; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.97rem; line-height: 1.2rem; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .pre-text-diff:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.9; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .pre-text-diff{ white-space: pre; font-size: 0.97rem; line-height: 1.2rem; overflow-wrap: break-word; white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .pre-text-diff .c-red{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .pre-text-diff .c-red:empty:before { content: " "; } .pre-text-diff .c-red.as-newline{ display: block; } .pre-text-diff .c-red.as-newline-begin-end{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: block; } .pre-text-diff .c-red.as-newline-end{ display: block; } .pre-text-diff .c-red.as-newline-begin{ display: block; } .pre-text-diff .c-green{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .pre-text-diff .c-green.as-newline-begin-end{ display: block; } .pre-text-diff .c-green.as-newline-end{ display: block; } .pre-text-diff .c-green.as-newline-begin{ display: block; } .pre-text-diff pre, .pre-text-diff code{ white-space: pre; font-size: 0.97rem; line-height: 1.2rem; overflow-wrap: break-word; white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .pre-text-diff > span { text-wrap: wrap; white-space-collapse: preserve; } .page-proofreading [rel=col-institution] .institution, .page-proofreading [rel=col-institution] .holder{ font-size: 0.875rem; line-height: 1rem; } .page-proofreading [rel=col-created_at] .user{ font-size: 0.875rem; line-height: 1rem; } [class*=page-proofreading-my-entry-edit] .col-md-5:first-of-type .form-fields-section, [class*=page-proofreading-edit] .col-md-5:first-of-type .form-fields-section{ position: sticky; top: 1rem; } [class*=page-proofreading-my-entry-edit] .answer-tree, [class*=page-proofreading-edit] .answer-tree{ display: inline-block; height: 60%; max-height: 60%; width: 100%; overflow-y: auto; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry{ margin-bottom: 0.5rem; display: flex; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry:is(.dark *), [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .header, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .header{ display: flex; flex-direction: row; align-items: stretch; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .header:is(.dark *), [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .header:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .answer-item-entry-toolbar, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .answer-item-entry-toolbar{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .title, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .title{ max-width: 50%; font-weight: 700; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .createdat, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .createdat{ flex: 1 1 auto; text-align: right; font-size: 0.875rem; line-height: 1rem; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .author, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .author{ flex: 1 1 auto; text-align: right; font-size: 0.65rem; line-height: 0.7rem; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .message, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .message{ padding: 0.5rem; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry .message pre, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry .message pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry.will-edit, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry.will-edit{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry.will-edit:is(.dark *), [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry.will-edit:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry.will-edit .header, [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry.will-edit .header{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-item .answer-item-entry.will-edit .header:is(.dark *), [class*=page-proofreading-edit] .answer-tree .answer-item .answer-item-entry.will-edit .header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-children, [class*=page-proofreading-edit] .answer-tree .answer-children{ margin-left: 1.5rem; display: inline-block; padding-right: 0px; } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-children .answer-item .answer-item-entry, [class*=page-proofreading-edit] .answer-tree .answer-children .answer-item .answer-item-entry{ border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-color: rgb(209 213 219 / 0.4); } [class*=page-proofreading-my-entry-edit] .answer-tree .answer-children .answer-item .answer-item-entry:is(.dark *), [class*=page-proofreading-edit] .answer-tree .answer-children .answer-item .answer-item-entry:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .institution b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .institution b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .keywords{ margin-top: 1rem; margin-bottom: 1rem; } .proofreading-question-info .keywords b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .keywords b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .question, .proofreading-question-info .answer{ margin-bottom: 1rem; } .proofreading-question-info .question b, .proofreading-question-info .answer b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .question b:is(.dark *), .proofreading-question-info .answer b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .question pre, .proofreading-question-info .answer pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .proofreading-question-info .subjects{ margin-top: 1rem; } .proofreading-question-info .subjects b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .subjects b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .subjects .subjects-list span{ margin-right: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .proofreading-question-info .mediums{ margin-bottom: 0.5rem; } .proofreading-question-info .mediums b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .mediums b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .mediums .mediums-list span{ margin-right: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .proofreading-question-info .sources{ margin-bottom: 0.5rem; } .proofreading-question-info .sources b{ margin-bottom: 0.25rem; display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-bottom: 0.25rem; } .proofreading-question-info .sources b:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .proofreading-question-info .sources pre{ white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .form-fields-section.sources-items > .form-section-content{ padding: 0px; } .form-fields-section.sources-items > .form-section-content .add-source-buttons{ margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .form-fields-section.sources{ position: sticky; top: 0px; } .source-options{ margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 3rem !important; max-width: 100% !important; overflow: hidden !important; border-width: 0px !important; } .source-options:last-of-type{ margin-bottom: 0px !important; } .source-options > .form-section-content{ padding: 0px; } .source-options .array-items{ display: flex; width: 100%; flex-direction: column; } .source-options .array-items .array-empty{ padding: 0.5rem; text-align: center; font-style: italic; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .source-options .array-items .array-empty:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .source-options .array-items .array-item{ display: flex; width: 100%; flex-direction: column; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .source-options .array-items .array-item .array-header{ display: flex; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; justify-content: stretch; padding: 0px; } .source-options .array-items .array-item .array-header .drag-handler{ display: flex; min-width: 24px; cursor: move; flex-direction: row; align-items: center; justify-content: center; padding-left: 0.25rem; padding-right: 0.25rem; } .source-options .array-items .array-item .array-header .arrow{ min-width: 24px; cursor: pointer; padding-left: 0.25rem; padding-right: 0.25rem; } .source-options .array-items .array-item .array-header .arrow svg{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .source-options .array-items .array-item .array-header .placeholder{ min-width: 20px; padding-right: 0.25rem; text-align: right; font-size: 0.875rem; line-height: 1rem; } .source-options .array-items .array-item .array-header .title{ flex: 1 1 auto; cursor: pointer; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1rem; } .source-options .array-items .array-item .array-header .title > div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .source-options .array-items .array-item .array-header .remove-btn{ cursor: pointer; padding-top: 0.5rem; padding-bottom: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item .array-header .remove-btn:hover{ background-color: rgb(209 213 219 / 0.6); } .source-options .array-items .array-item .array-header .remove-btn:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item .array-header .remove-btn:hover:is(.dark *){ background-color: rgb(31 41 55 / 0.7); } .source-options .array-items .array-item .array-header .remove-btn{ margin-left: 0.25rem; margin-right: 0.25rem; display: flex; height: 100%; width: 30px; min-width: 30px; flex-direction: row; align-items: center; justify-content: center; } .source-options .array-items .array-item .array-header .remove-btn.disabled{ cursor: not-allowed; opacity: 0.7; } .source-options .array-items .array-item.open .array-header .arrow svg{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .source-options .array-items .array-item:not(.open) .array-content{ display: none; } .source-options .array-items .array-item .array-content .form-field{ margin-bottom: 1rem !important; } .source-options .array-items .array-item .array-content .file-control{ display: flex; flex-direction: row; } .source-options .array-items .array-item .array-content .file-control .file-field-container{ flex: 1 1 auto; } .source-options .array-items .array-item .array-content .file-control .file-field-container .upload-control .btn{ width: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .source-options .array-items .array-item .array-content .file-control .opt-buttons{ display: inline-flex; flex: none; } .source-options .array-items .array-item:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item:nth-of-type(even):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item:nth-of-type(odd):is(.dark *){ background-color: rgb(31 41 55 / 0.8); } .source-options .array-items .array-item:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .source-options .array-items .array-item:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .source-options .array-items .array-item > div{ padding: 0.5rem; } .source-options .array-items .array-item .opt-buttons{ margin-top: 1.5rem; display: inline-flex; flex: 1 1 auto; flex-direction: row; align-items: flex-start; padding-left: 0.25rem; padding-right: 0.25rem; } .source-options .array-items .array-item .opt-buttons .icon-wrap{ margin: 0px; } .source-options .array-items .array-item .remove{ display: flex; height: 40px; width: 40px; min-width: 40px; flex-direction: row; align-items: center; justify-items: center; } .source-options .array-items .array-item .remove.disabled{ display: none; } .source-options .array-items .array-item .remove .icon-wrap{ margin: 0px; margin-top: 3.5rem; display: flex; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; border-radius: 0.25rem; padding: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .source-options .array-items .array-item .remove .icon-wrap:hover{ background-color: rgb(209 213 219 / 0.8); } .source-options .array-items .array-item .remove .icon-wrap:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .source-options .array-items .array-item .remove .icon-wrap:hover:is(.dark *){ background-color: rgb(31 41 55 / 0.7); } .source-options .array-items .array-item .remove .icon-wrap.disabled{ cursor: not-allowed; opacity: 0.7; } .source-options .array-items .array-item .item-details{ padding-top: 2rem; } .source-options .array-items .array-item .item-details .icon-wrap{ margin: 0px; } .source-options .array-items .array-item .source-fields{ display: flex; flex: 1 1 auto; flex-direction: column; padding-right: 0.5rem; } .source-options .array-items .array-item .source-fields .form-field{ margin: 0px; width: 100%; padding: 0px; } .source-options .array-items .array-item .source-fields .form-field textarea{ width: 100%; } .source-options .array-items .array-item .source-fields .placeholder-medium{ display: flex; flex-direction: row; align-items: center; } .source-options .array-items .array-item .source-fields .placeholder-medium .form-field:first-child{ margin-right: 0.5rem; width: 100px; } .source-options .array-items .array-item #field-container-usage_status{ margin-top: 0.125rem; } .source-options .array-items .array-item #field-sourceable{ flex: 1 1 auto; } .source-options .array-items .array-item #field-sourceable .vs__selected { line-height: normal; } .source-options .array-items .array-item #field-sourceable .vs__selected > div{ display: flex; flex-direction: row; align-items: center; } .source-options .array-items .array-item #field-sourceable .vs__selected > div > small{ margin-left: 1rem; } .source-options .array-items.disabled .array-item{ padding-left: 0.25rem; padding-right: 0.25rem; } .source-options.source-files .array-items .array-item #field-container-usage_status{ width: 600px; } .source-options .array-add{ display: flex; min-height: 40px; flex-direction: row; padding: 0.5rem; } .source-links .array-items .array-item > .form-field{ margin: 0px !important; padding: 0.25rem !important; } .source-links .array-items .array-item #field-container-sourceable{ overflow: hidden; } .source-links .array-items .array-item #field-container-usage_status{ width: auto; flex: 1 1 auto; overflow: hidden; } .detail-entries{ display: flex; flex-direction: column; } .detail-entries .entrie{ display: flex; flex-direction: row; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .detail-entries .entrie > div:first-child{ width: 200px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; } .detail-entries .entrie > div:last-child{ flex: 1 1 auto; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .detail-entries .entrie:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .detail-entries .entrie:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .detail-entries .entrie:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .detail-entries .entrie:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .detail-entries .entrie:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .detail-entries .entrie:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .message-modal-in-request .message .sender{ width: 100% !important; } @media (max-width: 768px) { .requests-details .requests-details-content{ position: relative; z-index: 50; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding: 0px; } .requests-details .requests-details-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .requests-details .requests-details-content .requests-details-content-container{ display: flex; flex-direction: column; padding-bottom: 1rem; } .requests-details .requests-details-content .requests-details-content-container .content-pos{ margin-right: 0.5rem; flex: none; padding: 0.5rem; } .requests-details .requests-details-content .requests-details-content-container .side-pos{ margin-bottom: 1rem; height: auto; width: 100%; min-width: 400px; } } .literature-analyse{ overflow-y: auto; height: 100%; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .literature-analyse-filters .form-fields-section.analyse-filters{ width: 100%; } .literature-analyse-filters .form-fields-section.analyse-filters .form-section-content{ display: flex; width: 100%; flex-direction: row; padding-left: 0px; padding-right: 0px; } .literature-analyse-filters .form-fields-section.analyse-filters .form-section-content > div:first-of-type{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; } .literature-analyse-filters .form-fields-section.analyse-filters .form-section-content > div:last-of-type{ margin-top: 0.75rem; margin-bottom: 0.75rem; margin-top: 0px; padding-left: 0.75rem; padding-right: 0.75rem; } .literature-analyse-results .content-tabs{ margin-bottom: 1rem; width: 100%; border-width: 1px; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .literature-analyse-results .content-tabs:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .literature-analyse-results .content-tabs ul, .literature-analyse-results .content-tabs li{ margin: 0px; list-style-type: none; padding: 0px; } .literature-analyse-results .content-tabs ul{ display: flex; flex-direction: row; flex-wrap: nowrap; } .literature-analyse-results .content-tabs li{ margin-right: 0.25rem; cursor: pointer; border-radius: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.125rem; padding-bottom: 0.125rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .literature-analyse-results .content-tabs li.active{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .literature-analyse-results .content-tabs li:hover:not(.active){ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .literature-analyse-results .tab-content .tab-pane{ display: none; } .literature-analyse-results .tab-content .tab-pane.active{ display: block; } .literature-analyse-results .grid-form{ margin-left: 0px; margin-right: 0px; } .literature-analyse-results table th, .literature-analyse-results table td{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .literature-analyse-results table tbody tr td:first-of-type{ font-weight: 700; } .literature-analyse-results table th:first-of-type { width: 350px; } .literature-analyse-results .grid-form .grid-container-outer .table .grid-header, .literature-analyse-results .grid-form .grid-container-outer .table thead, .literature-analyse-results .grid-form .grid-container-outer table .grid-header, .literature-analyse-results .grid-form .grid-container-outer table thead{ top: -1.25rem; } .literature-analyse-results .grid-form .grid-container-outer .table .grid-header:is(.dark *), .literature-analyse-results .grid-form .grid-container-outer .table thead:is(.dark *), .literature-analyse-results .grid-form .grid-container-outer table .grid-header:is(.dark *), .literature-analyse-results .grid-form .grid-container-outer table thead:is(.dark *){ --tw-bg-opacity: 0.95; } .literature-analyse-results table > thead > tr > th:last-of-type, .literature-analyse-results table > thead > tr > td:last-of-type, .literature-analyse-results table > tbody > tr > th:last-of-type, .literature-analyse-results table > tbody > tr > td:last-of-type{ width: auto; } .literature-analyse-results table > tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .literature-analyse-results table > tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .literature-analyse-results table > tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .literature-analyse-results table > tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .literature-analyse-results table > tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .literature-analyse-results table > tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .literature-analyse-results table > tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .literature-analyse-results table > tbody tr > td{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; } .literature-analyse-results table > tbody tr > td:is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.7; } .literature-analyse-results table > tbody tr > td:not(:first-child) .text-small{ font-size: 0.875rem; line-height: 1rem; } .literature-analyse-results table > tbody tr > td:not(:first-child) .text-small div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .literature-analyse-results .detail-view-mode .form-section-label{ position: sticky; top: -1rem; z-index: 20; } .literature-analyse-results .detail-view-mode .form-section-content{ padding: 0px; } .literature-analyse-results .detail-view-mode .form-section-content table{ margin: 0px !important; border-radius: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .literature-analyse-results .detail-view-mode .form-section-content table tr, .literature-analyse-results .detail-view-mode .form-section-content table tr > td, .literature-analyse-results .detail-view-mode .form-section-content table tr > th{ border-radius: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .literature-analyse-results .detail-view-mode .form-section-content table thead{ position: sticky !important; top: 1rem !important; z-index: 20 !important; } .literature-analyse-results .detail-view-mode .form-section-content table thead th[class*=text-center]:not(:last-of-type) div{ justify-content: flex-end !important; } .literature-analyse-results .detail-view-mode .form-section-content table tbody tr td:not(:last-of-type) div{ text-align: right !important; } .literature-analyse-results .detail-view-mode .form-section-content table tbody tr td:last-of-type div{ text-align: left !important; } .literature-analyse-results .detail-view-mode .form-section-content table tbody tr td .xs{ font-size: 0.65rem; line-height: 0.7rem; } .literature-analyse-results .detail-view-mode table > thead > tr:not(.table-label) > th:last-of-type{ width: auto; } @media (min-width: 1024px) { .literature-analyse table thead tr > th:not(:first-child):not(:last-child){ width: 100px; min-width: 70px; max-width: 100px; } .literature-analyse table thead tr > th:not(:first-child):not(:last-child) > div{ min-width: 70px; max-width: 100px; } } @media (max-width: 1024px) { .literature-analyse{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; } .literature-analyse .detail-view-mode .form-section-label{ position: sticky; top: -1rem; z-index: 20; } .literature-analyse .detail-view-mode .form-section-content{ padding: 0.5rem; } .literature-analyse table th, .literature-analyse table td{ padding-left: 0px !important; padding-right: 0px !important; } .literature-analyse table tr{ position: relative; } .literature-analyse table tr td{ width: 100% !important; min-width: 0px !important; max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .literature-analyse table tr td:first-of-type{ position: sticky; top: 0px; } .literature-analyse table tr td:not(:first-child){ font-size: 0.875rem; line-height: 1rem; } .literature-analyse table tr td:not(:first-child) .text-small{ font-size: 0.875rem !important; line-height: 1rem !important; } .literature-analyse table tr td > div{ display: flex; flex-direction: row; } .literature-analyse table tr td > div > div{ margin-right: 0.75rem; } } .grid-container .links-label .link-description{ font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .grid-container .links-label .link-description:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .grid-container .links-label .link{ word-break: break-all; font-size: 0.65rem; line-height: 0.7rem; } :root { --progressPatternRepeatWidth: 5; --progressStripeWidth: calc(var(--progressPatternRepeatWidth) * 1px); } @keyframes progress-slide { from { background-position-x: 0; } to { background-position-x: calc(1px * sqrt(2 * pow(var(--progressPatternRepeatWidth), 2))); } } .page-links-check-links{ width: 100%; } .page-links-check-links .alert{ margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 1.5rem; } .page-links-check-links .progress-message{ position: relative; margin-left: 2rem; margin-right: 2rem; margin-top: 1rem; text-align: center; } .page-links-check-links .progress{ position: relative; margin-left: auto; margin-right: auto; margin-top: 5rem; display: flex; height: 1.5rem; min-height: 1.5rem; width: 350px; flex-direction: column; align-items: center; overflow: hidden; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); margin-top: 20px; } .page-links-check-links .progress:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .page-links-check-links .progress .back{ height: 1.5rem; --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); font-size: 0.65rem; line-height: 0.7rem; font-weight: 600; display: flex; justify-content: center; align-items: center; width: 100%; color: white; text-shadow: 0 1px #000; padding-top: 2px; will-change: background-position; } .page-links-check-links .progress:not(.done) .back { background-image: repeating-linear-gradient(45deg, transparent, transparent calc(var(--progressStripeWidth) / 2), #3b82f6 calc(var(--progressStripeWidth) / 2), #3b82f6 var(--progressStripeWidth)); animation: progress-slide 0.3s linear infinite; } .page-links-check-links .progress .front{ height: 1.5rem; position: absolute; display: flex; justify-content: center; align-items: center; left: 0; right: 0; top: 0; transition: clip-path 1s linear; clip-path: inset(0 0 0 5px); -webkit-clip-path: inset(0 0 0 5px); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); font-size: 0.65rem; line-height: 0.7rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .page-links-check-links .progress .front:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .page-links-check-links .progress.done .back { background-image: none; animation: none; background-color: #3b82f6; } .page-links-check-links .link-error-container{ position: relative; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 1.5rem; margin-bottom: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .page-links-check-links .link-error-container:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .page-links-check-links .link-error-header{ position: sticky; top: -0.125rem; z-index: 50; display: flex; flex-direction: row; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); text-align: left; font-size: 0.65rem; line-height: 0.7rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .page-links-check-links .link-error-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-links-check-links .link-error-header .id{ width: 60px; min-width: 60px; overflow: hidden; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error-header .ti{ width: 60px; min-width: 60px; overflow: hidden; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error-header .t{ flex: 1 1 auto; overflow: hidden; word-break: break-all; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error-header .m{ width: 35%; min-width: 35%; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error{ display: flex; flex-direction: row; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .page-links-check-links .link-error:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .page-links-check-links .link-error:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .page-links-check-links .link-error:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .page-links-check-links .link-error:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .page-links-check-links .link-error:hover{ background-color: rgb(229 231 235 / 0.8); } .page-links-check-links .link-error:hover:is(.dark *){ background-color: rgb(31 41 55 / 0.5); } .page-links-check-links .link-error:not(:last-of-type){ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .page-links-check-links .link-error:not(:last-of-type):is(.dark *){ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); --tw-border-opacity: 0.7; } .page-links-check-links .link-error .id{ width: 60px; min-width: 60px; overflow: hidden; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error .ti{ width: 60px; min-width: 60px; overflow: hidden; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.65rem; line-height: 0.7rem; } .page-links-check-links .link-error .t{ flex: 1 1 auto; word-break: break-all; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .page-links-check-links .link-error .m{ width: 35%; min-width: 35%; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.875rem; line-height: 1rem; } .page-links-check-links .link-error .m .err-msg{ overflow: hidden; word-break: break-all; } .link-error-modal .item{ margin-bottom: 0.5rem; display: flex; flex-direction: column; } .link-error-modal .item > div:first-child{ font-weight: 600; } .link-error-modal .item > div:last-child{ white-space: pre-wrap; word-break: break-all; } .page-users tbody [rel=col-username] > div{ position: relative; display: flex; flex-direction: row-reverse; align-items: flex-start; } .page-users tbody [rel=col-username] > div .user{ display: flex; flex: 1 1 auto; flex-direction: column; } .page-users tbody [rel=col-username] > div .icon-wrap{ margin-top: 0.25rem; margin-right: 0.5rem; width: 18px; } .user-detail-row{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-left: 1rem; padding-right: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(243 244 246 / 0.9); } .user-detail-row:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(31 41 55 / 0.5); } .user-detail-row .user-details, .user-detail-row .user-communiation, .user-detail-row .user-institutions{ margin-bottom: 1.5rem; display: flex; width: 33.333%; flex-direction: column; padding-left: 0.5rem; padding-right: 0.5rem; } .user-detail-row .user-details > b:first-child, .user-detail-row .user-details > div:first-child, .user-detail-row .user-communiation > b:first-child, .user-detail-row .user-communiation > div:first-child, .user-detail-row .user-institutions > b:first-child, .user-detail-row .user-institutions > div:first-child{ font-size: 20px; line-height: 28px; } .user-detail-row .user-details > b:first-child, .user-detail-row .user-communiation > b:first-child, .user-detail-row .user-institutions > b:first-child{ margin-top: 1rem; margin-bottom: 1rem; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 20px; line-height: 28px; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .user-detail-row .user-details > b:first-child:is(.dark *), .user-detail-row .user-communiation > b:first-child:is(.dark *), .user-detail-row .user-institutions > b:first-child:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .user-detail-row .user-communiation .communiation > div{ display: flex; flex-direction: row; flex-wrap: nowrap; } .user-detail-row .user-communiation .communiation > div > b:first-child{ width: 70px; } .fieldtype-field-api-tokens .alert{ margin-bottom: 1rem; } .fieldtype-field-api-tokens .auth-sec-label, .fieldtype-field-api-tokens .auth-token-label{ font-weight: 700; } .fieldtype-field-api-tokens .auth-token, .fieldtype-field-api-tokens .auth-sec{ margin-bottom: 1rem; } @media (max-width: 768px) { .user-detail-row .user-details, .user-detail-row .user-communiation, .user-detail-row .user-institutions{ width: 100%; } } .page-system-logs .log-details-button{ margin-top: 0.75rem; } .page-system-logs .log-username{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .page-system-logs .log-username .prefix-spacer{ display: flex; width: 70px; min-width: 70px; flex-direction: row; align-items: center; justify-content: flex-end; padding-top: 0.25rem; padding-right: 0.25rem; } .page-system-logs .request-url { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .page-system-logs .request-useragent{ font-size: 0.65rem; line-height: 0.7rem; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .page-system-logs .changes-detail-row{ display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; padding-left: 1rem; padding-right: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); background-color: rgb(243 244 246 / 0.9); } .page-system-logs .changes-detail-row:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); background-color: rgb(31 41 55 / 0.5); } .page-system-logs .changes-detail-row .date{ margin-top: 1rem; margin-bottom: 0.5rem; display: block; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 20px; line-height: 28px; font-weight: 700; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .date:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes{ margin-left: 0px; margin-right: 0px; margin-top: 1rem; margin-bottom: 1rem; display: flex; width: 100%; flex-direction: column; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed-header{ display: flex; flex-direction: row; align-items: center; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.65rem; line-height: 0.7rem; font-weight: 700; text-transform: uppercase; } .page-system-logs .changes-detail-row .changes .changed-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed-header{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed-header:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed-header .fieldname{ min-width: 200px; } .page-system-logs .changes-detail-row .changes .changed-header .old_value, .page-system-logs .changes-detail-row .changes .changed-header .new_value { width: calc(100% - 180px); } .page-system-logs .changes-detail-row .changes .changed{ display: flex; flex-direction: row; align-items: center; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } .page-system-logs .changes-detail-row .changes .changed:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; } .page-system-logs .changes-detail-row .changes .changed:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed:nth-of-type(odd):is(.dark *){ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.3; } .page-system-logs .changes-detail-row .changes .changed:not(:last-of-type){ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed:not(:last-of-type):is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.7; } .page-system-logs .changes-detail-row .changes .changed:hover:is(.dark *){ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.6; } .page-system-logs .changes-detail-row .changes .changed pre{ white-space: pre-wrap; } .page-system-logs .changes-detail-row .changes .changed .fieldname{ width: 200px; min-width: 200px; max-width: 200px; } .page-system-logs .changes-detail-row .changes .changed .fieldname .field-label{ font-weight: 700; line-height: normal; } .page-system-logs .changes-detail-row .changes .changed .fieldname .field-name{ font-size: 0.65rem; line-height: 0.7rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed .fieldname .field-name:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .page-system-logs .changes-detail-row .changes .changed .fieldname .field-name { line-height: normal; } .page-system-logs .changes-detail-row .changes .changed .old_value, .page-system-logs .changes-detail-row .changes .changed .new_value { width: calc(100% - 180px); font-size: 0.875rem; line-height: 1rem; } .page-system-logs .changes-detail-row .changes .changed .old_value { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .page-system-logs .changes-detail-row .changes .changed .new_value { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .page-system-logs .changes-detail-row .empty{ padding: 0.5rem; } .log-details-modal .base-infos{ display: flex; flex-direction: column; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding: 0.5rem; } .log-details-modal .base-infos:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .log-details-modal .base-infos > div{ display: flex; flex-direction: row; align-items: center; } .log-details-modal .base-infos > div > div:first-child{ min-width: 140px; font-weight: 600; } .log-details-modal .base-infos > div > div:last-child{ flex: 1 1 auto; } .log-details-modal .base-infos > div > div:last-child span{ word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.875rem; line-height: 1rem; } .log-details-modal .request-data{ margin-top: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding: 0.5rem; } .log-details-modal .request-data:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .log-details-modal .request-data > div:first-child{ margin-bottom: 0.25rem; width: 100%; font-weight: 600; } .log-details-modal .request-data .log-key{ font-weight: 600; } .log-details-modal .request-data .log-key:not(:first-of-type){ margin-top: 0.5rem; } .log-details-modal .request-data .log-value pre{ white-space: pre-wrap; word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.875rem; line-height: 1rem; } @media (max-width: 768px) { .log-details-modal .base-infos > div{ display: flex; flex-direction: column; align-items: flex-start; } .log-details-modal .base-infos > div:not(:last-child){ margin-bottom: 0.25rem; } } .page-system-info .php-infos{ display: flex; width: 100%; flex-direction: column; } .page-system-info .php-infos > div > h4{ font-size: 20px !important; line-height: 28px !important; font-weight: 700 !important; --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .page-system-info .php-infos > div > h4:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .page-system-info .php-infos > div:not(:first-of-type) > h4{ margin-top: 1.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .page-system-info .php-infos table{ width: 100%; table-layout: fixed; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .page-system-info .php-infos table tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .page-system-info .php-infos table tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .page-system-info .php-infos table tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .page-system-info .php-infos table tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .page-system-info .php-infos table tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .page-system-info .php-infos table tr:nth-of-type(even):hover, .page-system-info .php-infos table tr:nth-of-type(odd):hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .page-system-info .php-infos table tr:nth-of-type(even):hover:is(.dark *), .page-system-info .php-infos table tr:nth-of-type(odd):hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .page-system-info .php-infos table tr td, .page-system-info .php-infos table tr th{ text-align: left; } .page-system-info .php-infos table tr th{ width: 350px; min-width: 350px; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.65rem; line-height: 0.7rem; } .page-system-info .php-infos table tr td{ width: auto; text-overflow: ellipsis; white-space: pre-wrap; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.875rem; line-height: 1rem; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; hyphens: auto; } .page-system-subjects .content-container{ position: relative; } .page-system-subjects .content-container .nestable-header{ position: sticky; top: 0px; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); font-size: 0.65rem; line-height: 0.7rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .page-system-subjects .content-container .nestable-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-system-subjects .content-container .nestable-header th{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left; } .page-system-subjects .content-container .nestable-header th:first-child{ padding-left: 80px; } .page-system-subjects .content-container .nestable-tree .label-column{ display: flex; flex-direction: row; align-items: center; } .page-system-subjects .content-container .nestable-tree .label-column .id{ display: flex !important; width: 40px !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding-right: 1rem !important; text-align: right !important; } .page-system-subjects .content-container .nestable-tree .label-column .l{ display: flex !important; flex: 1 1 auto !important; cursor: pointer !important; flex-direction: column !important; line-height: normal; } .page-system-subjects .content-container .nestable-tree .label-column .l .nav_label{ font-size: 0.65rem; line-height: 0.7rem; } .page-system-pages-show .inner-wrapper.pages-content{ padding-left: 10% !important; padding-right: 10% !important; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .page-system-pages-show .inner-wrapper.pages-content > h1{ border-bottom-width: 2px; --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .page-system-pages-show .inner-wrapper.pages-content > h1:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .page-system-pages-show .inner-wrapper.pages-content > .page-content{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding: 1rem; } .page-system-pages-show .inner-wrapper.pages-content > .page-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .page-system-pages-show .inner-wrapper.pages-content h1, .page-system-pages-show .inner-wrapper.pages-content h2, .page-system-pages-show .inner-wrapper.pages-content h3, .page-system-pages-show .inner-wrapper.pages-content h4, .page-system-pages-show .inner-wrapper.pages-content h5, .page-system-pages-show .inner-wrapper.pages-content h6{ display: inline-block; width: 100%; padding: 0px; } .page-system-pages-show .inner-wrapper.pages-content h1{ margin-bottom: 1.5rem; font-size: 24px; line-height: 32px; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h2{ font-size: 24px; line-height: 32px; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h3{ font-size: 20px; line-height: 28px; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h4{ margin-bottom: 0.5rem; font-size: 0.97rem; line-height: 1.2rem; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h5{ font-size: 0.97rem; line-height: 1.2rem; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h6{ font-size: 0.97rem; line-height: 1.2rem; font-weight: 600; } .page-system-pages-show .inner-wrapper.pages-content h2, .page-system-pages-show .inner-wrapper.pages-content h3{ margin-bottom: 1.5rem; } .page-system-pages-show .inner-wrapper.pages-content ul{ margin-top: 1rem; margin-bottom: 1rem; padding-left: 1rem; list-style: inherit; } .page-system-pages-show .inner-wrapper.pages-content ul li{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .page-system-pages-show .inner-wrapper.pages-content ul ul { list-style: circle !important; margin-top: 0px; margin-bottom: 0.25rem; } @media (max-width: 768px) { .page-system-pages-show .inner-wrapper.pages-content{ padding-left: 15px !important; padding-right: 15px !important; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } } .media-container{ display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: auto; } .media-container .grid-data [rel=col-name] .n{ display: flex; flex-direction: row; align-items: center; } .media-container .grid-data [rel=col-name] .n .icon-wrap{ margin-right: 0.375rem; display: flex; min-width: 24px; flex-direction: row; align-items: center; justify-content: center; } .media-container .grid-data [rel=col-name] .n .icon-wrap svg{ height: 22px; width: 22px; } .media-container .grid-data [rel=col-name] .question{ margin-left: 30px; font-size: 0.65rem; line-height: 0.7rem; } .media-container .grid-data [rel=col-name] .question > span{ margin-right: 0.25rem; font-weight: 700; } .media-container .grid-data .vuetable-th-size .label, .media-container .grid-data [rel=col-size] > div{ text-align: center; } .page-messager .fromuser{ font-size: 0.875rem; line-height: 1rem; } .page-messager .frominstitution{ font-size: 0.875rem; line-height: 1rem; } .page-messager .messageable{ font-size: 0.875rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .page-messager .messageable:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .page-messager .grid-pane-container{ display: flex; flex: 1 1 auto; flex-direction: column; } .page-messager .grid-pane-container .data-container{ height: 100%; overflow: hidden; } .page-messager .grid-pane-container .data-container > .inner-wrapper:first-of-type{ height: 100%; } .page-messager .grid-pane-container > .preview{ display: flex; width: 0px; min-width: 0px; flex-direction: column; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); opacity: 0; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .page-messager .grid-pane-container > .preview:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .page-messager .grid-pane-container > .preview{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .page-messager .grid-pane-container > .preview:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .page-messager .grid-pane-container > .preview .toolbar{ border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; } .page-messager .grid-pane-container > .preview .toolbar:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .page-messager .grid-pane-container > .preview .toolbar{ background-color: rgb(209 213 219 / 0.5); } .page-messager .grid-pane-container > .preview .toolbar:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .page-messager .grid-pane-container > .preview .toolbar .from{ font-size: 0.875rem; line-height: 1rem; } .page-messager .grid-pane-container > .preview .toolbar .btn-container > div{ margin-top: 0.25rem; margin-bottom: 0.25rem; display: flex; flex-direction: row; justify-content: space-between; } .page-messager .grid-pane-container > .preview .message-content{ flex: 1 1 auto; overflow-y: auto; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding: 0.5rem; } .page-messager .grid-pane-container > .preview .message-content:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .page-messager .grid-pane-container > .preview .message-content .subject{ font-weight: 600; } .page-messager .grid-pane-container.preview .preview{ position: relative; width: 600px; min-width: 600px; opacity: 1; } .page-messager tbody > tr.odd.system-message:not(:hover), .page-messager .grid-data > tr.odd.system-message:not(:hover), .page-messager tbody > tr.even.system-message:not(:hover), .page-messager .grid-data > tr.even.system-message:not(:hover){ --tw-bg-opacity: 1 !important; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important; } .page-messager tbody > tr.odd.system-message:not(:hover):is(.dark *), .page-messager .grid-data > tr.odd.system-message:not(:hover):is(.dark *), .page-messager tbody > tr.even.system-message:not(:hover):is(.dark *), .page-messager .grid-data > tr.even.system-message:not(:hover):is(.dark *){ background-color: rgb(59 130 246 / 0.2) !important; } .page-system-messager [rel=col-sender]{ font-size: 0.875rem; line-height: 1rem; } .page-system-messager .list-more li.unread{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .page-system-messager .list-more li.unread:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } [data-theme=more-com-data] ul > li > .list-more-item.unread{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } [data-theme=more-com-data] ul > li > .list-more-item.unread:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .show-message-modal .modal-toolbar .info{ margin-left: 0.5rem; margin-right: 0.5rem; margin-top: auto; margin-bottom: auto; display: inline-flex; flex-direction: row; align-items: center; font-size: 0.875rem; line-height: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .show-message-modal .modal-toolbar .info:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1)); } .show-message-modal .message > div:first-child{ margin-top: 1rem; margin-bottom: 1rem; } .show-message-modal .subject{ font-size: 20px; line-height: 28px; font-weight: 600; } .show-message-modal .message .sender{ height: auto; } .show-message-modal .message .sender .frominstitution > div{ font-weight: 600; } .show-message-modal .request-for{ display: flex; flex-direction: row; } .show-message-modal .request-for .side h3, .show-message-modal .request-for .base h3{ font-size: 0.97rem; line-height: 1.2rem; font-weight: 600; } .show-message-modal .request-for .base{ width: 60%; padding-right: 0.5rem; } @media (max-width: 768px){ .show-message-modal .request-for .base{ width: 100%; } } .show-message-modal .request-for .base pre{ margin-bottom: 1rem; white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .show-message-modal .request-for .side{ width: 40%; border-left-width: 1px; padding-left: 0.5rem; } @media (max-width: 768px){ .show-message-modal .request-for .side{ width: 100%; border-left-width: 0px; } } .show-message-modal .request-for .side pre{ margin-bottom: 1rem; white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media (max-width: 768px) { .show-message-modal .request-for{ flex-direction: column; } .show-message-modal .request-for .side, .show-message-modal .request-for .base{ width: 100%; padding: 0px; } } .page-statistic-basic .inner-wrapper .alert, .page-statistic-amino .inner-wrapper .alert{ margin-bottom: 1rem; } .page-statistic-basic .grid-form, .page-statistic-amino .grid-form{ margin: 0px; padding: 0px; } .page-statistic-basic .grid-form th.total, .page-statistic-basic .grid-form th.perc, .page-statistic-basic .grid-form th.avg_answer_time, .page-statistic-basic .grid-form th.sum_answer_time, .page-statistic-amino .grid-form th.total, .page-statistic-amino .grid-form th.perc, .page-statistic-amino .grid-form th.avg_answer_time, .page-statistic-amino .grid-form th.sum_answer_time{ padding-right: 0px !important; text-align: right !important; } .page-statistic-basic .grid-form .total, .page-statistic-basic .grid-form .perc, .page-statistic-basic .grid-form .avg_answer_time, .page-statistic-basic .grid-form .sum_answer_time, .page-statistic-amino .grid-form .total, .page-statistic-amino .grid-form .perc, .page-statistic-amino .grid-form .avg_answer_time, .page-statistic-amino .grid-form .sum_answer_time{ text-align: right !important; } .page-statistic-basic .grid-form .total div, .page-statistic-basic .grid-form .perc div, .page-statistic-basic .grid-form .avg_answer_time div, .page-statistic-basic .grid-form .sum_answer_time div, .page-statistic-amino .grid-form .total div, .page-statistic-amino .grid-form .perc div, .page-statistic-amino .grid-form .avg_answer_time div, .page-statistic-amino .grid-form .sum_answer_time div{ display: block !important; text-align: right !important; } .page-statistic-basic .grid-form tbody tr td:first-of-type, .page-statistic-amino .grid-form tbody tr td:first-of-type{ padding-left: 0.5rem; } .page-statistic-basic .grid-form .sum-row, .page-statistic-amino .grid-form .sum-row{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .page-statistic-basic .grid-form .sum-row:is(.dark *), .page-statistic-amino .grid-form .sum-row:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .page-statistic-basic .grid-form .sum-row td, .page-statistic-amino .grid-form .sum-row td{ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .page-statistic-basic .grid-form .sum-row td:is(.dark *), .page-statistic-amino .grid-form .sum-row td:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .page-statistic-basic .grid-form .sum-row td, .page-statistic-amino .grid-form .sum-row td{ text-align: right !important; font-weight: 600 !important; } .page-statistic-basic .grid-form .grid-header th > div{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .page-statistic-basic .grid-form .grid-header th > div > label{ margin-top: 0.25rem; display: flex; width: 100%; cursor: pointer; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; } .page-statistic-basic .grid-form .grid-header th > div > label input{ margin-right: 0.25rem; } .page-statistic-report-individual-questions .toolbar .total{ margin-top: 0.25rem; } .page-statistic-report-individual-questions .toolbar .total, .page-statistic-report-individual-questions .toolbar .sumTime{ display: flex; width: 100%; flex-direction: row; align-items: center; padding-left: 0.125rem; font-size: 0.875rem; line-height: 1rem; } .page-statistic-report-individual-questions .toolbar .total > span:first-of-type, .page-statistic-report-individual-questions .toolbar .sumTime > span:first-of-type{ width: 200px; } .page-statistic-report-individual-questions .toolbar .total > span:last-of-type, .page-statistic-report-individual-questions .toolbar .sumTime > span:last-of-type{ flex: 1 1 auto; font-weight: 600; } .statistic-amino-new, .statistic-base{ margin-top: 1rem; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .statistic-amino-new:is(.dark *), .statistic-base:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .statistic-amino-new td, .statistic-base td{ border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .statistic-amino-new td:is(.dark *), .statistic-base td:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .statistic-amino-new thead, .statistic-base thead{ position: relative; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .statistic-amino-new thead:is(.dark *), .statistic-base thead:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .statistic-amino-new thead th, .statistic-base thead th{ --tw-border-spacing-x: 1px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: 0px; border-left-width: 1px; border-right-width: 1px; } .statistic-amino-new thead th:is(.dark *), .statistic-base thead th:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); border-right-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-amino-new thead th:last-child, .statistic-base thead th:last-child{ border-left-width: 1px !important; --tw-border-opacity: 1 !important; border-left-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .statistic-amino-new .tc, .statistic-base .tc{ text-align: center; } .statistic-amino-new .tr, .statistic-base .tr{ text-align: right; } .statistic-amino-new .sub-header, .statistic-base .sub-header{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; font-weight: 700 !important; --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .statistic-amino-new .sub-header:is(.dark *), .statistic-base .sub-header:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .statistic-amino-new .sub-header td, .statistic-base .sub-header td{ --tw-border-spacing-x: 1px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: 0px; border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); border-right-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .statistic-amino-new .sub-header td:is(.dark *), .statistic-base .sub-header td:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); border-right-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-amino-new .sub-header .subject, .statistic-base .sub-header .subject{ width: auto !important; border-top-width: 1px !important; border-left-width: 0px !important; --tw-border-opacity: 1 !important; border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .statistic-amino-new .sub-header .subject:is(.dark *), .statistic-base .sub-header .subject:is(.dark *){ --tw-border-opacity: 1 !important; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)) !important; } .statistic-amino-new .sub-header .sum-infostelle, .statistic-amino-new .sub-header .sum-amino, .statistic-base .sub-header .sum-infostelle, .statistic-base .sub-header .sum-amino{ width: 100px; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .statistic-amino-new .sub-header .sum-infostelle:is(.dark *), .statistic-amino-new .sub-header .sum-amino:is(.dark *), .statistic-base .sub-header .sum-infostelle:is(.dark *), .statistic-base .sub-header .sum-amino:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-amino-new .sub-header .percents, .statistic-base .sub-header .percents{ width: 100px; border-top-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .statistic-amino-new .sub-header .percents:is(.dark *), .statistic-base .sub-header .percents:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-amino-new tbody td, .statistic-base tbody td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-amino-new tbody tr, .statistic-base tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .statistic-amino-new tbody tr:nth-of-type(even), .statistic-base tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:nth-of-type(even):is(.dark *), .statistic-base tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-amino-new tbody tr:nth-of-type(odd), .statistic-base tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:nth-of-type(odd):is(.dark *), .statistic-base tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:hover, .statistic-base tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-amino-new tbody tr:hover:is(.dark *), .statistic-base tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .statistic-amino-new tfoot, .statistic-base tfoot{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; font-weight: 700 !important; --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .statistic-amino-new tfoot:is(.dark *), .statistic-base tfoot:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .statistic-amino-new tfoot, .statistic-base tfoot{ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .statistic-amino-new tfoot:is(.dark *), .statistic-base tfoot:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-amino-new tfoot td, .statistic-base tfoot td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-amino-new tfoot td:first-child, .statistic-base tfoot td:first-child{ font-weight: 700; } .statistic-against{ margin-top: 1rem; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .statistic-against:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .statistic-against .tr{ text-align: right; } .statistic-against td, .statistic-against th{ border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .statistic-against td:is(.dark *), .statistic-against th:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .statistic-against thead{ position: relative; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .statistic-against thead:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .statistic-against thead th{ --tw-border-spacing-x: 1px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: 0px; border-left-width: 1px; border-right-width: 1px; text-align: left; } .statistic-against thead th:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); border-right-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-against thead th:last-child{ border-left-width: 1px !important; --tw-border-opacity: 1 !important; border-left-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .statistic-against thead th:last-child:is(.dark *){ --tw-border-opacity: 1 !important; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; } .statistic-against tbody td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-against tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .statistic-against tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .statistic-against tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-against tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .statistic-against tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .statistic-against tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-against tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .statistic-against tfoot{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; font-weight: 700 !important; --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .statistic-against tfoot:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .statistic-against tfoot{ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .statistic-against tfoot:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-against tfoot td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-against tfoot td:first-child{ font-weight: 700; } .statistic-times-subject{ margin-top: 1rem; margin-bottom: 1rem; } .statistic-times-subject .statistic-times-container{ position: relative; } .statistic-times-subject .statistic-times-container .statistic-times{ width: 100%; overflow: hidden; border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .statistic-times-subject .statistic-times-container .statistic-times:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times .tr{ text-align: right; } .statistic-times-subject .statistic-times-container .statistic-times td{ border-radius: 0px; border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .statistic-times-subject .statistic-times-container .statistic-times td:is(.dark *){ --tw-border-opacity: 1; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times thead{ position: relative; top: 0px; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times thead:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times thead th{ --tw-border-spacing-x: 1px !important; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important; border-radius: 0px !important; border-left-width: 1px !important; border-right-width: 1px !important; text-align: left !important; } .statistic-times-subject .statistic-times-container .statistic-times thead th:is(.dark *){ --tw-border-opacity: 1 !important; border-left-color: rgb(3 7 18 / var(--tw-border-opacity, 1)) !important; border-right-color: rgb(3 7 18 / var(--tw-border-opacity, 1)) !important; } .statistic-times-subject .statistic-times-container .statistic-times thead th:not(:first-of-type):not(:last-of-type){ width: 60px; } .statistic-times-subject .statistic-times-container .statistic-times thead th:last-of-type{ width: 80px; } .statistic-times-subject .statistic-times-container .statistic-times thead th:last-child{ border-left-width: 1px !important; --tw-border-opacity: 1 !important; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; text-align: right !important; } .statistic-times-subject .statistic-times-container .statistic-times thead th:last-child:is(.dark *){ --tw-border-opacity: 1 !important; border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1)) !important; } .statistic-times-subject .statistic-times-container .statistic-times tbody td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-times-subject .statistic-times-container .statistic-times tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .statistic-times-subject .statistic-times-container .statistic-times tbody tr:last-child td{ border-radius: 0px !important; } .statistic-times-subject .statistic-times-container .statistic-times tfoot{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; font-weight: 700 !important; --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .statistic-times-subject .statistic-times-container .statistic-times tfoot:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .statistic-times-subject .statistic-times-container .statistic-times tfoot{ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times tfoot:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } .statistic-times-subject .statistic-times-container .statistic-times tfoot td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-times-subject .statistic-times-container .statistic-times tfoot td:first-child{ font-weight: 700; } @media (max-width: 1280px) { .statistic-times-subject .statistic-times-container .statistic-times .tr{ text-align: left; } } .statistic-amino-new{ margin-top: 1rem; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .statistic-amino-new .tr{ text-align: right; } .statistic-amino-new td, .statistic-amino-new th{ border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); border-right-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .statistic-amino-new thead{ position: relative; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .statistic-amino-new thead th{ --tw-border-spacing-x: 1px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-left-width: 1px; border-right-width: 1px; text-align: left; } .statistic-amino-new thead .institution{ width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 0.875rem; line-height: 1rem; } .statistic-amino-new thead .totals{ width: 100px; font-size: 0.65rem; line-height: 0.7rem; } .statistic-amino-new thead .percentage{ width: 70px; font-size: 0.65rem; line-height: 0.7rem; } .statistic-amino-new thead .middle-time{ width: 70px; font-size: 0.65rem; line-height: 0.7rem; } .statistic-amino-new thead th:last-child{ border-left-width: 1px !important; --tw-border-opacity: 1 !important; border-left-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .statistic-amino-new tbody td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .statistic-amino-new tbody tr{ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .statistic-amino-new tbody tr:nth-of-type(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:nth-of-type(even):is(.dark *){ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-amino-new tbody tr:nth-of-type(odd){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:nth-of-type(odd):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .statistic-amino-new tbody tr:hover{ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.8; } .statistic-amino-new tbody tr:hover:is(.dark *){ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.5; } .statistic-amino-new tfoot{ font-weight: 700; } @media (max-width: 768px) { .page-statistic-basic .grid-form .total, .page-statistic-basic .grid-form .perc, .page-statistic-basic .grid-form .avg_answer_time, .page-statistic-basic .grid-form .sum_answer_time{ text-align: left !important; } .page-statistic-basic .grid-form .total div, .page-statistic-basic .grid-form .perc div, .page-statistic-basic .grid-form .avg_answer_time div, .page-statistic-basic .grid-form .sum_answer_time div{ text-align: left !important; } .page-statistic-basic .grid-form .sum-row td{ text-align: left !important; } .page-statistic-basic .grid-container-outer .table, .page-statistic-basic .grid-container-outer table{ border-width: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } } .page-ams .table .label{ display: flex; flex-direction: column; } .page-ams .table .label > div:last-child{ display: flex; flex-direction: row; align-items: center; } .page-ams .table .label > div:last-child > div{ display: inline-block; font-size: 0.65rem; line-height: 0.7rem; } .page-ams .table .label > div:last-child > div .size{ position: relative; margin-right: 0.25rem; font-weight: 600; } .page-ams .table .label > div:last-child > div .size:after { content: ":"; } .page-ams .table .label > div:last-child > div:not(:first-child) .size:before { content: "|"; padding-left: 0.5rem; padding-right: 0.5rem; } [class^=page-ams-create] .ams-medications-arr .ams-medications-title, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title{ display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; cursor: pointer; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); font-size: 0.97rem; line-height: 1.2rem; font-weight: 700; } [class^=page-ams-create] .ams-medications-arr .ams-medications-title:is(.dark *), [class^=page-ams-edit] .ams-medications-arr .ams-medications-title:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [class^=page-ams-create] .ams-medications-arr .ams-medications-title, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title{ border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } [class^=page-ams-create] .ams-medications-arr .ams-medications-title:is(.dark *), [class^=page-ams-edit] .ams-medications-arr .ams-medications-title:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity, 1)); } [class^=page-ams-create] .ams-medications-arr .ams-medications-title .t, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title .t{ display: flex; flex: 1 1 auto; -webkit-user-select: none; user-select: none; flex-direction: row; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } [class^=page-ams-create] .ams-medications-arr .ams-medications-title .t .icon-wrap:first-child, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title .t .icon-wrap:first-child{ margin-right: 0.25rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; } [class^=page-ams-create] .ams-medications-arr .ams-medications-title .b, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title .b{ display: flex; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; animation-duration: 300ms; width: 40px; } [class^=page-ams-create] .ams-medications-arr .ams-medications-title .b:hover, [class^=page-ams-edit] .ams-medications-arr .ams-medications-title .b:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } [class^=page-ams-create] .ams-medications-arr .ams-medications-title .b:hover:is(.dark *), [class^=page-ams-edit] .ams-medications-arr .ams-medications-title .b:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [class^=page-ams-create] .ams-medications-arr.open .ams-medications-title .t .icon-wrap:first-child, [class^=page-ams-edit] .ams-medications-arr.open .ams-medications-title .t .icon-wrap:first-child{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [class^=page-ams-create] .ams-medications-container > .form-field, [class^=page-ams-edit] .ams-medications-container > .form-field{ margin-left: 0.5rem; margin-right: 0.5rem; width: auto; } [class^=page-ams-create] .ams-medications-container thead th, [class^=page-ams-edit] .ams-medications-container thead th{ height: 65px; -webkit-user-select: none; user-select: none; vertical-align: bottom; } [class^=page-ams-create] .ams-medications-container thead th.two-rows, [class^=page-ams-edit] .ams-medications-container thead th.two-rows{ position: relative; height: 4rem; width: 90px; padding: 0px; vertical-align: top; } [class^=page-ams-create] .ams-medications-container thead th.two-rows div, [class^=page-ams-edit] .ams-medications-container thead th.two-rows div { writing-mode: vertical-lr; transform: rotate(-135deg); position: relative !important; display: flex !important; height: 100% !important; width: 90px !important; min-width: 90px !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; border-width: 0px !important; background-color: transparent !important; padding: 0px !important; padding-top: 0px !important; padding-left: 0.25rem !important; font-size: 0.65rem !important; line-height: 0.7rem !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [class^=page-ams-create] .ams-medications-container tbody td, [class^=page-ams-edit] .ams-medications-container tbody td{ font-size: 0.875rem; line-height: 1rem; } [class^=page-ams-create] .ams-medications-container tbody td.m, [class^=page-ams-create] .ams-medications-container tbody td.reason, [class^=page-ams-create] .ams-medications-container tbody td.unit, [class^=page-ams-edit] .ams-medications-container tbody td.m, [class^=page-ams-edit] .ams-medications-container tbody td.reason, [class^=page-ams-edit] .ams-medications-container tbody td.unit{ font-size: 0.875rem; line-height: 1rem; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows{ position: relative; padding: 0px; padding-top: 0.125rem; padding-bottom: 0.125rem; text-align: left; font-size: 0.875rem; line-height: 1rem; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div{ display: flex; flex-direction: column; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div > div, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div > div{ width: 80px; min-width: 80px; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div > div span, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div > div span{ height: 26px; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div div:first-child, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div div:first-child{ display: flex; min-height: 20px; flex-direction: row; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); text-align: center; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div div:first-child:is(.dark *), [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div div:first-child:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div div:last-child, [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div div:last-child{ display: flex; min-height: 20px; flex-direction: row; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); text-align: center; } [class^=page-ams-create] .ams-medications-container tbody td.two-rows > div > div div:last-child:is(.dark *), [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div div:last-child:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } [class^=page-ams-create] .ams-medications-container tbody td input, [class^=page-ams-create] .ams-medications-container tbody td select, [class^=page-ams-create] .ams-medications-container tbody td textarea, [class^=page-ams-edit] .ams-medications-container tbody td input, [class^=page-ams-edit] .ams-medications-container tbody td select, [class^=page-ams-edit] .ams-medications-container tbody td textarea{ min-height: 26px; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.875rem; line-height: 1rem; } [class^=page-ams-create] .ams-medications-container tbody tr:not(.editing) td, [class^=page-ams-edit] .ams-medications-container tbody tr:not(.editing) td{ padding-top: 0px; padding-bottom: 0px; padding-left: 0.25rem; padding-right: 0.25rem; } [class^=page-ams-create] .ams-medications-container tbody tr:not(.editing) td:not(.two-rows) > div .rows-2, [class^=page-ams-edit] .ams-medications-container tbody tr:not(.editing) td:not(.two-rows) > div .rows-2{ display: flex !important; min-height: 52px !important; flex-direction: column !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } [class^=page-ams-create] .ams-medications-container tbody tr:not(.editing) td:not(.two-rows) > div .rows-2 > div, [class^=page-ams-edit] .ams-medications-container tbody tr:not(.editing) td:not(.two-rows) > div .rows-2 > div{ display: flex !important; min-height: 26px !important; flex-direction: row !important; align-items: center !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; font-size: 0.875rem !important; line-height: 1rem !important; } [class^=page-ams-create] .ams-medications-container tbody tr:not(.editing) td.two-rows .rows-2, [class^=page-ams-edit] .ams-medications-container tbody tr:not(.editing) td.two-rows .rows-2{ display: flex !important; height: 52px !important; flex-direction: column !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0px !important; padding-bottom: 0px !important; } [class^=page-ams-create] .ams-medications-container tbody tr:not(.editing) td.two-rows .rows-2 > div, [class^=page-ams-edit] .ams-medications-container tbody tr:not(.editing) td.two-rows .rows-2 > div{ display: flex !important; min-height: 26px !important; flex-direction: row !important; align-items: center !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; font-size: 0.875rem !important; line-height: 1rem !important; } [class^=page-ams-create] .ams-clinical-params-container tbody td input, [class^=page-ams-create] .ams-clinical-params-container tbody td select, [class^=page-ams-create] .ams-clinical-params-container tbody td textarea, [class^=page-ams-edit] .ams-clinical-params-container tbody td input, [class^=page-ams-edit] .ams-clinical-params-container tbody td select, [class^=page-ams-edit] .ams-clinical-params-container tbody td textarea{ min-height: 26px !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; font-size: 0.875rem !important; line-height: 1rem !important; } [class^=page-ams-create] table td .form-field, [class^=page-ams-edit] table td .form-field{ margin: 0px; } .after-table-actions{ padding: 0.5rem; } @media (max-width: 768px) { [class^=page-ams-create] .ams-medications-container tbody tr > td, [class^=page-ams-edit] .ams-medications-container tbody tr > td{ padding: 0px !important; } [class^=page-ams-create] .ams-medications-arr.open .ams-medications-container .table, [class^=page-ams-edit] .ams-medications-arr.open .ams-medications-container .table{ margin-left: 0.5rem !important; margin-right: 0.5rem !important; width: auto !important; } } @media (max-width: 1536px) { [class^=page-ams-edit] .ams-medications-container thead .two-rows div{ font-size: 0.97rem; line-height: 1.2rem; } [class^=page-ams-edit] .ams-medications-container tbody td.two-rows{ width: 100%; } [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div{ font-size: 0.97rem; line-height: 1.2rem; } [class^=page-ams-edit] .ams-medications-container tbody td.two-rows > div > div:last-child{ height: auto; } } .page-outdated .grid-data [rel=col-title] div > div{ display: block; word-break: break-all; } .dark{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } body.sidebar-minimized div.phpdebugbar.phpdebugbar-closed { left: auto; right: 0; } @media (max-width: 768px){ .max-md\:w-full{ width: 100%; } } /*# sourceMappingURL=styles.css.map*/