/*
! tailwindcss v3.4.1 | 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 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     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 */
  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;
}

/*
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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9FA6B2;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9FA6B2;
  /* 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;
}

*, ::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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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:  ;
}

.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;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.collapse {
  visibility: collapse;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-top-12 {
  top: -3rem;
}

.-top-2 {
  top: -0.5rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.end-0 {
  inset-inline-end: 0px;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

.left-6 {
  left: 1.5rem;
}

.left-7 {
  left: 1.75rem;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.start-0 {
  inset-inline-start: 0px;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-6 {
  top: 1.5rem;
}

.top-7 {
  top: 1.75rem;
}

.top-\[100px\] {
  top: 100px;
}

.top-\[1px\] {
  top: 1px;
}

.top-\[2px\] {
  top: 2px;
}

.top-\[3px\] {
  top: 3px;
}

.top-\[80px\] {
  top: 80px;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[999\] {
  z-index: 999;
}

.z-\[9\] {
  z-index: 9;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-auto {
  margin: auto;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.-me-2 {
  margin-inline-end: -0.5rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mt-\[73px\] {
  margin-top: -73px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-\[3px\] {
  margin-bottom: 3px;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-auto {
  margin-right: auto;
}

.ms-1 {
  margin-inline-start: 0.25rem;
}

.ms-3 {
  margin-inline-start: 0.75rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.h-0 {
  height: 0px;
}

.h-10 {
  height: 2.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-4\/6 {
  height: 66.666667%;
}

.h-5 {
  height: 1.25rem;
}

.h-5\/6 {
  height: 83.333333%;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[10px\] {
  height: 10px;
}

.h-\[140px\] {
  height: 140px;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[27px\] {
  height: 27px;
}

.h-\[28px\] {
  height: 28px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[calc\(100\%-80px\)\] {
  height: calc(100% - 80px);
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-min {
  height: -moz-min-content;
  height: min-content;
}

.h-screen {
  height: 100vh;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\/4 {
  width: 75%;
}

.w-3\/5 {
  width: 60%;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8 {
  width: 2rem;
}

.w-9\/12 {
  width: 75%;
}

.w-\[10px\] {
  width: 10px;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[27px\] {
  width: 27px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[70px\] {
  width: 70px;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.min-w-full {
  min-width: 100%;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[516px\] {
  max-width: 516px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.shrink-0 {
  flex-shrink: 0;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-top {
  transform-origin: top;
}

.-translate-x-2 {
  --tw-translate-x: -0.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));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  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));
}

.-translate-y-0 {
  --tw-translate-y: -0px;
  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));
}

.-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  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));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  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));
}

.translate-x-2 {
  --tw-translate-x: 0.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));
}

.translate-x-full {
  --tw-translate-x: 100%;
  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));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  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));
}

.-rotate-180 {
  --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));
}

.skew-x-\[-15deg\] {
  --tw-skew-x: -15deg;
  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));
}

.skew-x-\[15deg\] {
  --tw-skew-x: 15deg;
  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));
}

.scale-100 {
  --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));
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}

.scale-90 {
  --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));
}

.scale-95 {
  --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));
}

.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 pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.cursor-pointer {
  cursor: pointer;
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, 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));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-items-center {
  place-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.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-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * 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-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-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-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * 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));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-e {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-\[3px\] {
  border-bottom-width: 3px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-none {
  border-style: none;
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 245 247 / var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(159 166 178 / var(--tw-border-opacity));
}

.border-gray-400\/80 {
  border-color: rgb(159 166 178 / 0.8);
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity));
}

.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
}

.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(180 194 253 / var(--tw-border-opacity));
}

.border-primary-400 {
  --tw-border-opacity: 1;
  border-color: rgb(128 146 255 / var(--tw-border-opacity));
}

.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(70 105 250 / var(--tw-border-opacity));
}

.border-primary-500\/80 {
  border-color: rgb(70 105 250 / 0.8);
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}

.border-sky-600 {
  --tw-border-opacity: 1;
  border-color: rgb(2 132 199 / var(--tw-border-opacity));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-slate-300\/80 {
  border-color: rgb(203 213 225 / 0.8);
}

.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-yellow-500\/80 {
  border-color: rgb(234 179 8 / 0.8);
}

.border-zinc-500 {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-100\/50 {
  background-color: rgb(219 234 254 / 0.5);
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-500\/90 {
  background-color: rgb(59 130 246 / 0.9);
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-danger-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 141 / var(--tw-bg-opacity));
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(210 214 220 / var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 166 178 / var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(104 118 138 / var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-info-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 122 141 / var(--tw-bg-opacity));
}

.bg-info-700\/90 {
  background-color: rgb(0 122 141 / 0.9);
}

.bg-inherit {
  background-color: inherit;
}

.bg-lime-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-400\/90 {
  background-color: rgb(251 146 60 / 0.9);
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}

.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 255 / var(--tw-bg-opacity));
}

.bg-primary-200\/60 {
  background-color: rgb(209 218 254 / 0.6);
}

.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
}

.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 94 223 / var(--tw-bg-opacity));
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-400\/90 {
  background-color: rgb(248 113 113 / 0.9);
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-success-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(95 245 177 / var(--tw-bg-opacity));
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}

.bg-yellow-100\/50 {
  background-color: rgb(254 249 195 / 0.5);
}

.bg-yellow-100\/80 {
  background-color: rgb(254 249 195 / 0.8);
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-yellow-400\/80 {
  background-color: rgb(250 204 21 / 0.8);
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-yellow-500\/80 {
  background-color: rgb(234 179 8 / 0.8);
}

.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

.bg-zinc-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.bg-\[radial-gradient\(circle_at_bottom_left\2c _var\(--tw-gradient-stops\)\)\] {
  background-image: radial-gradient(circle at bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.from-blue-100 {
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-200 {
  --tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-700 {
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-600 {
  --tw-gradient-from: #0284c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-10\% {
  --tw-gradient-from-position: 10%;
}

.via-blue-200 {
  --tw-gradient-to: rgb(191 219 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-500 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-green-600 {
  --tw-gradient-to: rgb(22 163 74 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #16a34a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-lime-200 {
  --tw-gradient-to: rgb(217 249 157 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d9f99d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-30\% {
  --tw-gradient-via-position: 30%;
}

.to-emerald-700 {
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}

.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}

.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-sky-300 {
  --tw-gradient-to: #7dd3fc var(--tw-gradient-to-position);
}

.to-sky-700 {
  --tw-gradient-to: #0369a1 var(--tw-gradient-to-position);
}

.to-90\% {
  --tw-gradient-to-position: 90%;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.fill-current {
  fill: currentColor;
}

.fill-lime-500 {
  fill: #84cc16;
}

.fill-yellow-400 {
  fill: #facc15;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-\[0\.060rem\] {
  padding: 0.060rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[35px\] {
  padding-left: 35px;
  padding-right: 35px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.ps-10 {
  padding-inline-start: 2.5rem;
}

.ps-3 {
  padding-inline-start: 0.75rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.align-middle {
  vertical-align: middle;
}

.font-Cairo {
  font-family: Cairo, sans-serif;
}

.font-Noto {
  font-family: Noto Naskh Arabic, sans-serif;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.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-extrabold {
  font-weight: 800;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[12px\] {
  line-height: 12px;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-current {
  color: currentColor;
}

.text-emerald-50 {
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.text-gray-500\/80 {
  color: rgb(104 118 138 / 0.8);
}

.text-gray-500\/90 {
  color: rgb(104 118 138 / 0.9);
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.text-inherit {
  color: inherit;
}

.text-lime-200 {
  --tw-text-opacity: 1;
  color: rgb(217 249 157 / var(--tw-text-opacity));
}

.text-lime-600 {
  --tw-text-opacity: 1;
  color: rgb(101 163 13 / var(--tw-text-opacity));
}

.text-orange-500\/80 {
  color: rgb(249 115 22 / 0.8);
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgb(246 248 255 / var(--tw-text-opacity));
}

.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.text-primary-500\/90 {
  color: rgb(70 105 250 / 0.9);
}

.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(63 94 223 / var(--tw-text-opacity));
}

.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(42 63 150 / var(--tw-text-opacity));
}

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-500\/90 {
  color: rgb(239 68 68 / 0.9);
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-secondary-400 {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

.text-secondary-500 {
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.text-secondary-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity));
}

.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}

.text-zinc-500\/90 {
  color: rgb(113 113 122 / 0.9);
}

.underline {
  text-decoration-line: underline;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.shadow {
  --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);
}

.shadow-base {
  --tw-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 0.5px 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);
}

.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);
}

.shadow-md {
  --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);
}

.shadow-sm {
  --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);
}

.shadow-xl {
  --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);
}

.shadow-blue-500\/40 {
  --tw-shadow-color: rgb(59 130 246 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-600 {
  --tw-shadow-color: #059669;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-400 {
  --tw-shadow-color: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-500 {
  --tw-shadow-color: #68768A;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-600 {
  --tw-shadow-color: #475569;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary-500 {
  --tw-shadow-color: #4669fa;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary-600 {
  --tw-shadow-color: #3F5EDF;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-400\/40 {
  --tw-shadow-color: rgb(248 113 113 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-500 {
  --tw-shadow-color: #64748b;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-yellow-600 {
  --tw-shadow-color: #ca8a04;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-zinc-300 {
  --tw-shadow-color: #d4d4d8;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.ring-1 {
  --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, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-slate-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
}

.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}

.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);
}

.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-filter {
  -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;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-75 {
  transition-duration: 75ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root{
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1
}

.animate__animated{
  animation-duration:1s;
  animation-duration:var(--animate-duration);
  animation-fill-mode:both
}

.animate__animated.animate__infinite{
  animation-iteration-count:infinite
}

.animate__animated.animate__repeat-1{
  animation-iteration-count:1;
  animation-iteration-count:var(--animate-repeat)
}

.animate__animated.animate__repeat-2{
  animation-iteration-count:2;
  animation-iteration-count:calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3{
  animation-iteration-count:3;
  animation-iteration-count:calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s{
  animation-delay:1s;
  animation-delay:var(--animate-delay)
}

.animate__animated.animate__delay-2s{
  animation-delay:2s;
  animation-delay:calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s{
  animation-delay:3s;
  animation-delay:calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s{
  animation-delay:4s;
  animation-delay:calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s{
  animation-delay:5s;
  animation-delay:calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster{
  animation-duration:.5s;
  animation-duration:calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast{
  animation-duration:.8s;
  animation-duration:calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow{
  animation-duration:2s;
  animation-duration:calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower{
  animation-duration:3s;
  animation-duration:calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce), print{
  .animate__animated{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    animation-iteration-count:1!important
  }

  .animate__animated[class*=Out]{
    opacity:0
  }
}

@keyframes bounce{
  0%,20%,53%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0)
  }

  40%,43%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-30px,0) scaleY(1.1)
  }

  70%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-15px,0) scaleY(1.05)
  }

  80%{
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-4px,0) scaleY(1.02)
  }
}

.animate__bounce{
  animation-name:bounce;
  transform-origin:center bottom
}

@keyframes flash{
  0%,50%,to{
    opacity:1
  }

  25%,75%{
    opacity:0
  }
}

.animate__flash{
  animation-name:flash
}

@keyframes pulse{
  0%{
    transform:scaleX(1)
  }

  50%{
    transform:scale3d(1.05,1.05,1.05)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__pulse{
  animation-name:pulse;
  animation-timing-function:ease-in-out
}

@keyframes rubberBand{
  0%{
    transform:scaleX(1)
  }

  30%{
    transform:scale3d(1.25,.75,1)
  }

  40%{
    transform:scale3d(.75,1.25,1)
  }

  50%{
    transform:scale3d(1.15,.85,1)
  }

  65%{
    transform:scale3d(.95,1.05,1)
  }

  75%{
    transform:scale3d(1.05,.95,1)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__rubberBand{
  animation-name:rubberBand
}

@keyframes shakeX{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(-10px,0,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(10px,0,0)
  }
}

.animate__shakeX{
  animation-name:shakeX
}

@keyframes shakeY{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(0,-10px,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(0,10px,0)
  }
}

.animate__shakeY{
  animation-name:shakeY
}

@keyframes headShake{
  0%{
    transform:translateX(0)
  }

  6.5%{
    transform:translateX(-6px) rotateY(-9deg)
  }

  18.5%{
    transform:translateX(5px) rotateY(7deg)
  }

  31.5%{
    transform:translateX(-3px) rotateY(-5deg)
  }

  43.5%{
    transform:translateX(2px) rotateY(3deg)
  }

  50%{
    transform:translateX(0)
  }
}

.animate__headShake{
  animation-timing-function:ease-in-out;
  animation-name:headShake
}

@keyframes swing{
  20%{
    transform:rotate(15deg)
  }

  40%{
    transform:rotate(-10deg)
  }

  60%{
    transform:rotate(5deg)
  }

  80%{
    transform:rotate(-5deg)
  }

  to{
    transform:rotate(0)
  }
}

.animate__swing{
  transform-origin:top center;
  animation-name:swing
}

@keyframes tada{
  0%{
    transform:scaleX(1)
  }

  10%,20%{
    transform:scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90%{
    transform:scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80%{
    transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__tada{
  animation-name:tada
}

@keyframes wobble{
  0%{
    transform:translateZ(0)
  }

  15%{
    transform:translate3d(-25%,0,0) rotate(-5deg)
  }

  30%{
    transform:translate3d(20%,0,0) rotate(3deg)
  }

  45%{
    transform:translate3d(-15%,0,0) rotate(-3deg)
  }

  60%{
    transform:translate3d(10%,0,0) rotate(2deg)
  }

  75%{
    transform:translate3d(-5%,0,0) rotate(-1deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__wobble{
  animation-name:wobble
}

@keyframes jello{
  0%,11.1%,to{
    transform:translateZ(0)
  }

  22.2%{
    transform:skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3%{
    transform:skewX(6.25deg) skewY(6.25deg)
  }

  44.4%{
    transform:skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5%{
    transform:skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6%{
    transform:skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7%{
    transform:skewX(.390625deg) skewY(.390625deg)
  }

  88.8%{
    transform:skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello{
  animation-name:jello;
  transform-origin:center
}

@keyframes heartBeat{
  0%{
    transform:scale(1)
  }

  14%{
    transform:scale(1.3)
  }

  28%{
    transform:scale(1)
  }

  42%{
    transform:scale(1.3)
  }

  70%{
    transform:scale(1)
  }
}

.animate__heartBeat{
  animation-name:heartBeat;
  animation-duration:1.3s;
  animation-duration:calc(var(--animate-duration)*1.3);
  animation-timing-function:ease-in-out
}

@keyframes backInDown{
  0%{
    transform:translateY(-1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInDown{
  animation-name:backInDown
}

@keyframes backInLeft{
  0%{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInLeft{
  animation-name:backInLeft
}

@keyframes backInRight{
  0%{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInRight{
  animation-name:backInRight
}

@keyframes backInUp{
  0%{
    transform:translateY(1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInUp{
  animation-name:backInUp
}

@keyframes backOutDown{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutDown{
  animation-name:backOutDown
}

@keyframes backOutLeft{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutLeft{
  animation-name:backOutLeft
}

@keyframes backOutRight{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutRight{
  animation-name:backOutRight
}

@keyframes backOutUp{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(-700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutUp{
  animation-name:backOutUp
}

@keyframes bounceIn{
  0%,20%,40%,60%,80%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  20%{
    transform:scale3d(1.1,1.1,1.1)
  }

  40%{
    transform:scale3d(.9,.9,.9)
  }

  60%{
    opacity:1;
    transform:scale3d(1.03,1.03,1.03)
  }

  80%{
    transform:scale3d(.97,.97,.97)
  }

  to{
    opacity:1;
    transform:scaleX(1)
  }
}

.animate__bounceIn{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*.75);
  animation-name:bounceIn
}

@keyframes bounceInDown{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,-3000px,0) scaleY(3)
  }

  60%{
    opacity:1;
    transform:translate3d(0,25px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,-10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInDown{
  animation-name:bounceInDown
}

@keyframes bounceInLeft{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(-3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(-10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInLeft{
  animation-name:bounceInLeft
}

@keyframes bounceInRight{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(-25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(-5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInRight{
  animation-name:bounceInRight
}

@keyframes bounceInUp{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,3000px,0) scaleY(5)
  }

  60%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInUp{
  animation-name:bounceInUp
}

@keyframes bounceOut{
  20%{
    transform:scale3d(.9,.9,.9)
  }

  50%,55%{
    opacity:1;
    transform:scale3d(1.1,1.1,1.1)
  }

  to{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
}

.animate__bounceOut{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*.75);
  animation-name:bounceOut
}

@keyframes bounceOutDown{
  20%{
    transform:translate3d(0,10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0) scaleY(3)
  }
}

.animate__bounceOutDown{
  animation-name:bounceOutDown
}

@keyframes bounceOutLeft{
  20%{
    opacity:1;
    transform:translate3d(20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutLeft{
  animation-name:bounceOutLeft
}

@keyframes bounceOutRight{
  20%{
    opacity:1;
    transform:translate3d(-20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutRight{
  animation-name:bounceOutRight
}

@keyframes bounceOutUp{
  20%{
    transform:translate3d(0,-10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0) scaleY(3)
  }
}

.animate__bounceOutUp{
  animation-name:bounceOutUp
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.animate__fadeIn{
  animation-name:fadeIn
}

@keyframes fadeInDown{
  0%{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInDown{
  animation-name:fadeInDown
}

@keyframes fadeInDownBig{
  0%{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInDownBig{
  animation-name:fadeInDownBig
}

@keyframes fadeInLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInLeft{
  animation-name:fadeInLeft
}

@keyframes fadeInLeftBig{
  0%{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInLeftBig{
  animation-name:fadeInLeftBig
}

@keyframes fadeInRight{
  0%{
    opacity:0;
    transform:translate3d(100%,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInRight{
  animation-name:fadeInRight
}

@keyframes fadeInRightBig{
  0%{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInRightBig{
  animation-name:fadeInRightBig
}

@keyframes fadeInUp{
  0%{
    opacity:0;
    transform:translate3d(0,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInUp{
  animation-name:fadeInUp
}

@keyframes fadeInUpBig{
  0%{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInUpBig{
  animation-name:fadeInUpBig
}

@keyframes fadeInTopLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopLeft{
  animation-name:fadeInTopLeft
}

@keyframes fadeInTopRight{
  0%{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopRight{
  animation-name:fadeInTopRight
}

@keyframes fadeInBottomLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomLeft{
  animation-name:fadeInBottomLeft
}

@keyframes fadeInBottomRight{
  0%{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomRight{
  animation-name:fadeInBottomRight
}

@keyframes fadeOut{
  0%{
    opacity:1
  }

  to{
    opacity:0
  }
}

.animate__fadeOut{
  animation-name:fadeOut
}

@keyframes fadeOutDown{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,100%,0)
  }
}

.animate__fadeOutDown{
  animation-name:fadeOutDown
}

@keyframes fadeOutDownBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}

.animate__fadeOutDownBig{
  animation-name:fadeOutDownBig
}

@keyframes fadeOutLeft{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-100%,0,0)
  }
}

.animate__fadeOutLeft{
  animation-name:fadeOutLeft
}

@keyframes fadeOutLeftBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }
}

.animate__fadeOutLeftBig{
  animation-name:fadeOutLeftBig
}

@keyframes fadeOutRight{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0)
  }
}

.animate__fadeOutRight{
  animation-name:fadeOutRight
}

@keyframes fadeOutRightBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }
}

.animate__fadeOutRightBig{
  animation-name:fadeOutRightBig
}

@keyframes fadeOutUp{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }
}

.animate__fadeOutUp{
  animation-name:fadeOutUp
}

@keyframes fadeOutUpBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}

.animate__fadeOutUpBig{
  animation-name:fadeOutUpBig
}

@keyframes fadeOutTopLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }
}

.animate__fadeOutTopLeft{
  animation-name:fadeOutTopLeft
}

@keyframes fadeOutTopRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }
}

.animate__fadeOutTopRight{
  animation-name:fadeOutTopRight
}

@keyframes fadeOutBottomRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }
}

.animate__fadeOutBottomRight{
  animation-name:fadeOutBottomRight
}

@keyframes fadeOutBottomLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }
}

.animate__fadeOutBottomLeft{
  animation-name:fadeOutBottomLeft
}

@keyframes flip{
  0%{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function:ease-out
  }

  40%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function:ease-out
  }

  50%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function:ease-in
  }

  80%{
    transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
    animation-timing-function:ease-in
  }

  to{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    animation-timing-function:ease-in
  }
}

.animate__animated.animate__flip{
  backface-visibility:visible;
  animation-name:flip
}

@keyframes flipInX{
  0%{
    transform:perspective(400px) rotateX(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateX(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateX(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInX{
  backface-visibility:visible!important;
  animation-name:flipInX
}

@keyframes flipInY{
  0%{
    transform:perspective(400px) rotateY(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateY(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateY(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateY(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInY{
  backface-visibility:visible!important;
  animation-name:flipInY
}

@keyframes flipOutX{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

.animate__flipOutX{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*.75);
  animation-name:flipOutX;
  backface-visibility:visible!important
}

@keyframes flipOutY{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateY(-15deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

.animate__flipOutY{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*.75);
  backface-visibility:visible!important;
  animation-name:flipOutY
}

@keyframes lightSpeedInRight{
  0%{
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0
  }

  60%{
    transform:skewX(20deg);
    opacity:1
  }

  80%{
    transform:skewX(-5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInRight{
  animation-name:lightSpeedInRight;
  animation-timing-function:ease-out
}

@keyframes lightSpeedInLeft{
  0%{
    transform:translate3d(-100%,0,0) skewX(30deg);
    opacity:0
  }

  60%{
    transform:skewX(-20deg);
    opacity:1
  }

  80%{
    transform:skewX(5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInLeft{
  animation-name:lightSpeedInLeft;
  animation-timing-function:ease-out
}

@keyframes lightSpeedOutRight{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0
  }
}

.animate__lightSpeedOutRight{
  animation-name:lightSpeedOutRight;
  animation-timing-function:ease-in
}

@keyframes lightSpeedOutLeft{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(-100%,0,0) skewX(-30deg);
    opacity:0
  }
}

.animate__lightSpeedOutLeft{
  animation-name:lightSpeedOutLeft;
  animation-timing-function:ease-in
}

@keyframes rotateIn{
  0%{
    transform:rotate(-200deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateIn{
  animation-name:rotateIn;
  transform-origin:center
}

@keyframes rotateInDownLeft{
  0%{
    transform:rotate(-45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownLeft{
  animation-name:rotateInDownLeft;
  transform-origin:left bottom
}

@keyframes rotateInDownRight{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownRight{
  animation-name:rotateInDownRight;
  transform-origin:right bottom
}

@keyframes rotateInUpLeft{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpLeft{
  animation-name:rotateInUpLeft;
  transform-origin:left bottom
}

@keyframes rotateInUpRight{
  0%{
    transform:rotate(-90deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpRight{
  animation-name:rotateInUpRight;
  transform-origin:right bottom
}

@keyframes rotateOut{
  0%{
    opacity:1
  }

  to{
    transform:rotate(200deg);
    opacity:0
  }
}

.animate__rotateOut{
  animation-name:rotateOut;
  transform-origin:center
}

@keyframes rotateOutDownLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(45deg);
    opacity:0
  }
}

.animate__rotateOutDownLeft{
  animation-name:rotateOutDownLeft;
  transform-origin:left bottom
}

@keyframes rotateOutDownRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutDownRight{
  animation-name:rotateOutDownRight;
  transform-origin:right bottom
}

@keyframes rotateOutUpLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutUpLeft{
  animation-name:rotateOutUpLeft;
  transform-origin:left bottom
}

@keyframes rotateOutUpRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(90deg);
    opacity:0
  }
}

.animate__rotateOutUpRight{
  animation-name:rotateOutUpRight;
  transform-origin:right bottom
}

@keyframes hinge{
  0%{
    animation-timing-function:ease-in-out
  }

  20%,60%{
    transform:rotate(80deg);
    animation-timing-function:ease-in-out
  }

  40%,80%{
    transform:rotate(60deg);
    animation-timing-function:ease-in-out;
    opacity:1
  }

  to{
    transform:translate3d(0,700px,0);
    opacity:0
  }
}

.animate__hinge{
  animation-duration:2s;
  animation-duration:calc(var(--animate-duration)*2);
  animation-name:hinge;
  transform-origin:top left
}

@keyframes jackInTheBox{
  0%{
    opacity:0;
    transform:scale(.1) rotate(30deg);
    transform-origin:center bottom
  }

  50%{
    transform:rotate(-10deg)
  }

  70%{
    transform:rotate(3deg)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.animate__jackInTheBox{
  animation-name:jackInTheBox
}

@keyframes rollIn{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0) rotate(-120deg)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__rollIn{
  animation-name:rollIn
}

@keyframes rollOut{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0) rotate(120deg)
  }
}

.animate__rollOut{
  animation-name:rollOut
}

@keyframes zoomIn{
  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  50%{
    opacity:1
  }
}

.animate__zoomIn{
  animation-name:zoomIn
}

@keyframes zoomInDown{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInDown{
  animation-name:zoomInDown
}

@keyframes zoomInLeft{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInLeft{
  animation-name:zoomInLeft
}

@keyframes zoomInRight{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInRight{
  animation-name:zoomInRight
}

@keyframes zoomInUp{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInUp{
  animation-name:zoomInUp
}

@keyframes zoomOut{
  0%{
    opacity:1
  }

  50%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  to{
    opacity:0
  }
}

.animate__zoomOut{
  animation-name:zoomOut
}

@keyframes zoomOutDown{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutDown{
  animation-name:zoomOutDown;
  transform-origin:center bottom
}

@keyframes zoomOutLeft{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(-2000px,0,0)
  }
}

.animate__zoomOutLeft{
  animation-name:zoomOutLeft;
  transform-origin:left center
}

@keyframes zoomOutRight{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(2000px,0,0)
  }
}

.animate__zoomOutRight{
  animation-name:zoomOutRight;
  transform-origin:right center
}

@keyframes zoomOutUp{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutUp{
  animation-name:zoomOutUp;
  transform-origin:center bottom
}

@keyframes slideInDown{
  0%{
    transform:translate3d(0,-100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInDown{
  animation-name:slideInDown
}

@keyframes slideInLeft{
  0%{
    transform:translate3d(-100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInLeft{
  animation-name:slideInLeft
}

@keyframes slideInRight{
  0%{
    transform:translate3d(100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInRight{
  animation-name:slideInRight
}

@keyframes slideInUp{
  0%{
    transform:translate3d(0,100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInUp{
  animation-name:slideInUp
}

@keyframes slideOutDown{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,100%,0)
  }
}

.animate__slideOutDown{
  animation-name:slideOutDown
}

@keyframes slideOutLeft{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(-100%,0,0)
  }
}

.animate__slideOutLeft{
  animation-name:slideOutLeft
}

@keyframes slideOutRight{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(100%,0,0)
  }
}

.animate__slideOutRight{
  animation-name:slideOutRight
}

@keyframes slideOutUp{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,-100%,0)
  }
}

.animate__slideOutUp{
  animation-name:slideOutUp
}

.country-select{
  position:relative;
  display:inline-block
}

.country-select *{
  box-sizing:border-box
}

.country-select .hide{
  display:none
}

.country-select .v-hide{
  visibility:hidden
}

.country-select input,.country-select input[type=text]{
  position:relative;
  z-index:0;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-right:36px;
  margin-right:0
}

.country-select .flag-dropdown{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  padding:1px
}

.country-select .selected-flag{
  z-index:1;
  position:relative;
  width:36px;
  height:100%;
  padding:0 0 0 8px
}

.country-select .selected-flag .flag{
  position:absolute;
  top:0;
  bottom:0;
  margin:auto
}

.country-select .selected-flag .arrow{
  position:absolute;
  top:50%;
  margin-top:-2px;
  right:6px;
  width:0;
  height:0;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:4px solid #555
}

.country-select .selected-flag .arrow.up{
  border-top:none;
  border-bottom:4px solid #555
}

.country-select .country-list{
  position:absolute;
  z-index:2;
  list-style:none;
  text-align:left;
  padding:0;
  margin:0 0 0 -1px;
  box-shadow:1px 1px 4px rgba(0,0,0,.2);
  background-color:#fff;
  border:1px solid #ccc;
  white-space:nowrap;
  max-height:200px;
  overflow-y:scroll
}

.country-select .country-list .flag{
  display:inline-block;
  width:20px
}

@media (max-width:500px){
  .country-select .country-list{
    white-space:normal
  }
}

.country-select .country-list .divider{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc
}

.country-select .country-list .country{
  padding:5px 10px
}

.country-select .country-list .country.highlight{
  background-color:rgba(0,0,0,.05)
}

.country-select .country-list .country-name,.country-select .country-list .flag{
  vertical-align:middle
}

.country-select .country-list .flag{
  margin-right:6px
}

.country-select.inside input,.country-select.inside input[type=text]{
  padding-right:6px;
  padding-left:52px;
  margin-left:0
}

.country-select.inside .flag-dropdown{
  right:auto;
  left:0
}

.country-select.inside .selected-flag{
  width:46px
}

.country-select.inside .flag-dropdown:hover{
  cursor:pointer
}

.country-select.inside .flag-dropdown:hover .selected-flag{
  background-color:rgba(0,0,0,.05)
}

.country-select.inside input[disabled]+.flag-dropdown:hover,.country-select.inside input[readonly]+.flag-dropdown:hover{
  cursor:default
}

.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag{
  background-color:transparent
}

.country-select .flag{
  width:20px;
  height:15px;
  box-shadow:0 0 1px 0 #888;
  background-image:url(../images/flags.png);
  background-repeat:no-repeat;
  background-color:#dbdbdb;
  background-position:20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){
  .country-select .flag{
    background-image:url(../images/flags@2x.png)
  }
}

.country-select .flag{
  width:20px
}

.country-select .flag.be{
  width:18px
}

.country-select .flag.ch{
  width:15px
}

.country-select .flag.mc{
  width:19px
}

.country-select .flag.ne{
  width:18px
}

.country-select .flag.np{
  width:13px
}

.country-select .flag.va{
  width:15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){
  .country-select .flag{
    background-size:5630px 15px
  }
}

.country-select .flag.ac{
  height:10px;
  background-position:0 0
}

.country-select .flag.ad{
  height:14px;
  background-position:-22px 0
}

.country-select .flag.ae{
  height:10px;
  background-position:-44px 0
}

.country-select .flag.af{
  height:14px;
  background-position:-66px 0
}

.country-select .flag.ag{
  height:14px;
  background-position:-88px 0
}

.country-select .flag.ai{
  height:10px;
  background-position:-110px 0
}

.country-select .flag.al{
  height:15px;
  background-position:-132px 0
}

.country-select .flag.am{
  height:10px;
  background-position:-154px 0
}

.country-select .flag.ao{
  height:14px;
  background-position:-176px 0
}

.country-select .flag.aq{
  height:14px;
  background-position:-198px 0
}

.country-select .flag.ar{
  height:13px;
  background-position:-220px 0
}

.country-select .flag.as{
  height:10px;
  background-position:-242px 0
}

.country-select .flag.at{
  height:14px;
  background-position:-264px 0
}

.country-select .flag.au{
  height:10px;
  background-position:-286px 0
}

.country-select .flag.aw{
  height:14px;
  background-position:-308px 0
}

.country-select .flag.ax{
  height:13px;
  background-position:-330px 0
}

.country-select .flag.az{
  height:10px;
  background-position:-352px 0
}

.country-select .flag.ba{
  height:10px;
  background-position:-374px 0
}

.country-select .flag.bb{
  height:14px;
  background-position:-396px 0
}

.country-select .flag.bd{
  height:12px;
  background-position:-418px 0
}

.country-select .flag.be{
  height:15px;
  background-position:-440px 0
}

.country-select .flag.bf{
  height:14px;
  background-position:-460px 0
}

.country-select .flag.bg{
  height:12px;
  background-position:-482px 0
}

.country-select .flag.bh{
  height:12px;
  background-position:-504px 0
}

.country-select .flag.bi{
  height:12px;
  background-position:-526px 0
}

.country-select .flag.bj{
  height:14px;
  background-position:-548px 0
}

.country-select .flag.bl{
  height:14px;
  background-position:-570px 0
}

.country-select .flag.bm{
  height:10px;
  background-position:-592px 0
}

.country-select .flag.bn{
  height:10px;
  background-position:-614px 0
}

.country-select .flag.bo{
  height:14px;
  background-position:-636px 0
}

.country-select .flag.bq{
  height:14px;
  background-position:-658px 0
}

.country-select .flag.br{
  height:14px;
  background-position:-680px 0
}

.country-select .flag.bs{
  height:10px;
  background-position:-702px 0
}

.country-select .flag.bt{
  height:14px;
  background-position:-724px 0
}

.country-select .flag.bv{
  height:15px;
  background-position:-746px 0
}

.country-select .flag.bw{
  height:14px;
  background-position:-768px 0
}

.country-select .flag.by{
  height:10px;
  background-position:-790px 0
}

.country-select .flag.bz{
  height:14px;
  background-position:-812px 0
}

.country-select .flag.ca{
  height:10px;
  background-position:-834px 0
}

.country-select .flag.cc{
  height:10px;
  background-position:-856px 0
}

.country-select .flag.cd{
  height:15px;
  background-position:-878px 0
}

.country-select .flag.cf{
  height:14px;
  background-position:-900px 0
}

.country-select .flag.cg{
  height:14px;
  background-position:-922px 0
}

.country-select .flag.ch{
  height:15px;
  background-position:-944px 0
}

.country-select .flag.ci{
  height:14px;
  background-position:-961px 0
}

.country-select .flag.ck{
  height:10px;
  background-position:-983px 0
}

.country-select .flag.cl{
  height:14px;
  background-position:-1005px 0
}

.country-select .flag.cm{
  height:14px;
  background-position:-1027px 0
}

.country-select .flag.cn{
  height:14px;
  background-position:-1049px 0
}

.country-select .flag.co{
  height:14px;
  background-position:-1071px 0
}

.country-select .flag.cp{
  height:14px;
  background-position:-1093px 0
}

.country-select .flag.cr{
  height:12px;
  background-position:-1115px 0
}

.country-select .flag.cu{
  height:10px;
  background-position:-1137px 0
}

.country-select .flag.cv{
  height:12px;
  background-position:-1159px 0
}

.country-select .flag.cw{
  height:14px;
  background-position:-1181px 0
}

.country-select .flag.cx{
  height:10px;
  background-position:-1203px 0
}

.country-select .flag.cy{
  height:13px;
  background-position:-1225px 0
}

.country-select .flag.cz{
  height:14px;
  background-position:-1247px 0
}

.country-select .flag.de{
  height:12px;
  background-position:-1269px 0
}

.country-select .flag.dg{
  height:10px;
  background-position:-1291px 0
}

.country-select .flag.dj{
  height:14px;
  background-position:-1313px 0
}

.country-select .flag.dk{
  height:15px;
  background-position:-1335px 0
}

.country-select .flag.dm{
  height:10px;
  background-position:-1357px 0
}

.country-select .flag.do{
  height:13px;
  background-position:-1379px 0
}

.country-select .flag.dz{
  height:14px;
  background-position:-1401px 0
}

.country-select .flag.ea{
  height:14px;
  background-position:-1423px 0
}

.country-select .flag.ec{
  height:14px;
  background-position:-1445px 0
}

.country-select .flag.ee{
  height:13px;
  background-position:-1467px 0
}

.country-select .flag.eg{
  height:14px;
  background-position:-1489px 0
}

.country-select .flag.eh{
  height:10px;
  background-position:-1511px 0
}

.country-select .flag.er{
  height:10px;
  background-position:-1533px 0
}

.country-select .flag.es{
  height:14px;
  background-position:-1555px 0
}

.country-select .flag.et{
  height:10px;
  background-position:-1577px 0
}

.country-select .flag.eu{
  height:14px;
  background-position:-1599px 0
}

.country-select .flag.fi{
  height:12px;
  background-position:-1621px 0
}

.country-select .flag.fj{
  height:10px;
  background-position:-1643px 0
}

.country-select .flag.fk{
  height:10px;
  background-position:-1665px 0
}

.country-select .flag.fm{
  height:11px;
  background-position:-1687px 0
}

.country-select .flag.fo{
  height:15px;
  background-position:-1709px 0
}

.country-select .flag.fr{
  height:14px;
  background-position:-1731px 0
}

.country-select .flag.ga{
  height:15px;
  background-position:-1753px 0
}

.country-select .flag.gb{
  height:10px;
  background-position:-1775px 0
}

.country-select .flag.gd{
  height:12px;
  background-position:-1797px 0
}

.country-select .flag.ge{
  height:14px;
  background-position:-1819px 0
}

.country-select .flag.gf{
  height:14px;
  background-position:-1841px 0
}

.country-select .flag.gg{
  height:14px;
  background-position:-1863px 0
}

.country-select .flag.gh{
  height:14px;
  background-position:-1885px 0
}

.country-select .flag.gi{
  height:10px;
  background-position:-1907px 0
}

.country-select .flag.gl{
  height:14px;
  background-position:-1929px 0
}

.country-select .flag.gm{
  height:14px;
  background-position:-1951px 0
}

.country-select .flag.gn{
  height:14px;
  background-position:-1973px 0
}

.country-select .flag.gp{
  height:14px;
  background-position:-1995px 0
}

.country-select .flag.gq{
  height:14px;
  background-position:-2017px 0
}

.country-select .flag.gr{
  height:14px;
  background-position:-2039px 0
}

.country-select .flag.gs{
  height:10px;
  background-position:-2061px 0
}

.country-select .flag.gt{
  height:13px;
  background-position:-2083px 0
}

.country-select .flag.gu{
  height:11px;
  background-position:-2105px 0
}

.country-select .flag.gw{
  height:10px;
  background-position:-2127px 0
}

.country-select .flag.gy{
  height:12px;
  background-position:-2149px 0
}

.country-select .flag.hk{
  height:14px;
  background-position:-2171px 0
}

.country-select .flag.hm{
  height:10px;
  background-position:-2193px 0
}

.country-select .flag.hn{
  height:10px;
  background-position:-2215px 0
}

.country-select .flag.hr{
  height:10px;
  background-position:-2237px 0
}

.country-select .flag.ht{
  height:12px;
  background-position:-2259px 0
}

.country-select .flag.hu{
  height:10px;
  background-position:-2281px 0
}

.country-select .flag.ic{
  height:14px;
  background-position:-2303px 0
}

.country-select .flag.id{
  height:14px;
  background-position:-2325px 0
}

.country-select .flag.ie{
  height:10px;
  background-position:-2347px 0
}

.country-select .flag.il{
  height:15px;
  background-position:-2369px 0
}

.country-select .flag.im{
  height:10px;
  background-position:-2391px 0
}

.country-select .flag.in{
  height:14px;
  background-position:-2413px 0
}

.country-select .flag.io{
  height:10px;
  background-position:-2435px 0
}

.country-select .flag.iq{
  height:14px;
  background-position:-2457px 0
}

.country-select .flag.ir{
  height:12px;
  background-position:-2479px 0
}

.country-select .flag.is{
  height:15px;
  background-position:-2501px 0
}

.country-select .flag.it{
  height:14px;
  background-position:-2523px 0
}

.country-select .flag.je{
  height:12px;
  background-position:-2545px 0
}

.country-select .flag.jm{
  height:10px;
  background-position:-2567px 0
}

.country-select .flag.jo{
  height:10px;
  background-position:-2589px 0
}

.country-select .flag.jp{
  height:14px;
  background-position:-2611px 0
}

.country-select .flag.ke{
  height:14px;
  background-position:-2633px 0
}

.country-select .flag.kg{
  height:12px;
  background-position:-2655px 0
}

.country-select .flag.kh{
  height:13px;
  background-position:-2677px 0
}

.country-select .flag.ki{
  height:10px;
  background-position:-2699px 0
}

.country-select .flag.km{
  height:12px;
  background-position:-2721px 0
}

.country-select .flag.kn{
  height:14px;
  background-position:-2743px 0
}

.country-select .flag.kp{
  height:10px;
  background-position:-2765px 0
}

.country-select .flag.kr{
  height:14px;
  background-position:-2787px 0
}

.country-select .flag.kw{
  height:10px;
  background-position:-2809px 0
}

.country-select .flag.ky{
  height:10px;
  background-position:-2831px 0
}

.country-select .flag.kz{
  height:10px;
  background-position:-2853px 0
}

.country-select .flag.la{
  height:14px;
  background-position:-2875px 0
}

.country-select .flag.lb{
  height:14px;
  background-position:-2897px 0
}

.country-select .flag.lc{
  height:10px;
  background-position:-2919px 0
}

.country-select .flag.li{
  height:12px;
  background-position:-2941px 0
}

.country-select .flag.lk{
  height:10px;
  background-position:-2963px 0
}

.country-select .flag.lr{
  height:11px;
  background-position:-2985px 0
}

.country-select .flag.ls{
  height:14px;
  background-position:-3007px 0
}

.country-select .flag.lt{
  height:12px;
  background-position:-3029px 0
}

.country-select .flag.lu{
  height:12px;
  background-position:-3051px 0
}

.country-select .flag.lv{
  height:10px;
  background-position:-3073px 0
}

.country-select .flag.ly{
  height:10px;
  background-position:-3095px 0
}

.country-select .flag.ma{
  height:14px;
  background-position:-3117px 0
}

.country-select .flag.mc{
  height:15px;
  background-position:-3139px 0
}

.country-select .flag.md{
  height:10px;
  background-position:-3160px 0
}

.country-select .flag.me{
  height:10px;
  background-position:-3182px 0
}

.country-select .flag.mf{
  height:14px;
  background-position:-3204px 0
}

.country-select .flag.mg{
  height:14px;
  background-position:-3226px 0
}

.country-select .flag.mh{
  height:11px;
  background-position:-3248px 0
}

.country-select .flag.mk{
  height:10px;
  background-position:-3270px 0
}

.country-select .flag.ml{
  height:14px;
  background-position:-3292px 0
}

.country-select .flag.mm{
  height:14px;
  background-position:-3314px 0
}

.country-select .flag.mn{
  height:10px;
  background-position:-3336px 0
}

.country-select .flag.mo{
  height:14px;
  background-position:-3358px 0
}

.country-select .flag.mp{
  height:10px;
  background-position:-3380px 0
}

.country-select .flag.mq{
  height:14px;
  background-position:-3402px 0
}

.country-select .flag.mr{
  height:14px;
  background-position:-3424px 0
}

.country-select .flag.ms{
  height:10px;
  background-position:-3446px 0
}

.country-select .flag.mt{
  height:14px;
  background-position:-3468px 0
}

.country-select .flag.mu{
  height:14px;
  background-position:-3490px 0
}

.country-select .flag.mv{
  height:14px;
  background-position:-3512px 0
}

.country-select .flag.mw{
  height:14px;
  background-position:-3534px 0
}

.country-select .flag.mx{
  height:12px;
  background-position:-3556px 0
}

.country-select .flag.my{
  height:10px;
  background-position:-3578px 0
}

.country-select .flag.mz{
  height:14px;
  background-position:-3600px 0
}

.country-select .flag.na{
  height:14px;
  background-position:-3622px 0
}

.country-select .flag.nc{
  height:10px;
  background-position:-3644px 0
}

.country-select .flag.ne{
  height:15px;
  background-position:-3666px 0
}

.country-select .flag.nf{
  height:10px;
  background-position:-3686px 0
}

.country-select .flag.ng{
  height:10px;
  background-position:-3708px 0
}

.country-select .flag.ni{
  height:12px;
  background-position:-3730px 0
}

.country-select .flag.nl{
  height:14px;
  background-position:-3752px 0
}

.country-select .flag.no{
  height:15px;
  background-position:-3774px 0
}

.country-select .flag.np{
  height:15px;
  background-position:-3796px 0;
  background-color:transparent
}

.country-select .flag.nr{
  height:10px;
  background-position:-3811px 0
}

.country-select .flag.nu{
  height:10px;
  background-position:-3833px 0
}

.country-select .flag.nz{
  height:10px;
  background-position:-3855px 0
}

.country-select .flag.om{
  height:10px;
  background-position:-3877px 0
}

.country-select .flag.pa{
  height:14px;
  background-position:-3899px 0
}

.country-select .flag.pe{
  height:14px;
  background-position:-3921px 0
}

.country-select .flag.pf{
  height:14px;
  background-position:-3943px 0
}

.country-select .flag.pg{
  height:15px;
  background-position:-3965px 0
}

.country-select .flag.ph{
  height:10px;
  background-position:-3987px 0
}

.country-select .flag.pk{
  height:14px;
  background-position:-4009px 0
}

.country-select .flag.pl{
  height:13px;
  background-position:-4031px 0
}

.country-select .flag.pm{
  height:14px;
  background-position:-4053px 0
}

.country-select .flag.pn{
  height:10px;
  background-position:-4075px 0
}

.country-select .flag.pr{
  height:14px;
  background-position:-4097px 0
}

.country-select .flag.ps{
  height:10px;
  background-position:-4119px 0
}

.country-select .flag.pt{
  height:14px;
  background-position:-4141px 0
}

.country-select .flag.pw{
  height:13px;
  background-position:-4163px 0
}

.country-select .flag.py{
  height:11px;
  background-position:-4185px 0
}

.country-select .flag.qa{
  height:8px;
  background-position:-4207px 0
}

.country-select .flag.re{
  height:14px;
  background-position:-4229px 0
}

.country-select .flag.ro{
  height:14px;
  background-position:-4251px 0
}

.country-select .flag.rs{
  height:14px;
  background-position:-4273px 0
}

.country-select .flag.ru{
  height:14px;
  background-position:-4295px 0
}

.country-select .flag.rw{
  height:14px;
  background-position:-4317px 0
}

.country-select .flag.sa{
  height:14px;
  background-position:-4339px 0
}

.country-select .flag.sb{
  height:10px;
  background-position:-4361px 0
}

.country-select .flag.sc{
  height:10px;
  background-position:-4383px 0
}

.country-select .flag.sd{
  height:10px;
  background-position:-4405px 0
}

.country-select .flag.se{
  height:13px;
  background-position:-4427px 0
}

.country-select .flag.sg{
  height:14px;
  background-position:-4449px 0
}

.country-select .flag.sh{
  height:10px;
  background-position:-4471px 0
}

.country-select .flag.si{
  height:10px;
  background-position:-4493px 0
}

.country-select .flag.sj{
  height:15px;
  background-position:-4515px 0
}

.country-select .flag.sk{
  height:14px;
  background-position:-4537px 0
}

.country-select .flag.sl{
  height:14px;
  background-position:-4559px 0
}

.country-select .flag.sm{
  height:15px;
  background-position:-4581px 0
}

.country-select .flag.sn{
  height:14px;
  background-position:-4603px 0
}

.country-select .flag.so{
  height:14px;
  background-position:-4625px 0
}

.country-select .flag.sr{
  height:14px;
  background-position:-4647px 0
}

.country-select .flag.ss{
  height:10px;
  background-position:-4669px 0
}

.country-select .flag.st{
  height:10px;
  background-position:-4691px 0
}

.country-select .flag.sv{
  height:12px;
  background-position:-4713px 0
}

.country-select .flag.sx{
  height:14px;
  background-position:-4735px 0
}

.country-select .flag.sy{
  height:14px;
  background-position:-4757px 0
}

.country-select .flag.sz{
  height:14px;
  background-position:-4779px 0
}

.country-select .flag.ta{
  height:10px;
  background-position:-4801px 0
}

.country-select .flag.tc{
  height:10px;
  background-position:-4823px 0
}

.country-select .flag.td{
  height:14px;
  background-position:-4845px 0
}

.country-select .flag.tf{
  height:14px;
  background-position:-4867px 0
}

.country-select .flag.tg{
  height:13px;
  background-position:-4889px 0
}

.country-select .flag.th{
  height:14px;
  background-position:-4911px 0
}

.country-select .flag.tj{
  height:10px;
  background-position:-4933px 0
}

.country-select .flag.tk{
  height:10px;
  background-position:-4955px 0
}

.country-select .flag.tl{
  height:10px;
  background-position:-4977px 0
}

.country-select .flag.tm{
  height:14px;
  background-position:-4999px 0
}

.country-select .flag.tn{
  height:14px;
  background-position:-5021px 0
}

.country-select .flag.to{
  height:10px;
  background-position:-5043px 0
}

.country-select .flag.tr{
  height:14px;
  background-position:-5065px 0
}

.country-select .flag.tt{
  height:12px;
  background-position:-5087px 0
}

.country-select .flag.tv{
  height:10px;
  background-position:-5109px 0
}

.country-select .flag.tw{
  height:14px;
  background-position:-5131px 0
}

.country-select .flag.tz{
  height:14px;
  background-position:-5153px 0
}

.country-select .flag.ua{
  height:14px;
  background-position:-5175px 0
}

.country-select .flag.ug{
  height:14px;
  background-position:-5197px 0
}

.country-select .flag.um{
  height:11px;
  background-position:-5219px 0
}

.country-select .flag.us{
  height:11px;
  background-position:-5241px 0
}

.country-select .flag.uy{
  height:14px;
  background-position:-5263px 0
}

.country-select .flag.uz{
  height:10px;
  background-position:-5285px 0
}

.country-select .flag.va{
  height:15px;
  background-position:-5307px 0
}

.country-select .flag.vc{
  height:14px;
  background-position:-5324px 0
}

.country-select .flag.ve{
  height:14px;
  background-position:-5346px 0
}

.country-select .flag.vg{
  height:10px;
  background-position:-5368px 0
}

.country-select .flag.vi{
  height:14px;
  background-position:-5390px 0
}

.country-select .flag.vn{
  height:14px;
  background-position:-5412px 0
}

.country-select .flag.vu{
  height:12px;
  background-position:-5434px 0
}

.country-select .flag.wf{
  height:14px;
  background-position:-5456px 0
}

.country-select .flag.ws{
  height:10px;
  background-position:-5478px 0
}

.country-select .flag.xk{
  height:15px;
  background-position:-5500px 0
}

.country-select .flag.ye{
  height:14px;
  background-position:-5522px 0
}

.country-select .flag.yt{
  height:14px;
  background-position:-5544px 0
}

.country-select .flag.za{
  height:14px;
  background-position:-5566px 0
}

.country-select .flag.zm{
  height:14px;
  background-position:-5588px 0
}

.country-select .flag.zw{
  height:10px;
  background-position:-5610px 0
}

.gu-mirror{
  position:fixed!important;
  margin:0!important;
  z-index:9999!important;
  opacity:.8
}

.gu-hide{
  display:none!important
}

.gu-unselectable{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  user-select:none!important
}

.gu-transit{
  opacity:.2
}

@keyframes passing-through{
  0%{
    opacity:0;
    transform:translateY(40px)
  }

  30%,70%{
    opacity:1;
    transform:translateY(0)
  }

  100%{
    opacity:0;
    transform:translateY(-40px)
  }
}

@keyframes slide-in{
  0%{
    opacity:0;
    transform:translateY(40px)
  }

  30%{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes pulse{
  0%{
    transform:scale(1)
  }

  10%{
    transform:scale(1.1)
  }

  20%{
    transform:scale(1)
  }
}

.dropzone,.dropzone *{
  box-sizing:border-box
}

.dropzone{
  min-height:150px;
  border:2px solid rgba(0,0,0,.3);
  background:#fff;
  padding:20px 20px
}

.dropzone.dz-clickable{
  cursor:pointer
}

.dropzone.dz-clickable *{
  cursor:default
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{
  cursor:pointer
}

.dropzone.dz-started .dz-message{
  display:none
}

.dropzone.dz-drag-hover{
  border-style:solid
}

.dropzone.dz-drag-hover .dz-message{
  opacity:.5
}

.dropzone .dz-message{
  text-align:center;
  margin:2em 0
}

.dropzone .dz-message .dz-button{
  background:0 0;
  color:inherit;
  border:none;
  padding:0;
  font:inherit;
  cursor:pointer;
  outline:inherit
}

.dropzone .dz-preview{
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:16px;
  min-height:100px
}

.dropzone .dz-preview:hover{
  z-index:1000
}

.dropzone .dz-preview:hover .dz-details{
  opacity:1
}

.dropzone .dz-preview.dz-file-preview .dz-image{
  border-radius:20px;
  background:#999;
  background:linear-gradient(to bottom,#eee,#ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details{
  opacity:1
}

.dropzone .dz-preview.dz-image-preview{
  background:#fff
}

.dropzone .dz-preview.dz-image-preview .dz-details{
  transition:opacity .2s linear
}

.dropzone .dz-preview .dz-remove{
  font-size:14px;
  text-align:center;
  display:block;
  cursor:pointer;
  border:none
}

.dropzone .dz-preview .dz-remove:hover{
  text-decoration:underline
}

.dropzone .dz-preview:hover .dz-details{
  opacity:1
}

.dropzone .dz-preview .dz-details{
  z-index:20;
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  font-size:13px;
  min-width:100%;
  max-width:100%;
  padding:2em 1em;
  text-align:center;
  color:rgba(0,0,0,.9);
  line-height:150%
}

.dropzone .dz-preview .dz-details .dz-size{
  margin-bottom:1em;
  font-size:16px
}

.dropzone .dz-preview .dz-details .dz-filename{
  white-space:nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span{
  border:1px solid rgba(200,200,200,.8);
  background-color:rgba(255,255,255,.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover){
  overflow:hidden;
  text-overflow:ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{
  border:1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{
  background-color:rgba(255,255,255,.4);
  padding:0 .4em;
  border-radius:3px
}

.dropzone .dz-preview:hover .dz-image img{
  transform:scale(1.05,1.05);
  filter:blur(8px)
}

.dropzone .dz-preview .dz-image{
  border-radius:20px;
  overflow:hidden;
  width:120px;
  height:120px;
  position:relative;
  display:block;
  z-index:10
}

.dropzone .dz-preview .dz-image img{
  display:block
}

.dropzone .dz-preview.dz-success .dz-success-mark{
  animation:passing-through 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview.dz-error .dz-error-mark{
  opacity:1;
  animation:slide-in 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{
  pointer-events:none;
  opacity:0;
  z-index:500;
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  margin-left:-27px;
  margin-top:-27px
}

.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{
  display:block;
  width:54px;
  height:54px
}

.dropzone .dz-preview.dz-processing .dz-progress{
  opacity:1;
  transition:all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress{
  opacity:0;
  transition:opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress{
  animation:pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress{
  opacity:1;
  z-index:1000;
  pointer-events:none;
  position:absolute;
  height:16px;
  left:50%;
  top:50%;
  margin-top:-8px;
  width:80px;
  margin-left:-40px;
  background:rgba(255,255,255,.9);
  -webkit-transform:scale(1);
  border-radius:8px;
  overflow:hidden
}

.dropzone .dz-preview .dz-progress .dz-upload{
  background:#333;
  background:linear-gradient(to bottom,#666,#444);
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:0;
  transition:width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message{
  display:block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message{
  opacity:1;
  pointer-events:auto
}

.dropzone .dz-preview .dz-error-message{
  pointer-events:none;
  z-index:1000;
  position:absolute;
  display:block;
  display:none;
  opacity:0;
  transition:opacity .3s ease;
  border-radius:8px;
  font-size:13px;
  top:130px;
  left:-10px;
  width:140px;
  background:#be2626;
  background:linear-gradient(to bottom,#be2626,#a92222);
  padding:.5em 1.2em;
  color:#fff
}

.dropzone .dz-preview .dz-error-message:after{
  content:"";
  position:absolute;
  top:-6px;
  left:64px;
  width:0;
  height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid #be2626
}

.flatpickr-calendar{
  background:0 0;
  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 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

.flatpickr-calendar.inline,.flatpickr-calendar.open{
  opacity:1;
  max-height:640px;
  visibility:visible
}

.flatpickr-calendar.open{
  display:inline-block;
  z-index:99999
}

.flatpickr-calendar.animate.open{
  animation:fpFadeInDown .3s cubic-bezier(.23,1,.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 .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .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 #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{
  height:auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before{
  position:absolute;
  display:block;
  pointer-events:none;
  border:solid transparent;
  content:'';
  height:0;
  width:0;
  left:22px
}

.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{
  left:auto;
  right:22px
}

.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{
  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:after,.flatpickr-calendar.arrowTop:before{
  bottom:100%
}

.flatpickr-calendar.arrowTop:before{
  border-bottom-color:#e6e6e6
}

.flatpickr-calendar.arrowTop:after{
  border-bottom-color:#fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{
  top:100%
}

.flatpickr-calendar.arrowBottom:before{
  border-top-color:#e6e6e6
}

.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:0 0;
  color:rgba(0,0,0,.9);
  fill:rgba(0,0,0,.9);
  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-next-month,.flatpickr-months .flatpickr-prev-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:rgba(0,0,0,.9);
  fill:rgba(0,0,0,.9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{
  display:none
}

.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{
  position:relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{
  left:0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{
  right:0
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{
  color:#959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{
  fill:#f64747
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{
  width:14px;
  height:14px
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{
  transition:fill .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-inner-spin-button,.numInputWrapper input::-webkit-outer-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(57,57,57,.15);
  box-sizing:border-box
}

.numInputWrapper span:hover{
  background:rgba(0,0,0,.1)
}

.numInputWrapper span:active{
  background:rgba(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(57,57,57,.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(57,57,57,.6);
  top:40%
}

.numInputWrapper span svg{
  width:inherit;
  height:auto
}

.numInputWrapper span svg path{
  fill:rgba(0,0,0,.5)
}

.numInputWrapper:hover{
  background:rgba(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(0,0,0)
}

.flatpickr-current-month span.cur-month{
  font-family:inherit;
  font-weight:700;
  color:inherit;
  display:inline-block;
  margin-left:.5ch;
  padding:0
}

.flatpickr-current-month span.cur-month:hover{
  background:rgba(0,0,0,.05)
}

.flatpickr-current-month .numInputWrapper{
  width:6ch;
  display:inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after{
  border-bottom-color:rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after{
  border-top-color:rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year{
  background:0 0;
  box-sizing:border-box;
  color:inherit;
  cursor:text;
  padding: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(0,0,0,.5);
  background:0 0;
  pointer-events:none
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
  appearance:menulist;
  background:0 0;
  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:0;
  padding: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:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{
  outline:0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover{
  background:rgba(0,0,0,.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
  background-color:transparent;
  outline:0;
  padding:0
}

.flatpickr-weekdays{
  background:0 0;
  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:0 0;
  color:rgba(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(0,0,0);
  opacity:1
}

.dayContainer+.dayContainer{
  box-shadow:-1px 0 0 #e6e6e6
}

.flatpickr-day{
  background:0 0;
  border:1px solid transparent;
  border-radius:150px;
  box-sizing:border-box;
  color:#393939;
  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.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{
  cursor:pointer;
  outline:0;
  background:#e6e6e6;
  border-color:#e6e6e6
}

.flatpickr-day.today{
  border-color:#959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover{
  border-color:#959ea9;
  background:#959ea9;
  color:#fff
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{
  background:#569ff7;
  box-shadow:none;
  color:#fff;
  border-color:#569ff7
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{
  border-radius:50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{
  border-radius:0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){
  box-shadow:-10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{
  border-radius:50px
}

.flatpickr-day.inRange{
  border-radius:0;
  box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{
  color:rgba(57,57,57,.3);
  background:0 0;
  border-color:transparent;
  cursor:default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{
  cursor:not-allowed;
  color:rgba(57,57,57,.1)
}

.flatpickr-day.week.selected{
  border-radius:0;
  box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7
}

.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 #e6e6e6
}

.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(57,57,57,.3);
  background:0 0;
  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:#393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after{
  border-top-color:#393939
}

.flatpickr-time.hasSeconds .numInputWrapper{
  width:26%
}

.flatpickr-time.time24hr .numInputWrapper{
  width:49%
}

.flatpickr-time input{
  background:0 0;
  box-shadow:none;
  border:0;
  border-radius:0;
  text-align:center;
  margin:0;
  padding:0;
  height:inherit;
  line-height:inherit;
  color:#393939;
  font-size:14px;
  position:relative;
  box-sizing:border-box;
  -webkit-appearance:textfield;
  -moz-appearance:textfield;
  appearance:textfield
}

.flatpickr-time input.flatpickr-hour{
  font-weight:700
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{
  font-weight:400
}

.flatpickr-time input:focus{
  outline:0;
  border:0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{
  height:inherit;
  float:left;
  line-height:inherit;
  color:#393939;
  font-weight:700;
  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 .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{
  background:#eee
}

.flatpickr-input[readonly]{
  cursor:pointer
}

@keyframes fpFadeInDown{
  from{
    opacity:0;
    transform:translate3d(0,-20px,0)
  }

  to{
    opacity:1;
    transform:translate3d(0,0,0)
  }
}

svg{
  touch-action:none
}

.jvectormap-container{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  touch-action:none
}

.jvectormap-tip{
  position:absolute;
  display:none;
  border:solid 1px #cdcdcd;
  border-radius:3px;
  background:#292929;
  color:#fff;
  font-family:sans-serif,Verdana;
  font-size:smaller;
  padding:3px
}

.jvectormap-goback,.jvectormap-zoomin,.jvectormap-zoomout{
  position:absolute;
  left:10px;
  border-radius:3px;
  background:#292929;
  padding:3px;
  color:#fff;
  cursor:pointer;
  line-height:10px;
  text-align:center;
  box-sizing:content-box
}

.jvectormap-zoomin,.jvectormap-zoomout{
  width:10px;
  height:10px
}

.jvectormap-zoomin{
  top:10px
}

.jvectormap-zoomout{
  top:30px
}

.jvectormap-goback{
  bottom:10px;
  z-index:1000;
  padding:6px
}

.jvectormap-spinner{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
}

.jvectormap-legend-title{
  font-weight:700;
  font-size:14px;
  text-align:center
}

.jvectormap-legend-cnt{
  position:absolute
}

.jvectormap-legend-cnt-h{
  bottom:0;
  right:0
}

.jvectormap-legend-cnt-v{
  top:0;
  right:0
}

.jvectormap-legend{
  background:#000;
  color:#fff;
  border-radius:3px
}

.jvectormap-legend-cnt-h .jvectormap-legend{
  float:left;
  margin:0 10px 10px 0;
  padding:3px 3px 1px 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick{
  float:left
}

.jvectormap-legend-cnt-v .jvectormap-legend{
  margin:10px 10px 0 0;
  padding:3px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick{
  width:40px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample{
  height:15px
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample{
  height:20px;
  width:20px;
  display:inline-block;
  vertical-align:middle
}

.jvectormap-legend-tick-text{
  font-size:12px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text{
  text-align:center
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text{
  display:inline-block;
  vertical-align:middle;
  line-height:20px;
  padding-left:3px
}

.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{
  position:absolute;
  left:0;
  top:0
}

.leaflet-container{
  overflow:hidden
}

.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-user-drag:none
}

.leaflet-tile::-moz-selection{
  background:0 0
}

.leaflet-tile::selection{
  background:0 0
}

.leaflet-safari .leaflet-tile{
  image-rendering:-webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container{
  width:1600px;
  height:1600px;
  -webkit-transform-origin:0 0
}

.leaflet-marker-icon,.leaflet-marker-shadow{
  display:block
}

.leaflet-container .leaflet-overlay-pane svg{
  max-width:none!important;
  max-height:none!important
}

.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{
  max-width:none!important;
  max-height:none!important;
  width:auto;
  padding:0
}

.leaflet-container.leaflet-touch-zoom{
  touch-action:pan-x pan-y
}

.leaflet-container.leaflet-touch-drag{
  touch-action:none;
  touch-action:pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
  touch-action:none
}

.leaflet-container{
  -webkit-tap-highlight-color:transparent
}

.leaflet-container a{
  -webkit-tap-highlight-color:rgba(51,181,229,.4)
}

.leaflet-tile{
  filter:inherit;
  visibility:hidden
}

.leaflet-tile-loaded{
  visibility:inherit
}

.leaflet-zoom-box{
  width:0;
  height:0;
  box-sizing:border-box;
  z-index:800
}

.leaflet-overlay-pane svg{
  -moz-user-select:none
}

.leaflet-pane{
  z-index:400
}

.leaflet-tile-pane{
  z-index:200
}

.leaflet-overlay-pane{
  z-index:400
}

.leaflet-shadow-pane{
  z-index:500
}

.leaflet-marker-pane{
  z-index:600
}

.leaflet-tooltip-pane{
  z-index:650
}

.leaflet-popup-pane{
  z-index:700
}

.leaflet-map-pane canvas{
  z-index:100
}

.leaflet-map-pane svg{
  z-index:200
}

.leaflet-vml-shape{
  width:1px;
  height:1px
}

.lvml{
  behavior:url(#default#VML);
  display:inline-block;
  position:absolute
}

.leaflet-control{
  position:relative;
  z-index:800;
  pointer-events:visiblePainted;
  pointer-events:auto
}

.leaflet-bottom,.leaflet-top{
  position:absolute;
  z-index:1000;
  pointer-events:none
}

.leaflet-top{
  top:0
}

.leaflet-right{
  right:0
}

.leaflet-bottom{
  bottom:0
}

.leaflet-left{
  left:0
}

.leaflet-control{
  float:left;
  clear:both
}

.leaflet-right .leaflet-control{
  float:right
}

.leaflet-top .leaflet-control{
  margin-top:10px
}

.leaflet-bottom .leaflet-control{
  margin-bottom:10px
}

.leaflet-left .leaflet-control{
  margin-left:10px
}

.leaflet-right .leaflet-control{
  margin-right:10px
}

.leaflet-fade-anim .leaflet-popup{
  opacity:0;
  transition:opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
  opacity:1
}

.leaflet-zoom-animated{
  transform-origin:0 0
}

svg.leaflet-zoom-animated{
  will-change:transform
}

.leaflet-zoom-anim .leaflet-zoom-animated{
  transition:transform .25s cubic-bezier(0,0,.25,1)
}

.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{
  transition:none
}

.leaflet-zoom-anim .leaflet-zoom-hide{
  visibility:hidden
}

.leaflet-interactive{
  cursor:pointer
}

.leaflet-grab{
  cursor:grab
}

.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{
  cursor:crosshair
}

.leaflet-control,.leaflet-popup-pane{
  cursor:auto
}

.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{
  cursor:move;
  cursor:grabbing
}

.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{
  pointer-events:none
}

.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{
  pointer-events:visiblePainted;
  pointer-events:auto
}

.leaflet-container{
  background:#ddd;
  outline-offset:1px
}

.leaflet-container a{
  color:#0078a8
}

.leaflet-zoom-box{
  border:2px dotted #38f;
  background:rgba(255,255,255,.5)
}

.leaflet-container{
  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:12px;
  font-size:.75rem;
  line-height:1.5
}

.leaflet-bar{
  box-shadow:0 1px 5px rgba(0,0,0,.65);
  border-radius:4px
}

.leaflet-bar a{
  background-color:#fff;
  border-bottom:1px solid #ccc;
  width:26px;
  height:26px;
  line-height:26px;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#000
}

.leaflet-bar a,.leaflet-control-layers-toggle{
  background-position:50% 50%;
  background-repeat:no-repeat;
  display:block
}

.leaflet-bar a:focus,.leaflet-bar a:hover{
  background-color:#f4f4f4
}

.leaflet-bar a:first-child{
  border-top-left-radius:4px;
  border-top-right-radius:4px
}

.leaflet-bar a:last-child{
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-bottom:none
}

.leaflet-bar a.leaflet-disabled{
  cursor:default;
  background-color:#f4f4f4;
  color:#bbb
}

.leaflet-touch .leaflet-bar a{
  width:30px;
  height:30px;
  line-height:30px
}

.leaflet-touch .leaflet-bar a:first-child{
  border-top-left-radius:2px;
  border-top-right-radius:2px
}

.leaflet-touch .leaflet-bar a:last-child{
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px
}

.leaflet-control-zoom-in,.leaflet-control-zoom-out{
  font:bold 18px 'Lucida Console',Monaco,monospace;
  text-indent:1px
}

.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{
  font-size:22px
}

.leaflet-control-layers{
  box-shadow:0 1px 5px rgba(0,0,0,.4);
  background:#fff;
  border-radius:5px
}

.leaflet-control-layers-toggle{
  background-image:url(images/layers.png);
  width:36px;
  height:36px
}

.leaflet-retina .leaflet-control-layers-toggle{
  background-image:url(images/layers-2x.png);
  background-size:26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle{
  width:44px;
  height:44px
}

.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{
  display:none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list{
  display:block;
  position:relative
}

.leaflet-control-layers-expanded{
  padding:6px 10px 6px 6px;
  color:#333;
  background:#fff
}

.leaflet-control-layers-scrollbar{
  overflow-y:scroll;
  overflow-x:hidden;
  padding-right:5px
}

.leaflet-control-layers-selector{
  margin-top:2px;
  position:relative;
  top:1px
}

.leaflet-control-layers label{
  display:block;
  font-size:13px;
  font-size:1.08333em
}

.leaflet-control-layers-separator{
  height:0;
  border-top:1px solid #ddd;
  margin:5px -10px 5px -6px
}

.leaflet-default-icon-path{
  background-image:url(images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution{
  background:#fff;
  background:rgba(255,255,255,.8);
  margin:0
}

.leaflet-control-attribution,.leaflet-control-scale-line{
  padding:0 5px;
  color:#333;
  line-height:1.4
}

.leaflet-control-attribution a{
  text-decoration:none
}

.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{
  text-decoration:underline
}

.leaflet-attribution-flag{
  display:inline!important;
  vertical-align:baseline!important;
  width:1em;
  height:.6669em
}

.leaflet-left .leaflet-control-scale{
  margin-left:5px
}

.leaflet-bottom .leaflet-control-scale{
  margin-bottom:5px
}

.leaflet-control-scale-line{
  border:2px solid #777;
  border-top:none;
  line-height:1.1;
  padding:2px 5px 1px;
  white-space:nowrap;
  box-sizing:border-box;
  background:rgba(255,255,255,.8);
  text-shadow:1px 1px #fff
}

.leaflet-control-scale-line:not(:first-child){
  border-top:2px solid #777;
  border-bottom:none;
  margin-top:-2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child){
  border-bottom:2px solid #777
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{
  box-shadow:none
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{
  border:2px solid rgba(0,0,0,.2);
  background-clip:padding-box
}

.leaflet-popup{
  position:absolute;
  text-align:center;
  margin-bottom:20px
}

.leaflet-popup-content-wrapper{
  padding:1px;
  text-align:left;
  border-radius:12px
}

.leaflet-popup-content{
  margin:13px 24px 13px 20px;
  line-height:1.3;
  font-size:13px;
  font-size:1.08333em;
  min-height:1px
}

.leaflet-popup-content p{
  margin:17px 0;
  margin:1.3em 0
}

.leaflet-popup-tip-container{
  width:40px;
  height:20px;
  position:absolute;
  left:50%;
  margin-top:-1px;
  margin-left:-20px;
  overflow:hidden;
  pointer-events:none
}

.leaflet-popup-tip{
  width:17px;
  height:17px;
  padding:1px;
  margin:-10px auto 0;
  pointer-events:auto;
  transform:rotate(45deg)
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip{
  background:#fff;
  color:#333;
  box-shadow:0 3px 14px rgba(0,0,0,.4)
}

.leaflet-container a.leaflet-popup-close-button{
  position:absolute;
  top:0;
  right:0;
  border:none;
  text-align:center;
  width:24px;
  height:24px;
  font:16px/24px Tahoma,Verdana,sans-serif;
  color:#757575;
  text-decoration:none;
  background:0 0
}

.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{
  color:#585858
}

.leaflet-popup-scrolled{
  overflow:auto
}

.leaflet-oldie .leaflet-popup-content-wrapper{
  -ms-zoom:1
}

.leaflet-oldie .leaflet-popup-tip{
  width:24px;
  margin:0 auto
}

.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{
  border:1px solid #999
}

.leaflet-div-icon{
  background:#fff;
  border:1px solid #666
}

.leaflet-tooltip{
  position:absolute;
  padding:6px;
  background-color:#fff;
  border:1px solid #fff;
  border-radius:3px;
  color:#222;
  white-space:nowrap;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  pointer-events:none;
  box-shadow:0 1px 3px rgba(0,0,0,.4)
}

.leaflet-tooltip.leaflet-interactive{
  cursor:pointer;
  pointer-events:auto
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{
  position:absolute;
  pointer-events:none;
  border:6px solid transparent;
  background:0 0;
  content:""
}

.leaflet-tooltip-bottom{
  margin-top:6px
}

.leaflet-tooltip-top{
  margin-top:-6px
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{
  left:50%;
  margin-left:-6px
}

.leaflet-tooltip-top:before{
  bottom:0;
  margin-bottom:-12px;
  border-top-color:#fff
}

.leaflet-tooltip-bottom:before{
  top:0;
  margin-top:-12px;
  margin-left:-6px;
  border-bottom-color:#fff
}

.leaflet-tooltip-left{
  margin-left:-6px
}

.leaflet-tooltip-right{
  margin-left:6px
}

.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{
  top:50%;
  margin-top:-6px
}

.leaflet-tooltip-left:before{
  right:0;
  margin-right:-12px;
  border-left-color:#fff
}

.leaflet-tooltip-right:before{
  left:0;
  margin-left:-12px;
  border-right-color:#fff
}

@media print{
  .leaflet-control{
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
  }
}

.nice-select{
  -webkit-tap-highlight-color:transparent;
  background-color:#fff;
  border-radius:5px;
  border:solid 1px #e8e8e8;
  box-sizing:border-box;
  clear:both;
  cursor:pointer;
  display:block;
  float:left;
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  height:42px;
  line-height:40px;
  outline:0;
  padding-left:18px;
  padding-right:30px;
  position:relative;
  text-align:left!important;
  transition:all .2s ease-in-out;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:auto
}

.nice-select:hover{
  border-color:#dbdbdb
}

.nice-select.open,.nice-select:active,.nice-select:focus{
  border-color:#999
}

.nice-select:after{
  border-bottom:2px solid #999;
  border-right:2px solid #999;
  content:'';
  display:block;
  height:5px;
  margin-top:-4px;
  pointer-events:none;
  position:absolute;
  right:12px;
  top:50%;
  transform-origin:66% 66%;
  transform:rotate(45deg);
  transition:all .15s ease-in-out;
  width:5px
}

.nice-select.open:after{
  transform:rotate(-135deg)
}

.nice-select.open .list{
  opacity:1;
  pointer-events:auto;
  transform:scale(1) translateY(0)
}

.nice-select.disabled{
  border-color:#ededed;
  color:#999;
  pointer-events:none
}

.nice-select.disabled:after{
  border-color:#ccc
}

.nice-select.wide{
  width:100%
}

.nice-select.wide .list{
  left:0!important;
  right:0!important
}

.nice-select.right{
  float:right
}

.nice-select.right .list{
  left:auto;
  right:0
}

.nice-select.small{
  font-size:12px;
  height:36px;
  line-height:34px
}

.nice-select.small:after{
  height:4px;
  width:4px
}

.nice-select.small .option{
  line-height:34px;
  min-height:34px
}

.nice-select .list{
  background-color:#fff;
  border-radius:5px;
  box-shadow:0 0 0 1px rgba(68,68,68,.11);
  box-sizing:border-box;
  margin-top:4px;
  opacity:0;
  overflow:hidden;
  padding:0;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:0;
  transform-origin:50% 0;
  transform:scale(.75) translateY(-21px);
  transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  z-index:9
}

.nice-select .list:hover .option:not(:hover){
  background-color:transparent!important
}

.nice-select .option{
  cursor:pointer;
  font-weight:400;
  line-height:40px;
  list-style:none;
  min-height:40px;
  outline:0;
  padding-left:18px;
  padding-right:29px;
  text-align:left;
  transition:all .2s
}

.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{
  background-color:#f6f6f6
}

.nice-select .option.selected{
  font-weight:700
}

.nice-select .option.disabled{
  background-color:transparent;
  color:#999;
  cursor:default
}

.no-csspointerevents .nice-select .list{
  display:none
}

.no-csspointerevents .nice-select.open .list{
  display:block
}

.owl-carousel{
  display:none;
  width:100%;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1
}

.owl-carousel .owl-stage{
  position:relative;
  touch-action:manipulation;
  -moz-backface-visibility:hidden
}

.owl-carousel .owl-stage:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}

.owl-carousel .owl-stage-outer{
  position:relative;
  overflow:hidden;
  -webkit-transform:translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0)
}

.owl-carousel .owl-item{
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none
}

.owl-carousel .owl-item img{
  display:block;
  width:100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
  display:none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
  background:0 0;
  color:inherit;
  border:none;
  padding:0!important;
  font:inherit
}

.owl-carousel.owl-loaded{
  display:block
}

.owl-carousel.owl-loading{
  opacity:0;
  display:block
}

.owl-carousel.owl-hidden{
  opacity:0
}

.owl-carousel.owl-refresh .owl-item{
  visibility:hidden
}

.owl-carousel.owl-drag .owl-item{
  touch-action:pan-y;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.owl-carousel.owl-grab{
  cursor:move;
  cursor:grab
}

.owl-carousel.owl-rtl{
  direction:rtl
}

.owl-carousel.owl-rtl .owl-item{
  float:right
}

.no-js .owl-carousel{
  display:block
}

.owl-carousel .animated{
  animation-duration:1s;
  animation-fill-mode:both
}

.owl-carousel .owl-animated-in{
  z-index:0
}

.owl-carousel .owl-animated-out{
  z-index:1
}

.owl-carousel .fadeOut{
  animation-name:fadeOut
}

@keyframes fadeOut{
  0%{
    opacity:1
  }

  100%{
    opacity:0
  }
}

.owl-height{
  transition:height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy{
  opacity:0;
  transition:opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{
  max-height:0
}

.owl-carousel .owl-item img.owl-lazy{
  transform-style:preserve-3d
}

.owl-carousel .owl-video-wrapper{
  position:relative;
  height:100%;
  background:#000
}

.owl-carousel .owl-video-play-icon{
  position:absolute;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  background:url(owl.video.play.png) no-repeat;
  cursor:pointer;
  z-index:1;
  -webkit-backface-visibility:hidden;
  transition:transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover{
  transform:scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
  display:none
}

.owl-carousel .owl-video-tn{
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  transition:opacity .4s ease
}

.owl-carousel .owl-video-frame{
  position:relative;
  z-index:1;
  height:100%;
  width:100%
}

@keyframes plyr-progress{
  to{
    background-position:25px 0;
    background-position:var(--plyr-progress-loading-size,25px) 0
  }
}

@keyframes plyr-popup{
  0%{
    opacity:.5;
    transform:translateY(10px)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes plyr-fade-in{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.plyr{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  align-items:center;
  direction:ltr;
  display:flex;
  flex-direction:column;
  font-family:inherit;
  font-family:var(--plyr-font-family,inherit);
  font-variant-numeric:tabular-nums;
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  line-height:1.7;
  line-height:var(--plyr-line-height,1.7);
  max-width:100%;
  min-width:200px;
  position:relative;
  text-shadow:none;
  transition:box-shadow .3s ease;
  z-index:0
}

.plyr audio,.plyr iframe,.plyr video{
  display:block;
  height:100%;
  width:100%
}

.plyr button{
  font:inherit;
  line-height:inherit;
  width:auto
}

.plyr:focus{
  outline:0
}

.plyr--full-ui{
  box-sizing:border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{
  box-sizing:inherit
}

.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{
  touch-action:manipulation
}

.plyr__badge{
  background:#4a5464;
  background:var(--plyr-badge-background,#4a5464);
  border-radius:2px;
  border-radius:var(--plyr-badge-border-radius,2px);
  color:#fff;
  color:var(--plyr-badge-text-color,#fff);
  font-size:9px;
  font-size:var(--plyr-font-size-badge,9px);
  line-height:1;
  padding:3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container{
  display:none
}

.plyr__captions{
  animation:plyr-fade-in .3s ease;
  bottom:0;
  display:none;
  font-size:13px;
  font-size:var(--plyr-font-size-small,13px);
  left:0;
  padding:10px;
  padding:var(--plyr-control-spacing,10px);
  position:absolute;
  text-align:center;
  transition:transform .4s ease-in-out;
  width:100%
}

.plyr__captions span:empty{
  display:none
}

@media(min-width:480px){
  .plyr__captions{
    font-size:15px;
    font-size:var(--plyr-font-size-base,15px);
    padding:20px;
    padding:calc(var(--plyr-control-spacing,10px)*2)
  }
}

@media(min-width:768px){
  .plyr__captions{
    font-size:18px;
    font-size:var(--plyr-font-size-large,18px)
  }
}

.plyr--captions-active .plyr__captions{
  display:block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{
  transform:translateY(-40px);
  transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))
}

.plyr__caption{
  background:rgba(0,0,0,.8);
  background:var(--plyr-captions-background,rgba(0,0,0,.8));
  border-radius:2px;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  color:#fff;
  color:var(--plyr-captions-text-color,#fff);
  line-height:185%;
  padding:.2em .5em;
  white-space:pre-wrap
}

.plyr__caption div{
  display:inline
}

.plyr__control{
  background:0 0;
  border:0;
  border-radius:3px;
  border-radius:var(--plyr-control-radius,3px);
  color:inherit;
  cursor:pointer;
  flex-shrink:0;
  overflow:visible;
  padding:7px;
  padding:calc(var(--plyr-control-spacing,10px)*.7);
  position:relative;
  transition:all .3s ease
}

.plyr__control svg{
  fill:currentColor;
  display:block;
  height:18px;
  height:var(--plyr-control-icon-size,18px);
  pointer-events:none;
  width:18px;
  width:var(--plyr-control-icon-size,18px)
}

.plyr__control:focus{
  outline:0
}

.plyr__control.plyr__tab-focus{
  outline:3px dotted #00b2ff;
  outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
  outline-offset:2px
}

a.plyr__control{
  text-decoration:none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{
  display:none
}

.plyr--full-ui ::-webkit-media-controls{
  display:none
}

.plyr__controls{
  align-items:center;
  display:flex;
  justify-content:flex-end;
  text-align:center
}

.plyr__controls .plyr__progress__container{
  flex:1;
  min-width:0
}

.plyr__controls .plyr__controls__item{
  margin-left:2.5px;
  margin-left:calc(var(--plyr-control-spacing,10px)/4)
}

.plyr__controls .plyr__controls__item:first-child{
  margin-left:0;
  margin-right:auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container{
  padding-left:2.5px;
  padding-left:calc(var(--plyr-control-spacing,10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time{
  padding:0 5px;
  padding:0 calc(var(--plyr-control-spacing,10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{
  padding-left:0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{
  display:none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{
  display:inline-block
}

.plyr__menu{
  display:flex;
  position:relative
}

.plyr__menu .plyr__control svg{
  transition:transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg{
  transform:rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{
  display:none
}

.plyr__menu__container{
  animation:plyr-popup .2s ease;
  background:hsla(0,0%,100%,.9);
  background:var(--plyr-menu-background,hsla(0,0%,100%,.9));
  border-radius:4px;
  border-radius:var(--plyr-menu-radius,4px);
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
  color:#4a5464;
  color:var(--plyr-menu-color,#4a5464);
  font-size:15px;
  font-size:var(--plyr-font-size-base,15px);
  margin-bottom:10px;
  position:absolute;
  right:-3px;
  text-align:left;
  white-space:nowrap;
  z-index:3
}

.plyr__menu__container>div{
  overflow:hidden;
  transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container:after{
  border:4px solid transparent;
  border-top-color:hsla(0,0%,100%,.9);
  border:var(--plyr-menu-arrow-size,4px) solid transparent;
  border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));
  content:"";
  height:0;
  position:absolute;
  right:14px;
  right:calc(var(--plyr-control-icon-size,18px)/ 2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/ 2);
  top:100%;
  width:0
}

.plyr__menu__container [role=menu]{
  padding:7px;
  padding:calc(var(--plyr-control-spacing,10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{
  margin-top:2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{
  margin-top:0
}

.plyr__menu__container .plyr__control{
  align-items:center;
  color:#4a5464;
  color:var(--plyr-menu-color,#4a5464);
  display:flex;
  font-size:13px;
  font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
  padding:4.66667px 10.5px;
  padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none;
  width:100%
}

.plyr__menu__container .plyr__control>span{
  align-items:inherit;
  display:flex;
  width:100%
}

.plyr__menu__container .plyr__control:after{
  border:4px solid transparent;
  border:var(--plyr-menu-item-arrow-size,4px) solid transparent;
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}

.plyr__menu__container .plyr__control--forward{
  padding-right:28px;
  padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after{
  border-left-color:#728197;
  border-left-color:var(--plyr-menu-arrow-color,#728197);
  right:6.5px;
  right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{
  border-left-color:currentColor
}

.plyr__menu__container .plyr__control--back{
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  margin:7px;
  margin:calc(var(--plyr-control-spacing,10px)*.7);
  margin-bottom:3.5px;
  margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);
  padding-left:28px;
  padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);
  position:relative;
  width:calc(100% - 14px);
  width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after{
  border-right-color:#728197;
  border-right-color:var(--plyr-menu-arrow-color,#728197);
  left:6.5px;
  left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))
}

.plyr__menu__container .plyr__control--back:before{
  background:#dcdfe5;
  background:var(--plyr-menu-back-border-color,#dcdfe5);
  box-shadow:0 1px 0 #fff;
  box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
  content:"";
  height:1px;
  left:0;
  margin-top:3.5px;
  margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);
  overflow:hidden;
  position:absolute;
  right:0;
  top:100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{
  border-right-color:currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio]{
  padding-left:7px;
  padding-left:calc(var(--plyr-control-spacing,10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{
  border-radius:100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before{
  background:rgba(0,0,0,.1);
  content:"";
  display:block;
  flex-shrink:0;
  height:16px;
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,10px);
  transition:all .3s ease;
  width:16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after{
  background:#fff;
  border:0;
  height:6px;
  left:12px;
  opacity:0;
  top:50%;
  transform:translateY(-50%) scale(0);
  transition:transform .3s ease,opacity .3s ease;
  width:6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
  background:#00b2ff;
  background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{
  opacity:1;
  transform:translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{
  background:rgba(35,40,47,.1)
}

.plyr__menu__container .plyr__menu__value{
  align-items:center;
  display:flex;
  margin-left:auto;
  margin-right:-5px;
  margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);
  overflow:hidden;
  padding-left:24.5px;
  padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);
  pointer-events:none
}

.plyr--full-ui input[type=range]{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  background:0 0;
  border:0;
  border-radius:26px;
  border-radius:calc(var(--plyr-range-thumb-height,13px)*2);
  color:#00b2ff;
  color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  display:block;
  height:19px;
  height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));
  margin:0;
  min-width:0;
  padding:0;
  transition:box-shadow .3s ease;
  width:100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
  background:0 0;
  background-image:linear-gradient(90deg,currentColor 0,transparent 0);
  background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height,5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -webkit-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  -webkit-user-select:none;
  user-select:none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:-4px;
  margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2*-1);
  position:relative;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-track{
  background:0 0;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height,5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -moz-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  -moz-user-select:none;
       user-select:none
}

.plyr--full-ui input[type=range]::-moz-range-thumb{
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  position:relative;
  -moz-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress{
  background:currentColor;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height,5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px)
}

.plyr--full-ui input[type=range]::-ms-track{
  color:transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{
  background:0 0;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height,5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -ms-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  user-select:none
}

.plyr--full-ui input[type=range]::-ms-fill-lower{
  background:0 0;
  background:currentColor;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height,5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -ms-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  user-select:none
}

.plyr--full-ui input[type=range]::-ms-thumb{
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:0;
  position:relative;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip{
  display:none
}

.plyr--full-ui input[type=range]::-moz-focus-outer{
  border:0
}

.plyr--full-ui input[type=range]:focus{
  outline:0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
  outline:3px dotted #00b2ff;
  outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
  outline-offset:2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{
  outline:3px dotted #00b2ff;
  outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
  outline-offset:2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{
  outline:3px dotted #00b2ff;
  outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
  outline-offset:2px
}

.plyr__poster{
  background-color:#000;
  background-color:var(--plyr-video-background,var(--plyr-video-background,#000));
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  transition:opacity .2s ease;
  width:100%;
  z-index:1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster{
  opacity:1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{
  display:none
}

.plyr__time{
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__time+.plyr__time:before{
  content:"⁄";
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,10px)
}

@media(max-width:767px){
  .plyr__time+.plyr__time{
    display:none
  }
}

.plyr__tooltip{
  background:hsla(0,0%,100%,.9);
  background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  border-radius:5px;
  border-radius:var(--plyr-tooltip-radius,5px);
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
  color:#4a5464;
  color:var(--plyr-tooltip-color,#4a5464);
  font-size:13px;
  font-size:var(--plyr-font-size-small,13px);
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  left:50%;
  line-height:1.3;
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);
  opacity:0;
  padding:5px 7.5px;
  padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);
  pointer-events:none;
  position:absolute;
  transform:translate(-50%,10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  white-space:nowrap;
  z-index:2
}

.plyr__tooltip:before{
  border-left:4px solid transparent;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-right:4px solid transparent;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-top:4px solid hsla(0,0%,100%,.9);
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  bottom:-4px;
  bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);
  content:"";
  height:0;
  left:50%;
  position:absolute;
  transform:translateX(-50%);
  width:0;
  z-index:2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{
  opacity:1;
  transform:translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip{
  z-index:3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{
  left:0;
  transform:translateY(10px) scale(.8);
  transform-origin:0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{
  left:16px;
  left:calc(var(--plyr-control-icon-size,18px)/ 2 + var(--plyr-control-spacing,10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip{
  left:auto;
  right:0;
  transform:translateY(10px) scale(.8);
  transform-origin:100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{
  left:auto;
  right:16px;
  right:calc(var(--plyr-control-icon-size,18px)/ 2 + var(--plyr-control-spacing,10px)*.7);
  transform:translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{
  transform:translate(0) scale(1)
}

.plyr__progress{
  left:6.5px;
  left:calc(var(--plyr-range-thumb-height,13px)*.5);
  margin-right:13px;
  margin-right:var(--plyr-range-thumb-height,13px);
  position:relative
}

.plyr__progress input[type=range],.plyr__progress__buffer{
  margin-left:-6.5px;
  margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);
  margin-right:-6.5px;
  margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);
  width:calc(100% + 13px);
  width:calc(100% + var(--plyr-range-thumb-height,13px))
}

.plyr__progress input[type=range]{
  position:relative;
  z-index:2
}

.plyr__progress .plyr__tooltip{
  left:0;
  max-width:120px;
  overflow-wrap:break-word
}

.plyr__progress__buffer{
  -webkit-appearance:none;
  background:0 0;
  border:0;
  border-radius:100px;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  margin-top:-2.5px;
  margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);
  padding:0;
  position:absolute;
  top:50%
}

.plyr__progress__buffer::-webkit-progress-bar{
  background:0 0
}

.plyr__progress__buffer::-webkit-progress-value{
  background:currentColor;
  border-radius:100px;
  min-width:5px;
  min-width:var(--plyr-range-track-height,5px);
  -webkit-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar{
  background:currentColor;
  border-radius:100px;
  min-width:5px;
  min-width:var(--plyr-range-track-height,5px);
  -moz-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress__buffer::-ms-fill{
  border-radius:100px;
  -ms-transition:width .2s ease;
  transition:width .2s ease
}

.plyr--loading .plyr__progress__buffer{
  animation:plyr-progress 1s linear infinite;
  background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);
  background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
  background-repeat:repeat-x;
  background-size:25px 25px;
  background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color:transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__progress__marker{
  background-color:#fff;
  background-color:var(--plyr-progress-marker-background,#fff);
  border-radius:1px;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:3px;
  width:var(--plyr-progress-marker-width,3px);
  z-index:3
}

.plyr__volume{
  align-items:center;
  display:flex;
  max-width:110px;
  min-width:80px;
  position:relative;
  width:20%
}

.plyr__volume input[type=range]{
  margin-left:5px;
  margin-left:calc(var(--plyr-control-spacing,10px)/2);
  margin-right:5px;
  margin-right:calc(var(--plyr-control-spacing,10px)/2);
  position:relative;
  z-index:2
}

.plyr--is-ios .plyr__volume{
  min-width:0;
  width:auto
}

.plyr--audio{
  display:block
}

.plyr--audio .plyr__controls{
  background:#fff;
  background:var(--plyr-audio-controls-background,#fff);
  border-radius:inherit;
  color:#4a5464;
  color:var(--plyr-audio-control-color,#4a5464);
  padding:10px;
  padding:var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{
  background:#00b2ff;
  background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color:#fff;
  color:var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer{
  color:rgba(193,200,209,.6);
  color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video{
  background:#000;
  background:var(--plyr-video-background,var(--plyr-video-background,#000));
  overflow:hidden
}

.plyr--video.plyr--menu-open{
  overflow:visible
}

.plyr__video-wrapper{
  background:#000;
  background:var(--plyr-video-background,var(--plyr-video-background,#000));
  height:100%;
  margin:auto;
  overflow:hidden;
  position:relative;
  width:100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
  aspect-ratio:16/9
}

@supports not (aspect-ratio:16/9){
  .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
    height:0;
    padding-bottom:56.25%;
    position:relative
  }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{
  border:0;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
  padding-bottom:240%;
  position:relative;
  transform:translateY(-38.28125%)
}

.plyr--video .plyr__controls{
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
  border-bottom-left-radius:inherit;
  border-bottom-right-radius:inherit;
  bottom:0;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  left:0;
  padding:5px;
  padding:calc(var(--plyr-control-spacing,10px)/2);
  padding-top:20px;
  padding-top:calc(var(--plyr-control-spacing,10px)*2);
  position:absolute;
  right:0;
  transition:opacity .4s ease-in-out,transform .4s ease-in-out;
  z-index:3
}

@media(min-width:480px){
  .plyr--video .plyr__controls{
    padding:10px;
    padding:var(--plyr-control-spacing,10px);
    padding-top:35px;
    padding-top:calc(var(--plyr-control-spacing,10px)*3.5)
  }
}

.plyr--video.plyr--hide-controls .plyr__controls{
  opacity:0;
  pointer-events:none;
  transform:translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
  background:#00b2ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color:#fff;
  color:var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid{
  background:#00b2ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  border:0;
  border-radius:100%;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  display:none;
  left:50%;
  opacity:.9;
  padding:15px;
  padding:calc(var(--plyr-control-spacing,10px)*1.5);
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  transition:.3s;
  z-index:2
}

.plyr__control--overlaid svg{
  left:2px;
  position:relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{
  opacity:1
}

.plyr--playing .plyr__control--overlaid{
  opacity:0;
  visibility:hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid{
  display:block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer{
  color:hsla(0,0%,100%,.25);
  color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:-webkit-full-screen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:fullscreen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:-webkit-full-screen video{
  height:100%
}

.plyr:fullscreen video{
  height:100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:-webkit-full-screen.plyr--hide-controls{
  cursor:none
}

.plyr:fullscreen.plyr--hide-controls{
  cursor:none
}

@media(min-width:1024px){
  .plyr:-webkit-full-screen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }

  .plyr:fullscreen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr--fullscreen-fallback{
  background:#000;
  border-radius:0!important;
  bottom:0;
  display:block;
  height:100%;
  left:0;
  margin:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:10000000
}

.plyr--fullscreen-fallback video{
  height:100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr--fullscreen-fallback.plyr--hide-controls{
  cursor:none
}

@media(min-width:1024px){
  .plyr--fullscreen-fallback .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr__ads{
  border-radius:inherit;
  bottom:0;
  cursor:pointer;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  z-index:-1
}

.plyr__ads>div,.plyr__ads>div iframe{
  height:100%;
  position:absolute;
  width:100%
}

.plyr__ads:after{
  background:#23282f;
  border-radius:2px;
  bottom:10px;
  bottom:var(--plyr-control-spacing,10px);
  color:#fff;
  content:attr(data-badge-text);
  font-size:11px;
  padding:2px 6px;
  pointer-events:none;
  position:absolute;
  right:10px;
  right:var(--plyr-control-spacing,10px);
  z-index:3
}

.plyr__ads:empty:after{
  display:none
}

.plyr__cues{
  background:currentColor;
  display:block;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  opacity:.8;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  z-index:3
}

.plyr__preview-thumb{
  background-color:hsla(0,0%,100%,.9);
  background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  border-radius:5px;
  border-radius:var(--plyr-tooltip-radius,5px);
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);
  opacity:0;
  padding:3px;
  pointer-events:none;
  position:absolute;
  transform:translateY(10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  z-index:2
}

.plyr__preview-thumb--is-shown{
  opacity:1;
  transform:translate(0) scale(1)
}

.plyr__preview-thumb:before{
  border-left:4px solid transparent;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-right:4px solid transparent;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-top:4px solid hsla(0,0%,100%,.9);
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  bottom:-4px;
  bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);
  content:"";
  height:0;
  left:calc(50% + var(--preview-arrow-offset));
  position:absolute;
  transform:translateX(-50%);
  width:0;
  z-index:2
}

.plyr__preview-thumb__image-container{
  background:#c1c8d1;
  border-radius:4px;
  border-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);
  overflow:hidden;
  position:relative;
  z-index:0
}

.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.plyr__preview-thumb__image-container:after{
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
  content:"";
  pointer-events:none
}

.plyr__preview-thumb__image-container img{
  max-height:none;
  max-width:none
}

.plyr__preview-thumb__time-container{
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
  border-bottom-left-radius:4px;
  border-bottom-left-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);
  border-bottom-right-radius:4px;
  border-bottom-right-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);
  bottom:0;
  left:0;
  line-height:1.1;
  padding:20px 6px 6px;
  position:absolute;
  right:0;
  z-index:3
}

.plyr__preview-thumb__time-container span{
  color:#fff;
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__preview-scrubbing{
  bottom:0;
  filter:blur(1px);
  height:100%;
  left:0;
  margin:auto;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .3s ease;
  width:100%;
  z-index:1
}

.plyr__preview-scrubbing--is-shown{
  opacity:1
}

.plyr__preview-scrubbing img{
  height:100%;
  left:0;
  max-height:none;
  max-width:none;
  -o-object-fit:contain;
  object-fit:contain;
  position:absolute;
  top:0;
  width:100%
}

.plyr--no-transition{
  transition:none!important
}

.plyr__sr-only{
  clip:rect(1px,1px,1px,1px);
  border:0!important;
  height:1px!important;
  overflow:hidden;
  padding:0!important;
  position:absolute!important;
  width:1px!important
}

.plyr [hidden]{
  display:none!important
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container{
  box-sizing:border-box;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  height:100%;
  margin:0;
  position:relative
}

.ql-container.ql-disabled .ql-tooltip{
  visibility:hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before{
  pointer-events:none
}

.ql-clipboard{
  left:-100000px;
  height:1px;
  overflow-y:hidden;
  position:absolute;
  top:50%
}

.ql-clipboard p{
  margin:0;
  padding:0
}

.ql-editor{
  box-sizing:border-box;
  line-height:1.42;
  height:100%;
  outline:0;
  overflow-y:auto;
  padding:12px 15px;
  -o-tab-size:4;
     tab-size:4;
  -moz-tab-size:4;
  text-align:left;
  white-space:pre-wrap;
  word-wrap:break-word
}

.ql-editor>*{
  cursor:text
}

.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{
  margin:0;
  padding:0;
  counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,.ql-editor ul{
  padding-left:1.5em
}

.ql-editor ol>li,.ql-editor ul>li{
  list-style-type:none
}

.ql-editor ul>li::before{
  content:'\2022'
}

.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{
  pointer-events:none
}

.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{
  pointer-events:all
}

.ql-editor ul[data-checked=false]>li::before,.ql-editor ul[data-checked=true]>li::before{
  color:#777;
  cursor:pointer;
  pointer-events:all
}

.ql-editor ul[data-checked=true]>li::before{
  content:'\2611'
}

.ql-editor ul[data-checked=false]>li::before{
  content:'\2610'
}

.ql-editor li::before{
  display:inline-block;
  white-space:nowrap;
  width:1.2em
}

.ql-editor li:not(.ql-direction-rtl)::before{
  margin-left:-1.5em;
  margin-right:.3em;
  text-align:right
}

.ql-editor li.ql-direction-rtl::before{
  margin-left:.3em;
  margin-right:-1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){
  padding-left:1.5em
}

.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{
  padding-right:1.5em
}

.ql-editor ol li{
  counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment:list-0
}

.ql-editor ol li:before{
  content:counter(list-0,decimal) '. '
}

.ql-editor ol li.ql-indent-1{
  counter-increment:list-1
}

.ql-editor ol li.ql-indent-1:before{
  content:counter(list-1,lower-alpha) '. '
}

.ql-editor ol li.ql-indent-1{
  counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2{
  counter-increment:list-2
}

.ql-editor ol li.ql-indent-2:before{
  content:counter(list-2,lower-roman) '. '
}

.ql-editor ol li.ql-indent-2{
  counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3{
  counter-increment:list-3
}

.ql-editor ol li.ql-indent-3:before{
  content:counter(list-3,decimal) '. '
}

.ql-editor ol li.ql-indent-3{
  counter-reset:list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4{
  counter-increment:list-4
}

.ql-editor ol li.ql-indent-4:before{
  content:counter(list-4,lower-alpha) '. '
}

.ql-editor ol li.ql-indent-4{
  counter-reset:list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5{
  counter-increment:list-5
}

.ql-editor ol li.ql-indent-5:before{
  content:counter(list-5,lower-roman) '. '
}

.ql-editor ol li.ql-indent-5{
  counter-reset:list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6{
  counter-increment:list-6
}

.ql-editor ol li.ql-indent-6:before{
  content:counter(list-6,decimal) '. '
}

.ql-editor ol li.ql-indent-6{
  counter-reset:list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7{
  counter-increment:list-7
}

.ql-editor ol li.ql-indent-7:before{
  content:counter(list-7,lower-alpha) '. '
}

.ql-editor ol li.ql-indent-7{
  counter-reset:list-8 list-9
}

.ql-editor ol li.ql-indent-8{
  counter-increment:list-8
}

.ql-editor ol li.ql-indent-8:before{
  content:counter(list-8,lower-roman) '. '
}

.ql-editor ol li.ql-indent-8{
  counter-reset:list-9
}

.ql-editor ol li.ql-indent-9{
  counter-increment:list-9
}

.ql-editor ol li.ql-indent-9:before{
  content:counter(list-9,decimal) '. '
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl){
  padding-left:3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl){
  padding-left:4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{
  padding-right:3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{
  padding-right:4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl){
  padding-left:6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl){
  padding-left:7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{
  padding-right:6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{
  padding-right:7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl){
  padding-left:9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl){
  padding-left:10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{
  padding-right:9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{
  padding-right:10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl){
  padding-left:12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl){
  padding-left:13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{
  padding-right:12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{
  padding-right:13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl){
  padding-left:15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl){
  padding-left:16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{
  padding-right:15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{
  padding-right:16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl){
  padding-left:18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl){
  padding-left:19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{
  padding-right:18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{
  padding-right:19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl){
  padding-left:21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl){
  padding-left:22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{
  padding-right:21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{
  padding-right:22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl){
  padding-left:24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl){
  padding-left:25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{
  padding-right:24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{
  padding-right:25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl){
  padding-left:27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl){
  padding-left:28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{
  padding-right:27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{
  padding-right:28.5em
}

.ql-editor .ql-video{
  display:block;
  max-width:100%
}

.ql-editor .ql-video.ql-align-center{
  margin:0 auto
}

.ql-editor .ql-video.ql-align-right{
  margin:0 0 0 auto
}

.ql-editor .ql-bg-black{
  background-color:#000
}

.ql-editor .ql-bg-red{
  background-color:#e60000
}

.ql-editor .ql-bg-orange{
  background-color:#f90
}

.ql-editor .ql-bg-yellow{
  background-color:#ff0
}

.ql-editor .ql-bg-green{
  background-color:#008a00
}

.ql-editor .ql-bg-blue{
  background-color:#06c
}

.ql-editor .ql-bg-purple{
  background-color:#93f
}

.ql-editor .ql-color-white{
  color:#fff
}

.ql-editor .ql-color-red{
  color:#e60000
}

.ql-editor .ql-color-orange{
  color:#f90
}

.ql-editor .ql-color-yellow{
  color:#ff0
}

.ql-editor .ql-color-green{
  color:#008a00
}

.ql-editor .ql-color-blue{
  color:#06c
}

.ql-editor .ql-color-purple{
  color:#93f
}

.ql-editor .ql-font-serif{
  font-family:Georgia,Times New Roman,serif
}

.ql-editor .ql-font-monospace{
  font-family:Monaco,Courier New,monospace
}

.ql-editor .ql-size-small{
  font-size:.75em
}

.ql-editor .ql-size-large{
  font-size:1.5em
}

.ql-editor .ql-size-huge{
  font-size:2.5em
}

.ql-editor .ql-direction-rtl{
  direction:rtl;
  text-align:inherit
}

.ql-editor .ql-align-center{
  text-align:center
}

.ql-editor .ql-align-justify{
  text-align:justify
}

.ql-editor .ql-align-right{
  text-align:right
}

.ql-editor.ql-blank::before{
  color:rgba(0,0,0,.6);
  content:attr(data-placeholder);
  font-style:italic;
  left:15px;
  pointer-events:none;
  position:absolute;
  right:15px
}

.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{
  clear:both;
  content:'';
  display:table
}

.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{
  background:0 0;
  border:none;
  cursor:pointer;
  display:inline-block;
  float:left;
  height:24px;
  padding:3px 5px;
  width:28px
}

.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{
  float:left;
  height:100%
}

.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{
  outline:0
}

.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{
  display:none
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{
  color:#06c
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{
  fill:#06c
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{
  stroke:#06c
}

@media (pointer:coarse){
  .ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){
    color:#444
  }

  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{
    fill:#444
  }

  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{
    stroke:#444
  }
}

.ql-snow{
  box-sizing:border-box
}

.ql-snow *{
  box-sizing:border-box
}

.ql-snow .ql-hidden{
  display:none
}

.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{
  visibility:hidden
}

.ql-snow .ql-tooltip{
  position:absolute;
  transform:translateY(10px)
}

.ql-snow .ql-tooltip a{
  cursor:pointer;
  text-decoration:none
}

.ql-snow .ql-tooltip.ql-flip{
  transform:translateY(-10px)
}

.ql-snow .ql-formats{
  display:inline-block;
  vertical-align:middle
}

.ql-snow .ql-formats:after{
  clear:both;
  content:'';
  display:table
}

.ql-snow .ql-stroke{
  fill:none;
  stroke:#444;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2
}

.ql-snow .ql-stroke-miter{
  fill:none;
  stroke:#444;
  stroke-miterlimit:10;
  stroke-width:2
}

.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{
  fill:#444
}

.ql-snow .ql-empty{
  fill:none
}

.ql-snow .ql-even{
  fill-rule:evenodd
}

.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{
  stroke-width:1
}

.ql-snow .ql-transparent{
  opacity:.4
}

.ql-snow .ql-direction svg:last-child{
  display:none
}

.ql-snow .ql-direction.ql-active svg:last-child{
  display:inline
}

.ql-snow .ql-direction.ql-active svg:first-child{
  display:none
}

.ql-snow .ql-editor h1{
  font-size:2em
}

.ql-snow .ql-editor h2{
  font-size:1.5em
}

.ql-snow .ql-editor h3{
  font-size:1.17em
}

.ql-snow .ql-editor h4{
  font-size:1em
}

.ql-snow .ql-editor h5{
  font-size:.83em
}

.ql-snow .ql-editor h6{
  font-size:.67em
}

.ql-snow .ql-editor a{
  text-decoration:underline
}

.ql-snow .ql-editor blockquote{
  border-left:4px solid #ccc;
  margin-bottom:5px;
  margin-top:5px;
  padding-left:16px
}

.ql-snow .ql-editor code,.ql-snow .ql-editor pre{
  background-color:#f0f0f0;
  border-radius:3px
}

.ql-snow .ql-editor pre{
  white-space:pre-wrap;
  margin-bottom:5px;
  margin-top:5px;
  padding:5px 10px
}

.ql-snow .ql-editor code{
  font-size:85%;
  padding:2px 4px
}

.ql-snow .ql-editor pre.ql-syntax{
  background-color:#23241f;
  color:#f8f8f2;
  overflow:visible
}

.ql-snow .ql-editor img{
  max-width:100%
}

.ql-snow .ql-picker{
  color:#444;
  display:inline-block;
  float:left;
  font-size:14px;
  font-weight:500;
  height:24px;
  position:relative;
  vertical-align:middle
}

.ql-snow .ql-picker-label{
  cursor:pointer;
  display:inline-block;
  height:100%;
  padding-left:8px;
  padding-right:2px;
  position:relative;
  width:100%
}

.ql-snow .ql-picker-label::before{
  display:inline-block;
  line-height:22px
}

.ql-snow .ql-picker-options{
  background-color:#fff;
  display:none;
  min-width:100%;
  padding:4px 8px;
  position:absolute;
  white-space:nowrap
}

.ql-snow .ql-picker-options .ql-picker-item{
  cursor:pointer;
  display:block;
  padding-bottom:5px;
  padding-top:5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label{
  color:#ccc;
  z-index:2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{
  fill:#ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{
  stroke:#ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  display:block;
  margin-top:-1px;
  top:100%;
  z-index:1
}

.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{
  width:28px
}

.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{
  padding:2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{
  right:4px
}

.ql-snow .ql-icon-picker .ql-picker-options{
  padding:4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item{
  height:24px;
  width:24px;
  padding:2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options{
  padding:3px 5px;
  width:152px
}

.ql-snow .ql-color-picker .ql-picker-item{
  border:1px solid transparent;
  float:left;
  height:16px;
  margin:2px;
  padding:0;
  width:16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
  position:absolute;
  margin-top:-9px;
  right:0;
  top:50%;
  width:18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before{
  content:attr(data-label)
}

.ql-snow .ql-picker.ql-header{
  width:98px
}

.ql-snow .ql-picker.ql-header .ql-picker-item::before,.ql-snow .ql-picker.ql-header .ql-picker-label::before{
  content:'Normal'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before{
  content:'Heading 1'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before{
  content:'Heading 2'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before{
  content:'Heading 3'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before{
  content:'Heading 4'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before{
  content:'Heading 5'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before{
  content:'Heading 6'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{
  font-size:2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{
  font-size:1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{
  font-size:1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{
  font-size:1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{
  font-size:.83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{
  font-size:.67em
}

.ql-snow .ql-picker.ql-font{
  width:108px
}

.ql-snow .ql-picker.ql-font .ql-picker-item::before,.ql-snow .ql-picker.ql-font .ql-picker-label::before{
  content:'Sans Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before{
  content:'Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before{
  content:'Monospace'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{
  font-family:Georgia,Times New Roman,serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{
  font-family:Monaco,Courier New,monospace
}

.ql-snow .ql-picker.ql-size{
  width:98px
}

.ql-snow .ql-picker.ql-size .ql-picker-item::before,.ql-snow .ql-picker.ql-size .ql-picker-label::before{
  content:'Normal'
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before{
  content:'Small'
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before{
  content:'Large'
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before{
  content:'Huge'
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{
  font-size:10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{
  font-size:18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{
  font-size:32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item{
  background-color:#fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item{
  background-color:#000
}

.ql-toolbar.ql-snow{
  border:1px solid #ccc;
  box-sizing:border-box;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  padding:8px
}

.ql-toolbar.ql-snow .ql-formats{
  margin-right:15px
}

.ql-toolbar.ql-snow .ql-picker-label{
  border:1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options{
  border:1px solid transparent;
  box-shadow:rgba(0,0,0,.2) 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{
  border-color:#ccc
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  border-color:#ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{
  border-color:#000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow{
  border-top:0
}

.ql-snow .ql-tooltip{
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:0 0 5px #ddd;
  color:#444;
  padding:5px 12px;
  white-space:nowrap
}

.ql-snow .ql-tooltip::before{
  content:"Visit URL:";
  line-height:26px;
  margin-right:8px
}

.ql-snow .ql-tooltip input[type=text]{
  display:none;
  border:1px solid #ccc;
  font-size:13px;
  height:26px;
  margin:0;
  padding:3px 5px;
  width:170px
}

.ql-snow .ql-tooltip a.ql-preview{
  display:inline-block;
  max-width:200px;
  overflow-x:hidden;
  text-overflow:ellipsis;
  vertical-align:top
}

.ql-snow .ql-tooltip a.ql-action::after{
  border-right:1px solid #ccc;
  content:'Edit';
  margin-left:16px;
  padding-right:8px
}

.ql-snow .ql-tooltip a.ql-remove::before{
  content:'Remove';
  margin-left:8px
}

.ql-snow .ql-tooltip a{
  line-height:26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{
  display:none
}

.ql-snow .ql-tooltip.ql-editing input[type=text]{
  display:inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after{
  border-right:0;
  content:'Save';
  padding-right:0
}

.ql-snow .ql-tooltip[data-mode=link]::before{
  content:"Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]::before{
  content:"Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]::before{
  content:"Enter video:"
}

.ql-snow a{
  color:#06c
}

.ql-container.ql-snow{
  border:1px solid #ccc
}

.select2-container{
  box-sizing:border-box;
  display:inline-block;
  margin:0;
  position:relative;
  vertical-align:middle
}

.select2-container .select2-selection--single{
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  height:28px;
  -moz-user-select:none;
       user-select:none;
  -webkit-user-select:none
}

.select2-container .select2-selection--single .select2-selection__rendered{
  display:block;
  padding-left:8px;
  padding-right:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.select2-container .select2-selection--single .select2-selection__clear{
  background-color:transparent;
  border:none;
  font-size:1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{
  padding-right:8px;
  padding-left:20px
}

.select2-container .select2-selection--multiple{
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  min-height:32px;
  -moz-user-select:none;
       user-select:none;
  -webkit-user-select:none
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
  display:inline;
  list-style:none;
  padding:0
}

.select2-container .select2-selection--multiple .select2-selection__clear{
  background-color:transparent;
  border:none;
  font-size:1em
}

.select2-container .select2-search--inline .select2-search__field{
  box-sizing:border-box;
  border:none;
  font-size:100%;
  margin-top:5px;
  margin-left:5px;
  padding:0;
  max-width:100%;
  resize:none;
  height:18px;
  vertical-align:bottom;
  font-family:sans-serif;
  overflow:hidden;
  word-break:keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
  -webkit-appearance:none
}

.select2-dropdown{
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  display:block;
  position:absolute;
  left:-100000px;
  width:100%;
  z-index:1051
}

.select2-results{
  display:block
}

.select2-results__options{
  list-style:none;
  margin:0;
  padding:0
}

.select2-results__option{
  padding:6px;
  -moz-user-select:none;
       user-select:none;
  -webkit-user-select:none
}

.select2-results__option--selectable{
  cursor:pointer
}

.select2-container--open .select2-dropdown{
  left:0
}

.select2-container--open .select2-dropdown--above{
  border-bottom:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.select2-container--open .select2-dropdown--below{
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0
}

.select2-search--dropdown{
  display:block;
  padding:4px
}

.select2-search--dropdown .select2-search__field{
  padding:4px;
  width:100%;
  box-sizing:border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
  -webkit-appearance:none
}

.select2-search--dropdown.select2-search--hide{
  display:none
}

.select2-close-mask{
  border:0;
  margin:0;
  padding:0;
  display:block;
  position:fixed;
  left:0;
  top:0;
  min-height:100%;
  min-width:100%;
  height:auto;
  width:auto;
  opacity:0;
  z-index:99;
  background-color:#fff
}

.select2-hidden-accessible{
  border:0!important;
  clip:rect(0 0 0 0)!important;
  -webkit-clip-path:inset(50%)!important;
  clip-path:inset(50%)!important;
  height:1px!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  width:1px!important;
  white-space:nowrap!important
}

.select2-container--default .select2-selection--single{
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#444;
  line-height:28px
}

.select2-container--default .select2-selection--single .select2-selection__clear{
  cursor:pointer;
  float:right;
  font-weight:700;
  height:26px;
  margin-right:20px;
  padding-right:0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:#999
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:26px;
  position:absolute;
  top:1px;
  right:1px;
  width:20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color:#888 transparent transparent transparent;
  border-style:solid;
  border-width:5px 4px 0 4px;
  height:0;
  left:50%;
  margin-left:-4px;
  margin-top:-2px;
  position:absolute;
  top:50%;
  width:0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{
  float:left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{
  left:1px;
  right:auto
}

.select2-container--default.select2-container--disabled .select2-selection--single{
  background-color:#eee;
  cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
  display:none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color:transparent transparent #888 transparent;
  border-width:0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple{
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:4px;
  cursor:text;
  padding-bottom:5px;
  padding-right:5px;
  position:relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable{
  padding-right:25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
  cursor:pointer;
  font-weight:700;
  height:20px;
  margin-right:10px;
  margin-top:5px;
  position:absolute;
  right:0;
  padding:1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color:#e4e4e4;
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  display:inline-block;
  margin-left:5px;
  margin-top:5px;
  padding:0;
  padding-left:20px;
  position:relative;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
  white-space:nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
  cursor:default;
  padding-left:2px;
  padding-right:5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  background-color:transparent;
  border:none;
  border-right:1px solid #aaa;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  color:#999;
  cursor:pointer;
  font-size:1em;
  font-weight:700;
  padding:0 4px;
  position:absolute;
  left:0;
  top:0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
  background-color:#f1f1f1;
  color:#333;
  outline:0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{
  margin-left:5px;
  margin-right:auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{
  padding-left:5px;
  padding-right:2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
  border-left:1px solid #aaa;
  border-right:none;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear{
  float:left;
  margin-left:10px;
  margin-right:auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
  border:solid #000 1px;
  outline:0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
  background-color:#eee;
  cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
  display:none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  border:1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field{
  background:0 0;
  border:none;
  outline:0;
  box-shadow:none;
  -webkit-appearance:textfield
}

.select2-container--default .select2-results>.select2-results__options{
  max-height:200px;
  overflow-y:auto
}

.select2-container--default .select2-results__option .select2-results__option{
  padding-left:1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
  padding-left:0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-1em;
  padding-left:2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-2em;
  padding-left:3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-3em;
  padding-left:4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-4em;
  padding-left:5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-5em;
  padding-left:6em
}

.select2-container--default .select2-results__option--group{
  padding:0
}

.select2-container--default .select2-results__option--disabled{
  color:#999
}

.select2-container--default .select2-results__option--selected{
  background-color:#ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color:#5897fb;
  color:#fff
}

.select2-container--default .select2-results__group{
  cursor:default;
  display:block;
  padding:6px
}

.select2-container--classic .select2-selection--single{
  background-color:#f7f7f7;
  border:1px solid #aaa;
  border-radius:4px;
  outline:0;
  background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);
  background-repeat:repeat-x
}

.select2-container--classic .select2-selection--single:focus{
  border:1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered{
  color:#444;
  line-height:28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear{
  cursor:pointer;
  float:right;
  font-weight:700;
  height:26px;
  margin-right:20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder{
  color:#999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow{
  background-color:#ddd;
  border:none;
  border-left:1px solid #aaa;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  height:26px;
  position:absolute;
  top:1px;
  right:1px;
  width:20px;
  background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);
  background-repeat:repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b{
  border-color:#888 transparent transparent transparent;
  border-style:solid;
  border-width:5px 4px 0 4px;
  height:0;
  left:50%;
  margin-left:-4px;
  margin-top:-2px;
  position:absolute;
  top:50%;
  width:0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{
  float:left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{
  border:none;
  border-right:1px solid #aaa;
  border-radius:0;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  left:1px;
  right:auto
}

.select2-container--classic.select2-container--open .select2-selection--single{
  border:1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
  background:0 0;
  border:none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color:transparent transparent #888 transparent;
  border-width:0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  background-image:linear-gradient(to bottom,#fff 0,#eee 50%);
  background-repeat:repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
  border-bottom:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);
  background-repeat:repeat-x
}

.select2-container--classic .select2-selection--multiple{
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:4px;
  cursor:text;
  outline:0;
  padding-bottom:5px;
  padding-right:5px
}

.select2-container--classic .select2-selection--multiple:focus{
  border:1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear{
  display:none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice{
  background-color:#e4e4e4;
  border:1px solid #aaa;
  border-radius:4px;
  display:inline-block;
  margin-left:5px;
  margin-top:5px;
  padding:0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{
  cursor:default;
  padding-left:2px;
  padding-right:5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
  background-color:transparent;
  border:none;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  color:#888;
  cursor:pointer;
  font-size:1em;
  font-weight:700;
  padding:0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
  color:#555;
  outline:0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{
  margin-left:5px;
  margin-right:auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{
  padding-left:5px;
  padding-right:2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple{
  border:1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
  border-bottom:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.select2-container--classic .select2-search--dropdown .select2-search__field{
  border:1px solid #aaa;
  outline:0
}

.select2-container--classic .select2-search--inline .select2-search__field{
  outline:0;
  box-shadow:none
}

.select2-container--classic .select2-dropdown{
  background-color:#fff;
  border:1px solid transparent
}

.select2-container--classic .select2-dropdown--above{
  border-bottom:none
}

.select2-container--classic .select2-dropdown--below{
  border-top:none
}

.select2-container--classic .select2-results>.select2-results__options{
  max-height:200px;
  overflow-y:auto
}

.select2-container--classic .select2-results__option--group{
  padding:0
}

.select2-container--classic .select2-results__option--disabled{
  color:grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{
  background-color:#3875d7;
  color:#fff
}

.select2-container--classic .select2-results__group{
  cursor:default;
  display:block;
  padding:6px
}

.select2-container--classic.select2-container--open .select2-dropdown{
  border-color:#5897fb
}

.animate-menu-push{
  left:0;
  position:relative;
  transition:all .3s ease
}

.animate-menu-push.animate-menu-push-right{
  left:200px
}

.animate-menu-push.animate-menu-push-left{
  left:-200px
}

.animate-menu{
  position:fixed;
  top:0;
  width:200px;
  height:100%;
  transition:all .3s ease
}

.animate-menu-left{
  left:-200px
}

.animate-menu-left.animate-menu-open{
  left:0
}

.animate-menu-right{
  right:-200px
}

.animate-menu-right.animate-menu-open{
  right:0
}

.sidebar-menu{
  list-style:none;
  margin:0;
  padding:0;
  background-color:#222d32
}

.sidebar-menu>li{
  position:relative;
  margin:0;
  padding:0
}

.sidebar-menu>li>a{
  padding:12px 10px 12px 10px;
  display:block
}

.sidebar-menu>li>a>.fa{
  width:20px
}

.sidebar-menu>li .badge,.sidebar-menu>li .label{
  margin-top:3px;
  margin-right:5px
}

.sidebar-menu li.sidebar-header{
  padding:10px 25px 10px 15px;
  font-size:12px
}

.sidebar-menu li>a>.fa-angle-left{
  width:auto;
  height:auto;
  padding:0;
  margin-right:10px;
  margin-top:3px
}

.sidebar-menu li.active>a>.fa-angle-left{
  transform:rotate(-90deg)
}

.sidebar-menu li.active>.sidebar-submenu{
  display:block
}

.sidebar-menu a{
  text-decoration:none
}

.sidebar-menu .sidebar-submenu{
  display:none;
  list-style:none;
  padding-left:5px
}

.sidebar-menu .sidebar-submenu .sidebar-submenu{
  padding-left:20px
}

.sidebar-menu .sidebar-submenu>li>a{
  padding:5px 5px 5px 15px;
  display:block;
  font-size:14px
}

.sidebar-menu .sidebar-submenu>li>a>.fa{
  width:20px
}

.sidebar-menu .sidebar-submenu>li>a>.fa-angle-down,.sidebar-menu .sidebar-submenu>li>a>.fa-angle-left{
  width:auto
}

.sidebar-menu .sidebar-submenu>li.active>a,.sidebar-menu .sidebar-submenu>li>a:hover{
  color:#fff
}

.sidebar-menu-rtl{
  list-style:none;
  margin:0;
  padding:0
}

.sidebar-menu-rtl>li{
  position:relative;
  margin:0;
  padding:0
}

.sidebar-menu-rtl>li>a{
  padding:12px 15px 12px 5px;
  display:block;
  border-left:3px solid transparent
}

.sidebar-menu-rtl>li>a>.fa{
  width:20px
}

.sidebar-menu-rtl>li.active>a,.sidebar-menu-rtl>li:hover>a{
  color:#fff;
  border-left-color:#3c8dbc
}

.sidebar-menu-rtl>li .badge,.sidebar-menu-rtl>li .label{
  margin-top:3px;
  margin-right:5px
}

.sidebar-menu-rtl li.sidebar-header{
  padding:10px 15px 10px 25px;
  font-size:12px
}

.sidebar-menu-rtl li>a>.fa-angle-left{
  width:auto;
  height:auto;
  padding:0;
  margin-right:10px;
  margin-top:3px
}

.sidebar-menu-rtl li.active>a>.fa-angle-left{
  transform:rotate(-90deg)
}

.sidebar-menu-rtl li.active>.sidebar-submenu{
  display:block
}

.sidebar-menu-rtl a{
  color:#b8c7ce;
  text-decoration:none
}

.sidebar-menu-rtl .sidebar-submenu{
  display:none;
  list-style:none;
  padding-right:5px;
  margin:0 1px
}

.sidebar-menu-rtl .sidebar-submenu .sidebar-submenu{
  padding-right:20px
}

.sidebar-menu-rtl .sidebar-submenu>li>a{
  padding:5px 15px 5px 5px;
  display:block;
  font-size:14px
}

.sidebar-menu-rtl .sidebar-submenu>li>a>.fa{
  width:20px
}

.sidebar-menu-rtl .sidebar-submenu>li>a>.fa-angle-down,.sidebar-menu-rtl .sidebar-submenu>li>a>.fa-angle-left{
  width:auto
}

[data-simplebar]{
  position:relative;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
  align-items:flex-start
}

.simplebar-wrapper{
  overflow:hidden;
  width:inherit;
  height:inherit;
  max-width:inherit;
  max-height:inherit
}

.simplebar-mask{
  direction:inherit;
  position:absolute;
  overflow:hidden;
  padding:0;
  margin:0;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:auto!important;
  height:auto!important;
  z-index:0
}

.simplebar-offset{
  direction:inherit!important;
  box-sizing:inherit!important;
  resize:none!important;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding:0;
  margin:0;
  -webkit-overflow-scrolling:touch
}

.simplebar-content-wrapper{
  direction:inherit;
  box-sizing:border-box!important;
  position:relative;
  display:block;
  height:100%;
  width:auto;
  max-width:100%;
  max-height:100%;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{
  display:none;
  width:0;
  height:0
}

.simplebar-content:after,.simplebar-content:before{
  content:' ';
  display:table
}

.simplebar-placeholder{
  max-height:100%;
  max-width:100%;
  width:100%;
  pointer-events:none
}

.simplebar-height-auto-observer-wrapper{
  box-sizing:inherit!important;
  height:100%;
  width:100%;
  max-width:1px;
  position:relative;
  float:left;
  max-height:1px;
  overflow:hidden;
  z-index:-1;
  padding:0;
  margin:0;
  pointer-events:none;
  flex-grow:inherit;
  flex-shrink:0;
  flex-basis:0
}

.simplebar-height-auto-observer{
  box-sizing:inherit;
  display:block;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  height:1000%;
  width:1000%;
  min-height:1px;
  min-width:1px;
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}

.simplebar-track{
  z-index:1;
  position:absolute;
  right:0;
  bottom:0;
  pointer-events:none;
  overflow:hidden
}

.simplebar-content{
  padding-top:0!important;
  padding-bottom:4px!important
}

[data-simplebar].simplebar-dragging .simplebar-content{
  pointer-events:none;
  -moz-user-select:none;
       user-select:none;
  -webkit-user-select:none
}

[data-simplebar].simplebar-dragging .simplebar-track{
  pointer-events:all
}

.simplebar-scrollbar{
  position:absolute;
  left:0;
  right:0;
  min-height:10px
}

.simplebar-scrollbar:before{
  position:absolute;
  content:'';
  background:#000;
  border-radius:7px;
  left:2px;
  right:2px;
  opacity:0;
  transition:opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before{
  opacity:.5;
  transition:opacity 0s linear
}

.simplebar-track.simplebar-vertical{
  top:0;
  width:11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
  top:2px;
  bottom:2px
}

.simplebar-track.simplebar-horizontal{
  left:0;
  height:11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
  height:100%;
  left:2px;
  right:2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
  right:auto;
  left:0;
  top:2px;
  height:7px;
  min-height:0;
  min-width:10px;
  width:auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{
  right:auto;
  left:0
}

.hs-dummy-scrollbar-size{
  direction:rtl;
  position:fixed;
  opacity:0;
  visibility:hidden;
  height:500px;
  width:500px;
  overflow-y:hidden;
  overflow-x:scroll
}

.simplebar-hide-scrollbar{
  position:fixed;
  left:0;
  visibility:hidden;
  overflow-y:scroll;
  scrollbar-width:none;
  -ms-overflow-style:none
}

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

.swiper,swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}

.swiper-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}

.swiper-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0,0,0)
}

.swiper-horizontal{
  touch-action:pan-y
}

.swiper-vertical{
  touch-action:pan-x
}

.swiper-slide,swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform;
  display:block
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height:auto
}

.swiper-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-backface-hidden .swiper-slide{
  transform:translateZ(0);
  backface-visibility:hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper{
  perspective:1200px
}

.swiper-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-3d{
  perspective:1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  transform-style:preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-3d .swiper-slide-shadow{
  background:rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

.swiper-centered>.swiper-wrapper::before{
  content:'';
  flex-shrink:0;
  order:9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:center center;
  scroll-snap-stop:always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
  margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
  margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before{
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{
  animation:swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin{
  0%{
    transform:rotate(0)
  }

  100%{
    transform:rotate(360deg)
  }
}

.swiper-virtual .swiper-slide{
  -webkit-backface-visibility:hidden;
  transform:translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  pointer-events:none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
  height:1px;
  width:var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
  width:1px;
  height:var(--swiper-virtual-size)
}

:root{
  --swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev{
  position:absolute;
  top:var(--swiper-navigation-top-offset,50%);
  width:calc(var(--swiper-navigation-size)/ 44 * 27);
  height:var(--swiper-navigation-size);
  margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
  opacity:0;
  cursor:auto;
  pointer-events:none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
  display:none!important
}

.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  font-variant:initial;
  line-height:1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next{
  left:var(--swiper-navigation-sides-offset,10px);
  right:auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
  content:'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev{
  right:var(--swiper-navigation-sides-offset,10px);
  left:auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
  content:'next'
}

.swiper-button-lock{
  display:none
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
  display:none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:var(--swiper-pagination-bottom,8px);
  top:var(--swiper-pagination-top,auto);
  left:0;
  width:100%
}

.swiper-pagination-bullets-dynamic{
  overflow:hidden;
  font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform:scale(.33);
  position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform:scale(.33)
}

.swiper-pagination-bullet{
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display:inline-block;
  border-radius:50%;
  background:var(--swiper-pagination-bullet-inactive-color,#000);
  opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer
}

.swiper-pagination-bullet:only-child{
  display:none!important
}

.swiper-pagination-bullet-active{
  opacity:var(--swiper-pagination-bullet-opacity,1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
  right:var(--swiper-pagination-right,8px);
  left:var(--swiper-pagination-left,auto);
  top:50%;
  transform:translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display:block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:.2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s right
}

.swiper-pagination-fraction{
  color:var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar{
  background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin:right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:100%;
  height:var(--swiper-pagination-progressbar-size,4px);
  left:0;
  top:0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
  width:var(--swiper-pagination-progressbar-size,4px);
  height:100%;
  left:0;
  top:0
}

.swiper-pagination-lock{
  display:none
}

.swiper-scrollbar{
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  position:relative;
  -ms-touch-action:none;
  background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
  display:none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
  position:absolute;
  left:var(--swiper-scrollbar-sides-offset,1%);
  bottom:var(--swiper-scrollbar-bottom,4px);
  top:var(--swiper-scrollbar-top,auto);
  z-index:50;
  height:var(--swiper-scrollbar-size,4px);
  width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
  position:absolute;
  left:var(--swiper-scrollbar-left,auto);
  right:var(--swiper-scrollbar-right,4px);
  top:var(--swiper-scrollbar-sides-offset,1%);
  z-index:50;
  width:var(--swiper-scrollbar-size,4px);
  height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag{
  height:100%;
  width:100%;
  position:relative;
  background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  left:0;
  top:0
}

.swiper-scrollbar-cursor-drag{
  cursor:move
}

.swiper-scrollbar-lock{
  display:none
}

.swiper-zoom-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width:100%;
  max-height:100%;
  -o-object-fit:contain;
     object-fit:contain
}

.swiper-slide-zoomed{
  cursor:move;
  touch-action:none
}

.swiper .swiper-notification,swiper-container .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}

.swiper-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-grid>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-grid-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-fade.swiper-free-mode .swiper-slide{
  transition-timing-function:ease-out
}

.swiper-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity
}

.swiper-fade .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-cube{
  overflow:visible
}

.swiper-cube .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}

.swiper-cube .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-cube.swiper-rtl .swiper-slide{
  transform-origin:100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

.swiper-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}

.swiper-cube .swiper-cube-shadow:before{
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}

.swiper-flip{
  overflow:visible
}

.swiper-flip .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1
}

.swiper-flip .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

.swiper-creative .swiper-slide{
  backface-visibility:hidden;
  overflow:hidden;
  transition-property:transform,opacity,height
}

.swiper-cards{
  overflow:visible
}

.swiper-cards .swiper-slide{
  transform-origin:center bottom;
  backface-visibility:hidden;
  overflow:hidden
}

/*! Zabuto Calendar - v2.1.0 - 2022-12-29
* https://github.com/zabuto/calendar
* Copyright (c) 2022 Anke Heijnen; Licensed MIT */

.zabuto-calendar{
  width:100%;
  margin:0;
  padding:0
}

.zabuto-calendar__navigation__item--next,.zabuto-calendar__navigation__item--prev{
  text-align:center;
  cursor:pointer
}

.zabuto-calendar__navigation__item--header{
  text-align:center
}

.zabuto-calendar__navigation__item--header__title{
  cursor:pointer;
  font-weight:bolder
}

.zabuto-calendar__days-of-week__item{
  text-align:center
}

.zabuto-calendar__day{
  text-align:center
}

.zabuto-calendar__day--today{
  text-align:center
}

.zabuto-calendar.table td,.zabuto-calendar.table th{
  vertical-align:middle
}

.zabuto-calendar.table thead td{
  padding-top:14px;
  padding-bottom:14px;
  background-color:#fafafa
}

.zabuto-calendar.table-bordered thead td{
  border:0
}

.zabuto-calendar.table thead th{
  background-color:#f0f0f0
}

.zabuto-calendar.table>thead:first-child>tr:first-child>td{
  border-top:1px solid #ddd
}

.zabuto-calendar.table>thead>tr>th{
  border-bottom:2px solid #ddd
}

.zabuto-calendar.table>tbody td{
  width:calc(100% / 7)
}

.zabuto-calendar.table>tbody>tr:last-child>td{
  border-bottom:1px solid #ddd
}

.zabuto-calendar.table>tbody td .badge{
  font-size:100%
}

.zabuto-calendar.clickable>tbody td{
  cursor:pointer
}

.zabuto-calendar.table.clickable>tbody td:hover{
  background-color:#f0f0f0
}

*,
::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: Cairo, sans-serif;
  /* 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, 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: #9FA6B2;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9FA6B2;
  /* 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;
}

*, ::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%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container{
    max-width: 640px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }

  .\!container{
    max-width: 768px !important;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container{
    max-width: 1024px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .\!container{
    max-width: 1280px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

.aspect-w-1{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}

.aspect-w-1 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-h-2{
  --tw-aspect-h: 2;
}

.aspect-w-3{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}

.aspect-w-3 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-h-4{
  --tw-aspect-h: 4;
}

:root{
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.form-control[type=file]{
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]){
  cursor: pointer;
}

.form-control:focus{
  box-shadow: 0 0 0 1px rgb(37, 99, 235);
}

.form-control::file-selector-button{
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button{
  background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button{
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: rgb(55, 65, 81);
  background-color: rgb(243, 244, 246);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
  background-color: #dde0e3;
}

.form-select{
  -moz-padding-start: calc(0.75rem - 3px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.form-select:focus{
  box-shadow: 0 0 0 1px rgb(37, 99, 235);
}

.form-select[multiple]{
  padding-right: 0.75rem;
  background-image: none;
}

.form-select[size]:not([size="1"]){
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled{
  background-color: #e9ecef;
}

.form-select:-moz-focusring{
  color: transparent;
  -webkit-text-shadow: 0 0 0 #212529;
  text-shadow: 0 0 0 #212529;
}

.btn-check[disabled] + .btn{
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.btn-check:disabled + .btn{
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-floating > .form-control{
  height: calc(3.5rem + 2px);
  line-height: 1.25;
  padding: 1rem 0.75rem;
}

.form-floating > .form-select{
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > .form-control::-moz-placeholder{
  color: transparent;
}

.form-floating > .form-control::placeholder{
  color: transparent;
}

.form-floating > .form-control:focus{
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown){
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:placeholder-shown){
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:-webkit-autofill{
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:not(:placeholder-shown) ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-select ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group > .form-control{
  width: 1%;
}

.input-group > .form-select{
  width: 1%;
}

.input-group > .form-control:focus{
  z-index: 3;
}

.input-group > .form-select:focus{
  z-index: 3;
}

.input-group .btn{
  position: relative;
  z-index: 2;
}

.input-group .btn:focus{
  z-index: 3;
}

.input-group-lg > .form-select{
  padding-right: 3rem;
}

.input-group-sm > .form-select{
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.was-validated .form-control:valid{
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid{
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-control.is-valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.form-control.is-valid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid{
  border-color: #198754;
}

.form-select.is-valid{
  border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]){
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:not([multiple])[size="1"]{
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:not([multiple]):not([size]){
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:not([multiple])[size="1"]{
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-select.is-valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .input-group .form-control:valid{
  z-index: 1;
}

.input-group .form-control.is-valid{
  z-index: 1;
}

.was-validated .input-group .form-select:valid{
  z-index: 1;
}

.input-group .form-select.is-valid{
  z-index: 1;
}

.was-validated .input-group .form-control:valid:focus{
  z-index: 3;
}

.input-group .form-control.is-valid:focus{
  z-index: 3;
}

.was-validated .input-group .form-select:valid:focus{
  z-index: 3;
}

.input-group .form-select.is-valid:focus{
  z-index: 3;
}

.invalid-feedback{
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.was-validated :invalid ~ .invalid-feedback{
  display: block;
}

.is-invalid ~ .invalid-feedback{
  display: block;
}

.is-invalid ~ .invalid-tooltip{
  display: block;
}

.was-validated .form-control:invalid{
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid{
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control.is-invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.form-control.is-invalid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid{
  border-color: #dc3545;
}

.form-select.is-invalid{
  border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]){
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:not([multiple])[size="1"]{
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:not([multiple]):not([size]){
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:not([multiple])[size="1"]{
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-select.is-invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid{
  border-color: #dc3545;
}

.form-check-input.is-invalid:checked{
  background-color: #dc3545;
}

.form-check-input.is-invalid:focus{
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid ~ .form-check-label{
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback{
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid{
  z-index: 2;
}

.input-group .form-control.is-invalid{
  z-index: 2;
}

.was-validated .input-group .form-select:invalid{
  z-index: 2;
}

.input-group .form-select.is-invalid{
  z-index: 2;
}

.was-validated .input-group .form-control:invalid:focus{
  z-index: 3;
}

.input-group .form-control.is-invalid:focus{
  z-index: 3;
}

.was-validated .input-group .form-select:invalid:focus{
  z-index: 3;
}

.input-group .form-select.is-invalid:focus{
  z-index: 3;
}

.btn-check:focus + .btn{
  outline: 0;
  box-shadow: none;
}

.btn:focus{
  outline: 0;
  box-shadow: none;
}

.btn-check:checked + .btn{
  box-shadow: none;
}

.btn-check:active + .btn{
  box-shadow: none;
}

.btn:active{
  box-shadow: none;
}

.btn.active{
  box-shadow: none;
}

.btn.\!active{
  box-shadow: none !important;
}

.btn-check:checked + .btn:focus{
  box-shadow: none;
}

.btn-check:active + .btn:focus{
  box-shadow: none;
}

.btn:active:focus{
  box-shadow: none;
}

.btn.active:focus{
  box-shadow: none;
}

.btn.\!active:focus{
  box-shadow: none !important;
}

.fade{
  transition: opacity 0.15s linear;
}

.fade:not(.show){
  opacity: 0;
}

.collapse:not(.show){
  display: none;
}

.collapsing{
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapsing.collapse-horizontal{
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

.dropdown-menu{
  z-index: 1000;
}

.dropdown-item.active{
  color: rgb(31, 41, 55);
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.\!active{
  color: rgb(31, 41, 55) !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  background-color: #0d6efd !important;
}

.dropdown-item:active{
  color: rgb(31, 41, 55);
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item:disabled{
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show{
  display: block;
}

.dropdown-menu-dark .dropdown-item.active{
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.\!active{
  color: #fff !important;
  background-color: #0d6efd !important;
}

.dropdown-menu-dark .dropdown-item:active{
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.disabled{
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-item:disabled{
  color: #adb5bd;
}

.nav-tabs .nav-link{
  color: rgb(75, 85, 99);
}

.nav-tabs .nav-link:hover{
  isolation: isolate;
}

.nav-tabs .nav-link:focus{
  isolation: isolate;
}

.nav-tabs .nav-link.disabled{
  color: rgb(156, 163, 175);
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active{
  color: rgb(37, 99, 235);
  border-color: rgb(37, 99, 235);
}

.nav-tabs .nav-link.\!active{
  color: rgb(37, 99, 235) !important;
  border-color: rgb(37, 99, 235) !important;
}

.nav-tabs .nav-item.show .nav-link{
  color: rgb(37, 99, 235);
  border-color: rgb(37, 99, 235);
}

.nav-tabs .dropdown-menu{
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link{
  background: rgb(243, 244, 246);
  color: rgb(75, 85, 99);
  box-shadow: none;
}

.nav-pills .nav-link.active{
  background: rgb(37, 99, 235);
  color: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-pills .nav-link.\!active{
  background: rgb(37, 99, 235) !important;
  color: #fff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.nav-pills .show > .nav-link{
  background: rgb(37, 99, 235);
  color: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-pills .disabled{
  color: rgb(156, 163, 175);
  background-color: rgba(243, 244, 246, 0.5);
}

.nav-pills.menu-sidebar .nav-link{
  background-color: transparent;
  box-shadow: none;
  padding: 0 5px;
  border-radius: 0;
}

.nav-pills.menu-sidebar .nav-link.active{
  color: #1266f1;
  font-weight: 600;
  border-left: 0.125rem solid #1266f1;
}

.nav-pills.menu-sidebar .nav-link.\!active{
  color: #1266f1 !important;
  font-weight: 600 !important;
  border-left: 0.125rem solid #1266f1 !important;
}

.nav-justified > .nav-link{
  -ms-flex-basis: 0;
  flex-basis: 0;
}

.nav-justified .nav-item{
  -ms-flex-basis: 0;
  flex-basis: 0;
}

.tab-content > .tab-pane{
  display: none;
}

.tab-content > .active{
  display: block;
}

.tab-content > .\!active{
  display: block !important;
}

.navbar-expand .navbar-nav{
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu{
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link{
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand .offcanvas-header{
  display: none;
}

.navbar-expand .offcanvas{
  position: inherit;
  bottom: 0;
  z-index: 1000;
  -ms-flex-grow: 1;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}

.navbar-expand .offcanvas-body{
  display: flex;
  -ms-flex-grow: 0;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-nav .nav-link.disabled{
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link{
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link.active{
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link.\!active{
  color: rgba(0, 0, 0, 0.9) !important;
}

.navbar-dark .navbar-nav .nav-link.disabled{
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link{
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link.active{
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link.\!active{
  color: #fff !important;
}

.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.btn-close.disabled{
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.modal{
  z-index: 1055;
}

.modal-dialog{
  margin: 0.5rem;
}

.modal.fade .modal-dialog{
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

.modal.show .modal-dialog{
  transform: none;
}

.modal.modal-static .modal-dialog{
  transform: scale(1.02);
}

.modal-dialog-scrollable .modal-content{
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body{
  overflow-y: auto;
}

.modal-backdrop{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade{
  opacity: 0;
}

.modal-backdrop.show{
  opacity: 0.5;
}

.modal-body{
  flex: 1 1 auto;
}

.modal-fullscreen .modal-content{
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-body{
  overflow-y: auto;
}

.tooltip{
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-align: start;
  text-align: start;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-text-shadow: none;
  text-shadow: none;
  -webkit-text-transform: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show{
  opacity: 1;
}

.bs-tooltip-top .tooltip-arrow{
  bottom: 0;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before{
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end .tooltip-arrow{
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before{
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom .tooltip-arrow{
  top: 0;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before{
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start .tooltip-arrow{
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before{
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner{
  max-width: 200px;
  font-size: 14px;
  padding: 6px 16px;
  color: #fff;
  -webkit-text-align: center;
  text-align: center;
  background-color: #6d6d6d;
  border-radius: 0.25rem;
}

.popover{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-align: start;
  text-align: start;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-text-shadow: none;
  text-shadow: none;
  -webkit-text-transform: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.bs-popover-top > .popover-arrow{
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow{
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .popover-arrow::before{
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before{
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .popover-arrow::after{
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after{
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow{
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow{
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-end > .popover-arrow::before{
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before{
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end > .popover-arrow::after{
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after{
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow{
  top: calc(-0.5rem - 1px);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow{
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .popover-arrow::before{
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before{
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .popover-arrow::after{
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after{
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow{
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow{
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-start > .popover-arrow::before{
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before{
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-start > .popover-arrow::after{
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after{
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header{
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  font-weight: 500;
}

.popover-header:empty{
  display: none;
}

.popover-body{
  padding: 1rem 1rem;
  color: #212529;
}

.carousel.pointer-event{
  touch-action: pan-y;
}

.carousel-item{
  display: none;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

.carousel-item.active{
  display: block;
}

.carousel-item.\!active{
  display: block !important;
}

.carousel-item-next{
  display: block;
}

.carousel-item-prev{
  display: block;
}

.carousel-item-next:not(.carousel-item-start){
  transform: translateX(100%);
}

.active.carousel-item-end{
  transform: translateX(100%);
}

.\!active.carousel-item-end{
  transform: translateX(100%) !important;
}

.carousel-item-prev:not(.carousel-item-end){
  transform: translateX(-100%);
}

.active.carousel-item-start{
  transform: translateX(-100%);
}

.\!active.carousel-item-start{
  transform: translateX(-100%) !important;
}

.carousel-fade .carousel-item{
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active{
  z-index: 1;
  opacity: 1;
}

.carousel-fade .carousel-item.\!active{
  z-index: 1 !important;
  opacity: 1 !important;
}

.carousel-fade .carousel-item-next.carousel-item-start{
  z-index: 1;
  opacity: 1;
}

.carousel-fade .carousel-item-prev.carousel-item-end{
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start{
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

.carousel-fade .\!active.carousel-item-start{
  z-index: 0 !important;
  opacity: 0 !important;
  transition: opacity 0s 0.6s !important;
}

.carousel-fade .active.carousel-item-end{
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

.carousel-fade .\!active.carousel-item-end{
  z-index: 0 !important;
  opacity: 0 !important;
  transition: opacity 0s 0.6s !important;
}

.carousel-indicators{
  z-index: 2;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target]{
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  -webkit-text-indent: -999px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active{
  opacity: 1;
}

.carousel-indicators .\!active{
  opacity: 1 !important;
}

.carousel-dark .carousel-indicators [data-bs-target]{
  background-color: #000;
}

.offcanvas{
  z-index: 1045;
}

.offcanvas-backdrop{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade{
  opacity: 0;
}

.offcanvas-backdrop.show{
  opacity: 0.5;
}

.offcanvas-end{
  transform: translateX(100%);
}

.offcanvas.show{
  transform: none;
}

.sticky-top{
  position: sticky;
  top: 0;
  z-index: 1020;
}

.vr{
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.animation{
  animation-duration: 1s;
  animation-fill-mode: both;
  padding: auto;
}

.fade-in{
  animation-name: _fade-in;
}

.fade-out{
  animation-name: _fade-out;
}

.animation.infinite{
  animation-iteration-count: infinite;
}

.animation.delay-1s{
  animation-delay: 1s;
}

.animation.delay-2s{
  animation-delay: 2s;
}

.animation.delay-3s{
  animation-delay: 3s;
}

.animation.delay-4s{
  animation-delay: 4s;
}

.animation.delay-5s{
  animation-delay: 5s;
}

.animation.fast{
  animation-duration: 800ms;
}

.animation.faster{
  animation-duration: 500ms;
}

.animation.slow{
  animation-duration: 2s;
}

.animation.slower{
  animation-duration: 3s;
}

.slide-in-left{
  animation-name: _slide-in-left;
}

.slide-in-right{
  animation-name: _slide-in-right;
}

.slide-out-left{
  animation-name: _slide-out-left;
}

.slide-out-right{
  animation-name: _slide-out-right;
}

.ripple-surface{
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}

.ripple-surface-unbound{
  overflow: visible;
}

.ripple-wave{
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
  border-radius: 50%;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  touch-action: none;
  transform: scale(0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
  z-index: 999;
}

.ripple-wave.active{
  transform: scale(1);
  opacity: 0;
}

.ripple-wave.\!active{
  transform: scale(1) !important;
  opacity: 0 !important;
}

.btn .ripple-wave{
  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
}

.ripple-surface-primary .ripple-wave{
  background-image: radial-gradient(circle, rgba(18, 102, 241, 0.2) 0, rgba(18, 102, 241, 0.3) 40%, rgba(18, 102, 241, 0.4) 50%, rgba(18, 102, 241, 0.5) 60%, rgba(18, 102, 241, 0) 70%);
}

.ripple-surface-secondary .ripple-wave{
  background-image: radial-gradient(circle, rgba(178, 60, 253, 0.2) 0, rgba(178, 60, 253, 0.3) 40%, rgba(178, 60, 253, 0.4) 50%, rgba(178, 60, 253, 0.5) 60%, rgba(178, 60, 253, 0) 70%);
}

.ripple-surface-success .ripple-wave{
  background-image: radial-gradient(circle, rgba(0, 183, 74, 0.2) 0, rgba(0, 183, 74, 0.3) 40%, rgba(0, 183, 74, 0.4) 50%, rgba(0, 183, 74, 0.5) 60%, rgba(0, 183, 74, 0) 70%);
}

.ripple-surface-info .ripple-wave{
  background-image: radial-gradient(circle, rgba(57, 192, 237, 0.2) 0, rgba(57, 192, 237, 0.3) 40%, rgba(57, 192, 237, 0.4) 50%, rgba(57, 192, 237, 0.5) 60%, rgba(57, 192, 237, 0) 70%);
}

.ripple-surface-warning .ripple-wave{
  background-image: radial-gradient(circle, rgba(255, 169, 0, 0.2) 0, rgba(255, 169, 0, 0.3) 40%, rgba(255, 169, 0, 0.4) 50%, rgba(255, 169, 0, 0.5) 60%, rgba(255, 169, 0, 0) 70%);
}

.ripple-surface-danger .ripple-wave{
  background-image: radial-gradient(circle, rgba(249, 49, 84, 0.2) 0, rgba(249, 49, 84, 0.3) 40%, rgba(249, 49, 84, 0.4) 50%, rgba(249, 49, 84, 0.5) 60%, rgba(249, 49, 84, 0) 70%);
}

.ripple-surface-light .ripple-wave{
  background-image: radial-gradient(circle, hsla(0deg, 0%, 98.4%, 0.2) 0, hsla(0deg, 0%, 98.4%, 0.3) 40%, hsla(0deg, 0%, 98.4%, 0.4) 50%, hsla(0deg, 0%, 98.4%, 0.5) 60%, hsla(0deg, 0%, 98.4%, 0) 70%);
}

.ripple-surface-dark .ripple-wave{
  background-image: radial-gradient(circle, rgba(38, 38, 38, 0.2) 0, rgba(38, 38, 38, 0.3) 40%, rgba(38, 38, 38, 0.4) 50%, rgba(38, 38, 38, 0.5) 60%, rgba(38, 38, 38, 0) 70%);
}

.ripple-surface-white .ripple-wave{
  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
}

.ripple-surface-black .ripple-wave{
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
}

.datepicker-toggle-button{
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.datepicker-toggle-button:focus{
  color: #2979ff;
}

.datepicker-toggle-button:hover{
  color: #2979ff;
}

.datepicker-backdrop{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1065;
}

.datepicker-dropdown-container{
  width: 328px;
  height: 380px;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1066;
}

.datepicker-modal-container{
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 328px;
  height: 512px;
  background-color: #fff;
  border-radius: 0.6rem 0.6rem 0.5rem 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1066;
}

.datepicker-header{
  height: 120px;
  padding-right: 24px;
  padding-left: 24px;
  background-color: #2979ff;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem 0.5rem 0 0;
}

.datepicker-title{
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.datepicker-title-text{
  font-size: 10px;
  font-weight: 400;
  -webkit-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  color: #fff;
}

.datepicker-date{
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.datepicker-date-text{
  font-size: 34px;
  font-weight: 400;
  color: #fff;
}

.datepicker-main{
  position: relative;
  height: 100%;
}

.datepicker-date-controls{
  padding: 10px 12px 0 12px;
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.64);
}

.datepicker-view-change-button{
  padding: 10px;
  color: #666;
  font-weight: 500;
  font-size: 0.9rem;
  border-radius: 10px;
  box-shadow: none;
  background-color: transparent;
  margin: 0;
  border: none;
}

.datepicker-view-change-button:hover{
  background-color: #eee;
}

.datepicker-view-change-button:focus{
  background-color: #eee;
}

.datepicker-view-change-button:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle;
}

.datepicker-arrow-controls{
  margin-top: 10px;
}

.datepicker-previous-button{
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  margin: 0;
  color: rgba(0, 0, 0, 0.64);
  background-color: transparent;
  margin-right: 24px;
}

.datepicker-previous-button:hover{
  background-color: #eee;
  border-radius: 50%;
}

.datepicker-previous-button:focus{
  background-color: #eee;
  border-radius: 50%;
}

.datepicker-previous-button::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.datepicker-next-button{
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  margin: 0;
  color: rgba(0, 0, 0, 0.64);
  background-color: transparent;
}

.datepicker-next-button:hover{
  background-color: #eee;
  border-radius: 50%;
}

.datepicker-next-button:focus{
  background-color: #eee;
  border-radius: 50%;
}

.datepicker-next-button::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.datepicker-view{
  padding-left: 12px;
  padding-right: 12px;
  outline: none;
}

.datepicker-table{
  margin-right: auto;
  margin-left: auto;
  width: 304px;
}

.datepicker-day-heading{
  width: 40px;
  height: 40px;
  -webkit-text-align: center;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.datepicker-cell{
  -webkit-text-align: center;
  text-align: center;
}

.datepicker-cell.disabled{
  color: #ccc;
  cursor: default;
  pointer-events: none;
}

.datepicker-cell.disabled:hover{
  cursor: default;
}

.datepicker-cell:hover{
  cursor: pointer;
}

.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content{
  background-color: #d3d3d3;
}

.datepicker-cell.selected .datepicker-cell-content{
  background-color: #2979ff;
  color: #fff;
}

.datepicker-cell:not(.selected).focused .datepicker-cell-content{
  background-color: #eee;
}

.datepicker-cell.focused .datepicker-cell-content.selected{
  background-color: #2979ff;
}

.datepicker-cell.current .datepicker-cell-content{
  border: 1px solid #000;
}

.datepicker-small-cell{
  width: 40px;
  height: 40px;
}

.datepicker-small-cell-content{
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  font-size: 13px;
}

.datepicker-large-cell{
  width: 76px;
  height: 42px;
}

.datepicker-large-cell-content{
  width: 72px;
  height: 40px;
  line-height: 40px;
  padding: 1px 2px;
  border-radius: 999px;
}

.datepicker-footer{
  height: 56px;
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
  justify-content: flex-end;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
}

.datepicker-footer-btn{
  background-color: #fff;
  color: #2979ff;
  border: none;
  cursor: pointer;
  padding: 0 10px;
  -webkit-text-transform: uppercase;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  letter-spacing: 0.1rem;
  border-radius: 10px;
  margin-bottom: 10px;
}

.datepicker-footer-btn:hover{
  background-color: #eee;
}

.datepicker-footer-btn:focus{
  background-color: #eee;
}

.datepicker-clear-btn{
  margin-right: auto;
}

.timepicker-wrapper{
  touch-action: none;
  z-index: 1065;
  opacity: 0;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.timepicker-elements{
  min-width: 310px;
  min-height: 325px;
  background: #fff;
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}

.timepicker-head{
  background-color: #2979ff;
  height: 100px;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 10px 24px 10px 50px;
}

.timepicker-button{
  font-size: 0.8rem;
  min-width: 64px;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 40px;
  border-radius: 10px;
  letter-spacing: 0.1rem;
  -webkit-text-transform: uppercase;
  text-transform: uppercase;
  color: #2979ff;
  border: none;
  background-color: transparent;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  outline: none;
  padding: 0 10px;
  height: 40px;
  margin-bottom: 10px;
}

.timepicker-button:hover{
  background-color: rgba(0, 0, 0, 0.08);
}

.timepicker-button:focus{
  outline: none;
  background-color: rgba(0, 0, 0, 0.08);
}

.timepicker-current{
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  color: #fff;
  opacity: 0.54;
  border: none;
  background: transparent;
  padding: 0;
}

.timepicker-current.active{
  opacity: 1;
}

.timepicker-current.\!active{
  opacity: 1 !important;
}

.timepicker-current-wrapper{
  direction: ltr;
}

.timepicker-mode-wrapper{
  margin-left: 20px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.54);
}

.timepicker-mode-wrapper.active{
  opacity: 1;
}

.timepicker-mode-wrapper.\!active{
  opacity: 1 !important;
}

.timepicker-clock-wrapper{
  min-width: 310px;
  max-width: 325px;
  min-height: 305px;
  overflow-x: hidden;
  height: 100%;
}

.timepicker-clock{
  position: relative;
  border-radius: 100%;
  width: 260px;
  height: 260px;
  cursor: default;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.07);
}

.timepicker-time-tips-minutes.active{
  color: #fff;
  background-color: #2979ff;
  font-weight: 400;
}

.timepicker-time-tips-minutes.\!active{
  color: #fff !important;
  background-color: #2979ff !important;
  font-weight: 400 !important;
}

.timepicker-time-tips-inner.active{
  color: #fff;
  background-color: #2979ff;
  font-weight: 400;
}

.timepicker-time-tips-inner.\!active{
  color: #fff !important;
  background-color: #2979ff !important;
  font-weight: 400 !important;
}

.timepicker-time-tips-hours.active{
  color: #fff;
  background-color: #2979ff;
  font-weight: 400;
}

.timepicker-time-tips-hours.\!active{
  color: #fff !important;
  background-color: #2979ff !important;
  font-weight: 400 !important;
}

.timepicker-time-tips-minutes.disabled{
  color: #b3afaf;
  pointer-events: none;
  background-color: transparent;
}

.timepicker-time-tips-inner.disabled{
  color: #b3afaf;
  pointer-events: none;
  background-color: transparent;
}

.timepicker-time-tips-hours.disabled{
  color: #b3afaf;
  pointer-events: none;
  background-color: transparent;
}

.timepicker-dot{
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  color: #fff;
  font-size: 3.75rem;
  opacity: 0.54;
  border: none;
  background: transparent;
  padding: 0;
}

.timepicker-middle-dot{
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #2979ff;
}

.timepicker-hand-pointer{
  background-color: #2979ff;
  bottom: 50%;
  height: 40%;
  left: calc(50% - 1px);
  transform-origin: center bottom 0;
  width: 2px;
}

.timepicker-time-tips.active{
  color: #fff;
}

.timepicker-time-tips.\!active{
  color: #fff !important;
}

.timepicker-circle{
  top: -21px;
  left: -15px;
  width: 4px;
  border: 14px solid #2979ff;
  height: 4px;
  box-sizing: content-box;
  border-radius: 100%;
}

.timepicker-hour-mode{
  padding: 0;
  background-color: transparent;
  border: none;
  color: #fff;
  opacity: 0.54;
  cursor: pointer;
}

.timepicker-hour{
  cursor: pointer;
}

.timepicker-minute{
  cursor: pointer;
}

.timepicker-hour-mode:hover{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-hour-mode:focus{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-hour:hover{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-hour:focus{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-minute:hover{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-minute:focus{
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}

.timepicker-hour-mode.active{
  color: #fff;
  opacity: 1;
}

.timepicker-hour-mode.\!active{
  color: #fff !important;
  opacity: 1 !important;
}

.timepicker-hour.active{
  color: #fff;
  opacity: 1;
}

.timepicker-hour.\!active{
  color: #fff !important;
  opacity: 1 !important;
}

.timepicker-minute.active{
  color: #fff;
  opacity: 1;
}

.timepicker-minute.\!active{
  color: #fff !important;
  opacity: 1 !important;
}

.timepicker-footer{
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #fff;
}

.timepicker-container{
  max-height: calc(100% - 64px);
  overflow-y: auto;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.timepicker-icon-up.active{
  opacity: 1;
}

.timepicker-icon-up.\!active{
  opacity: 1 !important;
}

.timepicker-icon-down.active{
  opacity: 1;
}

.timepicker-icon-down.\!active{
  opacity: 1 !important;
}

.timepicker-toggle-button{
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  cursor: pointer;
}

.timepicker-toggle-button:hover{
  color: #2979ff;
}

.timepicker-toggle-button:focus{
  color: #2979ff;
}

.timepicker-input:focus + .timepicker-toggle-button{
  color: #2979ff;
}

.timepicker-input:focus + .timepicker-toggle-button i{
  color: #2979ff;
}

.timepicker a.timepicker-toggle-button{
  right: 1px;
}

.timepicker-toggle-button.timepicker-icon{
  right: 1px;
}

.timepicker-modal .fade.show{
  opacity: 1;
}

.stepper{
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}

.stepper:not(.stepper-vertical){
  display: flex;
  justify-content: space-between;
}

.stepper:not(.stepper-vertical) .stepper-content{
  position: absolute;
  width: 100%;
  padding: 1rem;
}

.stepper:not(.stepper-vertical) .stepper-step{
  flex: auto;
  height: 4.5rem;
}

.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head{
  padding-left: 1.5rem;
}

.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head{
  padding-right: 1.5rem;
}

.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before{
  flex: 1;
  height: 1px;
  width: 100%;
  margin-right: 0.5rem;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}

.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after{
  flex: 1;
  height: 1px;
  width: 100%;
  margin-left: 0.5rem;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}

.stepper:not(.stepper-vertical) .stepper-head-icon{
  margin: 1.5rem 0.5rem 1.5rem 0;
}

.stepper.stepper-mobile{
  justify-content: center;
  align-items: flex-end;
}

.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon{
  display: none;
}

.stepper.stepper-mobile .stepper-step{
  flex: unset;
  height: -moz-fit-content;
  height: fit-content;
  margin: 1rem 0 1rem 0;
}

.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after{
  margin-left: 0;
}

.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before{
  margin-right: 0;
}

.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.stepper.stepper-mobile .stepper-head-icon{
  font-size: 0;
  margin: 0;
  height: 0.5rem;
  width: 0.5rem;
  z-index: 1;
}

.stepper.stepper-mobile .stepper-head-text{
  display: none;
}

.stepper.stepper-mobile .stepper-content{
  top: 2.56rem;
}

.stepper-back-btn .btn-link{
  color: unset;
}

.stepper-next-btn .btn-link{
  color: unset;
}

.collapse{
  visibility: visible !important;
}

@media (prefers-reduced-motion: reduce){
  .form-control::file-selector-button{
    transition: none;
  }

  .form-control::-webkit-file-upload-button{
    -webkit-transition: none;
    transition: none;
  }

  .form-switch .form-check-input{
    transition: none;
  }

  .form-range::-webkit-slider-thumb{
    -webkit-transition: none;
    transition: none;
  }

  .form-range::-moz-range-thumb{
    -moz-transition: none;
    transition: none;
  }

  .form-floating > label{
    transition: none;
  }

  .fade{
    transition: none;
  }

  .collapsing{
    transition: none;
  }

  .collapsing.collapse-horizontal{
    transition: none;
  }

  .accordion-button::after{
    transition: none;
  }

  .modal.fade .modal-dialog{
    transition: none;
  }

  .carousel-item{
    transition: none;
  }

  .carousel-fade .active.carousel-item-start{
    transition: none;
  }

  .carousel-fade .active.carousel-item-end{
    transition: none;
  }

  .carousel-control-prev{
    transition: none;
  }

  .carousel-control-next{
    transition: none;
  }

  .carousel-indicators [data-bs-target]{
    transition: none;
  }

  .spinner-border{
    animation-duration: 1.5s;
  }

  .spinner-grow{
    animation-duration: 1.5s;
  }

  {
    transition: none !important;
  }

  .carousel-fade .\!active.carousel-item-start{
    transition: none !important;
  }

  .carousel-fade .\!active.carousel-item-end{
    transition: none !important;
  }

  {
    animation-duration: 1.5s !important;
    transition: none !important;
  }

  .carousel-fade .\!active.carousel-item-start{
    transition: none !important;
  }

  .carousel-fade .\!active.carousel-item-end{
    transition: none !important;
  }

  {
    transition: none !important;
    animation-duration: 1.5s !important;
  }
}

@media (min-width: 576px){
  .navbar-expand-sm{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav{
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu{
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm .navbar-nav-scroll{
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse{
    display: flex !important;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler{
    display: none;
  }

  .navbar-expand-sm .offcanvas-header{
    display: none;
  }

  .navbar-expand-sm .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-sm .offcanvas-top{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-sm .offcanvas-bottom{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-sm .offcanvas-body{
    display: flex;
    -ms-flex-grow: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }

  .modal-dialog{
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable{
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered{
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm{
    max-width: 300px;
  }

  .sticky-sm-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px){
  .navbar-expand-md{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav{
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu{
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md .navbar-nav-scroll{
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse{
    display: flex !important;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler{
    display: none;
  }

  .navbar-expand-md .offcanvas-header{
    display: none;
  }

  .navbar-expand-md .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-md .offcanvas-top{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-md .offcanvas-bottom{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-md .offcanvas-body{
    display: flex;
    -ms-flex-grow: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }

  .sticky-md-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px){
  .navbar-expand-lg{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav{
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu{
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg .navbar-nav-scroll{
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse{
    display: flex !important;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler{
    display: none;
  }

  .navbar-expand-lg .offcanvas-header{
    display: none;
  }

  .navbar-expand-lg .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-lg .offcanvas-top{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-lg .offcanvas-bottom{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-lg .offcanvas-body{
    display: flex;
    -ms-flex-grow: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }

  .modal-lg{
    max-width: 800px;
  }

  .modal-xl{
    max-width: 800px;
  }

  .sticky-lg-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px){
  .navbar-expand-xl{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav{
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu{
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl .navbar-nav-scroll{
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse{
    display: flex !important;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler{
    display: none;
  }

  .navbar-expand-xl .offcanvas-header{
    display: none;
  }

  .navbar-expand-xl .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xl .offcanvas-top{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xl .offcanvas-bottom{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xl .offcanvas-body{
    display: flex;
    -ms-flex-grow: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }

  .modal-xl{
    max-width: 1140px;
  }

  .sticky-xl-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px){
  .navbar-expand-xxl{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav{
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu{
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl .navbar-nav-scroll{
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse{
    display: flex !important;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler{
    display: none;
  }

  .navbar-expand-xxl .offcanvas-header{
    display: none;
  }

  .navbar-expand-xxl .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xxl .offcanvas-top{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xxl .offcanvas-bottom{
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xxl .offcanvas-body{
    display: flex;
    -ms-flex-grow: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }

  .sticky-xxl-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (max-width: 575.98px){
  .modal-fullscreen-sm-down{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content{
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header{
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body{
    overflow-y: auto;
  }

  .modal-fullscreen-sm-down .modal-footer{
    border-radius: 0;
  }
}

@media (max-width: 767.98px){
  .modal-fullscreen-md-down{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content{
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header{
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body{
    overflow-y: auto;
  }

  .modal-fullscreen-md-down .modal-footer{
    border-radius: 0;
  }
}

@media (max-width: 991.98px){
  .modal-fullscreen-lg-down{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content{
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header{
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body{
    overflow-y: auto;
  }

  .modal-fullscreen-lg-down .modal-footer{
    border-radius: 0;
  }
}

@media (max-width: 1199.98px){
  .modal-fullscreen-xl-down{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content{
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header{
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body{
    overflow-y: auto;
  }

  .modal-fullscreen-xl-down .modal-footer{
    border-radius: 0;
  }
}

@media (max-width: 1399.98px){
  .modal-fullscreen-xxl-down{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content{
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header{
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body{
    overflow-y: auto;
  }

  .modal-fullscreen-xxl-down .modal-footer{
    border-radius: 0;
  }
}

@media (prefers-reduced-motion){
  .animation{
    transition: none !important;
    animation: unset !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape){
  .datepicker-modal-container .datepicker-header{
    height: 100%;
  }

  .datepicker-modal-container .datepicker-date{
    margin-top: 100px;
  }

  .datepicker-modal-container .datepicker-day-cell{
    width: 32x;
    height: 32x;
  }

  .datepicker-modal-container{
    flex-direction: row;
    width: 475px;
    height: 360px;
  }

  .datepicker-modal-container.datepicker-day-cell{
    width: 36px;
    height: 36px;
  }
}

@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape){
  .timepicker-elements{
    flex-direction: row !important;
    border-bottom-left-radius: 0.5rem;
    min-width: auto;
    min-height: auto;
    overflow-y: auto;
  }

  .timepicker-head{
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px;
    padding-right: 10px !important;
    height: auto;
    min-height: 305px;
  }

  .timepicker-head-content{
    flex-direction: column;
  }

  .timepicker-mode-wrapper{
    justify-content: space-around !important;
    flex-direction: row !important;
  }

  .timepicker-current{
    font-size: 3rem;
    font-weight: 400;
  }

  .timepicker-dot{
    font-size: 3rem;
    font-weight: 400;
  }
}

@keyframes _spinner-grow{
  0%{
    transform: scale(0);
  }

  50%{
    opacity: 1;
    transform: none;
  }
}

@keyframes _fade-in{
  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

@keyframes _fade-out{
  from{
    opacity: 1;
  }

  to{
    opacity: 0;
  }
}

@keyframes _fade-in-down{
  from{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _fade-in-left{
  from{
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _fade-in-right{
  from{
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _fade-in-up{
  from{
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _fade-out-down{
  from{
    opacity: 1;
  }

  to{
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes _fade-out-left{
  from{
    opacity: 1;
  }

  to{
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes _fade-out-right{
  from{
    opacity: 1;
  }

  to{
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes _fade-out-up{
  from{
    opacity: 1;
  }

  to{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes _slide-in-down{
  from{
    visibility: visible;
    transform: translate3d(0, -100%, 0);
  }

  to{
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _slide-in-left{
  from{
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
  }

  to{
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _slide-in-right{
  from{
    visibility: visible;
    transform: translate3d(100%, 0, 0);
  }

  to{
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _slide-in-up{
  from{
    visibility: visible;
    transform: translate3d(0, 100%, 0);
  }

  to{
    transform: translate3d(0, 0, 0);
  }
}

@keyframes _slide-out-down{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes _slide-out-left{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes _slide-out-right{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes _slide-out-up{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes _slide-down{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes _slide-left{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes _slide-right{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes _slide-up{
  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes _zoom-in{
  from{
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50%{
    opacity: 1;
  }
}

@keyframes _zoom-out{
  from{
    opacity: 1;
  }

  50%{
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to{
    opacity: 0;
  }
}

@keyframes _tada{
  from{
    transform: scale3d(1, 1, 1);
  }

  10%{
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  20%{
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  50%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  70%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  90%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  60%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  80%{
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to{
    transform: scale3d(1, 1, 1);
  }
}

@keyframes _pulse{
  from{
    transform: scale3d(1, 1, 1);
  }

  50%{
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to{
    transform: scale3d(1, 1, 1);
  }
}

@keyframes _show-up-clock{
  0%{
    opacity: 0;
    transform: scale(0.7);
  }

  to{
    opacity: 1;
    transform: scale(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;
}

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.visible{
  visibility: visible;
}

.\!visible{
  visibility: visible !important;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.\!relative{
  position: relative !important;
}

.sticky{
  position: sticky;
}

.inset-\[11px\]{
  top: 11px;
  right: 11px;
  bottom: 11px;
  left: 11px;
}

.inset-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.inset-y-4{
  top: 1rem;
  bottom: 1rem;
}

.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}

.left-0{
  left: 0px;
}

.top-1\/2{
  top: 50%;
}

.right-0{
  right: 0px;
}

.top-6{
  top: 1.5rem;
}

.right-8{
  right: 2rem;
}

.bottom-12{
  bottom: 3rem;
}

.left-16{
  left: 4rem;
}

.top-\[2px\]{
  top: 2px;
}

.-top-\[5px\]{
  top: -5px;
}

.-right-1{
  right: -0.25rem;
}

.bottom-0{
  bottom: 0px;
}

.-bottom-4{
  bottom: -1rem;
}

.top-\[1px\]{
  top: 1px;
}

.bottom-14{
  bottom: 3.5rem;
}

.top-0{
  top: 0px;
}

.bottom-\[-130px\]{
  bottom: -130px;
}

.left-1\/2{
  left: 50%;
}

.right-3{
  right: 0.75rem;
}

.top-2\.5{
  top: 0.625rem;
}

.top-2{
  top: 0.5rem;
}

.left-2{
  left: 0.5rem;
}

.right-2{
  right: 0.5rem;
}

.top-\[100px\]{
  top: 100px;
}

.left-1{
  left: 0.25rem;
}

.right-1{
  right: 0.25rem;
}

.-right-0{
  right: -0px;
}

.top-\[3px\]{
  top: 3px;
}

.right-\[5px\]{
  right: 5px;
}

.left-\[0px\]{
  left: 0px;
}

.right-\[17px\]{
  right: 17px;
}

.top-1\/4{
  top: 25%;
}

.top-\[80px\]{
  top: 80px;
}

.top-\[-20px\]{
  top: -20px;
}

.-top-\[24px\]{
  top: -24px;
}

.-top-\[14px\]{
  top: -14px;
}

.\!top-\[25px\]{
  top: 25px !important;
}

.-top-\[6px\]{
  top: -6px;
}

.\!top-\[23px\]{
  top: 23px !important;
}

.top-1{
  top: 0.25rem;
}

.right-2\.5{
  right: 0.625rem;
}

.bottom-1\/2{
  bottom: 50%;
}

.left-\[calc\(50\%-1px\)\]{
  left: calc(50% - 1px);
}

.-top-\[21px\]{
  top: -21px;
}

.-left-\[15px\]{
  left: -15px;
}

.-top-\[35px\]{
  top: -35px;
}

.-bottom-\[47px\]{
  bottom: -47px;
}

.\!top-auto{
  top: auto !important;
}

.\!left-auto{
  left: auto !important;
}

.bottom-\[2px\]{
  bottom: 2px;
}

.right-\[2px\]{
  right: 2px;
}

.top-\[13px\]{
  top: 13px;
}

.right-7{
  right: 1.75rem;
}

.top-\[11px\]{
  top: 11px;
}

.left-3{
  left: 0.75rem;
}

.z-30{
  z-index: 30;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[-1\]{
  z-index: -1;
}

.z-50{
  z-index: 50;
}

.z-20{
  z-index: 20;
}

.z-\[3\]{
  z-index: 3;
}

.z-\[55\]{
  z-index: 55;
}

.z-\[9999\]{
  z-index: 9999;
}

.z-\[99\]{
  z-index: 99;
}

.z-\[9\]{
  z-index: 9;
}

.z-\[999\]{
  z-index: 999;
}

.z-\[888\]{
  z-index: 888;
}

.z-10{
  z-index: 10;
}

.-z-\[1\]{
  z-index: -1;
}

.z-\[5\]{
  z-index: 5;
}

.z-\[66\]{
  z-index: 66;
}

.z-\[45\]{
  z-index: 45;
}

.z-\[1040\]{
  z-index: 1040;
}

.z-\[1080\]{
  z-index: 1080;
}

.z-\[1070\]{
  z-index: 1070;
}

.z-\[1066\]{
  z-index: 1066;
}

.z-\[1065\]{
  z-index: 1065;
}

.order-last{
  order: 9999;
}

.order-2{
  order: 2;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-8{
  grid-column: span 8 / span 8;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-start-1{
  grid-column-start: 1;
}

.col-end-4{
  grid-column-end: 4;
}

.row-span-2{
  grid-row: span 2 / span 2;
}

.row-start-3{
  grid-row-start: 3;
}

.row-end-5{
  grid-row-end: 5;
}

.float-right{
  float: right;
}

.float-left{
  float: left;
}

.clear-left{
  clear: left;
}

.m-4{
  margin: 1rem;
}

.m-0{
  margin: 0px;
}

.m-auto{
  margin: auto;
}

.m-1{
  margin: 0.25rem;
}

.m-5{
  margin: 1.25rem;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.mx-96{
  margin-left: 24rem;
  margin-right: 24rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-\[3px\]{
  margin-left: 3px;
  margin-right: 3px;
}

.mx-\[2px\]{
  margin-left: 2px;
  margin-right: 2px;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.-my-5{
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.my-\[5px\]{
  margin-top: 5px;
  margin-bottom: 5px;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-4{
  margin-right: 1rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.mt-0{
  margin-top: 0px;
}

.mt-\[clamp\(30px\2c 100px\)\]{
  margin-top: clamp(30px,100px);
}

.mb-3{
  margin-bottom: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.ml-auto{
  margin-left: auto;
}

.mt-7{
  margin-top: 1.75rem;
}

.mb-14{
  margin-bottom: 3.5rem;
}

.-mt-\[40px\]{
  margin-top: -40px;
}

.-mt-\[73px\]{
  margin-top: -73px;
}

.mt-3{
  margin-top: 0.75rem;
}

.-mt-6{
  margin-top: -1.5rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mb-0{
  margin-bottom: 0px;
}

.mr-2{
  margin-right: 0.5rem;
}

.mb-\[6px\]{
  margin-bottom: 6px;
}

.-mb-6{
  margin-bottom: -1.5rem;
}

.\!mt-7{
  margin-top: 1.75rem !important;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.ml-28{
  margin-left: 7rem;
}

.mt-\[6px\]{
  margin-top: 6px;
}

.mb-8{
  margin-bottom: 2rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.-ml-3{
  margin-left: -0.75rem;
}

.mr-auto{
  margin-right: auto;
}

.mb-\[3px\]{
  margin-bottom: 3px;
}

.mb-12{
  margin-bottom: 3rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mb-\[2px\]{
  margin-bottom: 2px;
}

.-mr-2{
  margin-right: -0.5rem;
}

.\!mb-0{
  margin-bottom: 0px !important;
}

.mt-24{
  margin-top: 6rem;
}

.mt-\[18px\]{
  margin-top: 18px;
}

.mb-\[17px\]{
  margin-bottom: 17px;
}

.mr-0{
  margin-right: 0px;
}

.ml-\[10px\]{
  margin-left: 10px;
}

.mt-\[150px\]{
  margin-top: 150px;
}

.ml-\[3px\]{
  margin-left: 3px;
}

.mt-2\.5{
  margin-top: 0.625rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-\[10px\]{
  margin-bottom: 10px;
}

.ml-6{
  margin-left: 1.5rem;
}

.ml-\[30px\]{
  margin-left: 30px;
}

.mt-\[3px\]{
  margin-top: 3px;
}

.-mt-3{
  margin-top: -0.75rem;
}

.box-border{
  box-sizing: border-box;
}

.box-content{
  box-sizing: content-box;
}

.block{
  display: block;
}

.\!block{
  display: block !important;
}

.inline-block{
  display: inline-block;
}

.\!inline-block{
  display: inline-block !important;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.\!flex{
  display: flex !important;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.inline-grid{
  display: inline-grid;
}

.list-item{
  display: list-item;
}

.hidden{
  display: none;
}

.h-full{
  height: 100%;
}

.h-24{
  height: 6rem;
}

.h-\[3\.23rem\]{
  height: 3.23rem;
}

.h-\[calc\(100\%\+1rem\)\]{
  height: calc(100% + 1rem);
}

.h-\[var\(--height\)\]{
  height: var(--height);
}

.h-16{
  height: 4rem;
}

.h-7{
  height: 1.75rem;
}

.h-5{
  height: 1.25rem;
}

.h-20{
  height: 5rem;
}

.h-\[42px\]{
  height: 42px;
}

.h-auto{
  height: auto;
}

.h-12{
  height: 3rem;
}

.h-\[248px\]{
  height: 248px;
}

.h-\[56px\]{
  height: 56px;
}

.h-4{
  height: 1rem;
}

.h-\[10px\]{
  height: 10px;
}

.h-\[88px\]{
  height: 88px;
}

.h-\[350px\]{
  height: 350px;
}

.h-\[96px\]{
  height: 96px;
}

.h-\[1px\]{
  height: 1px;
}

.h-32{
  height: 8rem;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[30px\]{
  height: 30px;
}

.h-10{
  height: 2.5rem;
}

.h-min{
  height: -moz-min-content;
  height: min-content;
}

.h-8{
  height: 2rem;
}

.h-6{
  height: 1.5rem;
}

.h-14{
  height: 3.5rem;
}

.h-\[300px\]{
  height: 300px;
}

.h-9{
  height: 2.25rem;
}

.h-2{
  height: 0.5rem;
}

.h-\[150px\]{
  height: 150px;
}

.h-\[140px\]{
  height: 140px;
}

.h-1{
  height: 0.25rem;
}

.h-3{
  height: 0.75rem;
}

.h-\[16px\]{
  height: 16px;
}

.h-\[6px\]{
  height: 6px;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[46px\]{
  height: 46px;
}

.h-\[95px\]{
  height: 95px;
}

.h-\[65px\]{
  height: 65px;
}

.h-screen{
  height: 100vh;
}

.h-\[60px\]{
  height: 60px;
}

.h-\[calc\(100\%-80px\)\]{
  height: calc(100% - 80px);
}

.h-\[200px\]{
  height: 200px;
}

.h-\[70px\]{
  height: 70px;
}

.h-\[27px\]{
  height: 27px;
}

.h-\[360px\]{
  height: 360px;
}

.h-\[290px\]{
  height: 290px;
}

.h-\[28px\]{
  height: 28px;
}

.h-\[90px\]{
  height: 90px;
}

.h-0{
  height: 0px;
}

.h-\[512px\]{
  height: 512px;
}

.h-\[120px\]{
  height: 120px;
}

.h-\[72px\]{
  height: 72px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[260px\]{
  height: 260px;
}

.h-2\/5{
  height: 40%;
}

.h-\[4px\]{
  height: 4px;
}

.h-\[160px\]{
  height: 160px;
}

.h-\[48px\]{
  height: 48px;
}

.h-\[15px\]{
  height: 15px;
}

.h-1\.5{
  height: 0.375rem;
}

.\!h-0{
  height: 0px !important;
}

.max-h-\[3\.23rem\]{
  max-height: 3.23rem;
}

.max-h-\[calc\(100\%\+1rem\)\]{
  max-height: calc(100% + 1rem);
}

.max-h-\[var\(--height\)\]{
  max-height: var(--height);
}

.max-h-screen{
  max-height: 100vh;
}

.max-h-\[calc\(100vh-200px\)\]{
  max-height: calc(100vh - 200px);
}

.max-h-\[calc\(100\%-64px\)\]{
  max-height: calc(100% - 64px);
}

.min-h-\[3\.23rem\]{
  min-height: 3.23rem;
}

.min-h-\[calc\(100\%\+1rem\)\]{
  min-height: calc(100% + 1rem);
}

.min-h-\[var\(--height\)\]{
  min-height: var(--height);
}

.min-h-0{
  min-height: 0px;
}

.min-h-screen{
  min-height: 100vh;
}

.min-h-full{
  min-height: 100%;
}

.min-h-\[calc\(100vh-100px\)\]{
  min-height: calc(100vh - 100px);
}

.min-h-\[250px\]{
  min-height: 250px;
}

.min-h-\[325px\]{
  min-height: 325px;
}

.min-h-\[305px\]{
  min-height: 305px;
}

.min-h-\[auto\]{
  min-height: auto;
}

.w-9{
  width: 2.25rem;
}

.w-full{
  width: 100%;
}

.w-\[3\.23rem\]{
  width: 3.23rem;
}

.w-\[calc\(100\%\+1rem\)\]{
  width: calc(100% + 1rem);
}

.w-\[var\(--width\)\]{
  width: var(--width);
}

.w-12{
  width: 3rem;
}

.w-7{
  width: 1.75rem;
}

.w-5{
  width: 1.25rem;
}

.w-20{
  width: 5rem;
}

.w-\[42px\]{
  width: 42px;
}

.w-\[56px\]{
  width: 56px;
}

.w-4{
  width: 1rem;
}

.w-\[10px\]{
  width: 10px;
}

.w-\[65px\]{
  width: 65px;
}

.w-\[285px\]{
  width: 285px;
}

.w-\[96px\]{
  width: 96px;
}

.w-\[25px\]{
  width: 25px;
}

.w-auto{
  width: auto;
}

.w-10{
  width: 2.5rem;
}

.w-\[320px\]{
  width: 320px;
}

.w-\[2px\]{
  width: 2px;
}

.w-6{
  width: 1.5rem;
}

.w-14{
  width: 3.5rem;
}

.w-1\/2{
  width: 50%;
}

.w-\[140px\]{
  width: 140px;
}

.w-8{
  width: 2rem;
}

.w-\[16px\]{
  width: 16px;
}

.w-\[46px\]{
  width: 46px;
}

.w-11{
  width: 2.75rem;
}

.\!w-\[100px\]{
  width: 100px !important;
}

.w-\[6px\]{
  width: 6px;
}

.w-\[100px\]{
  width: 100px;
}

.w-2{
  width: 0.5rem;
}

.w-\[150px\]{
  width: 150px;
}

.w-\[50px\]{
  width: 50px;
}

.w-96{
  width: 24rem;
}

.w-screen{
  width: 100vw;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[27px\]{
  width: 27px;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-\[28px\]{
  width: 28px;
}

.w-44{
  width: 11rem;
}

.w-\[335px\]{
  width: 335px;
}

.w-\[250px\]{
  width: 250px;
}

.w-0{
  width: 0px;
}

.w-\[328px\]{
  width: 328px;
}

.w-\[76px\]{
  width: 76px;
}

.w-\[72px\]{
  width: 72px;
}

.w-\[304px\]{
  width: 304px;
}

.w-\[32px\]{
  width: 32px;
}

.w-\[260px\]{
  width: 260px;
}

.w-\[4px\]{
  width: 4px;
}

.w-\[160px\]{
  width: 160px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[15px\]{
  width: 15px;
}

.w-1\.5{
  width: 0.375rem;
}

.w-3{
  width: 0.75rem;
}

.w-1{
  width: 0.25rem;
}

.min-w-\[3\.23rem\]{
  min-width: 3.23rem;
}

.min-w-\[calc\(100\%\+1rem\)\]{
  min-width: calc(100% + 1rem);
}

.min-w-\[var\(--width\)\]{
  min-width: var(--width);
}

.min-w-min{
  min-width: -moz-min-content;
  min-width: min-content;
}

.min-w-full{
  min-width: 100%;
}

.min-w-\[90px\]{
  min-width: 90px;
}

.min-w-\[120px\]{
  min-width: 120px;
}

.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}

.min-w-\[270px\]{
  min-width: 270px;
}

.min-w-\[160px\]{
  min-width: 160px;
}

.min-w-\[140px\]{
  min-width: 140px;
}

.min-w-\[170px\]{
  min-width: 170px;
}

.min-w-\[60px\]{
  min-width: 60px;
}

.min-w-\[184px\]{
  min-width: 184px;
}

.min-w-\[310px\]{
  min-width: 310px;
}

.min-w-\[64px\]{
  min-width: 64px;
}

.min-w-\[48px\]{
  min-width: 48px;
}

.min-w-\[100px\]{
  min-width: 100px;
}

.min-w-0{
  min-width: 0px;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-\[3\.23rem\]{
  max-width: 3.23rem;
}

.max-w-\[calc\(100\%\+1rem\)\]{
  max-width: calc(100% + 1rem);
}

.max-w-\[var\(--width\)\]{
  max-width: var(--width);
}

.max-w-full{
  max-width: 100%;
}

.max-w-\[546px\]{
  max-width: 546px;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[90\%\]{
  max-width: 90%;
}

.max-w-\[180px\]{
  max-width: 180px;
}

.max-w-\[168px\]{
  max-width: 168px;
}

.max-w-\[160px\]{
  max-width: 160px;
}

.max-w-\[500px\]{
  max-width: 500px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[520px\]{
  max-width: 520px;
}

.max-w-\[525px\]{
  max-width: 525px;
}

.max-w-\[980px\]{
  max-width: 980px;
}

.\!max-w-full{
  max-width: 100% !important;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-\[350px\]{
  max-width: 350px;
}

.max-w-\[516px\]{
  max-width: 516px;
}

.max-w-\[50px\]{
  max-width: 50px;
}

.max-w-\[242px\]{
  max-width: 242px;
}

.max-w-\[63\%\]{
  max-width: 63%;
}

.max-w-\[124px\]{
  max-width: 124px;
}

.max-w-\[540px\]{
  max-width: 540px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[267px\]{
  max-width: 267px;
}

.max-w-\[calc\(100\%-1rem\)\]{
  max-width: calc(100% - 1rem);
}

.max-w-\[325px\]{
  max-width: 325px;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-none{
  flex: none;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.flex-grow-0{
  flex-grow: 0;
}

.grow{
  flex-grow: 1;
}

.grow-0{
  flex-grow: 0;
}

.basis-auto{
  flex-basis: auto;
}

.table-fixed{
  table-layout: fixed;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-top-right{
  transform-origin: top right;
}

.origin-\[center_bottom_0\]{
  transform-origin: center bottom 0;
}

.origin-\[0_0\]{
  transform-origin: 0 0;
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  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));
}

.translate-x-5{
  --tw-translate-x: 1.25rem;
  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));
}

.-translate-x-4{
  --tw-translate-x: -1rem;
  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));
}

.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));
}

.-translate-x-3{
  --tw-translate-x: -0.75rem;
  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));
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  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));
}

.\!-translate-y-1\/2{
  --tw-translate-y: -50% !important;
  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)) !important;
}

.\!-translate-y-0{
  --tw-translate-y: -0px !important;
  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)) !important;
}

.translate-y-1\/2{
  --tw-translate-y: 50%;
  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));
}

.translate-x-full{
  --tw-translate-x: 100%;
  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));
}

.-translate-x-full{
  --tw-translate-x: -100%;
  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));
}

.-translate-x-\[150\%\]{
  --tw-translate-x: -150%;
  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));
}

.translate-x-\[150\%\]{
  --tw-translate-x: 150%;
  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));
}

.rotate-\[23deg\]{
  --tw-rotate: 23deg;
  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));
}

.rotate-\[2\.3rad\]{
  --tw-rotate: 2.3rad;
  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));
}

.rotate-\[401grad\]{
  --tw-rotate: 401grad;
  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));
}

.rotate-\[1\.5turn\]{
  --tw-rotate: 1.5turn;
  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));
}

.rotate-3{
  --tw-rotate: 3deg;
  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));
}

.rotate-180{
  --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));
}

.-rotate-90{
  --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));
}

.rotate-90{
  --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));
}

.-rotate-45{
  --tw-rotate: -45deg;
  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));
}

.rotate-\[60deg\]{
  --tw-rotate: 60deg;
  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));
}

.skew-y-12{
  --tw-skew-y: 12deg;
  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));
}

.skew-x-12{
  --tw-skew-x: 12deg;
  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));
}

.scale-95{
  --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));
}

.scale-50{
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
}

.scale-100{
  --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));
}

.scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}

.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
}

.scale-\[0\.8\]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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));
}

.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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-none{
  transform: none;
}

.animate-none{
  animation: none;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.animate-spin{
  animation: spin 1s linear infinite;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes tada{
  0%{
    transform: scale3d(1, 1, 1);
  }

  10%, 20%{
    transform: scale3d(1, 1, 0.95) rotate3d(0, 0, 1, -10deg);
  }

  30%, 50%, 70%, 90%{
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
  }

  40%, 60%, 80%{
    transform: rotate3d(0, 0, 1, -10deg);
  }

  100%{
    transform: scale3d(1, 1, 1);
  }
}

.animate-tada{
  animation: tada 1.5s ease-in-out infinite;
}

.animate-\[fade-in_0\.3s_both\]{
  animation: fade-in 0.3s both;
}

.animate-\[fade-out_0\.3s_both\]{
  animation: fade-out 0.3s both;
}

.animate-\[fade-in_0\.15s_both\]{
  animation: fade-in 0.15s both;
}

.animate-\[fade-out_0\.15s_both\]{
  animation: fade-out 0.15s both;
}

.animate-\[show-up-clock_350ms_linear\]{
  animation: show-up-clock 350ms linear;
}

.animate-\[fade-out_350ms_ease-in-out\]{
  animation: fade-out 350ms ease-in-out;
}

.animate-\[fade-in_350ms_ease-in-out\]{
  animation: fade-in 350ms ease-in-out;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-default{
  cursor: default;
}

.cursor-grab{
  cursor: grab;
}

.touch-none{
  touch-action: none;
}

.touch-pan-y{
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-none{
  resize: none;
}

.resize{
  resize: both;
}

.list-inside{
  list-style-position: inside;
}

.list-none{
  list-style-type: none;
}

.list-disc{
  list-style-type: disc;
}

.list-decimal{
  list-style-type: decimal;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.auto-cols-min{
  grid-auto-columns: min-content;
}

.grid-flow-row{
  grid-auto-flow: row;
}

.auto-rows-max{
  grid-auto-rows: max-content;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\]{
  grid-template-columns: 200px repeat(auto-fill,minmax(15%,100px)) 300px;
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.\!flex-row{
  flex-direction: row !important;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.place-content-center{
  place-content: center;
}

.place-content-start{
  place-content: start;
}

.place-items-end{
  place-items: end;
}

.content-center{
  align-content: center;
}

.items-start{
  align-items: flex-start;
}

.\!items-start{
  align-items: flex-start !important;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-evenly{
  justify-content: space-evenly;
}

.justify-items-end{
  justify-items: end;
}

.gap-6{
  gap: 1.5rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.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-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-x-\[20cm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(20cm * var(--tw-space-x-reverse));
  margin-left: calc(20cm * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(20% - 1cm) * var(--tw-space-x-reverse));
  margin-left: calc(calc(20% - 1cm) * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.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-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-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));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-x-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-\[2px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[6px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(6px * var(--tw-space-x-reverse));
  margin-left: calc(6px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
}

.divide-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}

.divide-dotted > :not([hidden]) ~ :not([hidden]){
  border-style: dotted;
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.divide-opacity-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 0.5;
}

.place-self-center{
  place-self: center;
}

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.justify-self-start{
  justify-self: start;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overscroll-contain{
  overscroll-behavior: contain;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-\[999px\]{
  border-radius: 999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-3xl{
  border-radius: 1.5rem;
}

.rounded-\[6px\]{
  border-radius: 6px;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-\[25px\]{
  border-radius: 25px;
}

.rounded-\[40px\]{
  border-radius: 40px;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-\[3px\]{
  border-radius: 3px;
}

.rounded-none{
  border-radius: 0px;
}

.rounded-\[100\%\]{
  border-radius: 100%;
}

.rounded-\[50\%\]{
  border-radius: 50%;
}

.rounded-\[0\.6rem\]{
  border-radius: 0.6rem;
}

.rounded-\[10px\]{
  border-radius: 10px;
}

.rounded-\[16px\]{
  border-radius: 16px;
}

.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-r-2xl{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-l-\[0\.25rem\]{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-r-\[0\.25rem\]{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-t-\[0\.6rem\]{
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-tr{
  border-top-right-radius: 0.25rem;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-\[2\.5px\]{
  border-width: 2.5px;
}

.border{
  border-width: 1px;
}

.border-4{
  border-width: 4px;
}

.border-\[1\.5px\]{
  border-width: 1.5px;
}

.border-\[14px\]{
  border-width: 14px;
}

.border-\[\.125rem\]{
  border-width: .125rem;
}

.\!border-\[3px\]{
  border-width: 3px !important;
}

.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-l{
  border-left-width: 1px;
}

.border-b-0{
  border-bottom-width: 0px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-t{
  border-top-width: 1px;
}

.border-l-\[0\.125rem\]{
  border-left-width: 0.125rem;
}

.border-r-0{
  border-right-width: 0px;
}

.border-l-0{
  border-left-width: 0px;
}

.border-solid{
  border-style: solid;
}

.\!border-solid{
  border-style: solid !important;
}

.border-dashed{
  border-style: dashed;
}

.border-none{
  border-style: none;
}

.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#f00\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}

.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
}

.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-secondary-500{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}

.border-danger-500{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
}

.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.\!border-success-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(80 199 147 / var(--tw-border-opacity)) !important;
}

.\!border-danger-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(241 89 92 / var(--tw-border-opacity)) !important;
}

.\!border-slate-400{
  --tw-border-opacity: 1 !important;
  border-color: rgb(148 163 184 / var(--tw-border-opacity)) !important;
}

.\!border-slate-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important;
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-primary-500{
  --tw-border-opacity: 1;
  border-color: rgb(70 105 250 / var(--tw-border-opacity));
}

.border-success-500{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
}

.border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.border-slate-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-info-500{
  --tw-border-opacity: 1;
  border-color: rgb(12 231 250 / var(--tw-border-opacity));
}

.border-warning-500{
  --tw-border-opacity: 1;
  border-color: rgb(250 145 107 / var(--tw-border-opacity));
}

.border-neutral-100{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-\[\#3b71ca\]{
  --tw-border-opacity: 1;
  border-color: rgb(59 113 202 / var(--tw-border-opacity));
}

.border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(128 146 255 / var(--tw-border-opacity));
}

.\!border-\[\#b2b3b4\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(178 179 180 / var(--tw-border-opacity)) !important;
}

.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-r-slate-200{
  --tw-border-opacity: 1;
  border-right-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-l-slate-200{
  --tw-border-opacity: 1;
  border-left-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-b-\[\#9AA2AF\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(154 162 175 / var(--tw-border-opacity));
}

.border-b-gray-500{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(104 118 138 / var(--tw-border-opacity));
}

.border-b-slate-300{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-t-transparent{
  border-top-color: transparent;
}

.border-opacity-10{
  --tw-border-opacity: 0.1;
}

.border-opacity-\[16\%\]{
  --tw-border-opacity: 16%;
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-\[\#0f0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 0 / var(--tw-bg-opacity));
}

.bg-\[\#ff0000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#0000ffcc\]{
  background-color: #0000ffcc;
}

.bg-\[rgb\(123\2c 123\2c 123\)\]{
  --tw-bg-opacity: 1;
  background-color: rgb(123 123 123 / var(--tw-bg-opacity));
}

.bg-\[rgba\(123\2c 123\2c 123\2c 0\.5\)\]{
  background-color: rgba(123,123,123,0.5);
}

.bg-\[hsl\(0\2c 100\%\2c 50\%\)\]{
  --tw-bg-opacity: 1;
  background-color: hsl(0 100% 50% / var(--tw-bg-opacity));
}

.bg-\[hsla\(0\2c 100\%\2c 50\%\2c 0\.3\)\]{
  background-color: hsla(0,100%,50%,0.3);
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-success-500{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
}

.bg-warning-500{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
}

.bg-danger-500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
}

.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.\!bg-transparent{
  background-color: transparent !important;
}

.bg-info-500{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
}

.bg-\[\#E5F9FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#EDFFE5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 255 229 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 255 / var(--tw-bg-opacity));
}

.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 255 / var(--tw-bg-opacity));
}

.bg-primary-200{
  --tw-bg-opacity: 1;
  background-color: rgb(209 218 254 / var(--tw-bg-opacity));
}

.bg-primary-300{
  --tw-bg-opacity: 1;
  background-color: rgb(180 194 253 / var(--tw-bg-opacity));
}

.bg-primary-400{
  --tw-bg-opacity: 1;
  background-color: rgb(128 146 255 / var(--tw-bg-opacity));
}

.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(63 94 223 / var(--tw-bg-opacity));
}

.bg-primary-700{
  --tw-bg-opacity: 1;
  background-color: rgb(42 63 150 / var(--tw-bg-opacity));
}

.bg-primary-800{
  --tw-bg-opacity: 1;
  background-color: rgb(32 48 113 / var(--tw-bg-opacity));
}

.bg-primary-900{
  --tw-bg-opacity: 1;
  background-color: rgb(21 31 73 / var(--tw-bg-opacity));
}

.bg-info-50{
  --tw-bg-opacity: 1;
  background-color: rgb(243 254 255 / var(--tw-bg-opacity));
}

.bg-info-100{
  --tw-bg-opacity: 1;
  background-color: rgb(231 254 255 / var(--tw-bg-opacity));
}

.bg-info-200{
  --tw-bg-opacity: 1;
  background-color: rgb(197 253 255 / var(--tw-bg-opacity));
}

.bg-info-300{
  --tw-bg-opacity: 1;
  background-color: rgb(163 252 255 / var(--tw-bg-opacity));
}

.bg-info-400{
  --tw-bg-opacity: 1;
  background-color: rgb(95 249 255 / var(--tw-bg-opacity));
}

.bg-info-600{
  --tw-bg-opacity: 1;
  background-color: rgb(0 184 212 / var(--tw-bg-opacity));
}

.bg-info-700{
  --tw-bg-opacity: 1;
  background-color: rgb(0 122 141 / var(--tw-bg-opacity));
}

.bg-info-800{
  --tw-bg-opacity: 1;
  background-color: rgb(0 94 103 / var(--tw-bg-opacity));
}

.bg-info-900{
  --tw-bg-opacity: 1;
  background-color: rgb(0 63 66 / var(--tw-bg-opacity));
}

.bg-success-50{
  --tw-bg-opacity: 1;
  background-color: rgb(243 254 248 / var(--tw-bg-opacity));
}

.bg-success-100{
  --tw-bg-opacity: 1;
  background-color: rgb(231 253 241 / var(--tw-bg-opacity));
}

.bg-success-200{
  --tw-bg-opacity: 1;
  background-color: rgb(197 251 227 / var(--tw-bg-opacity));
}

.bg-success-300{
  --tw-bg-opacity: 1;
  background-color: rgb(163 249 213 / var(--tw-bg-opacity));
}

.bg-success-400{
  --tw-bg-opacity: 1;
  background-color: rgb(95 245 177 / var(--tw-bg-opacity));
}

.bg-success-600{
  --tw-bg-opacity: 1;
  background-color: rgb(63 154 122 / var(--tw-bg-opacity));
}

.bg-success-700{
  --tw-bg-opacity: 1;
  background-color: rgb(46 109 97 / var(--tw-bg-opacity));
}

.bg-success-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 75 71 / var(--tw-bg-opacity));
}

.bg-success-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 42 46 / var(--tw-bg-opacity));
}

.bg-warning-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 248 / var(--tw-bg-opacity));
}

.bg-warning-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 241 / var(--tw-bg-opacity));
}

.bg-warning-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 218 / var(--tw-bg-opacity));
}

.bg-warning-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 210 195 / var(--tw-bg-opacity));
}

.bg-warning-400{
  --tw-bg-opacity: 1;
  background-color: rgb(252 178 152 / var(--tw-bg-opacity));
}

.bg-warning-600{
  --tw-bg-opacity: 1;
  background-color: rgb(223 130 96 / var(--tw-bg-opacity));
}

.bg-warning-700{
  --tw-bg-opacity: 1;
  background-color: rgb(150 87 65 / var(--tw-bg-opacity));
}

.bg-warning-800{
  --tw-bg-opacity: 1;
  background-color: rgb(113 66 49 / var(--tw-bg-opacity));
}

.bg-warning-900{
  --tw-bg-opacity: 1;
  background-color: rgb(73 43 32 / var(--tw-bg-opacity));
}

.bg-danger-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 247 / var(--tw-bg-opacity));
}

.bg-danger-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 239 239 / var(--tw-bg-opacity));
}

.bg-danger-200{
  --tw-bg-opacity: 1;
  background-color: rgb(252 214 215 / var(--tw-bg-opacity));
}

.bg-danger-300{
  --tw-bg-opacity: 1;
  background-color: rgb(250 187 189 / var(--tw-bg-opacity));
}

.bg-danger-400{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 141 / var(--tw-bg-opacity));
}

.bg-danger-600{
  --tw-bg-opacity: 1;
  background-color: rgb(215 80 82 / var(--tw-bg-opacity));
}

.bg-danger-700{
  --tw-bg-opacity: 1;
  background-color: rgb(145 54 56 / var(--tw-bg-opacity));
}

.bg-danger-800{
  --tw-bg-opacity: 1;
  background-color: rgb(109 41 42 / var(--tw-bg-opacity));
}

.bg-danger-900{
  --tw-bg-opacity: 1;
  background-color: rgb(70 26 27 / var(--tw-bg-opacity));
}

.bg-secondary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}

.bg-black-500{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

.\!bg-black-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity)) !important;
}

.bg-black-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-\[\#E0EAFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFC155\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 85 / var(--tw-bg-opacity));
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-\[\#FFEDE6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 230 / var(--tw-bg-opacity));
}

.bg-\[\#EAE6FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 230 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFEDE5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 229 / var(--tw-bg-opacity));
}

.bg-\[\#EAE5FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 229 255 / var(--tw-bg-opacity));
}

.bg-\[\#1C9CEB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 156 235 / var(--tw-bg-opacity));
}

.bg-\[\#395599\]{
  --tw-bg-opacity: 1;
  background-color: rgb(57 85 153 / var(--tw-bg-opacity));
}

.bg-\[\#0A63BC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 99 188 / var(--tw-bg-opacity));
}

.bg-\[\#EA4335\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 67 53 / var(--tw-bg-opacity));
}

.\!bg-primary-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity)) !important;
}

.\!bg-secondary-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity)) !important;
}

.\!bg-info-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity)) !important;
}

.\!bg-success-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity)) !important;
}

.\!bg-warning-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity)) !important;
}

.\!bg-danger-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#6d6d6d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(109 109 109 / var(--tw-bg-opacity));
}

.bg-\[\#3b71ca\]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
}

.bg-\[\#00000066\]{
  background-color: #00000066;
}

.bg-\[\#00000012\]{
  background-color: #00000012;
}

.bg-zinc-700{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}

.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-zinc-500{
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}

.bg-zinc-600\/50{
  background-color: rgb(82 82 91 / 0.5);
}

.bg-\[\#aaa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(170 170 170 / var(--tw-bg-opacity));
}

.\!bg-primary-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-success-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 253 241 / var(--tw-bg-opacity)) !important;
}

.\!bg-danger-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 239 239 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#eceff1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-zinc-600{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}

.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}

.bg-opacity-\[0\.11\]{
  --tw-bg-opacity: 0.11;
}

.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-opacity-25{
  --tw-bg-opacity: 0.25;
}

.bg-opacity-\[14\%\]{
  --tw-bg-opacity: 14%;
}

.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}

.bg-opacity-\[0\.16\]{
  --tw-bg-opacity: 0.16;
}

.bg-opacity-\[0\.15\]{
  --tw-bg-opacity: 0.15;
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-red-300{
  --tw-gradient-from: #fca5a5;
  --tw-gradient-to: rgb(252 165 165 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1EABEC\]{
  --tw-gradient-from: #1EABEC;
  --tw-gradient-to: rgb(30 171 236 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4C33F7\]{
  --tw-gradient-from: #4C33F7;
  --tw-gradient-to: rgb(76 51 247 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF9838\]{
  --tw-gradient-from: #FF9838;
  --tw-gradient-to: rgb(255 152 56 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-purple-200{
  --tw-gradient-to: rgb(233 213 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff, var(--tw-gradient-to);
}

.to-blue-400{
  --tw-gradient-to: #60a5fa;
}

.to-primary-500{
  --tw-gradient-to: #4669fa;
}

.to-\[\#801FE0\]{
  --tw-gradient-to: #801FE0;
}

.to-\[\#008773\]{
  --tw-gradient-to: #008773;
}

.bg-cover{
  background-size: cover;
}

.bg-contain{
  background-size: contain;
}

.bg-local{
  background-attachment: local;
}

.bg-clip-border{
  background-clip: border-box;
}

.bg-clip-padding{
  background-clip: padding-box;
}

.bg-top{
  background-position: top;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-current{
  fill: currentColor;
}

.fill-white{
  fill: #fff;
}

.fill-\[\#afafaf\]{
  fill: #afafaf;
}

.stroke-current{
  stroke: currentColor;
}

.stroke-2{
  stroke-width: 2;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}

.p-6{
  padding: 1.5rem;
}

.p-\[var\(--app-padding\)\]{
  padding: var(--app-padding);
}

.p-4{
  padding: 1rem;
}

.p-0{
  padding: 0px;
}

.p-5{
  padding: 1.25rem;
}

.p-1\.5{
  padding: 0.375rem;
}

.p-1{
  padding: 0.25rem;
}

.p-3{
  padding: 0.75rem;
}

.p-2{
  padding: 0.5rem;
}

.p-\[10px\]{
  padding: 10px;
}

.p-\[auto\]{
  padding: auto;
}

.p-2\.5{
  padding: 0.625rem;
}

.p-\[5px\]{
  padding: 5px;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.\!px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!px-9{
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-\[52px\]{
  padding-top: 52px;
  padding-bottom: 52px;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-\[35px\]{
  padding-left: 35px;
  padding-right: 35px;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}

.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}

.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-\[0\.4rem\]{
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.px-\[0\.4rem\]{
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.py-\[1px\]{
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}

.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.py-\[0\.32rem\]{
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}

.py-\[0\.33rem\]{
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
}

.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.\!pl-12{
  padding-left: 3rem !important;
}

.\!pr-12{
  padding-right: 3rem !important;
}

.\!pr-32{
  padding-right: 8rem !important;
}

.\!pl-56{
  padding-left: 14rem !important;
}

.\!pl-28{
  padding-left: 7rem !important;
}

.pl-28{
  padding-left: 7rem;
}

.\!pl-9{
  padding-left: 2.25rem !important;
}

.\!pr-9{
  padding-right: 2.25rem !important;
}

.\!pl-52{
  padding-left: 13rem !important;
}

.pl-0{
  padding-left: 0px;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pl-4{
  padding-left: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-8{
  padding-left: 2rem;
}

.pt-4{
  padding-top: 1rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.\!pr-14{
  padding-right: 3.5rem !important;
}

.pr-14{
  padding-right: 3.5rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pr-9{
  padding-right: 2.25rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.\!pr-5{
  padding-right: 1.25rem !important;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pt-0{
  padding-top: 0px;
}

.pt-2\.5{
  padding-top: 0.625rem;
}

.pb-0{
  padding-bottom: 0px;
}

.pr-\[24px\]{
  padding-right: 24px;
}

.pl-\[50px\]{
  padding-left: 50px;
}

.pt-\[0\.37rem\]{
  padding-top: 0.37rem;
}

.pl-\[8px\]{
  padding-left: 8px;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-start{
  text-align: start;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.align-bottom{
  vertical-align: bottom;
}

.font-Inter{
  font-family: Cairo, sans-serif;
}

.font-sans{
  font-family: Cairo, sans-serif;
}

.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[2\.23rem\]{
  font-size: 2.23rem;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-\[22px\]{
  font-size: 22px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[32px\]{
  font-size: 32px;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[8px\]{
  font-size: 8px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-\[15px\]{
  font-size: 15px;
}

.text-\[34px\]{
  font-size: 34px;
}

.text-\[0\.9rem\]{
  font-size: 0.9rem;
}

.text-\[0\.8rem\]{
  font-size: 0.8rem;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[13px\]{
  font-size: 13px;
}

.text-\[1\.1rem\]{
  font-size: 1.1rem;
}

.text-\[3\.75rem\]{
  font-size: 3.75rem;
}

.text-\[18px\]{
  font-size: 18px;
}

.text-\[2\.5rem\]{
  font-size: 2.5rem;
}

.text-\[16px\]{
  font-size: 16px;
}

.font-medium{
  font-weight: 500;
}

.font-bold{
  font-weight: 700;
}

.font-semibold{
  font-weight: 600;
}

.\!font-bold{
  font-weight: 700 !important;
}

.font-normal{
  font-weight: 400;
}

.\!font-normal{
  font-weight: 400 !important;
}

.font-light{
  font-weight: 300;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.diagonal-fractions{
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-6{
  line-height: 1.5rem;
}

.leading-tight{
  line-height: 1.25;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-none{
  line-height: 1;
}

.leading-\[1\]{
  line-height: 1;
}

.leading-4{
  line-height: 1rem;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-\[12px\]{
  line-height: 12px;
}

.leading-8{
  line-height: 2rem;
}

.leading-\[0\]{
  line-height: 0;
}

.leading-normal{
  line-height: 1.5;
}

.leading-\[1\.6\]{
  line-height: 1.6;
}

.leading-9{
  line-height: 2.25rem;
}

.leading-\[1\.2\]{
  line-height: 1.2;
}

.leading-\[40px\]{
  line-height: 40px;
}

.leading-\[2\.15\]{
  line-height: 2.15;
}

.leading-\[1\.5\]{
  line-height: 1.5;
}

.leading-loose{
  line-height: 2;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.tracking-\[0\.01em\]{
  letter-spacing: 0.01em;
}

.-tracking-\[1px\]{
  letter-spacing: -1px;
}

.tracking-normal{
  letter-spacing: 0em;
}

.tracking-\[1\.7px\]{
  letter-spacing: 1.7px;
}

.tracking-\[\.1rem\]{
  letter-spacing: .1rem;
}

.tracking-\[-0\.00833em\]{
  letter-spacing: -0.00833em;
}

.tracking-\[0\.1rem\]{
  letter-spacing: 0.1rem;
}

.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-success-500{
  --tw-text-opacity: 1;
  color: rgb(80 199 147 / var(--tw-text-opacity));
}

.text-warning-500{
  --tw-text-opacity: 1;
  color: rgb(250 145 107 / var(--tw-text-opacity));
}

.text-danger-500{
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}

.text-secondary-500{
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.text-current{
  color: currentColor;
}

.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(63 94 223 / var(--tw-text-opacity));
}

.text-info-500{
  --tw-text-opacity: 1;
  color: rgb(12 231 250 / var(--tw-text-opacity));
}

.text-\[\#68768A\]{
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.text-\[\#5743BE\]{
  --tw-text-opacity: 1;
  color: rgb(87 67 190 / var(--tw-text-opacity));
}

.text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(21 31 73 / var(--tw-text-opacity));
}

.text-secondary-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-info-900{
  --tw-text-opacity: 1;
  color: rgb(0 63 66 / var(--tw-text-opacity));
}

.text-success-900{
  --tw-text-opacity: 1;
  color: rgb(15 42 46 / var(--tw-text-opacity));
}

.text-warning-900{
  --tw-text-opacity: 1;
  color: rgb(73 43 32 / var(--tw-text-opacity));
}

.text-danger-900{
  --tw-text-opacity: 1;
  color: rgb(70 26 27 / var(--tw-text-opacity));
}

.text-secondary-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-info-600{
  --tw-text-opacity: 1;
  color: rgb(0 184 212 / var(--tw-text-opacity));
}

.text-success-600{
  --tw-text-opacity: 1;
  color: rgb(63 154 122 / var(--tw-text-opacity));
}

.text-warning-600{
  --tw-text-opacity: 1;
  color: rgb(223 130 96 / var(--tw-text-opacity));
}

.text-danger-600{
  --tw-text-opacity: 1;
  color: rgb(215 80 82 / var(--tw-text-opacity));
}

.text-\[\#212529\]{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.text-\[\#b3afaf\]{
  --tw-text-opacity: 1;
  color: rgb(179 175 175 / var(--tw-text-opacity));
}

.text-\[\#ffffff8a\]{
  color: #ffffff8a;
}

.text-\[\#3b71ca\]{
  --tw-text-opacity: 1;
  color: rgb(59 113 202 / var(--tw-text-opacity));
}

.text-neutral-200{
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.\!text-primary-700{
  --tw-text-opacity: 1 !important;
  color: rgb(42 63 150 / var(--tw-text-opacity)) !important;
}

.\!text-success-700{
  --tw-text-opacity: 1 !important;
  color: rgb(46 109 97 / var(--tw-text-opacity)) !important;
}

.\!text-danger-700{
  --tw-text-opacity: 1 !important;
  color: rgb(145 54 56 / var(--tw-text-opacity)) !important;
}

.text-gray-50{
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}

.\!text-gray-50{
  --tw-text-opacity: 1 !important;
  color: rgb(249 250 251 / var(--tw-text-opacity)) !important;
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-\[rgb\(220\2c 76\2c 100\)\]{
  --tw-text-opacity: 1;
  color: rgb(220 76 100 / var(--tw-text-opacity));
}

.text-\[\#4f4f4f\]{
  --tw-text-opacity: 1;
  color: rgb(79 79 79 / var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.text-opacity-10{
  --tw-text-opacity: 0.1;
}

.text-opacity-80{
  --tw-text-opacity: 0.8;
}

.text-opacity-75{
  --tw-text-opacity: 0.75;
}

.text-opacity-70{
  --tw-text-opacity: 0.7;
}

.underline{
  text-decoration-line: underline;
}

.no-underline{
  text-decoration-line: none;
}

.underline-offset-auto{
  text-underline-offset: auto;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-green-300::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(134 239 172 / var(--tw-placeholder-opacity));
}

.placeholder-green-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(134 239 172 / var(--tw-placeholder-opacity));
}

.placeholder-opacity-60::-moz-placeholder{
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-60::placeholder{
  --tw-placeholder-opacity: 0.6;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.opacity-50{
  opacity: 0.5;
}

.\!opacity-100{
  opacity: 1 !important;
}

.\!opacity-0{
  opacity: 0 !important;
}

.opacity-\[\.54\]{
  opacity: .54;
}

.opacity-\[\.53\]{
  opacity: .53;
}

.shadow-sm{
  --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);
}

.shadow-md{
  --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);
}

.shadow{
  --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);
}

.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);
}

.shadow-base2{
  --tw-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --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);
}

.shadow-base{
  --tw-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 0.5px 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);
}

.shadow-none{
  --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);
}

.shadow-deep{
  --tw-shadow: -2px 0px 8px rgba(0, 0, 0, 0.16);
  --tw-shadow-colored: -2px 0px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_9px_-4px_\#3b71ca\]{
  --tw-shadow: 0 4px 9px -4px #3b71ca;
  --tw-shadow-colored: 0 4px 9px -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);
}

.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
}

.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -2px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
}

.shadow-\[0_2px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c _0_2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 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);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.outline-offset-2{
  outline-offset: 2px;
}

.outline-primary-500{
  outline-color: #4669fa;
}

.ring{
  --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(3px + 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);
}

.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --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, 0 0 #0000);
}

.ring-1{
  --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, 0 0 #0000);
}

.ring-0{
  --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);
}

.ring-inset{
  --tw-ring-inset: inset;
}

.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-primary-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
}

.ring-slate-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
}

.ring-danger-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 89 92 / var(--tw-ring-opacity));
}

.ring-success-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
}

.ring-warning-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
}

.ring-black-900{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.ring-info-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
}

.ring-secondary-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
}

.ring-\[\#FFC155\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 193 85 / var(--tw-ring-opacity));
}

.ring-slate-900{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.ring-opacity-40{
  --tw-ring-opacity: 0.4;
}

.ring-opacity-30{
  --tw-ring-opacity: 0.3;
}

.ring-opacity-25{
  --tw-ring-opacity: 0.25;
}

.ring-opacity-70{
  --tw-ring-opacity: 0.7;
}

.ring-offset-2{
  --tw-ring-offset-width: 2px;
}

.ring-offset-4{
  --tw-ring-offset-width: 4px;
}

.ring-offset-blue-300{
  --tw-ring-offset-color: #93c5fd;
}

.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);
}

.filter-none{
  filter: none;
}

.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-blur-\[40px\]{
  --tw-backdrop-blur: blur(40px);
  -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-filter{
  -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;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[transform\2c _opacity\]{
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[transform\2c height\]{
  transition-property: transform,height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c box-shadow\2c border\]{
  transition-property: background-color,box-shadow,border;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\]{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-300{
  transition-delay: 300ms;
}

.delay-\[0ms\]{
  transition-delay: 0ms;
}

.duration-150{
  transition-duration: 150ms;
}

.duration-\[2s\]{
  transition-duration: 2s;
}

.duration-\[var\(--app-duration\)\]{
  transition-duration: var(--app-duration);
}

.duration-200{
  transition-duration: 200ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-\[350ms\]{
  transition-duration: 350ms;
}

.duration-\[400ms\]{
  transition-duration: 400ms;
}

.duration-\[250ms\]{
  transition-duration: 250ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\]{
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\]{
  transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);
}

.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}

.ease-\[ease\]{
  transition-timing-function: ease;
}

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.\[direction\:ltr\]{
  direction: ltr;
}

.\[transition\:background-color_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c box-shadow_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c border_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\]{
  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;
}

.\[transition\:background-color_\.2s_linear\2c _opacity_\.2s_linear\]{
  transition: background-color .2s linear, opacity .2s linear;
}

.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\]{
  transition: background-color .2s linear, height .2s ease-in-out;
}

.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\]{
  transition: background-color .2s linear, width .2s ease-in-out;
}

.\[overflow-anchor\:none\]{
  overflow-anchor: none;
}

.\[overflow-style\:none\]{
  overflow-style: none;
}

body{
  height: 100%;
  overflow-x: hidden;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark body{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.light body,
.skin-default body{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

html,
body{
  height: 100%;
}

.app-wrapper{
  position: relative;
}

.card-border-b{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.25rem;
}

.dark .card-border-b{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.icon-list{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .icon-list{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Content layout */

.page-content{
  padding: 15px;
  padding-bottom: 6rem;
}

@media (min-width: 768px){
  .page-content{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 37px;
  }
}

.page-min-height {
  min-height: calc(var(--vh, 1vh) * 100 - 132px);
}

/*===========================
  Theme Customization
===========================*/

.settings-modal{
  padding-bottom: 6rem;
}

@media (min-width: 768px){
  .settings-modal{
    padding-bottom: 0px;
  }
}

.settings-modal h3{
  margin-bottom: 0.75rem;
  font-family: Cairo, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .settings-modal h3{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.settings-modal .divider{
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.dark .settings-modal .divider{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.themeCustomization-checkInput{
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex: none;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  accent-color: #111112;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.themeCustomization-checkInput:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
}

.dark .themeCustomization-checkInput{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  background-color: transparent;
  accent-color: #F4F5F7;
}

.themeCustomization-checkInput-label{
  cursor: pointer;
  font-family: Cairo, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

[dir="ltr"] .themeCustomization-checkInput-label{
  padding-left: 0.5rem;
}

[dir="rtl"] .themeCustomization-checkInput-label{
  padding-right: 0.5rem;
}

.dark .themeCustomization-checkInput-label{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.app-wrapper .menu-hide{
  width: 0px;
  overflow: hidden;
}

/* Default Card Style */

.card-title{
  font-family: Cairo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 24px;
}

.dark .card-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .card-title{
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 28px;
  }
}

.card-text{
  font-family: Cairo, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .card-text{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.card-title2{
  margin-bottom: 0.5rem;
  font-family: Cairo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .card-title2{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.card-subtitle{
  margin-top: 0.25rem;
  font-family: Cairo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .card-subtitle{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

/*===========================
  Typography Page
=============================*/

/* Order List Style */

.custom-list{
  position: relative;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  list-style-type: none;
  padding-left: 2rem;
}

.custom-list li{
  position: relative;
}

.custom-list li::before{
  content: var(--tw-content);
  position: absolute;
}

[dir="ltr"] .custom-list li::before{
  content: var(--tw-content);
  left: 0px;
}

[dir="rtl"] .custom-list li::before{
  content: var(--tw-content);
  right: 0px;
}

ol.custom-list ol,
ul.custom-list ul{
  margin-top: 0.75rem;
}

[dir="ltr"] ol.custom-list ol li,[dir="ltr"] 
ul.custom-list ul li{
  padding-left: 1.5rem;
}

[dir="rtl"] ol.custom-list ol li,[dir="rtl"] 
ul.custom-list ul li{
  padding-right: 1.5rem;
}

.list-by-numbering {
  counter-reset: list;
}

.list-by-numbering li{
  position: relative;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

[dir="ltr"] .list-by-numbering li{
  padding-left: 1.3em;
}

[dir="rtl"] .list-by-numbering li{
  padding-right: 1.3em;
}

.list-by-numbering li::before {
  counter-increment: list;
  content: counters(list, ".") "." important;
}

.list-by-slash li{
  position: relative;
  padding-left: 1rem;
}

.list-by-slash li::before {
  left: 6px;
  content: "-" important;
}

blockquote{
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
}

/*===========================
  Colors Page
  =============================*/

.colors_parent div{
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

/* Badges */

.badge{
  display: inline-flex;
  white-space: nowrap;
  border-radius: .358rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  vertical-align: baseline;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: capitalize;
}

.badge.pill{
  border-radius: 999px;
}

/* Tabs And Accordion */

#tabs-tab .nav-link.active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(70 105 250 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.dark #tabs-tab .nav-link.active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark #pills-tabHorizontal .nav-link.active,.dark  #pills-tabVertical .nav-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
}

.stiped-bar{
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent);
  background-size: .857rem .857rem;
  background-repeat: repeat;
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.animated-strip {
  animation: progress-bar-stripes 1s linear infinite;
}

/* pagination */

.p-active{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.date-label{
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .date-label{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.date-text{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .date-text{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .ql-picker-label{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .ql-stroke{
  stroke: #fff;
}

/* Extra */

.light body,
.skin-bordered body{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.dark body{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark body #moonIcon,
.dark body .black_logo{
  display: none;
}

.light body #sunIcon,
.light body .white_logo{
  display: none;
}

.light body #moonIcon,
.light body .black_logo{
  display: block;
}

.dark body #sunIcon,
.dark body .white_logo{
  display: block;
}

.semiDark body .white_logo{
  display: block;
}

.semiDark body .black_logo{
  display: none;
}

.simplebar-scrollbar:before{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.dark .simplebar-scrollbar:before{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.margin-0{
  margin-left: 0px;
  margin-right: 0px;
}

.nav-shadow {
  background: linear-gradient(rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0.2) 80%, transparent);
}

.horizontalMenu .sidebar-wrapper,
.horizontalMenu #menuCollapse,
.horizontalMenu #menuHidden,
.horizontalMenu #searchBtn{
  display: block;
}

@media (min-width: 1280px){
  .horizontalMenu .sidebar-wrapper,
.horizontalMenu #menuCollapse,
.horizontalMenu #menuHidden,
.horizontalMenu #searchBtn{
    display: none;
  }
}

.horizontalMenu .app-header,
.horizontalMenu .content-wrapper,
.horizontalMenu .site-footer{
  margin-left: 0px;
  margin-right: 0px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#headerLogo{
  display: none;
}

.horizontalMenu #headerLogo{
  display: none;
  padding: 0px;
}

@media (min-width: 1280px){
  .horizontalMenu #headerLogo{
    display: block;
  }
}

.horizontalMenu .horizontal_menu{
  display: none;
}

@media (min-width: 1280px){
  .horizontalMenu .horizontal_menu{
    display: block;
  }
}

.slider{
  position: relative;
  overflow: hidden;
}

.slider .owl-nav{
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 98%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  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));
  justify-content: space-between;
}

.slider .owl-nav button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 24px !important;
}

.slider .owl-dots{
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  --tw-translate-x: -50%;
  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));
}

.slider .owl-dots .owl-dot{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 2px;
  width: 1.25rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
}

.slider .owl-dots .owl-dot.active{
  --tw-bg-opacity: 1;
}

.grayScale{
  --tw-grayscale: grayscale(100%);
  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);
}

.offcanvas.show{
  --tw-translate-x: 0px;
  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));
}

/*======================
ToolTip And PopOver  
======================*/

/* Primary Color ToolTip */

.tippy-box[data-theme~=primary]{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=primary][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #4669fa;
}

/* Secondary Color ToolTip */

.tippy-box[data-theme~=secondary]{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=secondary][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #a0aec0;
}

/* success Color ToolTip */

.tippy-box[data-theme~=success]{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=success][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #50c793;
}

/* info Color ToolTip */

.tippy-box[data-theme~=info]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=info][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #0ce7fa;
}

/* warning Color ToolTip */

.tippy-box[data-theme~=warning]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=warning][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #fa916b;
}

/* danger Color ToolTip */

.tippy-box[data-theme~=danger]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=danger][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #f1595c;
}

/* dark Color ToolTip */

.tippy-box[data-theme~=dark]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=dark][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #111112;
}

/* light Color ToolTip */

.tippy-box[data-theme~=light]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 17 18 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #ececec;
}

/* White Color ToolTip */

.tippy-box[data-theme~=white]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 17 18 / var(--tw-text-opacity));
}

.tippy-box[data-theme~=white][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #ffffff;
}

/*Tippy js Scale*/

.tippy-box[data-animation=scale][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=scale][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=scale][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=scale][data-state=hidden] {
  transform: scale(0.5);
  opacity: 0;
}

/*   tippy Js shift Away  */

.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}

/*   tippy Js shift Toward  */

.tippy-box[data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
  transform: translateY(-10px);
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
  transform: translateY(10px);
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
  transform: translateX(-10px);
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
  transform: translateX(10px);
}

/*   tippy Js perspective */

.tippy-box[data-animation=perspective][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
  transform: perspective(700px) translateY(8px) rotateX(60deg);
}

.tippy-box[data-animation=perspective][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
  transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
  transform: perspective(700px) translateX(8px) rotateY(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
  transform: perspective(700px) translateX(-8px) rotateY(60deg);
}

.tippy-box[data-animation=perspective][data-state=hidden] {
  opacity: 0;
}

/* Tippy js HTML  */

#templateX .tippy-content {
  padding: 0 important;
}

@media screen and (max-width: 575px) {
  .simplebar-content {
    padding-bottom: 50px !important;
  }
}

.alert{
  border-radius: 0.375rem;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.alert-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-primary.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.alert-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-secondary.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.alert-success{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-success.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(80 199 147 / var(--tw-text-opacity));
}

.alert-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-danger.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.alert-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-warning.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(250 145 107 / var(--tw-text-opacity));
}

.alert-info{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-info.light-mode{
  --tw-bg-opacity: 14%;
  --tw-text-opacity: 1;
  color: rgb(12 231 250 / var(--tw-text-opacity));
}

.alert-light{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.alert-light.light-mode{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.alert-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-dark.light-mode{
  --tw-bg-opacity: 54%;
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.alert-outline-primary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(70 105 250 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.alert-outline-secondary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.alert-outline-success{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(80 199 147 / var(--tw-text-opacity));
}

.alert-outline-danger{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.alert-outline-warning{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(250 145 107 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(250 145 107 / var(--tw-text-opacity));
}

.alert-outline-info{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(12 231 250 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(12 231 250 / var(--tw-text-opacity));
}

.alert-outline-light{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.alert-outline-dark{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.badge{
  display: inline-flex;
  white-space: nowrap;
  border-radius: .358rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  vertical-align: baseline;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: capitalize;
}

.badge.pill{
  border-radius: 999px;
}

/*===========================
  Buttons Page
  =============================*/

.btn{
  position: relative;
  z-index: 0;
  white-space: normal;
  border-radius: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Cairo, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 768px){
  .btn{
    white-space: nowrap;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.btn.btn-xl{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
}

@media (min-width: 768px){
  .btn.btn-xl{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.btn.btn-sm{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px){
  .btn.btn-sm{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.btn.block-btn{
  display: block;
  width: 100%;
  text-align: center;
}

.btn.block-btn span{
  justify-content: center;
}

.btn-group-example{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.btn-group-example button{
  margin-bottom: 0.75rem;
}

[dir="ltr"] .btn-group-example button{
  margin-right: 1.25rem;
}

[dir="rtl"] .btn-group-example button{
  margin-left: 1.25rem;
}

/* Basic Button */

.btn-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.btn-dark:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark .btn-dark:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
}

.btn-primary:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-primary:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
}

.btn-secondary:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-secondary:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-success{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
}

.btn-success:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-success:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-info{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
}

.btn-info:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-info:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
}

.btn-warning:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-warning:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 89 92 / var(--tw-ring-opacity));
}

.btn-danger:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-danger:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-light{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 234 255 / var(--tw-ring-opacity));
}

.btn-light:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-light:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.btn-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 234 255 / var(--tw-ring-opacity));
}

.btn-white:hover{
  --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, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}

.dark .btn-white:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

/* Outline Button */

.btn-outline-dark{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(17 17 18 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.btn-outline-dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(17 17 18 / var(--tw-border-opacity));
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.dark .btn-outline-dark{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.btn-outline-dark.active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .btn-outline-dark.active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.btn-outline-dark .active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .btn-outline-dark .active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-primary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(70 105 250 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.btn-outline-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(70 105 250 / var(--tw-border-opacity));
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.btn-outline-primary .active{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-secondary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.btn-outline-secondary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.btn-outline-secondary .active{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-success{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(80 199 147 / var(--tw-text-opacity));
}

.btn-outline-success:hover{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.btn-outline-success .active{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-success{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-info{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(12 231 250 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(12 231 250 / var(--tw-text-opacity));
}

.btn-outline-info:hover{
  --tw-border-opacity: 1;
  border-color: rgb(12 231 250 / var(--tw-border-opacity));
}

.btn-outline-info .active{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-info{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-warning{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(250 145 107 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 145 107 / var(--tw-text-opacity));
}

.btn-outline-warning:hover{
  --tw-border-opacity: 1;
  border-color: rgb(250 145 107 / var(--tw-border-opacity));
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.btn-outline-warning .active{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-danger{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.btn-outline-danger:hover{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.btn-outline-danger .active{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-light{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 234 255 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.btn-outline-light:hover{
  --tw-border-opacity: 1;
  border-color: rgb(224 234 255 / var(--tw-border-opacity));
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}

.dark .btn-outline-light{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-outline-light .active{
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

[aria-expanded=true] > .btn-outline-light{
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

/* light color */

.btn.light{
  --tw-bg-opacity: 15%;
  --tw-ring-opacity: 0.3;
}

.dark .btn.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-primary .light{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.dark .btn-primary .light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-secondary.light{
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.dark .btn-secondary.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-success.light{
  --tw-text-opacity: 1;
  color: rgb(80 199 147 / var(--tw-text-opacity));
}

.dark .btn-success.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-info.light{
  --tw-text-opacity: 1;
  color: rgb(12 231 250 / var(--tw-text-opacity));
}

.dark .btn-info.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-warning.light{
  --tw-text-opacity: 1;
  color: rgb(250 145 107 / var(--tw-text-opacity));
}

.dark .btn-warning.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-danger.light{
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.dark .btn-danger.light:hover{
  --tw-bg-opacity: 0.1;
}

.btn-light.light{
  --tw-text-opacity: 0.8;
}

.dark .btn-light.light{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .btn-light.light:hover{
  --tw-bg-opacity: 0.1;
}

/* Group Buttons */

.groupButtons{
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0.375rem;
}

.groupButtons .btn{
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 0.9;
}

.groupButtons .btn:hover{
  --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-opacity: 0;
  --tw-ring-offset-width: 0px;
}

.dark .groupButtons .btn:hover{
  --tw-bg-opacity: 0.7;
  --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;
}

.groupButtons .btn.active{
  --tw-bg-opacity: 1;
}

.outline-buttons .btn:first-child{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.outline-buttons .btn:last-child{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.outline-buttons .btn:hover{
  --tw-bg-opacity: 0.1;
}

.outline-buttons .btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-link{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.dark .btn-link{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-link .white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.action-btn{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.dark .action-btn{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.invocie-btn{
  margin-right: 0.75rem;
  margin-bottom: 1rem;
}

.invocie-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.dark .invocie-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.form-label{
  margin-bottom: 0.5rem;
  display: block;
  width: 100%;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

[dir="rtl"] .form-label{
  display: block;
  text-align: right;
}

.dark .form-label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.inline-inputLabel{
  position: absolute;
  left: 0px;
  top: 50%;
  --tw-translate-y: -50%;
  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-control{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control::-moz-placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.form-control::placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.form-control:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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-color: rgb(71 85 105 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.dark .form-control{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .form-control::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .form-control::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .form-control:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.input-description{
  margin-top: 0.5rem;
  display: block;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.fromGroup{
  position: relative;
}

.fromGroup.has-error .form-control{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
}

.fromGroup.has-error .form-control: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(1px + 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-color: rgb(241 89 92 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.fromGroup.is-valid .form-control{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
}

.fromGroup.is-valid .form-control: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(1px + 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-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.form-control[readonly]{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.form-control[readonly]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.form-control[readonly]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .form-control[readonly]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.form-control[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.form-control[disabled]::-moz-placeholder{
  --tw-text-opacity: 0.6;
}

.form-control[disabled]::placeholder{
  --tw-text-opacity: 0.6;
}

.dark .form-control[disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.checkbox-area input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 18 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.checkbox-area input:checked + span img{
  opacity: 1;
}

.primary-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.secondary-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.info-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.success-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.warning-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.danger-checkbox input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 89 92 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.basicRadio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.primary-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.secondary-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.info-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.success-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.warning-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.danger-radio input:checked + span{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 89 92 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
}

.error{
  margin-top: 0.25rem;
  display: inline-block;
  font-family: Cairo, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

#passwordshow{
  display: none;
}

#tooltipValidation span.error{
  margin-top: 0.25rem;
  display: inline-block;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-vtd-primary-500-600 {
  color: #0f172a !important;
}

.bg-vtd-primary-500-500 {
  background-color: #0f172a !important;
}

.text-vtd-primary-500-500 {
  color: #0f172a !important;
}

.dark .text-vtd-primary-500-600 {
  color: #f8fafc !important;
}

.dark .text-vtd-primary-500-500 {
  color: #f8fafc !important;
}

.dark .bg-vtd-primary-500-500 {
  background-color: #334155 !important;
}

.file-control{
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.file-control::-moz-placeholder{
  font-weight: 400;
}

.file-control::placeholder{
  font-weight: 400;
}

.file-control:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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-color: rgb(15 23 42 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

[dir="ltr"] .file-control{
  padding-left: 0.75rem;
}

[dir="rtl"] .file-control{
  padding-right: 0.75rem;
}

.dark .file-control{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .file-control:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.badge-title{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.select2-container .select2-selection--single{
  display: flex;
  height: 2.5rem;
  align-items: center;
}

.select2-container .select2-selection--single .select2-selection__arrow b{
  position: relative;
  top: 1.25rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  font-family: Cairo, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid rgba(24, 24, 24, 0.4901960784);
  border-right: unset;
  right: 0px;
  left: auto;
  height: 100%;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .select2-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .select2-dropdown.select2-dropdown--below{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#file-preview{
  display: flex;
  flex-wrap: wrap;
}

#file-preview > :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)));
}

#file-preview img{
  margin-top: 1rem;
  height: 10rem;
  width: 10rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.25rem;
}

.dz-error-message {
  display: none !important;
  opacity: 0 !important;
}

.dz-remove {
  margin-top: 4px !important;
}

.flatpickr-months, .flatpickr-weekdays {
  background-color: #E2E8F0;
}

.flatpickr-months .flatpickr-weekday, .flatpickr-weekdays .flatpickr-weekday {
  font-family: "Inter";
  font-weight: 700;
}

.flatpickr-day{
  font-family: Cairo, sans-serif;
}

.flatpickr-day.selected {
  background-color: #202020 !important;
  border-color: #202020 !important;
  color: #ffffff;
}

.flatpickr-day {
  font-family: "Inter";
}

.input-group-control{
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input-group-control::-moz-placeholder{
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.input-group-control::placeholder{
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
}

.dark .input-group-control{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .input-group-control::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .input-group-control::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.fromGroup2.has-error .input-group-control{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
}

.fromGroup2.has-error .input-group-control: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(1px + 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-color: rgb(241 89 92 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.fromGroup2.is-valid .input-group-control{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
}

.fromGroup2.is-valid .input-group-control: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(1px + 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-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.input-group-control[readonly]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .input-group-control[readonly]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.input-group-control[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.input-group-control[disabled]::-moz-placeholder{
  --tw-text-opacity: 0.6;
}

.input-group-control[disabled]::placeholder{
  --tw-text-opacity: 0.6;
}

.dark .input-group-control[disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.input-group-text{
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="ltr"] .input-group-text{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

[dir="rtl"] .input-group-text{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.dark .input-group-text{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

[dir="ltr"] .inputGroup.has-prepend .input-group-control{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0px;
}

[dir="rtl"] .inputGroup.has-prepend .input-group-control{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}

.inputGroup.has-prepend-slot .input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --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);
}

[dir="ltr"] .inputGroup.has-prepend-slot .input-group-control{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0px;
}

[dir="rtl"] .inputGroup.has-prepend-slot .input-group-control{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}

.dark .inputGroup.has-prepend-slot .input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.inputGroup.has-append-slot .input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --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);
}

[dir="ltr"] .inputGroup.has-append-slot .input-group-control{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}

[dir="rtl"] .inputGroup.has-append-slot .input-group-control{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0px;
}

.dark .inputGroup.has-append-slot .input-group-control:focus{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.inputGroup.has-append .input-group-control{
  border-bottom-right-radius: 0;
}

[dir="ltr"] .inputGroup.has-append .input-group-control{
  border-top-right-radius: 0;
  border-right-width: 0px;
}

[dir="rtl"] .inputGroup.has-append .input-group-control{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0px;
}

[dir="ltr"] .inputGroup.has-append .input-group-addon.right .input-group-text{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .inputGroup.has-append .input-group-addon.right .input-group-text{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.inputGroup:focus-within .input-group-text{
  --tw-border-opacity: 1;
  border-color: rgb(17 17 18 / var(--tw-border-opacity));
}

.dark .inputGroup:focus-within .input-group-text{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

/* .merged .inputGroup:focus-within .input-group-text {
} */

.inputGroup.is-invalid .input-group-text{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
}

.inputGroup.is-invalid:focus-within .input-group-text{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 89 92 / var(--tw-ring-opacity));
}

.inputGroup.is-valid .input-group-text{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
}

.inputGroup.is-valid:focus-within .input-group-text{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
}

.prepend-slot .btn,
.append-slot .btn{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  height: 100%;
  align-items: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.prepend-slot .btn:hover,
.append-slot .btn:hover{
  --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);
}

.prepend-slot > div,
.prepend-slot button,
.append-slot > div,
.append-slot button{
  height: 100%;
}

.input-group-addon.right .append-slot .btn{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

[dir="ltr"] .merged .input-group-addon .input-group-text{
  border-right-width: 0px;
  padding-right: 0px;
}

[dir="rtl"] .merged .input-group-addon .input-group-text{
  border-left-width: 0px;
  padding-left: 0px;
}

[dir="ltr"] .merged .input-group-addon.right .input-group-text{
  border-left-width: 0px;
  border-right-width: 1px;
  padding-right: 0.75rem;
  padding-left: 0px;
}

[dir="rtl"] .merged .input-group-addon.right .input-group-text{
  border-right-width: 0px;
  border-left-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0px;
}

h1{
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h1{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

h2{
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h2{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

h3{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h3{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

h4{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h4{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

h5{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h5{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

h6{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark h6{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.display-1{
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .display-1{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.display-2{
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .display-2{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.display-3{
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .display-3{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.display-4{
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .display-4{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

blockquote{
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
}

.gradient-1 {
  background: linear-gradient(96.2deg, #0575e6 0%, #021b79 100%);
}

.gradient-2 {
  background: linear-gradient(96.01deg, #00c9ff 0.29%, #fff94c 100%);
}

.gradient-3 {
  background: linear-gradient(96.01deg, #aaffa9 0.29%, #11ffbd 100%);
}

.custom-list{
  position: relative;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding-left: 1rem;
  list-style: none;
}

.custom-list li{
  position: relative;
}

.custom-list li::before{
  position: absolute;
}

[dir="ltr"] .custom-list li::before{
  left: 0px;
}

[dir="rtl"] .custom-list li::before{
  right: 0px;
}

ol.custom-list ol,
ul.custom-list ul{
  margin-top: 0.75rem;
}

[dir="ltr"] ol.custom-list ol li,[dir="ltr"] 
ul.custom-list ul li{
  padding-left: 1.5rem;
}

[dir="rtl"] ol.custom-list ol li,[dir="rtl"] 
ul.custom-list ul li{
  padding-right: 1.5rem;
}

.lits-by-numbaring {
  counter-reset: listitem;
}

.lits-by-numbaring li{
  position: relative;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

[dir="ltr"] .lits-by-numbaring li{
  padding-left: 1.3em;
}

[dir="rtl"] .lits-by-numbaring li{
  padding-right: 1.3em;
}

.lits-by-numbaring li::before {
  counter-increment: listitem;
  content: counters(listitem, ".") ".";
}

.lits-by-slash li{
  position: relative;
  padding-left: 1rem;
}

.lits-by-slash li::before {
  left: 6px;
  content: "-";
}

.pagination{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pagination > :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)));
}

[dir="rtl"] .pagination > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.pagination li .prev-next-btn:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

.pagination li a,
.pagination li div,
.pagination li .page-link{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dark .pagination li a,.dark 
.pagination li div,.dark 
.pagination li .page-link{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.pagination li a.active,
.pagination li div.active,
.pagination li .page-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .pagination li a.active,.dark 
.pagination li div.active,.dark 
.pagination li .page-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.pagination.bordered{
  border-radius: 3px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 222 230 / var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pagination.bordered li{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.pagination.bordered li:first-child button, .pagination.bordered li:last-child button{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  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;
}

.pagination.bordered li:first-child button:hover, .pagination.bordered li:last-child button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination.bordered li a,
.pagination.bordered li div,
.pagination.bordered li .page-link{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.pagination.bordered li a.active,
.pagination.bordered li div.active,
.pagination.bordered li .page-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination.border-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.pagination.border-group{
  border-radius: 3px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 222 230 / var(--tw-border-opacity));
  padding-left: 0px;
  padding-right: 0px;
}

[dir="rtl"] .pagination.border-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.pagination.border-group li{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 222 229 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.pagination.border-group li:last-child{
  border-style: none;
}

.pagination.border-group li a,
.pagination.border-group li div,
.pagination.border-group li .page-link{
  height: auto;
  width: auto;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .pagination.border-group li a,.dark 
.pagination.border-group li div,.dark 
.pagination.border-group li .page-link{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination.border-group li a.active,
.pagination.border-group li div.active,
.pagination.border-group li .page-link.active{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .pagination.border-group li a.active,.dark 
.pagination.border-group li div.active,.dark 
.pagination.border-group li .page-link.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.table-th{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

[dir="ltr"] .table-th{
  text-align: left;
}

[dir="rtl"] .table-th{
  text-align: right;
}

.dark .table-th{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.table-td{
  --tw-border-opacity: 1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom:0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .table-td{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.table-checkbox{
  position: relative;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
}

.table-checkbox::before{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: -0.7px;
  display: flex;
  height: 18px;
  width: 18px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.table-checkbox:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  line-height: 10px;
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 18 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-content: url("https://api.iconify.design/heroicons-outline/check.svg?color=white");
  content: var(--tw-content);
}

.dark .table-checkbox::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.dark .table-checkbox:checked::before{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-offset-width: 0px;
}

.table-checkbox[type=checkbox]:indeterminate::before{
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  line-height: 10px;
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 18 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-content: url("https://api.iconify.design/heroicons/minus.svg?color=white");
  content: var(--tw-content);
}

.dark .table-checkbox[type=checkbox]:indeterminate::before{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-offset-width: 0px;
}

.dashcode-data-table label{
  display: inline-block;
  width: 100%;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

[dir="rtl"] .dashcode-data-table label{
  display: block;
  text-align: right;
}

.dark .dashcode-data-table label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dashcode-data-table select,
.dashcode-data-table input[type=text],
.dashcode-data-table input[type=search]{
  display: inline-block;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dashcode-data-table select::-moz-placeholder, .dashcode-data-table input[type=text]::-moz-placeholder, .dashcode-data-table input[type=search]::-moz-placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dashcode-data-table select::placeholder,
.dashcode-data-table input[type=text]::placeholder,
.dashcode-data-table input[type=search]::placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dashcode-data-table select:focus,
.dashcode-data-table input[type=text]:focus,
.dashcode-data-table input[type=search]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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-color: rgb(71 85 105 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.dark .dashcode-data-table select,.dark 
.dashcode-data-table input[type=text],.dark 
.dashcode-data-table input[type=search]{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .dashcode-data-table select::-moz-placeholder, .dark 
.dashcode-data-table input[type=text]::-moz-placeholder, .dark 
.dashcode-data-table input[type=search]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .dashcode-data-table select::placeholder,.dark 
.dashcode-data-table input[type=text]::placeholder,.dark 
.dashcode-data-table input[type=search]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .dashcode-data-table select:focus,.dark 
.dashcode-data-table input[type=text]:focus,.dark 
.dashcode-data-table input[type=search]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.dashcode-data-table input[type=text],
.dashcode-data-table input[type=search]{
  margin-left: 0.5rem;
}

.dashcode-data-table .dataTables_empty{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.dashcode-data-table .dataTables_paginate{
  margin-top: 1.5rem;
  margin-right: 1rem;
}

.dashcode-data-table .dataTables_paginate > :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)));
}

.dashcode-data-table .dataTables_paginate{
  padding-bottom: 1.5rem;
}

.dashcode-data-table .dataTables_paginate .paginate_button{
  margin-right: 0.5rem;
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashcode-data-table .dataTables_paginate .paginate_button:last-child{
  margin-right: 0px;
}

.dark .dashcode-data-table .dataTables_paginate .paginate_button{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dashcode-data-table .dataTables_paginate .paginate_button.current{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .dashcode-data-table .dataTables_paginate .paginate_button.current{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.dashcode-data-table .dataTables_paginate .next, .dashcode-data-table .dataTables_paginate .previous{
  position: relative;
  top: 2px;
}

.loginwrapper{
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  flex-basis: 100%;
}

.loginwrapper .lg-inner-column {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  overflow-y: auto;
}

.loginwrapper .left-column{
  display: none;
  flex: 1 1 0%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.dark .loginwrapper .left-column{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .loginwrapper .left-column{
    display: block;
  }
}

.loginwrapper .left-column h4{
  font-size: 40px;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .loginwrapper .left-column h4{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.loginwrapper .right-column{
  flex: 1 1 0%;
}

.loginwrapper .black-500-title{
  font-size: 40px;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.auth-box{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 524px;
  padding: 1.75rem;
}

@media (min-width: 768px){
  .auth-box{
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

.auth-box h4{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .auth-box h4{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.auth-box2{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 524px;
  padding: 1.75rem;
}

@media (min-width: 768px){
  .auth-box2{
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

.auth-box2 h4{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .auth-box2 h4{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.auth-box-3 h4{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .auth-box-3 h4{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.auth-footer{
  z-index: 999;
  padding-bottom: 2.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.dark .auth-footer{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.auth-box-3{
  position: relative;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  width: 100%;
  max-width: 520px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2.5rem;
}

.dark .auth-box-3{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

@media (min-width: 768px){
  .auth-box-3{
    border-radius: 0.375rem;
  }
}

@media (min-width: 1024px){
  .auth-box-3{
    margin-right: 150px;
  }
}

.logo-box-3{
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

.v3-right-column{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.auth-footer3{
  position: absolute;
  bottom: 0px;
  display: none;
}

@media (min-width: 1024px){
  .auth-footer3{
    display: block;
  }
}

.light .white_logo{
  display: none;
}

.dark .dark_logo{
  display: none;
}

.card{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .card{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.card-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .card-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .card-title{
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 28px;
  }
}

.card-subtitle{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .card-subtitle{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.card-header:not(.noborder){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}

.dark .card-header:not(.noborder){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.card-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
}

.dark .card-footer{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.card-height-auto .card{
  height: -moz-min-content;
  height: min-content;
}

@media print {
  .invocie-btn {
    display: none;
  }

  .sidebar-wrapper,
  .dashcode-app-header,
  .site-footer,
  .shadow-deep{
    display: none;
  }

  .content-wrapper{
    margin-left: 0px;
    width: 100%;
  }
}

.chat-height {
  height: calc(var(--vh, 1vh) * 100 - 12.1rem);
}

.leading-0 {
  line-height: 0;
}

@media (max-width: 768px) {
  .chat-height {
    height: calc(var(--vh, 1vh) * 100 - 10.5rem);
  }
}

.contact-height {
  height: calc(100% - 138px);
}

.msg-height {
  height: calc(100% - 0px);
}

.parent-height {
  height: calc(100% - 200px);
}

.msg-action-btn{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .msg-action-btn{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .msg-action-btn{
    height: 2rem;
    width: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.info-500-list{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.info-500-list li{
  display: flex;
}

.info-500-list li > :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)));
}

.info-500-list li span:nth-child(1){
  flex: none;
  text-align: right;
  font-weight: 500;
}

.info-500-list li span:nth-child(2){
  flex: 1 1 0%;
  text-align: right;
}

.nav-pills .active{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .nav-pills .active{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.select2-container {
  width: 100% !important;
}

.dashcode-app .fc-toolbar-chunk button {
  height: 50px;
}

.dashcode-app .fc-toolbar-chunk button.fc-prev-button:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dashcode-app .fc-toolbar-chunk button.fc-next-button:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dashcode-app .fc-button {
  font-size: 14px !important;
  line-height: 14px !important;
  height: auto !important;
  text-transform: capitalize !important;
  font-family: Inter !important;
  padding: 12px 20px 12px 20px !important;
}

.dashcode-app .fc .fc-button-primary {
  background: transparent !important;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .dashcode-app .fc .fc-button-primary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-app .fc .fc-button-primary:not(:disabled):active,
.dashcode-app .fc .fc-button-primary:not(:disabled).fc-button-active,
.dashcode-app .fc .fc-button-primary:hover {
  background: #111112 !important;
  color: #fff !important;
}

.dashcode-app .fc .fc-button-primary:disabled {
  background: #a0aec0 !important;
  border-color: #a0aec0 !important;
  cursor: not-allowed;
}

.dashcode-app .fc .fc-daygrid-day.fc-day-today {
  background: rgba(95, 99, 242, 0.04) !important;
}

.dashcode-app .fc .fc-button-primary:focus {
  box-shadow: none !important;
}

.dashcode-app .fc-theme-standard .fc-scrollgrid {
  border-color: #eef1f9 !important;
}

.dashcode-app .fc-theme-standard td,
.dashcode-app .fc-theme-standard th{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.dark .dashcode-app .fc-theme-standard td,.dark 
.dashcode-app .fc-theme-standard th{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dashcode-app .fc-col-header-cell .fc-scrollgrid-sync-inner{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .dashcode-app .fc-col-header-cell .fc-scrollgrid-sync-inner{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dashcode-app .fc-daygrid-day-top{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .dashcode-app .fc-daygrid-day-top{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-app .fc-h-event .fc-event-main-frame{
  margin-left: auto;
  margin-right: auto;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
  text-align: center;
}

.dashcode-app .fc-h-event .fc-event-main-frame .fc-event-time{
  flex: none;
  font-weight: 400;
}

.dashcode-app .fc-event-time{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.dashcode-app .fc-event-title {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.dashcode-app .fc .fc-toolbar-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .dashcode-app .fc .fc-toolbar-title{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dashcode-app .fc-daygrid-event-dot{
  display: none;
}

@media (max-width: 981px) {
  .dashcode-app .fc-button-group,
  .dashcode-app .fc .fc-toolbar {
    display: block !important;
  }

  .dashcode-app .fc .fc-toolbar > :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));
  }

  .dashcode-app .fc-toolbar-chunk > :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));
  }

  .dashcode-app .fc .fc-button {
    padding: 0.4em 0.65em !important;
  }
}

.dark .dashcode-app .fc .fc-timegrid-axis-cushion,.dark 
.dashcode-app .fc .fc-timegrid-slot-label-cushion{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dashcode-app .fc .fc-list-event:hover td{
  background-color: inherit;
}

.dashcode-app .fc .fc-list-event-dot{
  display: none;
}

.dashcode-app .fc-direction-ltr .fc-list-day-text,
.dashcode-app .fc-direction-rtl .fc-list-day-side-text,
.dashcode-app .fc-direction-ltr .fc-list-day-side-text,
.dashcode-app .fc-direction-rtl .fc-list-day-text {
  font-size: 16px;
  font-weight: 500;
}

.dark .fc-col-header-cell .fc-scrollgrid-sync-inner{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .fc-daygrid-day-top{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .fc .fc-day-other .fc-daygrid-day-top{
  opacity: 0.7;
}

.dark .fc .fc-button-primary{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .fc-theme-standard td,
.dark .fc-theme-standard th{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .fc .fc-toolbar-title{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .fc .fc-button-primary:not(:disabled):active,
.dark .fc .fc-button-primary:not(:disabled).fc-button-active,
.dark .fc .fc-button-primary:hover {
  background: #0f172a !important;
}

.dark .fc .fc-button-primary:disabled {
  background: #334155 !important;
  border-color: #334155 !important;
}

.dark .fc .fc-daygrid-day.fc-day-today {
  background: #334155 !important;
}

.dark .fc-theme-standard .fc-scrollgrid {
  border-color: #334155 !important;
}

.dashcode-calender .primary{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .secondary{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .danger{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .info{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .warning{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .success{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashcode-calender .dark{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.addmodal-wrapper{
  position: relative;
  z-index: -1;
}

.addmodal-wrapper .modal-overlay{
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgb(15 23 42 / 0.5);
  opacity: 0;
  --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);
}

.addmodal-wrapper .modal-content{
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: auto;
  opacity: 0;
}

.addmodal-wrapper.open-add-modal{
  z-index: 9999;
}

.addmodal-wrapper.open-add-modal .modal-overlay{
  visibility: visible;
  opacity: 1;
}

.addmodal-wrapper.open-add-modal .modal-content{
  visibility: visible;
  opacity: 1;
}

.calender-checkbox{
  position: relative;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
}

.calender-checkbox::before{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: -0.7px;
  display: flex;
  height: 18px;
  width: 18px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.calender-checkbox:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  line-height: 10px;
  --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, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 18 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-content: url("https://api.iconify.design/heroicons-outline/check.svg?color=white");
  content: var(--tw-content);
}

.dark .calender-checkbox::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.dark .calender-checkbox:checked::before{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-offset-width: 0px;
}

#dashcode-mini-calendar .zabuto-calendar__navigation__item--header__title{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark #dashcode-mini-calendar .zabuto-calendar__navigation__item--header__title{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

#dashcode-mini-calendar .zabuto-calendar__navigation__item--prev{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark #dashcode-mini-calendar .zabuto-calendar__navigation__item--prev{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

#dashcode-mini-calendar .zabuto-calendar__navigation__item--next{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark #dashcode-mini-calendar .zabuto-calendar__navigation__item--next{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

#dashcode-mini-calendar .zabuto-calendar__days-of-week__item{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark #dashcode-mini-calendar .zabuto-calendar__days-of-week__item{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

#dashcode-mini-calendar .zabuto-calendar__day{
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark #dashcode-mini-calendar .zabuto-calendar__day{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

#dashcode-mini-calendar table tbody td:nth-child(n+6){
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.dark #dashcode-mini-calendar table tbody td:nth-child(n+6){
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.dashcode-app .ql-editor {
  min-height: 120px;
}

.dashcode-app .ql-toolbar.ql-snow{
  margin-bottom: 0.5rem;
  border-style: none;
  padding: 0px;
}

.dashcode-app .ql-container.ql-snow{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
}

.dashcode-app .ql-editor{
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
}

.dark .dashcode-app .ql-editor{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .ql-editor{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .ql-editor::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .ql-editor::placeholder{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .ql-editor.ql-blank::before{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .ql-snow .ql-stroke{
  stroke: #cbd5e1;
}

.dark .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .ql-snow.ql-toolbar button:hover,
.dark .ql-snow .ql-toolbar button:hover,
.dark .ql-snow.ql-toolbar button:focus,
.dark .ql-snow .ql-toolbar button:focus,
.dark .ql-snow.ql-toolbar .ql-picker-label:hover,
.dark .ql-snow .ql-toolbar .ql-picker-label:hover,
.dark .ql-snow.ql-toolbar .ql-picker-item:hover,
.dark .ql-snow .ql-toolbar .ql-picker-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .ql-picker-label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .ql-snow .ql-picker.ql-expanded .ql-picker-label{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.wizard-step .number-box{
  position: relative;
  z-index: 66;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --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, 0 0 #0000);
  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;
}

@media (min-width: 768px){
  .wizard-step .number-box{
    height: 3rem;
    width: 3rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.wizard-step .bar-line{
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
}

.wizard-step .bar-line2{
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 2px;
  --tw-translate-x: -50%;
  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));
}

.wizard-step .circle-box{
  position: absolute;
  top: 100%;
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0;
  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;
}

.group:hover .wizard-step .circle-box{
  opacity: 1;
}

@media (min-width: 768px){
  .wizard-step .circle-box{
    line-height: 1.5rem;
    opacity: 1;
  }
}

.wizard-step:not(.active) .number-box{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.7;
}

.dark .wizard-step:not(.active) .number-box{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
}

.wizard-step:not(.active) .bar-line{
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
}

.dark .wizard-step:not(.active) .bar-line{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.wizard-step:not(.active) .circle-box{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .wizard-step:not(.active) .circle-box{
  color: rgb(203 213 225 / var(--tw-text-opacity));
  --tw-text-opacity: 0.4;
}

.wizard-step:not(.passed) .number-box .number{
  display: block;
}

.wizard-step:not(.passed) .number-box .no-icon{
  display: none;
}

.wizard-step:not(.passed) .bar-line2{
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
}

.dark .wizard-step:not(.passed) .bar-line2{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.wizard-step.passed .number-box .number{
  display: none;
}

.wizard-step.passed .number-box .no-icon{
  display: block;
}

.wizard-step.active .number-box, .wizard-step.passed .number-box{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.dark .wizard-step.active .number-box,.dark  .wizard-step.passed .number-box{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
  --tw-ring-offset-color: #64748b;
}

.wizard-step.active .bar-line, .wizard-step.passed .bar-line{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark .wizard-step.active .bar-line,.dark  .wizard-step.passed .bar-line{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.wizard-step.active .circle-box, .wizard-step.passed .circle-box{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .wizard-step.active .circle-box,.dark  .wizard-step.passed .circle-box{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.wizard-step.active .bar-line2, .wizard-step.passed .bar-line2{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark .wizard-step.active .bar-line2,.dark  .wizard-step.passed .bar-line2{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.wizard-form-step{
  display: none;
}

.wizard-form-step.active{
  display: block;
}

.chat-contact-bar{
  width: 200px;
  flex: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1024px){
  .chat-contact-bar{
    width: 260px;
  }
}

.chat-contact-bar.enter-lg{
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 999;
  height: 100%;
  width: 260px;
}

.chat-contact-bar.enter-lg.active{
  left: 0px;
}

.chat-overlay{
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -99;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.375rem;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  opacity: 0;
  --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);
}

.dark .chat-overlay{
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.chat-overlay.active{
  visibility: visible;
  z-index: 99;
  opacity: 1;
}

.app_height {
  height: calc(var(--vh, 1vh) * 100 - 12.1rem);
}

.email-categorie-list label{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .email-categorie-list label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.email-categorie-list .bar-c{
  --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);
}

.email-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .email-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.email-categorie-list.active .bar-c{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.email-list li:not(.opened) .read-unread-name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .email-list li:not(.opened) .read-unread-name{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .email-list li.opened{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.email-icon{
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .email-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

[data-stared=true] .email-fav{
  --tw-text-opacity: 1;
  color: rgb(255 206 48 / var(--tw-text-opacity));
}

[data-stared=false] .email-fav{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.email-fav{
  cursor: pointer;
}

.email-sidebar{
  width: 200px;
  flex: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1024px){
  .email-sidebar{
    width: 260px;
  }
}

.email-sidebar.enter-lg{
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 999;
  height: 100%;
  width: 200px;
}

@media (min-width: 768px){
  .email-sidebar.enter-lg{
    width: 260px;
  }
}

.email-sidebar.enter-lg.active{
  left: 0px;
}

.email-overlay{
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -99;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.375rem;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  opacity: 0;
  --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);
}

.dark .email-overlay{
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.email-overlay.active{
  visibility: visible;
  z-index: 99;
  opacity: 1;
}

.todo-categorie-list label{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .todo-categorie-list label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.todo-categorie-list .bar-c{
  --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);
}

.todo-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .todo-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.todo-categorie-list.active .bar-c{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.todo-list li:not(.opened) .read-unread-name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .todo-list li:not(.opened) .read-unread-name{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .todo-list li.opened{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.todo-icon{
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .todo-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

[data-stared=true] .todo-fav{
  --tw-text-opacity: 1;
  color: rgb(255 206 48 / var(--tw-text-opacity));
}

[data-stared=false] .todo-fav{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.todo-fav{
  cursor: pointer;
}

.todo-sidebar{
  width: 200px;
  flex: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1024px){
  .todo-sidebar{
    width: 260px;
  }
}

.todo-sidebar.enter-lg{
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 999;
  height: 100%;
  width: 200px;
}

@media (min-width: 768px){
  .todo-sidebar.enter-lg{
    width: 260px;
  }
}

.todo-sidebar.enter-lg.active{
  left: 0px;
}

.todo-overlay{
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -99;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.375rem;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  opacity: 0;
  --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);
}

.dark .todo-overlay{
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.todo-overlay.active{
  visibility: visible;
  z-index: 99;
  opacity: 1;
}

.app_height {
  height: calc(var(--vh, 1vh) * 100 - 12.1rem);
}

.email-categorie-list label{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .email-categorie-list label{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.email-categorie-list .bar-c{
  --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);
}

.email-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .email-categorie-list.active label{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.email-categorie-list.active .bar-c{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.email-list li:not(.opened) .read-unread-name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .email-list li:not(.opened) .read-unread-name{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .email-list li.opened{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.email-icon{
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .email-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

[data-stared=true] .email-fav{
  --tw-text-opacity: 1;
  color: rgb(255 206 48 / var(--tw-text-opacity));
}

[data-stared=false] .email-fav{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.email-fav{
  cursor: pointer;
}

.email-sidebar{
  width: 200px;
  flex: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1024px){
  .email-sidebar{
    width: 260px;
  }
}

.email-sidebar.enter-lg{
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 999;
  height: 100%;
  width: 200px;
}

@media (min-width: 768px){
  .email-sidebar.enter-lg{
    width: 260px;
  }
}

.email-sidebar.enter-lg.active{
  left: 0px;
}

.email-overlay{
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -99;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.375rem;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  opacity: 0;
  --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);
}

.dark .email-overlay{
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.email-overlay.active{
  visibility: visible;
  z-index: 99;
  opacity: 1;
}

/* Header Changing area */

.app-header{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px){
  .app-header{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

#app_header.floating{
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
}

#app_header.floating .app-header{
  border-radius: 0.5rem;
}

#app_header.sticky{
  top: 0px;
}

.app-wrapper:not(.horizontalMenu) .vertical-box{
  display: flex;
}

.app-wrapper:not(.horizontalMenu) .horizental-box{
  display: none;
}

.app-wrapper:not(.horizontalMenu) .main-menu{
  display: none;
}

.app-wrapper.horizontalMenu .vertical-box{
  display: none;
}

.app-wrapper.horizontalMenu .horizental-box{
  display: flex;
}

.app-wrapper.horizontalMenu .main-menu{
  display: none;
}

@media (min-width: 1280px){
  .app-wrapper.horizontalMenu .main-menu{
    display: block;
  }
}

.app-wrapper.horizontalMenu .app-header{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1280px){
  .app-wrapper.horizontalMenu .app-header{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.modal{
  --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);
}

.main-menu > ul > li{
  position: relative;
  display: inline-block;
}

.main-menu > ul > li > a{
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dark .main-menu > ul > li > a{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

@media (min-width: 1280px){
  .main-menu > ul > li > a{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1536px){
  .main-menu > ul > li > a{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.main-menu > ul > li > a .icon-box{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dark .main-menu > ul > li > a .icon-box{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.main-menu > ul > li:hover > a{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.main-menu > ul > li:hover > a .icon-box{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.main-menu > ul > li.has-megamenu{
  position: static;
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu,
.main-menu > ul > li.menu-item-has-children > .rt-mega-menu{
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 110%;
  z-index: 999;
  width: -moz-max-content;
  width: max-content;
  min-width: 178px;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  opacity: 0;
  --tw-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 8px 16px 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: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dark .main-menu > ul > li.menu-item-has-children > ul.sub-menu,.dark 
.main-menu > ul > li.menu-item-has-children > .rt-mega-menu{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.main-menu > ul > li.menu-item-has-children > .rt-mega-menu{
  left: 50%;
  max-width: 1170px;
  --tw-translate-x: -50%;
  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));
  width: 100%;
}

.main-menu > ul > li.menu-item-has-children:hover > ul.sub-menu,
.main-menu > ul > li.menu-item-has-children:hover > .rt-mega-menu{
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu li{
  position: relative;
  padding-bottom: 0.5rem;
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu li:last-child{
  padding-bottom: 0px;
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu li a{
  display: block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu li a:last-child{
  padding-bottom: 0px;
}

.main-menu > ul > li.menu-item-has-children > ul.sub-menu li a:hover{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.dark .main-menu > ul > li.menu-item-has-children > ul.sub-menu li a{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .main-menu > ul > li.menu-item-has-children > ul.sub-menu li a:hover{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.rt-mega-menu a{
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark .rt-mega-menu a{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .rt-mega-menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

/* Sidebar Wrapper Area */

.sidebar-wrapper{
  position: fixed;
  top: 0px;
  z-index: 999;
  height: 100vh;
  width: 248px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 0.5px 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);
}

.dark .sidebar-wrapper{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.logo-segment{
  position: sticky;
  top: 0px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-x: hidden;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

#app_header.logo-segment{
  top: 0px;
}

.dark .logo-segment{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.sidebar-menu{
  background-color: transparent;
}

.sidebar-menu > li{
  font-family: Cairo, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.dark .sidebar-menu > li{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu .sidebar-menu-title{
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Cairo, sans-serif;
  font-weight: 600;
}

.dark .sidebar-menu .sidebar-menu-title{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu .sidebar-menu-title{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.navItem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.dark .navItem{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.navItem {
  display: flex !important;
}

.semiDark .navItem{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.navItem .nav-icon{
  font-size: 18px;
}

[dir="ltr"] .navItem .nav-icon{
  margin-right: 0.75rem;
}

[dir="rtl"] .navItem .nav-icon{
  margin-left: 0.75rem;
}

.navItem.active{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .navItem.active{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.semiDark .navItem.active{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.icon-arrow{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
  font-size: 14px;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

[dir="rtl"] .icon-arrow{
  --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));
}

.dark .icon-arrow{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.semiDark .icon-arrow{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu > li > a{
  border-radius: 0.375rem;
  padding-left: 8px;
  padding-right: 10px;
}

.sidebar-menu > li.active > a{
  display: flex;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.dark .sidebar-menu > li.active > a{
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu > li.active > a{
  display: flex;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.sidebar-menu .sidebar-submenu{
  margin-top: 10px;
  background-color: transparent;
}

.sidebar-menu .sidebar-submenu > li > a{
  position: relative;
  white-space: nowrap;
  background-color: transparent;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.sidebar-menu .sidebar-submenu > li > a::before{
  position: absolute;
  top: 12px;
  height: 8px;
  width: 8px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --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-opacity: 1;
  --tw-ring-color: rgb(17 17 18 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-opacity: 15%;
}

.sidebar-menu .sidebar-submenu > li > a:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

[dir="ltr"] .sidebar-menu .sidebar-submenu > li > a{
  padding-left: 2rem;
}

[dir="ltr"] .sidebar-menu .sidebar-submenu > li > a::before{
  content: var(--tw-content);
  left: 0.75rem;
}

[dir="rtl"] .sidebar-menu .sidebar-submenu > li > a{
  padding-right: 2rem;
}

[dir="rtl"] .sidebar-menu .sidebar-submenu > li > a::before{
  content: var(--tw-content);
  right: 0.75rem;
}

.dark .sidebar-menu .sidebar-submenu > li > a{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .sidebar-menu .sidebar-submenu > li > a::before{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-opacity: 0.2;
}

.dark .sidebar-menu .sidebar-submenu > li > a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu .sidebar-submenu > li > a{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu .sidebar-submenu > li > a::before{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
  content: var(--tw-content);
  --tw-ring-opacity: 0.2;
}

.sidebar-menu .sidebar-submenu > li > a.active{
  --tw-text-opacity: 1;
  color: rgb(17 17 18 / var(--tw-text-opacity));
}

.sidebar-menu .sidebar-submenu > li > a.active::before{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.dark .sidebar-menu .sidebar-submenu > li > a.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .sidebar-menu .sidebar-submenu > li > a.active::before{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.semiDark .sidebar-menu .sidebar-submenu > li > a.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu .sidebar-submenu > li > a.active::before{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.sidebar-menu > li.active .icon-arrow{
  --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));
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dark .sidebar-menu > li.active .icon-arrow{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.semiDark .sidebar-menu > li.active .icon-arrow{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu > li.active-withOutChild > a{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* For Sidebar Type  */

.app-wrapper.collapsed .collapsed-icon{
  display: none;
}

.app-wrapper.extend .extend-icon{
  display: block;
}

.app-wrapper.collapsed .extend-icon{
  display: none;
}

.app-wrapper.extend .collapsed-icon{
  display: none;
}

.sidebarDotIcon.collapsed-icon{
  display: none;
}

/* Collapsed button */

[dir="ltr"] .collapsed .app-header,[dir="ltr"] 
.collapsed .content-wrapper,[dir="ltr"] 
.collapsed .site-footer{
  margin-left: 72px;
}

[dir="rtl"] .collapsed .app-header,[dir="rtl"] 
.collapsed .content-wrapper,[dir="rtl"] 
.collapsed .site-footer{
  margin-right: 72px;
}

.collapsed .sidebar-wrapper{
  width: 72px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.collapsed .sidebar-wrapper:hover{
  width: 248px;
}

.collapsed .sidebar-wrapper .sidebar-menus .sidebar-menu-title{
  display: none;
}

.collapsed .sidebar-wrapper .navItem span span{
  visibility: hidden;
}

.collapsed .sidebar-wrapper .sidebar-menu li.active > .sidebar-submenu {
  display: none !important;
}

/* Collapsed Hover */

.collapsed .sidebar-wrapper:hover .sidebar-menu li.active > .sidebar-submenu {
  display: block !important;
}

.app-wrapper.collapsed:hover .collapsed-icon{
  display: block;
}

.collapsed .sidebar-wrapper .logo-segment a span,
.collapsed .sidebar-wrapper .logo-segment #sidebar_type{
  display: none;
}

.collapsed .sidebar-wrapper:hover .logo-segment a span,
.collapsed .sidebar-wrapper:hover .logo-segment #sidebar_type{
  display: block;
}

.collapsed .sidebar-wrapper:hover .navItem span span{
  visibility: visible;
}

.app-wrapper.collapsed #sidebar_bottom_wizard{
  display: none;
}

.semiDark .logo-segment,
.semiDark .sidebar-menus,
.semiDark .sidebar-wrapper{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.semiDark .black_logo{
  display: none;
}

.semiDark .light_logo{
  display: block;
}

.semiDark .logo-segment > a > span{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.margin-0 {
  margin-left: 0px !important;
  margin-right: 0 !important;
}

.social-link{
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(17 17 18 / var(--tw-border-opacity));
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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;
}

.social-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .social-link{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .social-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.icon-lists li {
  margin-right: 12px;
  margin-bottom: 12px;
}

.completed .img-active{
  opacity: 0.2;
}

.completed .bar-active{
  text-decoration-line: line-through;
}

.dark .completed .bar-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.legend-ring .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring2 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(12 231 250 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring2 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring2 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring2 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring3 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring3 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring3 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring3 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring3 .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring3 .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring4 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(70 105 250 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring4 .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.legend-ring4 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(250 145 107 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.3;
}

[dir="rtl"] .legend-ring4 .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
  margin-left: 1rem;
}

.dashcode-app .leaflet-control {
  z-index: 0 !important;
}

.dashcode-app .leaflet-control-container {
  z-index: 555 !important;
  position: relative;
}

.dashcode-app .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  z-index: 0 !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */

.sidebar-wrapper ::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.sidebar-wrapper {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.selection\:bg-transparent *::-moz-selection{
  background-color: transparent;
}

.selection\:bg-transparent *::selection{
  background-color: transparent;
}

.selection\:bg-transparent::-moz-selection{
  background-color: transparent;
}

.selection\:bg-transparent::selection{
  background-color: transparent;
}

.placeholder\:font-medium::-moz-placeholder{
  font-weight: 500;
}

.placeholder\:font-medium::placeholder{
  font-weight: 500;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-secondary-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.placeholder\:text-secondary-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:top-\[0px\]::before{
  content: var(--tw-content);
  top: 0px;
}

.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}

.before\:top-\[60px\]::before{
  content: var(--tw-content);
  top: 60px;
}

.before\:top-0::before{
  content: var(--tw-content);
  top: 0px;
}

.before\:z-\[-1\]::before{
  content: var(--tw-content);
  z-index: -1;
}

.before\:h-4::before{
  content: var(--tw-content);
  height: 1rem;
}

.before\:h-\[calc\(100\%-60px\)\]::before{
  content: var(--tw-content);
  height: calc(100% - 60px);
}

.before\:h-full::before{
  content: var(--tw-content);
  height: 100%;
}

.before\:w-4::before{
  content: var(--tw-content);
  width: 1rem;
}

.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded::before{
  content: var(--tw-content);
  border-radius: 0.25rem;
}

.before\:bg-slate-900::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.before\:bg-info-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
}

.before\:bg-warning-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
}

.before\:bg-success-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
}

.before\:bg-opacity-\[0\.1\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 0.1;
}

.before\:leading-\[2px\]::before{
  content: var(--tw-content);
  line-height: 2px;
}

.before\:content-\[url\(\'\.\.\/images\/all-img\/ck\.svg\'\)\]::before{
  --tw-content: url('../images/all-img/ck.svg');
  content: var(--tw-content);
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:left-\[2px\]::after{
  content: var(--tw-content);
  left: 2px;
}

.after\:z-10::after{
  content: var(--tw-content);
  z-index: 10;
}

.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.first\:rounded-t:first-child{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.first\:pt-0:first-child{
  padding-top: 0px;
}

.first\:text-xs:first-child{
  font-size: 0.75rem;
  line-height: 1rem;
}

.first\:uppercase:first-child{
  text-transform: uppercase;
}

.first\:text-slate-600:first-child{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.first\:shadow-md:first-child{
  --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);
}

.last\:mb-0:last-child{
  margin-bottom: 0px;
}

.last\:flex-none:last-child{
  flex: none;
}

.last\:rounded-b:last-child{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last\:border-none:last-child{
  border-style: none;
}

.last\:pb-0:last-child{
  padding-bottom: 0px;
}

.last\:shadow-md:last-child{
  --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);
}

.odd\:shadow-md:nth-child(odd){
  --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);
}

.even\:bg-slate-50:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.even\:shadow-md:nth-child(even){
  --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);
}

.visited\:shadow-md:visited{
  --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);
}

.checked\:border-blue-600:checked{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.checked\:bg-blue-600:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.checked\:shadow-md:checked{
  --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);
}

.checked\:after\:absolute:checked::after{
  content: var(--tw-content);
  position: absolute;
}

.checked\:after\:ml-\[5px\]:checked::after{
  content: var(--tw-content);
  margin-left: 5px;
}

.checked\:after\:mt-px:checked::after{
  content: var(--tw-content);
  margin-top: 1px;
}

.checked\:after\:block:checked::after{
  content: var(--tw-content);
  display: block;
}

.checked\:after\:h-\[9px\]:checked::after{
  content: var(--tw-content);
  height: 9px;
}

.checked\:after\:w-\[5px\]:checked::after{
  content: var(--tw-content);
  width: 5px;
}

.checked\:after\:rotate-45:checked::after{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  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));
}

.checked\:after\:border-2:checked::after{
  content: var(--tw-content);
  border-width: 2px;
}

.checked\:after\:border-t-0:checked::after{
  content: var(--tw-content);
  border-top-width: 0px;
}

.checked\:after\:border-l-0:checked::after{
  content: var(--tw-content);
  border-left-width: 0px;
}

.checked\:after\:border-solid:checked::after{
  content: var(--tw-content);
  border-style: solid;
}

.checked\:after\:border-white:checked::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.checked\:after\:bg-transparent:checked::after{
  content: var(--tw-content);
  background-color: transparent;
}

.checked\:after\:content-\[\'\'\]:checked::after{
  --tw-content: '';
  content: var(--tw-content);
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:shadow-md:focus-within{
  --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);
}

.hover\:container:hover{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 640px){
  .hover\:container:hover{
    max-width: 640px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px){
  .hover\:container:hover{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .hover\:container:hover{
    max-width: 1024px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1280px){
  .hover\:container:hover{
    max-width: 1280px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  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));
}

.hover\:scale-75:hover{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}

.hover\:cursor-pointer:hover{
  cursor: pointer;
}

.hover\:rounded-\[50\%\]:hover{
  border-radius: 50%;
}

.hover\:border-transparent:hover{
  border-color: transparent;
}

.hover\:border-white:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:bg-slate-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.hover\:bg-black-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.hover\:bg-primary-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 94 223 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#00000026\]:hover{
  background-color: #00000026;
}

.hover\:bg-\[\#00000014\]:hover{
  background-color: #00000014;
}

.hover\:bg-\[unset\]:hover{
  background-color: unset;
}

.hover\:bg-\[\#eee\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.hover\:bg-opacity-80:hover{
  --tw-bg-opacity: 0.8;
}

.hover\:bg-opacity-100:hover{
  --tw-bg-opacity: 1;
}

.hover\:fill-\[\#8b8b8b\]:hover{
  fill: #8b8b8b;
}

.hover\:\!text-center:hover{
  text-align: center !important;
}

.hover\:font-bold:hover{
  font-weight: 700;
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-danger-500:hover{
  --tw-text-opacity: 1;
  color: rgb(241 89 92 / var(--tw-text-opacity));
}

.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-\[\#68768A\]:hover{
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.hover\:text-\[\#3b71ca\]:hover{
  --tw-text-opacity: 1;
  color: rgb(59 113 202 / var(--tw-text-opacity));
}

.hover\:text-\[\#8b8b8b\]:hover{
  --tw-text-opacity: 1;
  color: rgb(139 139 139 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:\!opacity-90:hover{
  opacity: 0.9 !important;
}

.hover\:shadow-lg:hover{
  --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);
}

.hover\:shadow-md:hover{
  --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);
}

.hover\:shadow-sm:hover{
  --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);
}

.hover\:shadow-todo:hover{
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:hover{
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 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);
}

.hover\:\!shadow-none:hover{
  --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;
}

.hover\:outline-none:hover{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:rounded-\[50\%\]:focus{
  border-radius: 50%;
}

.focus\:border-none:focus{
  border-style: none;
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:border-indigo-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.focus\:border-gray-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.focus\:border-gray-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
}

.focus\:\!border-slate-300:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important;
}

.focus\:border-blue-600:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:bg-gray-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.focus\:bg-blue-700:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.focus\:bg-primary-600:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(63 94 223 / var(--tw-bg-opacity));
}

.focus\:bg-neutral-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.focus\:bg-\[\#00000026\]:focus{
  background-color: #00000026;
}

.focus\:bg-\[\#00000014\]:focus{
  background-color: #00000014;
}

.focus\:bg-\[\#eee\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.focus\:font-normal:focus{
  font-weight: 400;
}

.focus\:text-\[\#3b71ca\]:focus{
  --tw-text-opacity: 1;
  color: rgb(59 113 202 / var(--tw-text-opacity));
}

.focus\:text-blue-600:focus{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.focus\:text-gray-700:focus{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.focus\:\!opacity-90:focus{
  opacity: 0.9 !important;
}

.focus\:shadow-lg:focus{
  --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);
}

.focus\:shadow-md:focus{
  --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);
}

.focus\:\!shadow-none:focus{
  --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;
}

.focus\:shadow-none:focus{
  --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);
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:focus{
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 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);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:\!outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:\!outline-1:focus{
  outline-width: 1px !important;
}

.focus\:outline-0:focus{
  outline-width: 0px;
}

.focus\:\!outline-transparent:focus{
  outline-color: transparent !important;
}

.focus\:ring-0: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);
}

.focus\:ring: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(3px + 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);
}

.focus\:ring-1: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(1px + 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);
}

.focus\:ring-2: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(2px + 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);
}

.focus\:\!ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-indigo-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 118 138 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:\!ring-transparent:focus{
  --tw-ring-color: transparent !important;
}

.focus\:ring-opacity-50:focus{
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:opacity-100:focus::-moz-placeholder{
  opacity: 1;
}

.focus\:placeholder\:opacity-100:focus::placeholder{
  opacity: 1;
}

.focus\:hover\:font-light:hover:focus{
  font-weight: 300;
}

.focus\:hover\:shadow-md:hover:focus{
  --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);
}

.focus-visible\:shadow-md:focus-visible{
  --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);
}

.active\:bg-blue-800:active{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.active\:bg-primary-700:active{
  --tw-bg-opacity: 1;
  background-color: rgb(42 63 150 / var(--tw-bg-opacity));
}

.active\:bg-\[\#cacfd1\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(202 207 209 / var(--tw-bg-opacity));
}

.active\:shadow-lg:active{
  --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);
}

.active\:shadow-md:active{
  --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);
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:active{
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 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);
}

.disabled\:font-bold:disabled{
  font-weight: 700;
}

.disabled\:shadow-md:disabled{
  --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);
}

.group:first-child .group-first\:shadow-md{
  --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);
}

.group:last-child .group-last\:shadow-md{
  --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);
}

.group:nth-child(odd) .group-odd\:shadow-md{
  --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);
}

.group:nth-child(even) .group-even\:shadow-md{
  --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);
}

.group:visited .group-visited\:shadow-md{
  --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);
}

.group:checked .group-checked\:shadow-md{
  --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);
}

.group:focus-within .group-focus-within\:shadow-md{
  --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);
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group\/x:hover .group-hover\/x\:h-\[11px\]{
  height: 11px;
}

.group\/y:hover .group-hover\/y\:w-\[11px\]{
  width: 11px;
}

.group:hover .group-hover\:bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.group\/x:hover .group-hover\/x\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group\/y:hover .group-hover\/y\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group\/ps:hover .group-hover\/ps\:opacity-60{
  opacity: 0.6;
}

.group\/ps:hover .group-hover\/ps\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:shadow-md{
  --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);
}

.group:hover .group-hover\:focus-within\:text-left:focus-within{
  text-align: left;
}

.group\/x:focus .group-focus\/x\:h-\[11px\]{
  height: 11px;
}

.group\/y:focus .group-focus\/y\:w-\[11px\]{
  width: 11px;
}

.group\/x:focus .group-focus\/x\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group\/y:focus .group-focus\/y\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group\/ps:focus .group-focus\/ps\:opacity-60{
  opacity: 0.6;
}

.group\/ps:focus .group-focus\/ps\:opacity-100{
  opacity: 1;
}

.group:focus .group-focus\:shadow-md{
  --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);
}

.group:focus-visible .group-focus-visible\:shadow-md{
  --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);
}

.group:active .group-active\:opacity-10{
  opacity: 0.1;
}

.group\/ps:active .group-active\/ps\:opacity-100{
  opacity: 1;
}

.group:active .group-active\:shadow-md{
  --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);
}

.group:disabled .group-disabled\:shadow-md{
  --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);
}

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block{
  display: block;
}

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block{
  display: block;
}

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\]{
  height: 11px;
}

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\]{
  width: 11px;
}

.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border{
  border-width: 1px;
}

.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-solid{
  border-style: solid;
}

.group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-neutral-300{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent{
  background-color: transparent;
}

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent{
  background-color: transparent;
}

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#999\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group[data-te-datepicker-cell-selected] .group-\[\[data-te-datepicker-cell-selected\]\]\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60{
  opacity: 0.6;
}

.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60{
  opacity: 0.6;
}

.peer:checked ~ .peer-checked\:bg-black-500{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-black-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-secondary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-info-500{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-success-500{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-warning-500{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-danger-500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:opacity-0{
  opacity: 0;
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\]{
  --tw-translate-y: -0.9rem;
  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));
}

.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\]{
  --tw-translate-y: -1.15rem;
  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));
}

.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\]{
  --tw-translate-y: -0.75rem;
  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));
}

.peer:focus ~ .peer-focus\:scale-\[0\.8\]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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));
}

.peer:focus ~ .peer-focus\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.peer:focus ~ .peer-focus\:text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.data-\[te-datepicker-cell-disabled\]\:pointer-events-none[data-te-datepicker-cell-disabled]{
  pointer-events: none;
}

.data-\[te-carousel-fade\]\:z-\[1\][data-te-carousel-fade]{
  z-index: 1;
}

.data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade]{
  z-index: 0;
}

.data-\[te-input-state-active\]\:block[data-te-input-state-active]{
  display: block;
}

.data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\][data-te-input-state-active]{
  --tw-translate-y: -0.9rem;
  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));
}

.data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\][data-te-input-state-active]{
  --tw-translate-y: -1.15rem;
  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));
}

.data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\][data-te-input-state-active]{
  --tw-translate-y: -0.75rem;
  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));
}

.data-\[te-select-open\]\:scale-100[data-te-select-open]{
  --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));
}

.data-\[te-input-state-active\]\:scale-\[0\.8\][data-te-input-state-active]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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));
}

.data-\[te-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled]{
  cursor: default;
}

.data-\[te-input-disabled\]\:cursor-default[data-te-input-disabled]{
  cursor: default;
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected]{
  cursor: default;
}

.data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled]{
  cursor: default;
}

.data-\[te-input-disabled\]\:bg-\[\#e9ecef\][data-te-input-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 239 / var(--tw-bg-opacity));
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:bg-transparent[data-te-select-option-disabled][data-te-select-selected]{
  background-color: transparent;
}

.data-\[te-datepicker-cell-disabled\]\:text-neutral-300[data-te-datepicker-cell-disabled]{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled][data-te-select-selected]{
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

.data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled]{
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

.data-\[te-carousel-fade\]\:opacity-100[data-te-carousel-fade]{
  opacity: 1;
}

.data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade]{
  opacity: 0;
}

.data-\[te-select-open\]\:opacity-100[data-te-select-open]{
  opacity: 1;
}

.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder{
  opacity: 1;
}

.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::placeholder{
  opacity: 1;
}

.data-\[te-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-te-datepicker-cell-disabled]{
  cursor: default;
}

.group[data-te-select-option-text-ref] .group-data-\[te-select-option-text-ref\]\:mr-2\.5{
  margin-right: 0.625rem;
}

.group\/validation[data-te-was-validated] .group-data-\[te-was-validated\]\/validation\:mb-4{
  margin-bottom: 1rem;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-r-0{
  border-right-width: 0px;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-r-0{
  border-right-width: 0px;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t{
  border-top-width: 1px;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t{
  border-top-width: 1px;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-l-0{
  border-left-width: 0px;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-l-0{
  border-left-width: 0px;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-solid{
  border-style: solid;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-solid{
  border-style: solid;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t-transparent{
  border-top-color: transparent;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t-transparent{
  border-top-color: transparent;
}

.group\/opt[data-te-select-option-group-ref] .group-data-\[te-select-option-group-ref\]\/opt\:pl-7{
  padding-left: 1.75rem;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\]{
  --tw-shadow: -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 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);
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\]{
  --tw-shadow: -1px 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 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);
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\]{
  --tw-shadow: 0 1px 0 0 #3b71ca;
  --tw-shadow-colored: 0 1px 0 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);
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#ffffff\]{
  --tw-shadow: 0 1px 0 0 #ffffff;
  --tw-shadow-colored: 0 1px 0 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);
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\]{
  --tw-shadow: 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 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);
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\]{
  --tw-shadow: 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 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);
}

.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:block{
  display: block;
}

.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:block{
  display: block;
}

.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:text-\[rgb\(220\2c 76\2c 100\)\]{
  --tw-text-opacity: 1;
  color: rgb(220 76 100 / var(--tw-text-opacity));
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\]{
  --tw-translate-y: -0.9rem;
  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));
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\]{
  --tw-translate-y: -1.15rem;
  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));
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\]{
  --tw-translate-y: -0.75rem;
  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));
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:scale-\[0\.8\]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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));
}

.peer[data-te-input-focused] ~ .peer-data-\[te-input-focused\]\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.peer[data-te-input-focused] ~ .peer-data-\[te-input-focused\]\:\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

[dir="ltr"] .ltr\:right-\[14px\]{
  right: 14px;
}

[dir="ltr"] .ltr\:right-6{
  right: 1.5rem;
}

[dir="ltr"] .ltr\:right-5{
  right: 1.25rem;
}

[dir="ltr"] .ltr\:right-0{
  right: 0px;
}

[dir="ltr"] .ltr\:-right-\[43px\]{
  right: -43px;
}

[dir="ltr"] .ltr\:left-full{
  left: 100%;
}

[dir="ltr"] .ltr\:mr-3{
  margin-right: 0.75rem;
}

[dir="ltr"] .ltr\:mr-1{
  margin-right: 0.25rem;
}

[dir="ltr"] .ltr\:ml-1{
  margin-left: 0.25rem;
}

[dir="ltr"] .ltr\:mr-2{
  margin-right: 0.5rem;
}

[dir="ltr"] .ltr\:mr-6{
  margin-right: 1.5rem;
}

[dir="ltr"] .ltr\:ml-2{
  margin-left: 0.5rem;
}

[dir="ltr"] .ltr\:ml-\[248px\]{
  margin-left: 248px;
}

[dir="ltr"] .ltr\:ml-3{
  margin-left: 0.75rem;
}

[dir="ltr"] .ltr\:ml-auto{
  margin-left: auto;
}

[dir="ltr"] .ltr\:mr-\[10px\]{
  margin-right: 10px;
}

[dir="ltr"] .ltr\:rotate-\[45deg\]{
  --tw-rotate: 45deg;
  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));
}

[dir="ltr"] .ltr\:rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

[dir="ltr"] .ltr\:border-l{
  border-left-width: 1px;
}

[dir="ltr"] .ltr\:border-l-2{
  border-left-width: 2px;
}

[dir="ltr"] .ltr\:pr-4{
  padding-right: 1rem;
}

[dir="ltr"] .ltr\:pl-20{
  padding-left: 5rem;
}

[dir="ltr"] .ltr\:pl-28{
  padding-left: 7rem;
}

[dir="ltr"] .ltr\:pl-2{
  padding-left: 0.5rem;
}

[dir="ltr"] .ltr\:pl-\[22px\]{
  padding-left: 22px;
}

[dir="ltr"] .ltr\:pl-10{
  padding-left: 2.5rem;
}

[dir="ltr"] .ltr\:pl-4{
  padding-left: 1rem;
}

[dir="ltr"] .ltr\:text-left{
  text-align: left;
}

[dir="ltr"] .ltr\:text-right{
  text-align: right;
}

[dir="ltr"] .ltr\:shadow-md{
  --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);
}

[dir="ltr"] .ltr\:before\:left-\[-8px\]::before{
  content: var(--tw-content);
  left: -8px;
}

[dir="ltr"] .ltr\:last\:text-right:last-child{
  text-align: right;
}

[dir="rtl"] .rtl\:left-\[14px\]{
  left: 14px;
}

[dir="rtl"] .rtl\:left-6{
  left: 1.5rem;
}

[dir="rtl"] .rtl\:left-5{
  left: 1.25rem;
}

[dir="rtl"] .rtl\:left-0{
  left: 0px;
}

[dir="rtl"] .rtl\:-left-\[43px\]{
  left: -43px;
}

[dir="rtl"] .rtl\:right-full{
  right: 100%;
}

[dir="rtl"] .rtl\:\!left-auto{
  left: auto !important;
}

[dir="rtl"] .rtl\:ml-3{
  margin-left: 0.75rem;
}

[dir="rtl"] .rtl\:ml-1{
  margin-left: 0.25rem;
}

[dir="rtl"] .rtl\:mr-1{
  margin-right: 0.25rem;
}

[dir="rtl"] .rtl\:ml-2{
  margin-left: 0.5rem;
}

[dir="rtl"] .rtl\:ml-6{
  margin-left: 1.5rem;
}

[dir="rtl"] .rtl\:mr-2{
  margin-right: 0.5rem;
}

[dir="rtl"] .rtl\:mr-\[248px\]{
  margin-right: 248px;
}

[dir="rtl"] .rtl\:mr-3{
  margin-right: 0.75rem;
}

[dir="rtl"] .rtl\:mr-auto{
  margin-right: auto;
}

[dir="rtl"] .rtl\:ml-\[10px\]{
  margin-left: 10px;
}

[dir="rtl"] .rtl\:mr-\[10px\]{
  margin-right: 10px;
}

[dir="rtl"] .rtl\:origin-top-left{
  transform-origin: top left;
}

[dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\]{
  transform-origin: 50% 50% 0 !important;
}

[dir="rtl"] .rtl\:-rotate-45{
  --tw-rotate: -45deg;
  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));
}

[dir="rtl"] .rtl\:rotate-180{
  --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));
}

[dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

[dir="rtl"] .rtl\:rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

[dir="rtl"] .rtl\:border-r{
  border-right-width: 1px;
}

[dir="rtl"] .rtl\:border-r-2{
  border-right-width: 2px;
}

[dir="rtl"] .rtl\:pl-4{
  padding-left: 1rem;
}

[dir="rtl"] .rtl\:pr-20{
  padding-right: 5rem;
}

[dir="rtl"] .rtl\:pr-28{
  padding-right: 7rem;
}

[dir="rtl"] .rtl\:pr-2{
  padding-right: 0.5rem;
}

[dir="rtl"] .rtl\:pr-\[22px\]{
  padding-right: 22px;
}

[dir="rtl"] .rtl\:pr-10{
  padding-right: 2.5rem;
}

[dir="rtl"] .rtl\:pr-4{
  padding-right: 1rem;
}

[dir="rtl"] .rtl\:text-left{
  text-align: left;
}

[dir="rtl"] .rtl\:text-right{
  text-align: right;
}

[dir="rtl"] .rtl\:text-end{
  text-align: end;
}

[dir="rtl"] .rtl\:shadow-md{
  --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);
}

[dir="rtl"] .rtl\:\[direction\:rtl\]{
  direction: rtl;
}

[dir="rtl"] .rtl\:before\:-right-2::before{
  content: var(--tw-content);
  right: -0.5rem;
}

[dir="rtl"] .rtl\:last\:text-left:last-child{
  text-align: left;
}

[dir="rtl"] .rtl\:active\:text-center:active{
  text-align: center;
}

@media (prefers-reduced-motion: no-preference){
  .motion-safe\:shadow-md{
    --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);
  }

  .motion-safe\: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;
  }

  .motion-safe\:hover\:text-center:hover{
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\:animate-none{
    animation: none;
  }

  .motion-reduce\:shadow-md{
    --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);
  }

  .motion-reduce\: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;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }
}

.dark .dark\:block{
  display: block;
}

.dark .dark\:hidden{
  display: none;
}

.dark .dark\:divide-slate-700 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.dark .dark\:border{
  border-width: 1px;
}

.dark .dark\:border-0{
  border-width: 0px;
}

.dark .dark\:border-b{
  border-bottom-width: 1px;
}

.dark .dark\:border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .dark\:border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.dark .dark\:border-slate-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark .dark\:\!border-slate-600{
  --tw-border-opacity: 1 !important;
  border-color: rgb(71 85 105 / var(--tw-border-opacity)) !important;
}

.dark .dark\:\!border-slate-900{
  --tw-border-opacity: 1 !important;
  border-color: rgb(15 23 42 / var(--tw-border-opacity)) !important;
}

.dark .dark\:border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.dark .dark\:border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark .dark\:border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.dark .dark\:border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.dark .dark\:border-neutral-500{
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}

.dark .dark\:border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(128 146 255 / var(--tw-border-opacity));
}

.dark .dark\:border-neutral-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}

.dark .dark\:border-r-slate-700{
  --tw-border-opacity: 1;
  border-right-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .dark\:border-l-slate-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .dark\:border-l-slate-800{
  --tw-border-opacity: 1;
  border-left-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.dark .dark\:border-l-slate-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark .dark\:bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark .dark\:bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark .dark\:bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .dark\:bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.dark .dark\:bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.dark .dark\:bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark .dark\:bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.dark .dark\:bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
}

.dark .dark\:bg-secondary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}

.dark .dark\:bg-info-500{
  --tw-bg-opacity: 1;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity));
}

.dark .dark\:bg-success-500{
  --tw-bg-opacity: 1;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity));
}

.dark .dark\:bg-warning-500{
  --tw-bg-opacity: 1;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity));
}

.dark .dark\:bg-danger-500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
}

.dark .dark\:\!bg-primary-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:\!bg-secondary-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:\!bg-info-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(12 231 250 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:\!bg-success-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(80 199 147 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:\!bg-warning-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 145 107 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:\!bg-danger-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity)) !important;
}

.dark .dark\:bg-neutral-700{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.dark .dark\:bg-zinc-700{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}

.dark .dark\:bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

.dark .dark\:bg-transparent{
  background-color: transparent;
}

.dark .dark\:bg-zinc-500{
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}

.dark .dark\:bg-zinc-600\/50{
  background-color: rgb(82 82 91 / 0.5);
}

.dark .dark\:bg-neutral-600{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}

.dark .dark\:bg-opacity-\[14\%\]{
  --tw-bg-opacity: 14%;
}

.dark .dark\:bg-opacity-\[0\.36\]{
  --tw-bg-opacity: 0.36;
}

.dark .dark\:bg-opacity-25{
  --tw-bg-opacity: 0.25;
}

.dark .dark\:bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.dark .dark\:bg-opacity-70{
  --tw-bg-opacity: 0.7;
}

.dark .dark\:fill-gray-400{
  fill: #9FA6B2;
}

.dark .dark\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .dark\:text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .dark\:text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.dark .dark\:text-\[\#eee\]{
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

.dark .dark\:\!text-primary-400{
  --tw-text-opacity: 1 !important;
  color: rgb(128 146 255 / var(--tw-text-opacity)) !important;
}

.dark .dark\:text-neutral-200{
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.dark .dark\:text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.dark .dark\:text-opacity-40{
  --tw-text-opacity: 0.4;
}

.dark .dark\:shadow-md{
  --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);
}

.dark .dark\:shadow-none{
  --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);
}

.dark .dark\:shadow-slate-700{
  --tw-shadow-color: #334155;
  --tw-shadow: var(--tw-shadow-colored);
}

.dark .dark\:ring-slate-700{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
}

.dark .dark\:ring-slate-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity));
}

.dark .dark\:ring-offset-slate-700{
  --tw-ring-offset-color: #334155;
}

.dark .dark\:placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .dark\:placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .dark\:placeholder\:text-gray-200::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dark .dark\:placeholder\:text-gray-200::placeholder{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dark .dark\:before\:bg-slate-600::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.dark .dark\:even\:bg-slate-700:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .dark\:checked\:bg-blue-500:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.dark .dark\:hover\:bg-slate-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.dark .dark\:hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark .dark\:hover\:bg-black-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

.dark .dark\:hover\:bg-transparent:hover{
  background-color: transparent;
}

.dark .dark\:hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.dark .dark\:hover\:bg-opacity-50:hover{
  --tw-bg-opacity: 0.5;
}

.dark .dark\:hover\:bg-opacity-70:hover{
  --tw-bg-opacity: 0.7;
}

.dark .dark\:hover\:fill-gray-100:hover{
  fill: #F4F5F7;
}

.dark .dark\:hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .dark\:hover\:text-primary-400:hover{
  --tw-text-opacity: 1;
  color: rgb(128 146 255 / var(--tw-text-opacity));
}

.dark .dark\:hover\:text-\[\#3b71ca\]:hover{
  --tw-text-opacity: 1;
  color: rgb(59 113 202 / var(--tw-text-opacity));
}

.dark .dark\:focus\:bg-white\/10:focus{
  background-color: rgb(255 255 255 / 0.1);
}

.dark .dark\:focus\:text-left:focus{
  text-align: left;
}

.dark .dark\:focus\:text-primary-400:focus{
  --tw-text-opacity: 1;
  color: rgb(128 146 255 / var(--tw-text-opacity));
}

.dark .dark\:focus\:text-\[\#3b71ca\]:focus{
  --tw-text-opacity: 1;
  color: rgb(59 113 202 / var(--tw-text-opacity));
}

.dark .group:hover .dark\:group-hover\:bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark .group[data-te-datepicker-cell-current] .dark\:group-\[\[data-te-datepicker-cell-current\]\]\:border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.dark .group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .dark\:group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.dark .group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .dark\:group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.dark .peer:focus ~ .dark\:peer-focus\:text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dark .dark\:data-\[te-input-disabled\]\:bg-zinc-600[data-te-input-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}

.dark .dark\:data-\[te-input-state-active\]\:bg-white\/30[data-te-input-state-active]{
  background-color: rgb(255 255 255 / 0.3);
}

.dark .dark\:data-\[te-select-option-selected\]\:data-\[te-input-state-active\]\:bg-white\/30[data-te-input-state-active][data-te-select-option-selected]{
  background-color: rgb(255 255 255 / 0.3);
}

.dark .dark\:data-\[te-input-multiple-active\]\:bg-white\/30[data-te-input-multiple-active]{
  background-color: rgb(255 255 255 / 0.3);
}

.dark .dark\:data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled]{
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

@media (min-width: 320px){
  @media (max-width: 825px){
    @media (orientation: landscape){
      .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto{
        height: auto;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\]{
        min-height: auto;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\]{
        min-height: 305px;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\]{
        min-width: auto;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row{
        flex-direction: row !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col{
        flex-direction: column;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around{
        justify-content: space-around !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto{
        overflow-y: auto;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg{
        border-radius: 0.5rem;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none{
        border-top-right-radius: 0px;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none{
        border-bottom-left-radius: 0px;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg{
        border-bottom-left-radius: 0.5rem;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\]{
        padding: 10px;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:pr-\[10px\]{
        padding-right: 10px;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl{
        font-size: 3rem;
        line-height: 1;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\]{
        font-size: 3rem;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal{
        font-weight: 400;
      }
    }
  }
}

@media (min-width: 640px){
  .sm\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  @media (min-width: 640px){
    .sm\:container{
      max-width: 640px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  @media (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  @media (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  .sm\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:mr-4{
    margin-right: 1rem;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:max-w-\[604px\]{
    max-width: 604px;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\:text-center{
    text-align: center;
  }

  .sm\:font-bold{
    font-weight: 700;
  }

  .sm\:tabular-nums{
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .sm\:shadow-md{
    --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);
  }

  .sm\:active\:shadow-md:active{
    --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);
  }

  @media (prefers-reduced-motion: no-preference){
    .group:active .sm\:motion-safe\:group-active\:focus\:opacity-10:focus{
      opacity: 0.1;
    }
  }
}

@media (min-width: 768px){
  @media (min-width: 640px){
    .md\:sm\:text-center{
      text-align: center;
    }
  }

  .md\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  @media (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  .md\:inset-0{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .md\:top-\[140px\]{
    top: 140px;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:ml-0{
    margin-left: 0px;
  }

  .md\:mr-0{
    margin-right: 0px;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mt-3{
    margin-top: 0.75rem;
  }

  .md\:mr-2{
    margin-right: 0.5rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:h-1\/2{
    height: 50%;
  }

  .md\:h-\[186px\]{
    height: 186px;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-12{
    height: 3rem;
  }

  .md\:min-h-\[300px\]{
    min-height: 300px;
  }

  .md\:w-\[calc\(100\%-320px\)\]{
    width: calc(100% - 320px);
  }

  .md\:w-\[186px\]{
    width: 186px;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-12{
    width: 3rem;
  }

  .md\:max-w-4xl{
    max-width: 56rem;
  }

  .md\:max-w-\[345px\]{
    max-width: 345px;
  }

  .md\:max-w-\[720px\]{
    max-width: 720px;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\: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)));
  }

  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:pt-\[84px\]{
    padding-top: 84px;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:pr-0{
    padding-right: 0px;
  }

  .md\:text-center{
    text-align: center;
  }

  .md\:text-start{
    text-align: start;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:font-bold{
    font-weight: 700;
  }

  .md\:opacity-50{
    opacity: 0.5;
  }

  .md\:shadow-sm{
    --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);
  }

  .md\:shadow-md{
    --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);
  }

  .md\:hover\:text-center:hover{
    text-align: center;
  }

  .md\:hover\:text-right:hover{
    text-align: right;
  }

  .md\:hover\:opacity-20:hover{
    opacity: 0.2;
  }

  .group:focus .md\:group-focus\:shadow-md{
    --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);
  }

  [dir="ltr"] .ltr\:md\:right-\[-29px\]{
    right: -29px;
  }

  [dir="ltr"] .ltr\:md\:text-right{
    text-align: right;
  }

  [dir="ltr"] .ltr\:md\:text-start{
    text-align: start;
  }

  [dir="rtl"] .rtl\:md\:left-\[-29px\]{
    left: -29px;
  }

  [dir="rtl"] .rtl\:md\:text-right{
    text-align: right;
  }

  [dir="rtl"] .rtl\:md\:text-end{
    text-align: end;
  }

  @media (prefers-reduced-motion: no-preference){
    .md\:motion-safe\:hover\:transition:hover{
      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;
    }
  }
}

@media (min-width: 1024px){
  .lg\:top-0{
    top: 0px;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:h-\[32px\]{
    height: 32px;
  }

  .lg\:h-8{
    height: 2rem;
  }

  .lg\:min-h-full{
    min-height: 100%;
  }

  .lg\:w-\[576px\]{
    width: 576px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-\[32px\]{
    width: 32px;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:max-w-\[360px\]{
    max-width: 360px;
  }

  .lg\:max-w-\[972px\]{
    max-width: 972px;
  }

  .lg\:grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\]{
    grid-template-columns: 200px repeat(auto-fill,minmax(15%,100px)) 300px;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:bg-slate-100{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:text-center{
    text-align: center;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:font-bold{
    font-weight: 700;
  }

  .lg\:\!opacity-50{
    opacity: 0.5 !important;
  }

  .lg\:shadow-md{
    --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);
  }

  [dir="rtl"] .lg\:rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 1;
  }

  .dark .lg\:dark\:bg-slate-900{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  }

  .dark .lg\:dark\:shadow-md{
    --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);
  }
}

@media (min-width: 1280px){
  .xl\:fixed{
    position: fixed;
  }

  .xl\:absolute{
    position: absolute;
  }

  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:mr-8{
    margin-right: 2rem;
  }

  .xl\:inline-block{
    display: inline-block;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:max-w-full{
    max-width: 100%;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:text-\[70px\]{
    font-size: 70px;
  }

  .xl\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .xl\:leading-\[70px\]{
    line-height: 70px;
  }

  .xl\:text-slate-400{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
  }

  .xl\:shadow-md{
    --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);
  }

  .xl\:focus\:disabled\:\!float-right:disabled:focus{
    float: right !important;
  }
}

@media (min-width: 1536px){
  .\32xl\:bottom-\[-160px\]{
    bottom: -160px;
  }

  .\32xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .\32xl\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .\32xl\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .\32xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .\32xl\:mb-10{
    margin-bottom: 2.5rem;
  }

  .\32xl\:mt-12{
    margin-top: 3rem;
  }

  .\32xl\:w-\[107px\]{
    width: 107px;
  }

  .\32xl\:max-w-\[1400px\]{
    max-width: 1400px;
  }

  .\32xl\:shadow-md{
    --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);
  }

  @media (prefers-reduced-motion: no-preference){
    .dark .\32xl\:dark\:motion-safe\:focus-within\:shadow-md:focus-within{
      --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);
    }
  }
}

@media (orientation: portrait){
  .portrait\:text-center{
    text-align: center;
  }
}

@media not all and (min-width: 768px){
  @media (orientation: landscape){
    .max-md\:landscape\:h-8{
      height: 2rem;
    }
  }
}

.\[\&\>svg\]\:mx-auto>svg{
  margin-left: auto;
  margin-right: auto;
}

.\[\&\>svg\]\:h-4>svg{
  height: 1rem;
}

.\[\&\>svg\]\:h-5>svg{
  height: 1.25rem;
}

.\[\&\>svg\]\:w-4>svg{
  width: 1rem;
}

.\[\&\>svg\]\:w-5>svg{
  width: 1.25rem;
}

.\[\&\>svg\]\:rotate-180>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));
}

.\[\&\>svg\]\:fill-neutral-500>svg{
  fill: #737373;
}

.dark .dark\:\[\&\>svg\]\:fill-white>svg{
  fill: #fff;
}

.\[\&\.ps--clicking\]\:bg-\[\#eee\].ps--clicking{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking{
  opacity: 0.9 !important;
}

.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar{
  height: 0.25rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar{
  width: 0.25rem;
}

.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button{
  display: block;
}

.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button{
  height: 0px;
}

.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button{
  background-color: transparent;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece{
  border-radius: 0px;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-l::-webkit-scrollbar-track-piece{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece{
  background-color: transparent;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb{
  height: 50px;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb{
  border-radius: 0.25rem;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::-moz-placeholder{
  opacity: 0;
}

.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::placeholder{
  opacity: 0;
}

.dark .dark\:hover\:\[\&\:not\(\[data-te-select-option-disabled\]\)\]\:bg-white\/30:not([data-te-select-option-disabled]):hover{
  background-color: rgb(255 255 255 / 0.3);
}

.profile-svg {
  background-color: inherit;
  color: inherit;
  height: 2rem;
  width: 2rem;
  font-weight: 700;
}

:is(.dark .profile-svg) {
  background-color: inherit;
  color: inherit;
}

.profile-svg {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"  viewBox="0 0 50 50"%3E%3Cpath fill="currentColor" d="M25.1 42c-9.4 0-17-7.6-17-17s7.6-17 17-17s17 7.6 17 17s-7.7 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15s15-6.7 15-15s-6.8-15-15-15z"%2F%3E%3Cpath fill="currentColor" d="m15.3 37.3l-1.8-.8c.5-1.2 2.1-1.9 3.8-2.7c1.7-.8 3.8-1.7 3.8-2.8v-1.5c-.6-.5-1.6-1.6-1.8-3.2c-.5-.5-1.3-1.4-1.3-2.6c0-.7.3-1.3.5-1.7c-.2-.8-.4-2.3-.4-3.5c0-3.9 2.7-6.5 7-6.5c1.2 0 2.7.3 3.5 1.2c1.9.4 3.5 2.6 3.5 5.3c0 1.7-.3 3.1-.5 3.8c.2.3.4.8.4 1.4c0 1.3-.7 2.2-1.3 2.6c-.2 1.6-1.1 2.6-1.7 3.1V31c0 .9 1.8 1.6 3.4 2.2c1.9.7 3.9 1.5 4.6 3.1l-1.9.7c-.3-.8-1.9-1.4-3.4-1.9c-2.2-.8-4.7-1.7-4.7-4v-2.6l.5-.3s1.2-.8 1.2-2.4v-.7l.6-.3c.1 0 .6-.3.6-1.1c0-.2-.2-.5-.3-.6l-.4-.4l.2-.5s.5-1.6.5-3.6c0-1.9-1.1-3.3-2-3.3h-.6l-.3-.5c0-.4-.7-.8-1.9-.8c-3.1 0-5 1.7-5 4.5c0 1.3.5 3.5.5 3.5l.1.5l-.4.5c-.1 0-.3.3-.3.7c0 .5.6 1.1.9 1.3l.4.3v.5c0 1.5 1.3 2.3 1.3 2.4l.5.3v2.6c0 2.4-2.6 3.6-5 4.6c-1.1.4-2.6 1.1-2.8 1.6z"%2F%3E%3C%2Fsvg%3E');
}

.code-misstion-svg {
  background-color: inherit;
  color: inherit;
  height: 1.75rem;
  width: 1.75rem;
  font-weight: 700;
}

:is(.dark .code-misstion-svg) {
  background-color: inherit;
  color: inherit;
}

.code-misstion-svg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z' /%3E%3C/svg%3E%0A");
}

.map-mark-svg {
  height: 1.5rem;
  width: 1.5rem;
  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: 300ms;
}

.map-mark-svg:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
}

.map-mark-svg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpolygon style='fill:%23FFDB8A;' points='216.957,393.085 173.383,173.404 40.851,134.078 8.17,124.383 8.17,289.595 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFCD60;' points='173.383,338.617 8.17,289.595 8.17,454.808 173.383,503.829 206.064,421.223 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFBE35;' points='503.83,338.617 503.83,503.829 471.149,494.134 449.362,296.24 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFCD60;' points='471.149,328.921 471.149,494.134 338.606,454.808 295.032,246.021 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFBE35;' points='338.606,289.595 338.606,454.808 173.383,503.829 173.383,338.617 255.995,282.364 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFCD60;' points='503.83,173.404 503.83,338.617 471.149,328.921 449.362,246.315 471.149,163.709 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFDB8A;' points='471.149,163.709 471.149,328.921 338.606,289.595 305.925,206.989 338.606,124.383 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23FFCD60;' points='338.606,124.383 338.606,289.595 173.383,338.617 173.383,173.404 '%3E%3C/polygon%3E%3Cpath style='fill:%23E02E00;' d='M338.607,8.17v248.743c0,0,92.596-92.467,92.596-156.147C431.203,49.708,389.665,8.17,338.607,8.17z'%3E%3C/path%3E%3Cpath style='fill:%23FF4719;' d='M338.607,8.17c-51.057,0-92.596,41.538-92.596,92.596c0,63.68,92.596,156.147,92.596,156.147 s70.809-92.467,70.809-156.147C409.416,49.708,377.651,8.17,338.607,8.17z'%3E%3C/path%3E%3Cpath style='fill:%23FFFFFF;' d='M338.607,149.787c-27.03,0-49.021-21.991-49.021-49.021s21.991-49.021,49.021-49.021 c27.03,0,49.021,21.991,49.021,49.021S365.638,149.787,338.607,149.787z'%3E%3C/path%3E%3Cpath d='M512,338.48V173.4c0-3.617-2.379-6.804-5.845-7.833l-76.378-22.661c5.912-14.461,9.597-28.815,9.597-42.141 c0-55.562-45.203-100.765-100.766-100.765S237.841,45.204,237.841,100.765c0,13.326,3.685,27.68,9.597,42.141l-74.054,21.971 L10.494,116.545c-2.471-0.731-5.144-0.256-7.21,1.285C1.217,119.373,0,121.8,0,124.378v165.287c0,0.02,0,0.04,0,0.06v165.083 c0,3.617,2.378,6.804,5.847,7.833l165.092,48.985c0.016,0.004,0.032,0.009,0.048,0.014l0.075,0.023 c0.026,0.008,0.053,0.01,0.08,0.017c0.304,0.087,0.615,0.154,0.934,0.205c0.085,0.014,0.17,0.028,0.256,0.039 c0.342,0.044,0.688,0.074,1.041,0.075c0.009,0,0.016,0,0.025,0c0.355-0.001,0.702-0.031,1.045-0.075 c0.085-0.011,0.169-0.025,0.254-0.039c0.318-0.051,0.631-0.119,0.936-0.206c0.026-0.008,0.053-0.01,0.078-0.017l0.075-0.023 c0.016-0.004,0.032-0.009,0.048-0.014l159.464-47.313c1.013,0.45,2.131,0.705,3.311,0.705c1.18,0,2.299-0.255,3.311-0.705 l159.587,47.349c0.764,0.225,1.546,0.338,2.325,0.338c1.741,0,3.459-0.557,4.887-1.623c2.065-1.543,3.283-3.97,3.283-6.547V338.546 C512,338.524,512,338.502,512,338.48z M495.66,179.497v148.171l-148.882-44.173v-23.238c10.654-10.97,52.494-55.552,76.12-102.347 L495.66,179.497z M338.607,16.34c46.552,0,84.426,37.873,84.426,84.424c0,13.27-4.439,28.048-11.341,43.012 c-0.342,0.547-0.624,1.143-0.834,1.781c-19.686,41.557-57.766,84.15-72.25,99.56c-14.484-15.41-52.564-58.004-72.25-99.561 c-0.21-0.637-0.491-1.232-0.833-1.778c-6.903-14.966-11.342-29.745-11.342-43.016C254.182,54.213,292.056,16.34,338.607,16.34z M330.437,260.256v23.238l-148.882,44.174v-148.17l72.762-21.588C277.944,204.705,319.783,249.286,330.437,260.256z M16.34,300.539 l56.449,16.749c0.776,0.23,1.558,0.34,2.327,0.34c3.524,0,6.776-2.297,7.829-5.849c1.284-4.326-1.182-8.873-5.509-10.156 L16.34,283.495V135.324l148.874,44.174v148.171l-56.447-16.749c-4.325-1.285-8.873,1.182-10.156,5.509 c-1.284,4.326,1.182,8.873,5.509,10.156l61.096,18.129v148.17L16.34,448.71V300.539z M346.778,448.71v-59.149 c0-4.512-3.658-8.17-8.17-8.17c-4.513,0-8.17,3.658-8.17,8.17v59.149l-148.882,44.173v-148.17l148.882-44.174v56.341 c0,4.512,3.657,8.17,8.17,8.17c4.512,0,8.17-3.658,8.17-8.17v-56.341l148.882,44.174v148.171L346.778,448.71z'%3E%3C/path%3E%3Cpath d='M338.607,157.957c31.535,0,57.191-25.656,57.191-57.191c0-31.535-25.657-57.191-57.191-57.191s-57.191,25.656-57.191,57.191 C281.416,132.3,307.073,157.957,338.607,157.957z M338.607,59.914c22.526,0,40.851,18.325,40.851,40.851 s-18.325,40.851-40.851,40.851c-22.526,0-40.851-18.325-40.851-40.851S316.082,59.914,338.607,59.914z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
}

.btn-edit-svg {
  padding: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.btn-edit-svg:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.btn-edit-delete {
  padding: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.btn-edit-delete:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

/* Animation of Loading in POP UI API*/

.time-loading {
  --c1:#4669fa;
  --c2: rgb(180 194 253);
  width: 50px;
  height: 100px;
  border-top: 4px solid var(--c1);
  border-bottom: 4px solid var(--c1);
  background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px,var(--c1) 0) 50%/7px 8px no-repeat;
  display: grid;
  overflow: hidden;
  animation: l5-0 2s infinite linear;
}

.dark .time-loading {
  --c1:#0e1634;
  --c2: #223045;
  width: 50px;
  height: 100px;
  border-top: 4px solid var(--c1);
  border-bottom: 4px solid var(--c1);
  background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px,var(--c1) 0) 50%/7px 8px no-repeat;
  display: grid;
  overflow: hidden;
  animation: l5-0 2s infinite linear;
}

.time-loading::before,
  .time-loading::after {
  content: "";
  grid-area: 1/1;
  width: 75%;
  height: calc(50% - 4px);
  margin: 0 auto;
  border: 2px solid var(--c1);
  border-top: 0;
  box-sizing: content-box;
  border-radius: 0 0 40% 40%;
  -webkit-mask: 
      linear-gradient(#000 0 0) bottom/4px 2px no-repeat,
      linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background: 
      linear-gradient(var(--d,0deg),var(--c2) 50%,#0000 0) bottom /100% 205%,
      linear-gradient(var(--c2) 0 0) center/0 100%;
  background-repeat: no-repeat;
  animation: inherit;
  animation-name: l5-1;
}

.time-loading::after {
  transform-origin: 50% calc(100% + 2px);
  transform: scaleY(-1);
  --s:3px;
  --d:180deg;
}

@keyframes l5-0 {
  80%  {
    transform: rotate(0)
  }

  100% {
    transform: rotate(0.5turn)
  }
}

@keyframes l5-1 {
  10%,70%  {
    background-size:100% 205%,var(--s,0) 100%
  }

  70%,100% {
    background-position: top,center
  }
}

/*loading of tabels above */

.table-loading 
  {
  width: 27px;
  aspect-ratio:1;
  border-radius: 50%;
  background: 
      radial-gradient(farthest-side,#2a53fa 94%,#0000) top/6px 6px no-repeat,
      conic-gradient(#0000 30%,#e8e8e9);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
  animation: l13 0.8s infinite linear;
}

@keyframes l13{
  100%{
    transform: rotate(1turn)
  }
}

.table-pure-loading 
  {
  width: 27px;
  aspect-ratio:1;
  border-radius: 50%;
  background: 
      radial-gradient(farthest-side,#2a53fa 94%,#0000) top/6px 6px no-repeat,
      conic-gradient(#0000 30%,#7c7c93);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
  animation: l13 0.8s infinite linear;
}

@keyframes l13{
  100%{
    transform: rotate(1turn)
  }
}

/*loading of small screens */

.mini-loader {
  width: 120px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-right-color: #496bf3;
  animation: l15 1s infinite linear;
}

.mini-loader::before,
  .mini-loader::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: l15 2s infinite;
}

.mini-loader::after {
  margin: 8px;
  animation-duration: 3s;
}

@keyframes l15{
  100%{
    transform: rotate(1turn)
  }
}

/*
unUsed Search of Map Tasks By Id
  .hidden-search {
    @apply relative flex items-center w-full h-12 rounded-lg focus-within:shadow-lg overflow-hidden border-2 border-sky-700/80 ;
  }
  .hidden-search input {
    @apply w-full outline-none text-xl text-slate-500 bg-inherit pr-10 text-center ;
  }
  .hidden-load-remove {
    @apply grid place-items-center h-full w-8 mx-2 text-gray-800 ;
  }
  .hidden-load-in {
    @apply grid place-items-center h-full w-9 mt-3 mx-2 text-gray-800;
  }
  
  */

/* Loading Progress Bar */

.shim-blue {
  position: relative;
  overflow: hidden;
  background-color: rgba(115, 142, 251, 0.689);
}

.shim-blue::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  background-image: linear-gradient(
      90deg,
      rgba(233, 233, 233, 1) 0,
      rgba(233, 233, 233, 0.9) 50%,
      rgba(233, 233, 233, 0.8) 100%
    );
  animation: shimmer 1.5s ease-out infinite;
  content: "";
}

@keyframes shimmer {
  100% {
    transform: translateX(0%);
    opacity: 0;
  }
}

/* Table of Fals*/

.table-form {
  min-width: 100%;
}

.table-form > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.table-form{
  min-width: 100%;
}

.table-form > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.table-form thead {
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.table-form th {
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(159 166 178 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.table-form tbody tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-form tbody tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.table-form tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.table-form td {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  white-space: nowrap;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* Table of Dashboard*/

.table-hero {
  min-width: 100%;
}

.table-hero > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.table-hero{
  min-width: 100%;
}

.table-hero > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.table-hero thead {
  background-color: inherit;
  color: rgb(71 85 105 / 0.6);
}

.table-hero th {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
}

.table-hero tbody tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-hero tbody tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.table-hero tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.table-hero td {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* Sheet Input Form*/

.sheet-input {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.sheet-input span {
  display: flex;
  justify-content: space-between;
}

.sheet-input label {
  margin-bottom: 0.125rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dark .sheet-input label{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .sheet-input label) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sheet-input input {
  border-color: rgb(159 166 178 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.sheet-submit {
  cursor: pointer;
  align-self: center;
  text-align: center;
}

.sheet-submit #btn {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sheet-submit #btn:hover {
  background-color: rgb(34 197 94 / 0.9);
}

.sheet-submit #btn-body {
  background-color: rgb(34 197 94 / 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 0.25rem;
}

.sheet-submit label {
  align-self: center;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*  CHARTS CONFIGRATION 2*/

.chart-container {
  gap: 3rem;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: 1rem;
}

@media (min-width: 1024px){
  .chart-container{
    margin-left: 2rem;
    margin-right: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.chart-wrapper {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-color: #a1a1aa;
  --tw-shadow: var(--tw-shadow-colored);
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-clip: border-box;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  --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);
}

.chart-blue {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-color: rgb(59 130 246 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  --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);
  height: 22rem;
}

.chart-orange {
  background-color: inherit;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  height: 22rem;
}

/*  CHARTS PERCENT LABELS % */

.percent {
  border-color: rgb(203 213 225 / 0.8);
  border-top-width: 1px;
  padding: 1.25rem;
}

.percent h5 {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1.625;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.percent h6 {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Hidden Search Bar*/

.hidden-search {
  border-color: rgb(56 189 248 / 0.8);
  position: relative;
  display: flex;
  height: 3rem;
  width: 100%;
  align-items: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 2px;
}

.hidden-search:focus-within {
  --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);
}

.hidden-search input {
  background-color: inherit;
  padding-right: 2.5rem;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hidden-load-remove {
  place-items: center;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  display: grid;
  height: 100%;
  width: 3rem;
}

.hidden-load-in {
  place-items: center;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: grid;
  height: 100%;
  width: 2rem;
}

.hidden-result-wrap {
  max-height: 20rem;
  background-color: inherit;
  margin-top: 0.5rem;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: auto;
}

.hidden-result-gray {
  border-color: rgb(104 118 138 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hidden-result-gray:hover {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  color: rgb(226 232 240 / 0.9);
}

.hidden-result-red {
  border-color: rgb(104 118 138 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hidden-result-red:hover {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  color: rgb(253 164 175 / 0.9);
}

/* width */

::-webkit-scrollbar {
  width: 6px;
}

/* Track */

::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #3F5EDF;
  border-radius: 9px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #2A3F96;
}

.custom-hieght{
  height: 22.35rem;
  /* 320px */
}

/* Global Configration */

.form-control[custom-date]{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.dark .form-control[custom-date] {
  --tw-bg-opacity: 1;
  color: rgb(222 222 222 / var(--tw-text-opacity));
}

/* Side Bar Configration */

.erp-nav-wrapper {
  position:fixed;
  overflow-y: auto;
  top: 0px;
  z-index: 999;
  height:100vh;
  width: 248px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 );
  --tw-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 0.5px 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);
}

.erp-nav-wrapper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.bar-log {
  padding: 0.875rem;
  display: block;
}

@media (min-width: 1280px) {
  .bar-log {
    padding: 1.5rem;
  }
}

.bar-log a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bar-log span {
  font-family: Cairo, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

[dir="ltr"] .bar-log span{
  margin-left: 0.75rem;
}

[dir="rtl"] .bar-log span{
  margin-right: 0.75rem;
}

.dark .bar-log span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .bar-log span) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.bar-log span:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 0.75rem;
}

.bar-log span:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.75rem;
}

.bar-log img {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
}

/********/

.bar-head {
  margin: 0.75rem;
}

.bar-head li {
  color: rgb(71 85 105 / 0.8);
  font-size: 0.75rem;
  line-height: 1rem;
}

/********/

.bar-menu button {
  display: flex;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  border-radius: 0.375rem;
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  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: 300ms;
}

.bar-menu button:hover{
  background-color: rgb(63 94 223 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.bar-menu div {
  display: flex;
}

.bar-menu div svg {
  margin-left: 1rem;
  height: 1.25rem;
  width: 1.25rem;
  align-self: center;
}

.bar-menu div span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.bar-menu-span {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  border-radius: 9999px;
  padding: 0.25rem;
}

.bar-menu-span svg {
  height: 0.875rem;
  width: 0.875rem;
  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;
}

.bar-menu ul {
  color: rgb(159 166 178 / 0.9);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
  margin-bottom: 0.25rem;
  list-style-type: disc;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bar-menu li {
  margin-right: 2.5rem;
  padding: 0.375rem;
}

.bar-menu li:hover {
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
}

.li-active {
  text-underline-offset:5.5px;
  margin-right: 2.5rem;
  text-decoration-color: rgb(239 68 68 / 0.4);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  padding: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.li-active:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.bar-btn-on {
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  display: flex;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  padding: 0.75rem;
  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: 300ms;
}

.bar-btn-on:hover {
  background-color: rgb(70 105 250 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
}

.bar-btn-off {
  display: flex;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  border-radius: 0.375rem;
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  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: 300ms;
}

.bar-btn-off:hover {
  background-color: rgb(70 105 250 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
}

.bar-btn-svg {
  display: flex;
}

.bar-btn-svg svg {
  margin-left: 1rem;
  height: 1.25rem;
  width: 1.25rem;
  align-self: center;
}

.bar-btn-svg span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.sidebar-company {
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 6rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-company img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: -73px;
}

.sidebar-company div {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 160px;
}

.sidebar-company h5 {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-company h6 {
  line-height: 70px ;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Tabels Configration */

.table-wrap {
  display: inline-block;
  min-width: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.table-wrap table {
  min-width: 100%;
  table-layout: fixed;
}

.table-wrap table > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-wrap table {
  font-family: Noto Naskh Arabic, sans-serif;
  min-width: 100%;
  table-layout: fixed;
}

.table-wrap table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.dark .table-wrap table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

:is(.dark .table-wrap table) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.table-wrap thead {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-wrap thead{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap thead) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-wrap th {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  white-space: nowrap;
  border-width: 1px;
  padding: 0.75rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.dark .table-wrap th{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .table-wrap th) {
  border-color: rgb(210 214 220 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.table-wrap tbody > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-wrap tbody {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .table-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.dark .table-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

:is(.dark .table-wrap tbody) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody > tr:nth-child(even)) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody > tr:hover) {
  background-color: rgb(51 65 85 / 0.7);
}

.table-wrap td {
  border-color: rgb(159 166 178 / 0.7);
  white-space: nowrap;
  border-width: 1px;
  --tw-border-opacity: 1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom:0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .table-wrap td{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

:is(.dark .table-wrap td) {
  border-color: rgb(104 118 138 / 0.5);
}

.table-wrap span {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* Tabels Of Small PopOut Configration */

.table-mini-wrap {
  display: inline-block;
  min-width: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.table-mini-wrap table {
  min-width: 100%;
  table-layout: fixed;
}

.table-mini-wrap table > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-mini-wrap table {
  font-family: Noto Naskh Arabic, sans-serif;
  min-width: 100%;
  table-layout: fixed;
}

.table-mini-wrap table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.dark .table-mini-wrap table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

:is(.dark .table-mini-wrap table) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.table-mini-wrap thead {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-mini-wrap thead{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-mini-wrap thead) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-mini-wrap th {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  font-family: Cairo, sans-serif;
  white-space: nowrap;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.dark .table-mini-wrap th{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .table-mini-wrap th) {
  border-color: rgb(210 214 220 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.table-mini-wrap tbody > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-mini-wrap tbody {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-mini-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-mini-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .table-mini-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.dark .table-mini-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .table-mini-wrap tbody) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

:is(.dark .table-mini-wrap tbody) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.table-mini-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-mini-wrap tbody > tr:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-mini-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-mini-wrap tbody > tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-mini-wrap tbody > tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

:is(.dark .table-mini-wrap tbody > tr:nth-child(even)) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-mini-wrap tbody > tr:hover) {
  background-color: rgb(51 65 85 / 0.7);
}

.table-mini-wrap td {
  border-color: rgb(159 166 178 / 0.7);
  white-space: nowrap;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0px;
  text-align: right;
}

.dark .table-mini-wrap td{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .table-mini-wrap td) {
  border-color: rgb(104 118 138 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.table-mini-wrap span {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* Paginator Configration */

.pages-list {
  display: none;
  justify-content: center;
}

.flatpickr-day.pages-list{
  visibility:hidden
}

.pages-list{
  display: none;
  justify-content: center;
}

@media (min-width: 1024px){
  .pages-list{
    display: flex;
  }
}

.pages-list ul {
  display: inline-block;
  list-style-type: none;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.dark .pages-list ul{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .pages-list ul) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.pages-list li {
  display: inline-block;
}

.page-1-on {
  top: 3.5px;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.page-1-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-1-on{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-1-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .page-1-on{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-1-on:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-1-on) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-1-on:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .page-1-on {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-1-off {
  top: 3.5px;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: not-allowed;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dark .page-1-off{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .page-1-off{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

:is(.dark .page-1-off) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .page-1-off {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-ele {
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: not-allowed;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dark .page-ele{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .page-ele{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

:is(.dark .page-ele) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .page-ele {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-in-on {
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.page-in-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-in-on{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-in-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .page-in-on{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-in-on:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-in-on) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-in-on:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .page-in-on {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-in-off {
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.page-in-off:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-in-off{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .page-in-off{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-in-off:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-in-off) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .page-in-off {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-las-on {
  top: 3.5px;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.page-las-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-las-on{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .page-las-on:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .page-las-on{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-las-on:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-las-on) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .page-las-on:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .page-las-on {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.page-las-off {
  top: 2.5px;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: not-allowed;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.dark .page-las-off{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .page-las-off{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

:is(.dark .page-las-off) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .page-las-off {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.smal-lbl {
  font-size:  15px ;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.smal-lbl span {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: 600;
}

:is(.dark .smal-lbl span) {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}

/* Labels Configration */

.inp-selct {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 768px){
  .inp-selct{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .inp-selct{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .inp-selct{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .inp-selct {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .inp-selct {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .inp-selct {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.inp-selct label {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}

.inp-selct span {
  position: relative;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex: none;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir="ltr"] .inp-selct span{
  margin-right: 0.75rem;
}

[dir="rtl"] .inp-selct span{
  margin-left: 0.75rem;
}

.dark .inp-selct span{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .inp-selct span) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.inp-selct span:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.75rem;
}

.inp-selct span:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.75rem;
}

.inp-selct img {
  margin: auto;
  display: block;
  height: 10px;
  width: 10px;
  opacity: 0;
}

.inp-selct h4 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dark .inp-selct h4{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

:is(.dark .inp-selct h4) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.label-save-btn {
  display: flex;
  gap: 0.5rem;
}

.label-save-btn button {
  font-family: Noto Naskh Arabic, sans-serif;
  color: rgb(4 120 87 / 0.9);
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-line: underline;
}

.label-save-btn button:hover {
  color: rgb(4 120 87 / 0.7);
}

:is(.dark .label-save-btn button) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}

:is(.dark .label-save-btn button:hover) {
  color: rgb(52 211 153 / 0.8);
}

.label-save-btn  svg {
  height: 1.5rem;
  width: 1.5rem;
}

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(1, 1, 0.95) rotate3d(0, 0, 1, -10deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
  }

  40%, 60%, 80% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.label-save-btn  svg {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
  height: 1.5rem;
  width: 1.5rem;
  animation: tada 1.5s ease-in-out infinite;
}

/* PDF Configration */

.pdf-dwl {
  margin-right: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 190 56 / var(--tw-bg-opacity));
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px 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: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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;
}

.pdf-dwl:hover {
  background-color: rgb(247 190 56 / 0.9);
  --tw-shadow-color: rgb(159 166 178 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .pdf-dwl) {
  --tw-shadow-color: #71717a;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .pdf-dwl:hover) {
  --tw-shadow-color: rgb(113 113 122 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

.pdf-dwl span {
  padding-top: 0.125rem;
}

.pdf-icon {
  position: relative;
  top: 1px;
  margin-right: 0.5rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.pdf-icon {
  animation: spin 3s linear infinite;
  position: relative;
  top: 1px;
  margin-right: 0.5rem;
  align-self: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* Custom Button Configration */

.btn-dwl {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px 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: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  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;
}

.btn-dwl:hover {
  background-color: rgb(70 105 250 / 0.9);
  --tw-shadow-color: rgb(159 166 178 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-dwl) {
  --tw-shadow-color: #71717a;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-dwl:hover) {
  --tw-shadow-color: rgb(113 113 122 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-dwl span {
  align-self: center;
  padding-left: 0.5rem;
}

.btn-dwl svg {
  margin-left: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  align-self: center;
}

/* Custom Button Configration */

.btn-red {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px 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: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 89 92 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  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;
}

.btn-red:hover {
  background-color: rgb(241 89 92 / 0.9);
  --tw-shadow-color: rgb(159 166 178 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-red) {
  --tw-shadow-color: #71717a;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-red:hover) {
  --tw-shadow-color: rgb(113 113 122 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-red span {
  align-self: center;
  padding-left: 0.5rem;
}

.btn-red svg {
  margin-left: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  align-self: center;
}

/* Custom Button Form Configration */

.btn-form {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px 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: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  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;
}

.btn-form:hover {
  background-color: rgb(70 105 250 / 0.9);
  --tw-shadow-color: rgb(104 118 138 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-form) {
  --tw-shadow-color: #52525b;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-form:hover) {
  --tw-shadow-color: #3f3f46;
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-form span {
  align-self: center;
  padding-right: 0.75rem;
}

.btn-form svg {
  margin-right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  align-self: center;
}

/* Custom Button Submit Configration */

.btn-submit {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  --tw-shadow: rgba(235 233 241, 0.6) 0px 3px 10px 0px;
  --tw-shadow-colored: 0px 3px 10px 0px 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: #9FA6B2;
  --tw-shadow: var(--tw-shadow-colored);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  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;
}

.btn-submit:hover {
  background-color: rgb(22 163 74 / 0.9);
  --tw-shadow-color: rgb(104 118 138 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-submit) {
  --tw-shadow-color: #52525b;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .btn-submit:hover) {
  --tw-shadow-color: #3f3f46;
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-submit span {
  align-self: center;
  padding-right: 0.75rem;
}

.btn-submit svg {
  margin-right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  align-self: center;
}

/* Select-Filters-Bar Configration */

.sel-filtr {
  direction: ltr ;
  display: flex;
  justify-content: space-between;
}

.sel-filtr .btn:first-child{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.sel-filtr .btn:last-child{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.sel-filtr .btn:hover{
  --tw-bg-opacity: 0.1;
}

.sel-filtr .btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(70 105 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sel-filtr svg {
  transition-delay: 100ms;
  height: 1.5rem;
  width: 1.5rem;
  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;
}

.dark .sel-filtr svg{
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.sel-filtr svg:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

:is(.dark .sel-filtr svg) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .sel-filtr svg):hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sel-filtr span {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Modal PopUp Configration */

.pop-p {
  inset: 0px;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  overflow-y: auto;
}

.pop-v {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 5rem;
  text-align: center;
}

@media (min-width: 640px) {
  .pop-v {
    display: block;
    padding: 0px;
  }
}

.pop-t {
  --tw-backdrop-blur: blur(1px);
  -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);
  inset: 0px;
  background-color: rgb(104 118 138 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.pop-4 {
  display: none;
}

.flatpickr-day.pop-4{
  visibility:hidden
}

.pop-4{
  display: none;
}

@media (min-width: 640px) {
  .pop-4 {
    display: inline-block;
    height: 100vh;
    vertical-align: middle;
  }
}

.pop-b {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  position: relative;
  display: inline-block;
  width: 100%;
  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));
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 0px;
  text-align: center;
  vertical-align: middle;
  --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: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 640px) {
  .pop-b {
    max-width: 67%;
  }
}

/* Special Modal PopUp Configration */

.special-nav-modal {
  margin-bottom: -1px;
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

:is(.dark .special-nav-modal) {
  color: rgb(210 214 220 / 0.8);
}

.SMB-act {
  /* Special Modal Button Active */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 2px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(180 194 253 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.SMB-act:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.SMV-act {
  /* Special Modal Svg Active */
  margin-left: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.group:hover .SMV-act {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.SMB-dis {
  /* Special Modal Button Disabeld */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
}

.SMB-dis:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .SMB-dis:hover) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.SMV-dis {
  /* Special Modal Svg Disabeld */
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
  margin-left: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
}

.dark .SMV-dis{
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.group:hover .SMV-dis {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .SMV-dis) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .group:hover .SMV-dis) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

/* Special Modal PopUp Input Configration */

.modal-input {
  position: relative;
}

.modal-input input {
  padding-right: 8rem !important;
}

.modal-input input[type=file]{
  overflow: hidden;
}

.modal-input input[type=file]:not(:disabled):not([readonly]){
  cursor: pointer;
}

.modal-input input:focus{
  box-shadow: 0 0 0 1px rgb(37, 99, 235);
}

.modal-input input::file-selector-button{
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal-input input:hover:not(:disabled):not([readonly])::file-selector-button{
  background-color: #dde0e3;
}

.modal-input input::-webkit-file-upload-button{
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: rgb(55, 65, 81);
  background-color: rgb(243, 244, 246);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal-input input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
  background-color: #dde0e3;
}

.form-floating > .modal-input input{
  height: calc(3.5rem + 2px);
  line-height: 1.25;
  padding: 1rem 0.75rem;
}

.form-floating > .modal-input input::-moz-placeholder{
  color: transparent;
}

.form-floating > .modal-input input::placeholder{
  color: transparent;
}

.form-floating > .modal-input input:focus{
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .modal-input input:not(:-moz-placeholder-shown){
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .modal-input input:not(:placeholder-shown){
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .modal-input input:-webkit-autofill{
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .modal-input input:focus ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .modal-input input:not(:-moz-placeholder-shown) ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .modal-input input:not(:placeholder-shown) ~ label{
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group > .modal-input input{
  width: 1%;
}

.input-group > .modal-input input:focus{
  z-index: 3;
}

.was-validated .modal-input input:valid{
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.modal-input input.is-valid{
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .modal-input input:valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.modal-input input.is-valid:focus{
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.modal-input input:valid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.modal-input input.is-valid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .input-group .modal-input input:valid{
  z-index: 1;
}

.input-group .modal-input input.is-valid{
  z-index: 1;
}

.was-validated .input-group .modal-input input:valid:focus{
  z-index: 3;
}

.input-group .modal-input input.is-valid:focus{
  z-index: 3;
}

.was-validated .modal-input input:invalid{
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.modal-input input.is-invalid{
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .modal-input input:invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.modal-input input.is-invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.modal-input input:invalid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.modal-input input.is-invalid{
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .input-group .modal-input input:invalid{
  z-index: 2;
}

.input-group .modal-input input.is-invalid{
  z-index: 2;
}

.was-validated .input-group .modal-input input:invalid:focus{
  z-index: 3;
}

.input-group .modal-input input.is-invalid:focus{
  z-index: 3;
}

@media (prefers-reduced-motion: reduce){
  .modal-input input::file-selector-button{
    transition: none;
  }

  .modal-input input::-webkit-file-upload-button{
    -webkit-transition: none;
    transition: none;
  }
}

.modal-input input{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-input input::-moz-placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.modal-input input::placeholder{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.modal-input input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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-color: rgb(71 85 105 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.dark .modal-input input{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark .modal-input input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .modal-input input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .modal-input input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
}

.fromGroup.has-error .modal-input input{
  --tw-border-opacity: 1;
  border-color: rgb(241 89 92 / var(--tw-border-opacity));
}

.fromGroup.has-error .modal-input input: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(1px + 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-color: rgb(241 89 92 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.fromGroup.is-valid .modal-input input{
  --tw-border-opacity: 1;
  border-color: rgb(80 199 147 / var(--tw-border-opacity));
}

.fromGroup.is-valid .modal-input input: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(1px + 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-color: rgb(80 199 147 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.9;
}

.modal-input input[readonly]{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.modal-input input[readonly]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.modal-input input[readonly]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark .modal-input input[readonly]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.modal-input input[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.modal-input input[disabled]::-moz-placeholder{
  --tw-text-opacity: 0.6;
}

.modal-input input[disabled]::placeholder{
  --tw-text-opacity: 0.6;
}

.dark .modal-input input[disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.modal-input input[custom-date]{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.dark .modal-input input[custom-date] {
  --tw-bg-opacity: 1;
  color: rgb(222 222 222 / var(--tw-text-opacity));
}

.modal-input span {
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
  position: absolute;
  top: 50%;
  right: 0px;
  display: flex;
  height: 100%;
  --tw-translate-y: -50%;
  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));
  align-items: center;
  justify-content: center;
  border-left-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.dark .modal-input span{
  --tw-border-opacity: 1;
  border-right-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .modal-input span) {
  --tw-border-opacity: 1;
  border-right-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

/* width */

.blue-scroll::-webkit-scrollbar {
  width: 9px;
  height:9px;
}

/* Track */

.blue-scroll::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .blue-scroll::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

/* Handle */

.blue-scroll::-webkit-scrollbar-thumb {
  background-color: rgb(128 146 255 / 0.7);
  border-radius: 5px;
}

.dark .blue-scroll::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
  border-radius: 5px;
}

/* Handle on hover */

.blue-scroll::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(128 146 255 / var(--tw-bg-opacity));
}

.dark .blue-scroll::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(128 146 255 / var(--tw-bg-opacity));
}

/*Input Fields*/

.input {
  display: flex;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

:is(.dark .input) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.input h1 {
  display: inline;
  align-self: center;
  white-space: nowrap;
  background-color: rgb(241 245 249 / 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.flatpickr-calendar.input h1{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input h1{
  display: inline;
  align-self: center;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark .input h1{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .input h1) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.input h3 {
  display: inline;
  align-self: center;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.flatpickr-calendar.input h3{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input h3{
  display: inline;
  align-self: center;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.input input {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: right;
}

.input input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.dark .input input{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.input input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .input input) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .input input):focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input select {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: right;
}

.input select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.dark .input select{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.input select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .input select) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .input select):focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input span {
  padding-left: 0.055rem ;
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.input-show {
  --tw-border-opacity: 1;
  border-color: rgb(159 166 178 / var(--tw-border-opacity));
  display: flex;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .input-show{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.input-show:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

:is(.dark .input-show) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .input-show):hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input-show h5 {
  display: inline;
  align-self: center;
  white-space: nowrap;
  background-color: rgb(226 232 240 / 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.flatpickr-calendar.input-show h5{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input-show h5{
  display: inline;
  align-self: center;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark .input-show h5{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .input-show h5) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.input-show h6 {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  width: 100%;
  align-self: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: right;
  font-size: 1rem;
  line-height: 1.5rem;
}

:is(.dark .input-show h6) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: rgb(210 214 220 / 0.8);
}

/*Input Fields In Forms*/

.input-form {
  border-color: rgb(159 166 178 / 0.7);
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
  display: flex;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

:is(.dark .input-form) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.input-form-h1-blue {
  display: inline;
  align-self: center;
  white-space: nowrap;
  background-color: rgb(241 245 249 / 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.flatpickr-calendar.input-form-h1-blue{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input-form-h1-blue{
  display: inline;
  align-self: center;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark .input-form-h1-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .input-form-h1-blue) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.input-form-h1-red {
  display: inline;
  align-self: center;
  white-space: nowrap;
  background-color: rgb(241 245 249 / 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}

.flatpickr-calendar.input-form-h1-red{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input-form-h1-red{
  display: inline;
  align-self: center;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.dark .input-form-h1-red{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .input-form-h1-red) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.input-form h3 {
  display: inline;
  align-self: center;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.flatpickr-calendar.input-form h3{
  opacity:1;
  max-height:640px;
  visibility:visible;
  display:block;
  position:relative;
  top:2px
}

.input-form h3{
  display: inline;
  align-self: center;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.input-form h5 {
  margin-top: 0.125rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.input-form h5:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.dark .input-form h5{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.input-form h5:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .input-form h5) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .input-form h5):focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input-form input {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: right;
}

.input-form input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.dark .input-form input{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.input-form input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .input-form input) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .input-form input):focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input-form select {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: right;
}

.input-form select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.dark .input-form select{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

.input-form select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .input-form select) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .input-form select):focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.input-form span {
  padding-left: 0.055rem ;
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

/* Tabels Configration */

.table-view {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.table-view thead {
  --tw-bg-opacity: 1;
  background-color: rgb(104 118 138 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 0.80rem ;
}

.table-view th > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.table-view th {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.table-view-button-row {
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  line-height: 1rem;
  font-size: .78rem;
}

.table-view td {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.table-wrap thead {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-wrap thead{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap thead) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-wrap th {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  white-space: nowrap;
  border-width: 1px;
  padding: 0.75rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.dark .table-wrap th{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .table-wrap th) {
  border-color: rgb(210 214 220 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.table-wrap tbody > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-wrap tbody {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.table-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .table-wrap tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.dark .table-wrap tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

:is(.dark .table-wrap tbody) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.dark .table-wrap tbody > tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.table-wrap tbody > tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody > tr:nth-child(even)) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .table-wrap tbody > tr:hover) {
  background-color: rgb(51 65 85 / 0.7);
}

.table-wrap td {
  border-color: rgb(159 166 178 / 0.7);
  white-space: nowrap;
  border-width: 1px;
  --tw-border-opacity: 1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom:0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark .table-wrap td{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

:is(.dark .table-wrap td) {
  border-color: rgb(104 118 138 / 0.5);
}

.table-wrap span {
  font-size: 1rem;
  line-height: 1.5rem;
}

.file\:w-2\/5::file-selector-button {
  width: 40%;
}

.file\:rounded-md::file-selector-button {
  border-radius: 0.375rem;
}

.file\:border-\[0\.2px\]::file-selector-button {
  border-width: 0.2px;
}

.file\:border-gray-400::file-selector-button {
  --tw-border-opacity: 1;
  border-color: rgb(159 166 178 / var(--tw-border-opacity));
}

.file\:bg-inherit::file-selector-button {
  background-color: inherit;
}

.file\:py-0::file-selector-button {
  padding-top: 0px;
  padding-bottom: 0px;
}

.file\:py-0\.5::file-selector-button {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.file\:text-base::file-selector-button {
  font-size: 1rem;
  line-height: 1.5rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:text-gray-600::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.file\:shadow-inner::file-selector-button {
  --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);
}

.file\:shadow-gray-300::file-selector-button {
  --tw-shadow-color: #D2D6DC;
  --tw-shadow: var(--tw-shadow-colored);
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:top-\[60px\]::before {
  content: var(--tw-content);
  top: 60px;
}

.before\:z-\[-1\]::before {
  content: var(--tw-content);
  z-index: -1;
}

.before\:h-\[calc\(100\%-60px\)\]::before {
  content: var(--tw-content);
  height: calc(100% - 60px);
}

.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.before\:rounded::before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}

.before\:bg-gray-200::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.before\:bg-opacity-\[0\.1\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 0.1;
}

.focus-within\:shadow-lg:focus-within {
  --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);
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
}

.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.hover\:border-primary-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(128 146 255 / var(--tw-border-opacity));
}

.hover\:border-primary-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 94 223 / var(--tw-border-opacity));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-600\/80:hover {
  background-color: rgb(5 150 105 / 0.8);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(159 166 178 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.hover\:bg-info-700\/80:hover {
  background-color: rgb(0 122 141 / 0.8);
}

.hover\:bg-orange-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}

.hover\:bg-primary-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 218 254 / var(--tw-bg-opacity));
}

.hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 255 / var(--tw-bg-opacity));
}

.hover\:bg-primary-500\/80:hover {
  background-color: rgb(70 105 250 / 0.8);
}

.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 94 223 / var(--tw-bg-opacity));
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.hover\:bg-red-500\/80:hover {
  background-color: rgb(239 68 68 / 0.8);
}

.hover\:bg-red-500\/90:hover {
  background-color: rgb(239 68 68 / 0.9);
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-success-400\/80:hover {
  background-color: rgb(95 245 177 / 0.8);
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-yellow-400\/90:hover {
  background-color: rgb(250 204 21 / 0.9);
}

.hover\:bg-yellow-500\/80:hover {
  background-color: rgb(234 179 8 / 0.8);
}

.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-primary-50:hover {
  --tw-text-opacity: 1;
  color: rgb(246 248 255 / var(--tw-text-opacity));
}

.hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(70 105 250 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}

.hover\:text-sky-400:hover {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:shadow-xl:hover {
  --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);
}

.hover\:shadow-gray-300:hover {
  --tw-shadow-color: #D2D6DC;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:file\:cursor-pointer::file-selector-button:hover {
  cursor: pointer;
}

.hover\:file\:text-gray-800::file-selector-button:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-indigo-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity));
}

.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.focus\:bg-indigo-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.focus\:text-gray-500:focus {
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.focus\:text-gray-800:focus {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.focus\:text-indigo-800:focus {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2: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(2px + 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);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.active\:bg-gray-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.active\:bg-red-700:active {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.disabled\:border-slate-200:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

.disabled\:text-slate-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.disabled\:opacity-25:disabled {
  opacity: 0.25;
}

.disabled\:hover\:bg-gray-100:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:top-0 {
  top: 0px;
}

.group:hover .group-hover\:h-full {
  height: 100%;
}

.group:hover .group-hover\:-translate-x-0 {
  --tw-translate-x: -0px;
  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));
}

:is(.dark .dark\:block) {
  display: block;
}

:is(.dark .dark\:hidden) {
  display: none;
}

:is(.dark .dark\:border-gray-300) {
  --tw-border-opacity: 1;
  border-color: rgb(210 214 220 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-500) {
  --tw-border-opacity: 1;
  border-color: rgb(104 118 138 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-600) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-700) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-indigo-600) {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-red-600) {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-slate-600) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-slate-700) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-slate-800) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

:is(.dark .dark\:bg-black-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-indigo-900\/50) {
  background-color: rgb(49 46 129 / 0.5);
}

:is(.dark .dark\:bg-red-700\/80) {
  background-color: rgb(185 28 28 / 0.8);
}

:is(.dark .dark\:bg-slate-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-slate-700\/80) {
  background-color: rgb(51 65 85 / 0.8);
}

:is(.dark .dark\:bg-slate-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-slate-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:text-gray-100) {
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-200) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(104 118 138 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-800) {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-indigo-300) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-primary-400) {
  --tw-text-opacity: 1;
  color: rgb(128 146 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-400) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-secondary-600) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-100) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-200) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-300) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-400) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-50) {
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(159 166 178 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(159 166 178 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:shadow-slate-600) {
  --tw-shadow-color: #475569;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .dark\:shadow-slate-700) {
  --tw-shadow-color: #334155;
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .dark\:hover\:border-gray-600:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

:is(.dark .dark\:hover\:border-gray-700:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:hover\:bg-gray-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-900:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-slate-600:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-white:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:text-gray-100:hover) {
  --tw-text-opacity: 1;
  color: rgb(244 245 247 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-300:hover) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-400:hover) {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:border-blue-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-gray-600:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-gray-700:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-indigo-300:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-indigo-600:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:bg-gray-700:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-gray-800:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-gray-900:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-indigo-900:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-white:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:text-gray-200:focus) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:text-gray-300:focus) {
  --tw-text-opacity: 1;
  color: rgb(210 214 220 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:text-gray-400:focus) {
  --tw-text-opacity: 1;
  color: rgb(159 166 178 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:text-indigo-200:focus) {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:ring-blue-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-indigo-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-offset-gray-800:focus) {
  --tw-ring-offset-color: #1E293B;
}

:is(.dark .dark\:active\:bg-gray-300:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(210 214 220 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:ms-10 {
    margin-inline-start: 2.5rem;
  }

  .sm\:ms-6 {
    margin-inline-start: 1.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-screen {
    height: 100vh;
  }

  .sm\:max-w-\[67\%\] {
    max-width: 67%;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  .md\:top-\[140px\] {
    top: 140px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:h-1\/2 {
    height: 50%;
  }

  .md\:h-\[186px\] {
    height: 186px;
  }

  .md\:w-\[186px\] {
    width: 186px;
  }

  .md\:max-w-\[345px\] {
    max-width: 345px;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\: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)));
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:pt-\[84px\] {
    padding-top: 84px;
  }

  .md\:text-start {
    text-align: start;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-8 {
    height: 2rem;
  }

  .lg\:h-\[32px\] {
    height: 32px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-\[32px\] {
    width: 32px;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :is(.dark .lg\:dark\:bg-slate-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1280px) {
  .xl\:mr-\[248px\] {
    margin-right: 248px;
  }

  .xl\:inline-block {
    display: inline-block;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
}

@media (min-width: 1536px) {
  .\32xl\:mb-10 {
    margin-bottom: 2.5rem;
  }
}

.ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 0.75rem;
}

.ltr\:ml-\[248px\]:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 248px;
}

.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.25rem;
}

.ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.75rem;
}

.ltr\:mr-\[10px\]:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 10px;
}

.ltr\:origin-top-left:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top left;
}

.ltr\:origin-top-right:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top right;
}

@media (min-width: 768px) {
  .ltr\:md\:text-right:where([dir="ltr"], [dir="ltr"] *) {
    text-align: right;
  }
}

.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.25rem;
}

.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.75rem;
}

.rtl\:ml-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 10px;
}

.rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.75rem;
}

.rtl\:mr-\[248px\]:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 248px;
}

.rtl\:origin-top-left:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top left;
}

.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top right;
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --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));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

@media (min-width: 768px) {
  .rtl\:md\:text-end:where([dir="rtl"], [dir="rtl"] *) {
    text-align: end;
  }
}