/* This file is for your main application css. */ .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #eee; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #eee; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #eee; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: #3c3f40; fill: #3c3f40; height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: #3c3f40; fill: #3c3f40; } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #f64747; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(64,72,72,0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0,0,0,0.1); } .numInputWrapper span:active { background: rgba(0,0,0,0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(64,72,72,0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(64,72,72,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(60,63,64,0.5); } .numInputWrapper:hover { background: rgba(0,0,0,0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: #3c3f40; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #3c3f40; } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(60,63,64,0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #eee; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #404848; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e9e9e9; border-color: #e9e9e9; } .flatpickr-day.today { border-color: #f64747; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #f64747; background: #f64747; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #4f99ff; box-shadow: none; color: #fff; border-color: #4f99ff; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #4f99ff; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(64,72,72,0.3); background: transparent; border-color: #e9e9e9; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(64,72,72,0.1); } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #eee; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(64,72,72,0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #404848; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #404848; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #404848; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #404848; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #f1f1f1; } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .flatpickr-calendar { width: 307.875px; } .dayContainer { padding: 0; border-right: 0; } span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay { border-radius: 0 !important; border: 1px solid #e9e9e9; max-width: none; border-right-color: transparent; } span.flatpickr-day:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day.nextMonthDay:nth-child(n+8) { border-top-color: transparent; } span.flatpickr-day:nth-child(7n-6), span.flatpickr-day.prevMonthDay:nth-child(7n-6), span.flatpickr-day.nextMonthDay:nth-child(7n-6) { border-left: 0; } span.flatpickr-day:nth-child(n+36), span.flatpickr-day.prevMonthDay:nth-child(n+36), span.flatpickr-day.nextMonthDay:nth-child(n+36) { border-bottom: 0; } span.flatpickr-day:nth-child(-n+7), span.flatpickr-day.prevMonthDay:nth-child(-n+7), span.flatpickr-day.nextMonthDay:nth-child(-n+7) { margin-top: 0; } span.flatpickr-day.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.nextMonthDay.today:not(.selected) { border-color: #e9e9e9; border-right-color: transparent; border-top-color: transparent; border-bottom-color: #f64747; } span.flatpickr-day.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.nextMonthDay.today:not(.selected):hover { border: 1px solid #f64747; } span.flatpickr-day.startRange, span.flatpickr-day.prevMonthDay.startRange, span.flatpickr-day.nextMonthDay.startRange, span.flatpickr-day.endRange, span.flatpickr-day.prevMonthDay.endRange, span.flatpickr-day.nextMonthDay.endRange { border-color: #4f99ff; } span.flatpickr-day.today, span.flatpickr-day.prevMonthDay.today, span.flatpickr-day.nextMonthDay.today, span.flatpickr-day.selected, span.flatpickr-day.prevMonthDay.selected, span.flatpickr-day.nextMonthDay.selected { z-index: 2; } .rangeMode .flatpickr-day { margin-top: -1px; } .flatpickr-weekwrapper .flatpickr-weeks { box-shadow: none; } .flatpickr-weekwrapper span.flatpickr-day { border: 0; margin: -1px 0 0 -1px; } .hasWeeks .flatpickr-days { border-right: 0; } @media screen and (min-width:0\0) and (min-resolution: +72dpi) { span.flatpickr-day { display: block; flex: 1 0 auto; } } /* ! tailwindcss v3.2.7 | 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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 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. 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-size: 1em; /* 2 */ } /* 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-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: 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, [type='button'], [type='reset'], [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; } /* 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::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } 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] { display: none; } [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } input::placeholder,textarea::placeholder { color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --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: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --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: ; } .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; } } /* Time range classes */ .lmn-time-range-compound { display: flex; cursor: default; align-items: center; } .lmn-time-range-compound > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .lmn-time-zone { cursor: default; border-radius: 9999px; background-color: #1e293b; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #fff; } .lmn-time-range-selector { display: flex; height: 2rem; cursor: pointer; align-items: center; border-radius: 0.5rem; border-width: 1px; border-color: #1e293b; } .lmn-custom-time-range-input { height: 2rem; width: 13rem; cursor: pointer; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; } .lmn-custom-time-range-input:hover { background-color: #1e293b; color: #fff; } .lmn-custom-time-range-input:focus { outline: 2px solid transparent; outline-offset: 2px; } .lmn-custom-time-range-input:active { background-color: #0f172a; } .lmn-time-range-presets-button { height: 2rem; cursor: pointer; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: transparent; } .lmn-time-range-presets-button:hover { background-color: #1e293b; color: #fff; } .lmn-time-range-presets-button:focus { outline: 2px solid transparent; outline-offset: 2px; } .lmn-time-range-presets-button:active { background-color: #0f172a; } .lmn-time-range-presets-button-icon { margin-left: 0.25rem; margin-right: 0.25rem; height: 1.25rem; width: 1.25rem; } .lmn-time-range-presets-dropdown { z-index: 50; display: flex; min-width: -moz-max-content; min-width: max-content; flex-direction: column; border-radius: 0.5rem; background-color: #fff; padding: 0.5rem; --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); } .lmn-time-range-presets-dropdown-item-container { cursor: pointer; border-radius: 0.5rem; text-align: left; } .lmn-time-range-presets-dropdown-item-container:hover { background-color: #e2e8f0; } .lmn-time-range-presets-dropdown-item-content { padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } /* Variable classes */ .lmn-variable-button { display: flex; height: 2rem; align-items: center; gap: 0.5rem; border-radius: 0.5rem; border-width: 1px; border-color: #1e293b; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 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-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .lmn-variable-button:hover { background-color: #1e293b; color: #fff; } .lmn-variable-button:focus { outline: 2px solid transparent; outline-offset: 2px; } .lmn-variable-button:active { --tw-scale-x: .95; --tw-scale-y: .95; 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)); background-color: #0f172a; } .lmn-variable-button-label { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; } .lmn-variable-button-label-prefix { font-size: 0.75rem; line-height: 1rem; } .lmn-variable-button-icon { height: 1.25rem; width: 1.25rem; } .lmn-variable-dropdown { z-index: 50; display: flex; max-height: 24rem; min-width: -moz-max-content; min-width: max-content; flex-direction: column; overflow: auto; border-radius: 0.5rem; background-color: #fff; padding: 0.5rem; --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); } .lmn-variable-dropdown-item-container { cursor: pointer; border-radius: 0.5rem; text-align: left; } .lmn-variable-dropdown-item-container:hover { background-color: #e2e8f0; } .lmn-multi-variable-dropdown-item-container { display: flex; cursor: pointer; align-items: center; gap: 0.5rem; border-radius: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; } .lmn-multi-variable-dropdown-item-container:hover { background-color: #e2e8f0; } .lmn-multi-variable-dropdown-checkbox { cursor: pointer; border-radius: 0.25rem; color: #1e293b; } .lmn-multi-variable-dropdown-checkbox:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 0px; } .lmn-variable-dropdown-item-content { padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } /* Panel actions (download image/csv) */ .lmn-panel-actions-dropdown { z-index: 50; display: flex; min-width: -moz-max-content; min-width: max-content; flex-direction: column; border-radius: 0.5rem; background-color: #fff; padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --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); } .lmn-panel-actions-dropdown-item-container { cursor: pointer; border-radius: 0.5rem; text-align: left; } .lmn-panel-actions-dropdown-item-container:hover { background-color: #e2e8f0; } .lmn-panel-actions-dropdown-item-content { padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } /* dropdown transition classes */ .lmn-dropdown-transition-enter { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 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-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .lmn-dropdown-transition-start { --tw-scale-x: .9; --tw-scale-y: .9; 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)); opacity: 0; } .lmn-dropdown-transition-end { --tw-scale-x: 1; --tw-scale-y: 1; 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)); opacity: 1; } .lmn-tooltip { visibility: hidden; position: absolute; border-radius: 0.375rem; background-color: #1f2937; padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #f3f4f6; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 768px) { .lmn-tooltip { width: 16rem; } } .lmn-has-tooltip:hover .lmn-tooltip { visibility: visible; z-index: 50; opacity: 1; } .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; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .left-0 { left: 0px; } .right-0 { right: 0px; } .top-0 { top: 0px; } .top-10 { top: 2.5rem; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .col-span-5 { grid-column: span 5 / span 5; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mr-2 { margin-right: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .inline-block { display: inline-block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-8 { width: 2rem; } .w-full { width: 100%; } .max-w-screen-lg { max-width: 1024px; } .grow { flex-grow: 1; } .translate-y-6 { --tw-translate-y: 1.5rem; 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)); } .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)); } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-white { background-color: #fff; } .fill-blue-600 { fill: #2563eb; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pb-4 { padding-bottom: 1rem; } .text-center { text-align: center; } .text-right { text-align: right; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .text-gray-200 { color: #e5e7eb; } .opacity-100 { opacity: 1; } .shadow-lg { --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); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-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); 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); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -webkit-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); 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 { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 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-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tabulator{ background-color:#fff; border:1px solid #fff; font-size:16px; overflow:hidden; position:relative; text-align:left; transform:translateZ(0) } .tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{ min-width:100% } .tabulator[tabulator-layout=fitDataTable]{ display:inline-block } .tabulator.tabulator-block-select{ -webkit-user-select:none; -moz-user-select:none; user-select:none } .tabulator .tabulator-header{ background-color:#fff; border-bottom:1px solid #3759d7; box-sizing:border-box; color:#3759d7; font-weight:700; overflow:hidden; position:relative; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; white-space:nowrap; width:100% } .tabulator .tabulator-header.tabulator-header-hidden{ display:none } .tabulator .tabulator-header .tabulator-header-contents{ overflow:hidden; position:relative } .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{ display:inline-block } .tabulator .tabulator-header .tabulator-col{ background:#fff; border-right:1px solid #fff; box-sizing:border-box; display:inline-flex; flex-direction:column; justify-content:flex-start; overflow:hidden; position:relative; text-align:left; vertical-align:bottom } .tabulator .tabulator-header .tabulator-col.tabulator-moving{ background:#e6e6e6; border:1px solid #3759d7; pointer-events:none; position:absolute } .tabulator .tabulator-header .tabulator-col .tabulator-col-content{ box-sizing:border-box; padding:4px; position:relative } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{ padding:0 8px } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{ cursor:pointer; opacity:.6 } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{ position:relative } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{ box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom; white-space:nowrap; width:100% } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{ text-overflow:clip; white-space:normal } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{ background:#fff; border:1px solid #999; box-sizing:border-box; padding:1px; width:100% } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{ width:calc(100% - 22px) } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{ align-items:center; bottom:0; display:flex; position:absolute; right:4px; top:0 } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ border-bottom:6px solid #b7c3f1; border-left:6px solid transparent; border-right:6px solid transparent; height:0; width:0 } .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{ border-top:1px solid #fff; display:flex; margin-right:-1px; overflow:hidden; position:relative } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter{ box-sizing:border-box; margin-top:2px; position:relative; text-align:center; width:100% } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{ height:auto!important } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{ margin-top:3px } .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{ height:0; width:0 } .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{ padding-right:25px } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{ background-color:#e6e6e6; cursor:pointer } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{ color:#b7c3f1 } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{ border-bottom:6px solid #555; cursor:pointer } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ border-bottom:6px solid #b7c3f1; border-top:none } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{ color:#3759d7 } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{ border-bottom:6px solid #555; cursor:pointer } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ border-bottom:6px solid #3759d7; border-top:none } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{ color:#3759d7 } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{ border-top:6px solid #555; cursor:pointer } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ border-bottom:none; border-top:6px solid #3759d7; color:#3759d7 } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{ align-items:center; display:flex; justify-content:center; text-orientation:mixed; writing-mode:vertical-rl } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{ transform:rotate(180deg) } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{ padding-right:0; padding-top:20px } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{ padding-bottom:20px; padding-right:0 } .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{ bottom:auto; justify-content:center; left:0; right:0; top:4px } .tabulator .tabulator-header .tabulator-frozen{ left:0; position:sticky; z-index:11 } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{ border-right:2px solid #fff } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{ border-left:2px solid #fff } .tabulator .tabulator-header .tabulator-calcs-holder{ background:#fff!important; border-bottom:1px solid #fff; border-top:1px solid #fff; box-sizing:border-box } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{ background:#fff!important } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle,.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{ display:none } .tabulator .tabulator-tableholder{ -webkit-overflow-scrolling:touch; overflow:auto; position:relative; white-space:nowrap; width:100% } .tabulator .tabulator-tableholder:focus{ outline:none } .tabulator .tabulator-tableholder .tabulator-placeholder{ align-items:center; box-sizing:border-box; display:flex; justify-content:center; width:100% } .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{ min-height:100%; min-width:100% } .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{ color:#ccc; display:inline-block; font-size:20px; font-weight:700; padding:10px; text-align:center; white-space:normal } .tabulator .tabulator-tableholder .tabulator-table{ background-color:#f3f3f3; color:#333; display:inline-block; overflow:visible; position:relative; white-space:nowrap } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{ background:#f2f2f2!important; font-weight:700 } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{ border-bottom:2px solid #fff } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{ border-top:2px solid #fff } .tabulator .tabulator-footer{ background-color:#fff; border-top:1px solid #999; color:#3759d7; font-weight:700; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; white-space:nowrap } .tabulator .tabulator-footer .tabulator-footer-contents{ align-items:center; display:flex; flex-direction:row; justify-content:space-between; padding:5px 10px } .tabulator .tabulator-footer .tabulator-footer-contents:empty{ display:none } .tabulator .tabulator-footer .tabulator-calcs-holder{ background:#fff!important; border-bottom:1px solid #fff; border-top:1px solid #fff; box-sizing:border-box; overflow:hidden; text-align:left; width:100% } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{ display:inline-block } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{ display:none } .tabulator .tabulator-footer .tabulator-calcs-holder:only-child{ border-bottom:none; margin-bottom:-5px } .tabulator .tabulator-footer>*+.tabulator-page-counter{ margin-left:10px } .tabulator .tabulator-footer .tabulator-page-counter{ font-weight:400 } .tabulator .tabulator-footer .tabulator-paginator{ color:#3759d7; flex:1; font-family:inherit; font-size:inherit; font-weight:inherit; text-align:right } .tabulator .tabulator-footer .tabulator-page-size{ border:1px solid #aaa; border-radius:3px; display:inline-block; margin:0 5px; padding:2px 5px } .tabulator .tabulator-footer .tabulator-pages{ margin:0 7px } .tabulator .tabulator-footer .tabulator-page{ background:hsla(0,0%,100%,.2); border:1px solid #aaa; border-radius:3px; display:inline-block; margin:0 2px; padding:2px 5px } .tabulator .tabulator-footer .tabulator-page.active{ color:#3759d7 } .tabulator .tabulator-footer .tabulator-page:disabled{ opacity:.5 } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-footer .tabulator-page:not(disabled):hover{ background:rgba(0,0,0,.2); color:#fff; cursor:pointer } } .tabulator .tabulator-col-resize-handle{ display:inline-block; margin-left:-3px; margin-right:-3px; position:relative; vertical-align:middle; width:6px; z-index:10 } @media (hover:hover) and (pointer:fine){ .tabulator .tabulator-col-resize-handle:hover{ cursor:ew-resize } } .tabulator .tabulator-col-resize-handle:last-of-type{ margin-right:0; width:3px } .tabulator .tabulator-alert{ align-items:center; background:rgba(0,0,0,.4); display:flex; height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:100 } .tabulator .tabulator-alert .tabulator-alert-msg{ background:#fff; border-radius:10px; display:inline-block; font-size:16px; font-weight:700; margin:0 auto; padding:10px 20px } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{ border:4px solid #333; color:#000 } .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{ border:4px solid #d00; color:#590000 } .tabulator-row{ background-color:#f3f3f3; box-sizing:border-box; min-height:24px; position:relative } .tabulator-row.tabulator-row-even{ background-color:#fff } @media (hover:hover) and (pointer:fine){ .tabulator-row.tabulator-selectable:hover{ background-color:#bbb; cursor:pointer } } .tabulator-row.tabulator-selected{ background-color:#9abcea } @media (hover:hover) and (pointer:fine){ .tabulator-row.tabulator-selected:hover{ background-color:#769bcc; cursor:pointer } } .tabulator-row.tabulator-row-moving{ background:#fff; border:1px solid #000 } .tabulator-row.tabulator-moving{ border-bottom:1px solid #fff; border-top:1px solid #fff; pointer-events:none; position:absolute; z-index:15 } .tabulator-row .tabulator-row-resize-handle{ bottom:0; height:5px; left:0; position:absolute; right:0 } .tabulator-row .tabulator-row-resize-handle.prev{ bottom:auto; top:0 } @media (hover:hover) and (pointer:fine){ .tabulator-row .tabulator-row-resize-handle:hover{ cursor:ns-resize } } .tabulator-row .tabulator-responsive-collapse{ border-bottom:1px solid #fff; border-top:1px solid #fff; box-sizing:border-box; padding:5px } .tabulator-row .tabulator-responsive-collapse:empty{ display:none } .tabulator-row .tabulator-responsive-collapse table{ font-size:16px } .tabulator-row .tabulator-responsive-collapse table tr td{ position:relative } .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{ padding-right:10px } .tabulator-row .tabulator-cell{ border-right:1px solid #fff; box-sizing:border-box; display:inline-block; overflow:hidden; padding:4px; position:relative; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap } .tabulator-row .tabulator-cell.tabulator-frozen{ background-color:inherit; display:inline-block; left:0; position:sticky; z-index:11 } .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{ border-right:2px solid #fff } .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{ border-left:2px solid #fff } .tabulator-row .tabulator-cell.tabulator-editing{ border:1px solid #1d68cd; outline:none; padding:0 } .tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{ background:transparent; border:1px; outline:none } .tabulator-row .tabulator-cell.tabulator-validation-fail{ border:1px solid #d00 } .tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{ background:transparent; border:1px; color:#d00 } .tabulator-row .tabulator-cell.tabulator-row-handle{ align-items:center; display:inline-flex; justify-content:center; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none } .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{ width:80% } .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{ background:#666; height:3px; margin-top:2px; width:100% } .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{ display:inline-block; width:7px } .tabulator-row .tabulator-cell .tabulator-data-tree-branch{ border-bottom:2px solid #fff; border-bottom-left-radius:1px; border-left:2px solid #fff; display:inline-block; height:9px; margin-right:5px; margin-top:-9px; vertical-align:middle; width:7px } .tabulator-row .tabulator-cell .tabulator-data-tree-control{ align-items:center; background:rgba(0,0,0,.1); border:1px solid #333; border-radius:2px; display:inline-flex; height:11px; justify-content:center; margin-right:5px; overflow:hidden; vertical-align:middle; width:11px } @media (hover:hover) and (pointer:fine){ .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{ background:rgba(0,0,0,.2); cursor:pointer } } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{ background:transparent; display:inline-block; height:7px; position:relative; width:1px } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{ background:#333; content:""; height:1px; left:-3px; position:absolute; top:3px; width:7px } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{ background:#333; display:inline-block; height:7px; position:relative; width:1px } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{ background:#333; content:""; height:1px; left:-3px; position:absolute; top:3px; width:7px } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{ align-items:center; background:#666; border-radius:20px; color:#f3f3f3; display:inline-flex; font-size:1.1em; font-weight:700; height:15px; justify-content:center; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; width:15px } @media (hover:hover) and (pointer:fine){ .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{ cursor:pointer; opacity:.7 } } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{ display:initial } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{ display:none } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{ stroke:#f3f3f3 } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{ display:none } .tabulator-row .tabulator-cell .tabulator-traffic-light{ border-radius:14px; display:inline-block; height:14px; width:14px } .tabulator-row.tabulator-group{ background:#ccc; border-bottom:1px solid #999; border-right:1px solid #fff; border-top:1px solid #999; box-sizing:border-box; font-weight:700; padding:5px 5px 5px 10px } @media (hover:hover) and (pointer:fine){ .tabulator-row.tabulator-group:hover{ background-color:rgba(0,0,0,.1); cursor:pointer } } .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{ border-bottom:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #3759d7; margin-right:10px } .tabulator-row.tabulator-group.tabulator-group-level-1{ padding-left:30px } .tabulator-row.tabulator-group.tabulator-group-level-2{ padding-left:50px } .tabulator-row.tabulator-group.tabulator-group-level-3{ padding-left:70px } .tabulator-row.tabulator-group.tabulator-group-level-4{ padding-left:90px } .tabulator-row.tabulator-group.tabulator-group-level-5{ padding-left:110px } .tabulator-row.tabulator-group .tabulator-group-toggle{ display:inline-block } .tabulator-row.tabulator-group .tabulator-arrow{ border-bottom:6px solid transparent; border-left:6px solid #3759d7; border-right:0; border-top:6px solid transparent; display:inline-block; height:0; margin-right:16px; vertical-align:middle; width:0 } .tabulator-row.tabulator-group span{ color:#d00; margin-left:10px } .tabulator-popup-container{ -webkit-overflow-scrolling:touch; background:#f3f3f3; border:1px solid #fff; box-shadow:0 0 5px 0 rgba(0,0,0,.2); box-sizing:border-box; display:inline-block; font-size:16px; overflow-y:auto; position:absolute; z-index:10000 } .tabulator-popup{ border-radius:3px; padding:5px } .tabulator-tooltip{ border-radius:2px; box-shadow:none; font-size:12px; max-width:Min(500px,100%); padding:3px 5px; pointer-events:none } .tabulator-menu .tabulator-menu-item{ box-sizing:border-box; padding:5px 10px; position:relative; -webkit-user-select:none; -moz-user-select:none; user-select:none } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{ opacity:.5 } @media (hover:hover) and (pointer:fine){ .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{ background:#fff; cursor:pointer } } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{ padding-right:25px } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{ border-color:#fff; border-style:solid; border-width:1px 1px 0 0; content:""; display:inline-block; height:7px; position:absolute; right:10px; top:calc(5px + .4em); transform:rotate(45deg); vertical-align:top; width:7px } .tabulator-menu .tabulator-menu-separator{ border-top:1px solid #fff } .tabulator-edit-list{ -webkit-overflow-scrolling:touch; font-size:16px; max-height:200px; overflow-y:auto } .tabulator-edit-list .tabulator-edit-list-item{ color:#333; outline:none; padding:4px } .tabulator-edit-list .tabulator-edit-list-item.active{ background:#1d68cd; color:#f3f3f3 } .tabulator-edit-list .tabulator-edit-list-item.active.focused{ outline:1px solid hsla(0,0%,95%,.5) } .tabulator-edit-list .tabulator-edit-list-item.focused{ outline:1px solid #1d68cd } @media (hover:hover) and (pointer:fine){ .tabulator-edit-list .tabulator-edit-list-item:hover{ background:#1d68cd; color:#f3f3f3; cursor:pointer } } .tabulator-edit-list .tabulator-edit-list-placeholder{ color:#333; padding:4px; text-align:center } .tabulator-edit-list .tabulator-edit-list-group{ border-bottom:1px solid #fff; color:#333; font-weight:700; padding:6px 4px 4px } .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{ padding-left:12px } .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{ padding-left:20px } .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{ padding-left:28px } .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{ padding-left:36px } .tabulator.tabulator-ltr{ direction:ltr } .tabulator.tabulator-rtl{ direction:rtl; text-align:initial } .tabulator.tabulator-rtl .tabulator-header .tabulator-col{ border-left:1px solid #fff; border-right:initial; text-align:initial } .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{ margin-left:-1px; margin-right:0 } .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{ padding-left:25px; padding-right:0 } .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{ left:8px; right:auto } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell{ border-left:1px solid #fff; border-right:initial } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{ border-bottom-left-radius:0; border-bottom-right-radius:1px; border-left:initial; border-right:2px solid #fff; margin-left:5px; margin-right:0 } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{ margin-left:5px; margin-right:0 } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{ border-left:2px solid #fff } .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{ border-right:2px solid #fff } .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{ margin-left:0; margin-right:-3px; width:3px } .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{ text-align:initial } .tabulator-print-fullscreen{ bottom:0; left:0; position:absolute; right:0; top:0; z-index:10000 } body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){ display:none!important } .tabulator-print-table{ border-collapse:collapse } .tabulator-print-table .tabulator-data-tree-branch{ border-bottom:2px solid #fff; border-bottom-left-radius:1px; border-left:2px solid #fff; display:inline-block; height:9px; margin-right:5px; margin-top:-9px; vertical-align:middle; width:7px } .tabulator-print-table .tabulator-print-table-group{ background:#ccc; border-bottom:1px solid #999; border-right:1px solid #fff; border-top:1px solid #999; box-sizing:border-box; font-weight:700; min-width:100%; padding:5px 5px 5px 10px } @media (hover:hover) and (pointer:fine){ .tabulator-print-table .tabulator-print-table-group:hover{ background-color:rgba(0,0,0,.1); cursor:pointer } } .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{ border-bottom:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #3759d7; margin-right:10px } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{ padding-left:30px!important } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{ padding-left:50px!important } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{ padding-left:70px!important } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{ padding-left:90px!important } .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{ padding-left:110px!important } .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{ display:inline-block } .tabulator-print-table .tabulator-print-table-group .tabulator-arrow{ border-bottom:6px solid transparent; border-left:6px solid #3759d7; border-right:0; border-top:6px solid transparent; display:inline-block; height:0; margin-right:16px; vertical-align:middle; width:0 } .tabulator-print-table .tabulator-print-table-group span{ color:#d00; margin-left:10px } .tabulator-print-table .tabulator-data-tree-control{ align-items:center; background:rgba(0,0,0,.1); border:1px solid #333; border-radius:2px; display:inline-flex; height:11px; justify-content:center; margin-right:5px; overflow:hidden; vertical-align:middle; width:11px } @media (hover:hover) and (pointer:fine){ .tabulator-print-table .tabulator-data-tree-control:hover{ background:rgba(0,0,0,.2); cursor:pointer } } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{ background:transparent; display:inline-block; height:7px; position:relative; width:1px } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{ background:#333; content:""; height:1px; left:-3px; position:absolute; top:3px; width:7px } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{ background:#333; display:inline-block; height:7px; position:relative; width:1px } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{ background:#333; content:""; height:1px; left:-3px; position:absolute; top:3px; width:7px } .tabulator .tabulator-header{ border-bottom:3px solid #3759d7; font-size:1.1em; margin-bottom:4px; padding-left:10px } .tabulator .tabulator-header .tabulator-col{ background-color:#fff; border-right:2px solid #fff } .tabulator .tabulator-header .tabulator-col:first-child{ padding-left:10px } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{ border:1px solid #3759d7; color:#3759d7; font-size:1em } .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{ border-top:2px solid #3759d7 } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{ padding-left:10px } .tabulator .tabulator-header .tabulator-calcs-holder{ border-top:2px solid #3759d7!important } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{ padding-left:0!important } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-cell{ background:none } .tabulator .tabulator-tableholder .tabulator-placeholder span{ color:#3759d7 } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{ border-bottom:2px solid #3759d7 } .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{ border-top:2px solid #3759d7 } .tabulator .tabulator-footer .tabulator-calcs-holder{ border-bottom:2px solid #3759d7!important; border-top:3px solid #3759d7!important } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{ background:#fff!important } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell{ background:none } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell:first-child{ border-left:10px solid transparent } .tabulator .tabulator-footer .tabulator-calcs-holder:only-child{ border-bottom:none!important } .tabulator-row{ margin-bottom:2px } .tabulator-row .tabulator-cell:first-child{ border-left:10px solid #3759d7 } .tabulator-row:nth-child(2n){ background-color:#627ce0 } .tabulator-row:nth-child(2n) .tabulator-cell{ background-color:#fff } .tabulator-row:nth-child(2n) .tabulator-cell:first-child{ border-left:10px solid #627ce0 } @media (hover:hover) and (pointer:fine){ .tabulator-row.tabulator-selectable:hover{ cursor:pointer } .tabulator-row.tabulator-selectable:hover .tabulator-cell{ background-color:#bbb } } .tabulator-row.tabulator-selected .tabulator-cell{ background-color:#9abcea } @media (hover:hover) and (pointer:fine){ .tabulator-row.tabulator-selected:hover .tabulator-cell{ background-color:#769bcc; cursor:pointer } } .tabulator-row.tabulator-moving{ pointer-events:none!important } .tabulator-row .tabulator-cell{ background-color:#f3f3f3; border-right:2px solid #fff; padding:6px 4px } .tabulator-row.tabulator-group{ background:#8ca0e8; border-bottom:2px solid #3759d7; border-right:none; border-top:2px solid #3759d7; margin-bottom:2px; min-width:100% } .tabulator-row.tabulator-group span{ color:#3759d7 } .tabulator-edit-select-list{ border:1px solid #1d68cd } .tabulator-print-table .tabulator-print-table-group{ background:#8ca0e8; border-bottom:2px solid #3759d7; border-top:2px solid #3759d7; margin-bottom:2px } .tabulator-print-table .tabulator-print-table-group span{ color:#3759d7 } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } @media (prefers-color-scheme: dark) { .dark\:text-gray-600 { color: #4b5563; } } @media (min-width: 768px) { .md\:flex-row { flex-direction: row; } } @media (min-width: 1024px) { .lg\:mx-auto { margin-left: auto; margin-right: auto; } } /*# sourceMappingURL=luminous.css.map */