/*
! tailwindcss v3.4.0 | 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: #111827;
  /* 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: rgba(17, 24, 39, 0.5);
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: rgba(17, 24, 39, 0.5);
  /* 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:  ;
}

body {
  height: 100% !important;
  overflow-x: clip;
  #CanvasDiv {
    height: auto !important;
  }
  #CanvasDiv {
    width: 100% !important;
  }
  #CanvasDiv {
    .header-main {
      position: sticky;
    }
    .header-main {
      top: 0px;
    }
    .header-main {
      z-index: 50;
    }
    .header-main {
      display: flex;
    }
    .header-main {
      width: 100%;
    }
    .header-main {
      align-items: center;
    }
    .header-main {
      overflow: hidden;
    }
    .header-main {
      border-bottom-width: 1px !important;
    }
    .header-main {
      --tw-border-opacity: 1 !important;
      border-bottom-color: rgb(180 200 253 / var(--tw-border-opacity)) !important;
    }
    .header-main {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .header-main {
      font-weight: 700;
    }
    .header-main {
      --tw-text-opacity: 1;
      color: rgb(55 65 81 / var(--tw-text-opacity));
    }
    .header-main {
      .header-inner {
        display: flex;
      }
      .header-inner {
        height: 100%;
      }
      .header-inner {
        width: 100%;
      }
      .header-inner {
        flex-direction: column;
      }
      .header-inner {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .header-inner {
        padding-top: 1.5rem;
      }
      .header-inner {
        .profile-section {
          margin-bottom: 1rem;
        }
        .profile-section {
          display: flex;
        }
        .profile-section {
          flex-direction: column;
        }
        .profile-section {
          gap: 1rem;
        }
        .profile-section {
          font-weight: 400;
        }
        @media (min-width: 640px) {
          .profile-section {
            flex-direction: row;
          }
        }
        @media (min-width: 640px) {
          .profile-section {
            align-items: center;
          }
        }
        @media (min-width: 640px) {
          .profile-section {
            justify-content: space-between;
          }
        }
        .profile-section {
          .profile-section__block {
            z-index: 50 !important;
          }
          .profile-section__block {
            display: flex;
          }
          .profile-section__block {
            width: 100%;
          }
          .profile-section__block {
            justify-content: space-between;
          }
          @media (min-width: 640px) {
            .profile-section__block {
              width: -moz-fit-content;
              width: fit-content;
            }
          }
          @media (min-width: 640px) {
            .profile-section__block {
              align-items: center;
            }
          }
          @media (min-width: 640px) {
            .profile-section__block {
              gap: 2rem;
            }
          }
          .profile-section__block {
            .toggle-button {
              cursor: pointer;
            }
            .back-button {
              cursor: pointer;
            }
            .company-info {
              display: flex;
            }
            .company-info {
              justify-content: space-between;
            }
            .company-info {
              gap: 0.5rem;
            }
            .company-info {
              text-transform: capitalize;
            }
            @media (min-width: 640px) {
              .company-info {
                align-items: center;
              }
            }
            .open-button {
              border-style: none;
            }
            .open-button {
              font-size: 2.25rem;
              line-height: 2.5rem;
            }
            .open-button {
              --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);
            }
            .company-img {
              height: 2.5rem;
            }
            .company-img {
              width: 2.5rem;
            }
            .company-title {
              display: flex;
            }
            .select-box {
              height: 2.5rem;
            }
            .select-box {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
            .user-profile {
              display: flex;
            }
            .user-profile {
              align-items: center;
            }
            .user-profile-info {
              display: flex;
            }
            .user-profile-info {
              align-items: center;
            }
            .user-profile-info {
              justify-content: center;
            }
            .user-profile-info {
              font-weight: 700;
            }
            .user-profile-info {
              --tw-text-opacity: 1 !important;
              color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
            }
            .user-profile-info {
              text-decoration-line: none !important;
            }
            .profile-img {
              height: 2.5rem;
            }
            .profile-img {
              width: 2.5rem;
            }
          }
          .responsive-menu {
            display: flex;
          }
          .responsive-menu {
            cursor: pointer;
          }
          .responsive-menu {
            align-items: center;
          }
          .responsive-menu {
            gap: 1rem;
          }
          .responsive-menu {
            font-size: 14px;
          }
          .responsive-menu {
            font-weight: 700;
          }
          .responsive-menu {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
          }
          @media (min-width: 1280px) {
            .responsive-menu {
              display: none;
            }
          }
          .responsive-menu {
            .arrow-down-icon.rotate {
              --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));
            }
            .arrow-down-icon.rotate {
              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));
            }
          }
        }
        .nav-links-section {
          display: none;
        }
        @media (min-width: 1280px) {
          .nav-links-section {
            display: inline-block;
          }
        }
        .nav-links-section {
          .nav-list {
            position: absolute;
          }
          .nav-list {
            top: 0px;
          }
          .nav-list {
            z-index: 0;
          }
          .nav-list {
            margin-top: 1.75rem;
            margin-bottom: 1.75rem;
          }
          .nav-list {
            display: flex !important;
          }
          .nav-list {
            width: 100%;
          }
          .nav-list {
            flex-direction: row !important;
          }
          .nav-list {
            justify-content: center;
          }
          .nav-list {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219 / var(--tw-border-opacity));
          }
          .nav-list {
            text-align: center;
          }
          .nav-list {
            li {
              width: auto;
            }
            li {
              padding-left: 0px;
              padding-right: 0px;
            }
          }
          .nav-item {
            display: flex;
          }
          .nav-item {
            align-items: center;
          }
          .nav-item {
            justify-content: center;
          }
          .nav-item {
            border-bottom-width: 1px;
          }
          .nav-item {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          .nav-item {
            padding-top: 1rem;
            padding-bottom: 1rem;
          }
          .nav-item {
            padding-left: 2.5rem;
            padding-right: 2.5rem;
          }
          .nav-item {
            padding-left: 1.75rem;
            padding-right: 1.75rem;
          }
          .nav-item {
            padding-top: 1.75rem;
          }
          .nav-item {
            padding-bottom: 32px;
          }
          .nav-item {
            font-weight: 400;
          }
          .nav-item {
            --tw-text-opacity: 1 !important;
            color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
          }
          .nav-item {
            text-decoration-line: none !important;
          }
          .nav-item {
            &.active {
              font-weight: 700 !important;
            }
            &.active {
              --tw-text-opacity: 1 !important;
              color: rgb(74 111 165 / var(--tw-text-opacity)) !important;
            }
            &.active {
              --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);
            }
            @media (min-width: 1280px) {
              &.active {
                --tw-shadow: inset 0 -13px 0 -10px #4376FA;
                --tw-shadow-colored: inset 0 -13px 0 -10px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
            }
          }
        }
        .nav-links-section.show {
          display: inline-block;
        }
        .nav-links-section.show {
          --tw-text-opacity: 1;
          color: rgb(0 0 0 / var(--tw-text-opacity));
        }
        .nav-links-section.show {
          .nav-list {
            position: fixed;
          }
          .nav-list {
            top: 9rem;
          }
          .nav-list {
            z-index: 60;
          }
          .nav-list {
            margin-top: 2rem;
          }
          .nav-list {
            display: flex !important;
          }
          .nav-list {
            display: flex;
          }
          .nav-list {
            width: 100%;
          }
          .nav-list {
            width: 200px;
          }
          .nav-list {
            flex-direction: column !important;
          }
          .nav-list {
            justify-content: center;
          }
          .nav-list {
            border-radius: 1.5rem;
          }
          .nav-list {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          .nav-list {
            text-align: start;
          }
          .nav-list {
            --tw-shadow: 0px 3px 3px #E2ECF9;
            --tw-shadow-colored: 0px 3px 3px 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: 640px) {
            .nav-list {
              top: 60px;
            }
          }
          @media (min-width: 640px) {
            .nav-list {
              right: 18rem;
            }
          }
          .nav-list {
            li {
              width: 100%;
            }
            li {
              padding-left: 1.5rem;
              padding-right: 1.5rem;
            }
            li:last-of-type {
              margin-bottom: 2rem;
            }
          }
          .nav-item {
            display: flex;
          }
          .nav-item {
            align-items: center;
          }
          .nav-item {
            justify-content: flex-start;
          }
          .nav-item {
            border-bottom-width: 1px;
          }
          .nav-item {
            border-style: dashed;
          }
          .nav-item {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219 / var(--tw-border-opacity));
          }
          .nav-item {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          .nav-item {
            padding-top: 1rem;
            padding-bottom: 1rem;
          }
          .nav-item {
            padding-left: 1.75rem;
            padding-right: 1.75rem;
          }
          .nav-item {
            padding-top: 1rem;
          }
          .nav-item {
            font-weight: 400;
          }
          .nav-item {
            --tw-text-opacity: 1 !important;
            color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
          }
          .nav-item {
            text-decoration-line: none !important;
          }
          .nav-item {
            &.active {
              font-weight: 700 !important;
            }
            &.active {
              --tw-text-opacity: 1 !important;
              color: rgb(74 111 165 / var(--tw-text-opacity)) !important;
            }
            &.active {
              --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);
            }
          }
        }
      }
    }
    #BodyDiv {
      clear: right;
    }
    #BodyDiv {
      display: block;
    }
    #BodyDiv {
      height: auto;
    }
    #BodyDiv {
      min-height: 940px;
    }
    #BodyDiv {
      width: 100% !important;
    }
    #BodyDiv {
      overflow: hidden;
    }
    #BodyDiv {
      --tw-border-opacity: 1;
      border-bottom-color: rgb(227 227 227 / var(--tw-border-opacity));
    }
    #BodyDiv {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    }
    #BodyDiv {
      --tw-bg-opacity: 1;
      background-color: rgb(241 241 241 / var(--tw-bg-opacity));
    }
    #BodyDiv {
      text-align: center;
    }
    #BodyDiv {
      font-family: Rubik, sans-serif;
    }
    #BodyDiv {
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity));
    }
    #BodyDiv {
      .page-content-wrapper {
        position: relative;
      }
      .page-content-wrapper {
        display: flex;
      }
      .page-content-wrapper {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
      }
      .page-content-wrapper {
        padding: 0px;
      }
      .page-content-wrapper {
        transition-property: 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
      .page-content-wrapper {
        .side-bar-main {
          position: fixed;
        }
        .side-bar-main {
          z-index: 1 !important;
        }
        .side-bar-main {
          height: 100%;
        }
        .side-bar-main {
          width: 220px;
        }
        .side-bar-main {
          min-width: 220px;
        }
        .side-bar-main {
          border-right-width: 1px;
        }
        .side-bar-main {
          --tw-border-opacity: 1 !important;
          border-right-color: rgb(180 200 253 / var(--tw-border-opacity)) !important;
        }
        .side-bar-main {
          --tw-bg-opacity: 1 !important;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
        }
        @media (min-width: 640px) {
          .side-bar-main {
            display: block;
          }
        }
        .side-bar-main {
          #MainMenuDiv {
            position: sticky !important;
          }
          #MainMenuDiv {
            top: 0px;
          }
          #MainMenuDiv {
            margin-top: 0px !important;
          }
          #MainMenuDiv {
            height: calc(100vh - 54px);
          }
          #MainMenuDiv {
            overflow: auto !important;
          }
          #MainMenuDiv {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
          }
          #MainMenuDiv {
            text-align: start;
          }
          #MainMenuDiv {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }
          #MainMenuDiv {
            transition-property: 0.5s;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
          #MainMenuDiv {
            &.collapsed {
              left: 0px !important;
            }
            .sidebar-menu {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .sidebar-menu {
              padding-top: 2rem;
              padding-bottom: 2rem;
            }
            .sidebar-menu {
              padding-left: 1.5rem;
              padding-right: 1.5rem;
            }
            .sidebar-menu {
              font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            }
            .sidebar-menu {
              font-weight: 100;
            }
            .sidebar-menu {
              li {
                &:hover > a,
                  .sidebar-menu > li > a.rotate {
                  --tw-bg-opacity: 1;
                  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                }
                &:hover > a,
                  .sidebar-menu > li > a.rotate {
                  --tw-text-opacity: 1;
                  color: rgb(0 0 0 / var(--tw-text-opacity));
                }
                a.rotate {
                  --tw-bg-opacity: 1;
                  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                }
                a.rotate {
                  font-weight: 700 !important;
                }
                a.rotate {
                  letter-spacing: -0.025em;
                }
                a.rotate {
                  --tw-text-opacity: 1 !important;
                  color: rgb(74 111 165 / var(--tw-text-opacity)) !important;
                }
                a.rotate > .list,
                  a.rotate > .list-child {
                  border-radius: 9999px;
                }
                a.rotate > .list,
                  a.rotate > .list-child {
                  --tw-bg-opacity: 1;
                  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
                }
                &.sidebar-header {
                  --tw-bg-opacity: 1;
                  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
                }
                &.sidebar-header {
                  padding-top: 2.5rem;
                  padding-bottom: 2.5rem;
                }
                &.sidebar-header {
                  padding-left: 25px;
                  padding-right: 25px;
                }
                &.sidebar-header {
                  padding-left: 15px;
                }
                &.sidebar-header {
                  font-size: 0.875rem;
                  line-height: 1.25rem;
                }
                &.sidebar-header {
                  font-weight: 600;
                }
                &.sidebar-header {
                  --tw-text-opacity: 1;
                  color: rgb(55 65 81 / var(--tw-text-opacity));
                }
                > a > .fa-angle-left {
                  margin-right: 2.5rem;
                }
                > a > .fa-angle-left {
                  margin-top: 0.75rem;
                }
                > a > .fa-angle-left {
                  height: auto;
                }
                > a > .fa-angle-left {
                  width: auto;
                }
                > a > .fa-angle-left {
                  padding: 0px;
                }
                a.rotate > .fa-angle-left {
                  --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));
                }
                a.rotate > .fa-angle-left {
                  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 > .sidebar-submenu {
                  display: block;
                }
                .label,
                  .badge {
                  margin-top: 3px;
                }
                .label,
                  .badge {
                  margin-right: 5px;
                }
              }
              .sidebar-item {
                border-bottom-width: 1px;
              }
              .sidebar-item {
                border-style: dashed;
              }
              .sidebar-item {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
              }
              .sidebar-item {
                text-decoration-line: underline;
              }
              .sidebar-item {
                .sidebar-item-no-border {
                  border-bottom-width: 0px !important;
                }
                a {
                  display: block !important;
                }
                a {
                  overflow: hidden !important;
                }
                a {
                  text-overflow: ellipsis !important;
                }
                a {
                  white-space: nowrap !important;
                }
                a {
                  background-color: transparent !important;
                }
                a {
                  background-image: none !important;
                }
                a {
                  padding-top: 1.25rem;
                  padding-bottom: 1.25rem;
                }
                a {
                  font-size: 14px !important;
                }
                a {
                  font-weight: 500;
                }
                a {
                  text-transform: none !important;
                }
                a {
                  line-height: 18px !important;
                }
                a {
                  letter-spacing: 0em;
                }
                a {
                  --tw-text-opacity: 1 !important;
                  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
                }
                a {
                  text-decoration-line: none !important;
                }
                a {
                  --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;
                }
                a {
                  transition-property: 0.3s !important;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
                  transition-duration: 150ms !important;
                }
                a:hover {
                  --tw-bg-opacity: 1 !important;
                  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
                }
                .sidebar-link-parent.rotate {
                  z-index: 2;
                }
                .sidebar-link-parent.rotate {
                  display: block !important;
                }
                .sidebar-link-parent.rotate {
                  display: flex !important;
                }
                .sidebar-link-parent.rotate {
                  height: 43px !important;
                }
                .sidebar-link-parent.rotate {
                  gap: 1rem !important;
                }
                .sidebar-link-parent.rotate {
                  overflow: hidden !important;
                }
                .sidebar-link-parent.rotate {
                  text-overflow: ellipsis !important;
                }
                .sidebar-link-parent.rotate {
                  white-space: nowrap !important;
                }
                .sidebar-link-parent.rotate {
                  padding-top: 1.25rem;
                  padding-bottom: 1.25rem;
                }
                .sidebar-link-parent.rotate {
                  font-weight: 700 !important;
                }
                .sidebar-link-parent.rotate {
                  text-transform: none !important;
                }
                .sidebar-link-parent.rotate {
                  line-height: 18px !important;
                }
                .sidebar-link-parent.rotate {
                  letter-spacing: 0em;
                }
                .sidebar-link-parent.rotate {
                  --tw-text-opacity: 1 !important;
                  color: rgb(74 111 165 / var(--tw-text-opacity)) !important;
                }
                .sidebar-link-parent.rotate {
                  transition-property: 0.3s !important;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
                  transition-duration: 150ms !important;
                }
                .sidebar-link-parent {
                  display: flex !important;
                }
                .sidebar-link-parent {
                  gap: 1rem !important;
                }
                .sidebar-link-parent {
                  font-weight: 400 !important;
                }
                .sidebar-link-child {
                  display: flex !important;
                }
                .sidebar-link-child {
                  align-items: center;
                }
                .sidebar-link-child {
                  gap: 1rem !important;
                }
                .sidebar-link-child {
                  padding-left: 1rem !important;
                  padding-right: 1rem !important;
                }
                .sidebar-link-child {
                  padding-top: 1.25rem;
                  padding-bottom: 1.25rem;
                }
                .sidebar-link-child {
                  font-size: 13px !important;
                }
                .sidebar-link-subChild {
                  display: flex !important;
                }
                .sidebar-link-subChild {
                  height: -moz-fit-content !important;
                  height: fit-content !important;
                }
                .sidebar-link-subChild {
                  align-items: center;
                }
                .sidebar-link-subChild {
                  gap: 1rem;
                }
                .sidebar-link-subChild {
                  padding-top: 0.75rem;
                  padding-bottom: 0.75rem;
                }
                .sidebar-link-subChild {
                  font-size: 12px !important;
                }
                .sidebar-link-subChild {
                  .subChild-text {
                    max-width: 220px;
                  }
                  .subChild-text {
                    white-space: pre-wrap;
                  }
                }
                .header-title {
                  width: 110px;
                }
                .header-title {
                  white-space: nowrap;
                }
                .image {
                  height: 20px;
                }
                .list {
                  height: 1rem;
                }
                .list-child {
                  height: 0.75rem;
                }
              }
              .sidebar-submenu {
                margin: 0.125rem;
              }
              .sidebar-submenu {
                display: none;
              }
              .sidebar-submenu {
                list-style-type: none;
              }
              .sidebar-submenu {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              }
              .sidebar-submenu {
                .sidebar-submenu {
                  padding-left: 20px;
                }
                > li > a {
                  display: block;
                }
                > li > a {
                  padding-left: 15px;
                  padding-right: 15px;
                }
                > li > a {
                  padding-top: 5px;
                  padding-bottom: 5px;
                }
                > li > a {
                  font-size: 0.875rem;
                  line-height: 1.25rem;
                }
                > li > a {
                  --tw-text-opacity: 1;
                  color: rgb(75 85 99 / var(--tw-text-opacity));
                }
                > li > a {
                  > .fa {
                    width: 20px;
                  }
                  > .fa-angle-left,
                    > .fa-angle-down {
                    width: auto;
                  }
                  > a.rotate,
                    > a:hover {
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                  }
                }
              }
            }
          }
        }
      }
      #BodyWrapDiv {
        display: block;
      }
      #BodyWrapDiv {
        min-height: 940px;
      }
      #BodyWrapDiv {
        width: 100% !important;
      }
      #BodyWrapDiv {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
      }
      @media (min-width: 768px) {
        #BodyWrapDiv {
          flex-direction: column;
        }
      }
      @media screen and (min-width: 320px) {
        #BodyWrapDiv {
          flex-direction: column;
        }
      }
      #BodyWrapDiv {
        #SubMenuDiv {
          display: flex;
        }
        #SubMenuDiv {
          flex-wrap: wrap;
        }
        #SubMenuDiv {
          .list-group-item {
            margin-bottom: 15px;
          }
          .list-group-item {
            .menu_group_headers {
              display: flex;
            }
            .menu_group_headers {
              align-items: center;
            }
            .menu_group_headers {
              justify-content: center;
            }
          }
          .card {
            &.left-align {
              margin-left: auto;
            }
          }
          .card {
            margin-bottom: 23px;
          }
          .card {
            flex-basis: calc(33.33% - 20px);
          }
          .card {
            padding: 0px;
          }
          .card {
            padding: 0px;
          }
          .card:nth-child(3n + 1) {
            margin-left: auto;
          }
          .card-header {
            display: flex;
          }
          .card-header {
            align-items: center;
          }
          .card-header {
            justify-content: center;
          }
          .card-header {
            border-top-left-radius: 0.75rem;
            border-top-right-radius: 0.75rem;
          }
          .card-header {
            --tw-bg-opacity: 1;
            background-color: rgb(74 111 165 / var(--tw-bg-opacity));
          }
          .card-header {
            padding: 7px;
          }
          .card-header {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }
          .card-header {
            img {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            span {
              margin-left: 7px;
            }
          }
          .card-body {
            ul li .menu-category::after{
              background: url("/css/WEBootstrap/images/arrow-down-fill.png") no-repeat;
            }
            ul li .menu-category {
              position: relative;
            }
            ul li .menu-category {
              margin-left: 11px;
              margin-right: 11px;
            }
            ul li .menu-category {
              margin-top: 9px;
            }
            ul li .menu-category {
              display: flex;
            }
            ul li .menu-category {
              cursor: pointer;
            }
            ul li .menu-category {
              align-items: center;
            }
            ul li .menu-category {
              border-bottom-width: 1px;
            }
            ul li .menu-category {
              border-style: dashed;
            }
            ul li .menu-category {
              --tw-border-opacity: 1;
              border-color: rgb(209 213 219 / var(--tw-border-opacity));
            }
            ul li .menu-category {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            ul li .menu-category {
              text-decoration-line: underline;
            }
            ul.items {
              display: none;
            }
            ul.items {
              li {
                border-bottom-width: 1px;
              }
              li {
                border-style: dashed;
              }
              li {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
              }
              li {
                --tw-text-opacity: 1;
                color: rgb(74 111 165 / var(--tw-text-opacity));
              }
            }
            ul li {
              margin-left: 11px;
              margin-right: 11px;
            }
            ul li {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            ul li {
              text-align: left;
            }
            ul li {
              text-decoration-line: underline;
            }
            ul li{
              img {
                height: 25px;
              }
              span {
                margin-left: 11px;
              }
            }
          }
        }
        h2 {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        h2 {
          font-weight: 600;
        }
        a {
          --tw-text-opacity: 1;
          color: rgb(74 111 165 / var(--tw-text-opacity));
        }
        .centre {
          img {
            display: inline;
          }
        }
        .dataTables_scroll {
          .dataTables_scrollHead {
            display: flex;
          }
          .dataTables_scrollHead {
            justify-content: center;
          }
          .dataTables_scrollHead {
            .dataTables_scrollHeadInner {
              width: auto !important;
            }
          }
          .dataTables_scrollBody {
            border-style: none;
          }
        }
        button {
          margin: 0.5rem;
        }
        button {
          border-radius: 0.75rem;
        }
        button {
          border-style: none;
        }
        button {
          --tw-bg-opacity: 1;
          background-color: rgb(235 242 255 / var(--tw-bg-opacity));
        }
        button {
          --tw-bg-opacity: 0.8;
        }
        button {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        button {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        button {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
        button {
          font-weight: 600;
        }
        button {
          letter-spacing: 0.025em;
        }
        button {
          --tw-text-opacity: 1;
          color: rgb(74 111 165 / var(--tw-text-opacity));
        }
        button {
          --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);
        }
        button:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(74 111 165 / var(--tw-bg-opacity));
        }
        button:hover {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }
        input[type="submit"], input[type="button"] {
          margin: 0.5rem;
        }
        input[type="submit"], input[type="button"] {
          border-radius: 0.75rem;
        }
        input[type="submit"], input[type="button"] {
          border-style: none;
        }
        input[type="submit"], input[type="button"] {
          --tw-bg-opacity: 1;
          background-color: rgb(235 242 255 / var(--tw-bg-opacity));
        }
        input[type="submit"], input[type="button"] {
          --tw-bg-opacity: 0.8;
        }
        input[type="submit"], input[type="button"] {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        input[type="submit"], input[type="button"] {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        input[type="submit"], input[type="button"] {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
        input[type="submit"], input[type="button"] {
          font-weight: 600;
        }
        input[type="submit"], input[type="button"] {
          letter-spacing: 0.025em;
        }
        input[type="submit"], input[type="button"] {
          --tw-text-opacity: 1;
          color: rgb(74 111 165 / var(--tw-text-opacity));
        }
        input[type="submit"], input[type="button"] {
          --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);
        }
        input[type="submit"]:hover, input[type="button"]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(74 111 165 / var(--tw-bg-opacity));
        }
        input[type="submit"]:hover, input[type="button"]:hover {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }
        button.btnCollapse {
          float: right;
        }
        button.btnCollapse {
          margin: 0.5rem;
        }
        button.btnCollapse {
          --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));
        }
        button.btnCollapse {
          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));
        }
        button.btnCollapse {
          border-radius: 0.75rem;
        }
        button.btnCollapse {
          border-style: none;
        }
        button.btnCollapse {
          --tw-bg-opacity: 1;
          background-color: rgb(235 242 255 / var(--tw-bg-opacity));
        }
        button.btnCollapse {
          --tw-bg-opacity: 0.8;
        }
        button.btnCollapse {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        button.btnCollapse {
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
        }
        button.btnCollapse {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
        button.btnCollapse {
          font-weight: 600;
        }
        button.btnCollapse {
          letter-spacing: 0.025em;
        }
        button.btnCollapse {
          --tw-text-opacity: 1;
          color: rgb(74 111 165 / var(--tw-text-opacity));
        }
        button.btnCollapse {
          --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);
        }
        button.btnCollapse{
          &.show {
            --tw-rotate: 0deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }
          &.show {
            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));
          }
        }
        .grid-container {
          display: grid;
        }
        .grid-container {
          width: -moz-fit-content;
          width: fit-content;
        }
        .grid-container {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .grid-container {
          gap: 1rem;
        }
        .grid-container {
          border-width: 1px;
        }
        .grid-container {
          --tw-border-opacity: 1;
          border-color: rgb(209 213 219 / var(--tw-border-opacity));
        }
        .grid-container {
          padding: 0.5rem;
        }
        @media screen and (max-width: 1100px) {
          .grid-container {
            grid-template-columns: repeat(1, minmax(0, 1fr));
          }
        }
        @media screen and (max-width: 770px) {
          .grid-container {
            grid-template-columns: repeat(1, minmax(0, 1fr));
          }
        }
        .grid-container {
          .grid-item-span2 {
            grid-column: span 2 / span 2;
          }
          .grid-item-span2 {
            border-width: 1px;
          }
          .grid-item-span2 {
            --tw-border-opacity: 1;
            border-color: rgb(107 114 128 / var(--tw-border-opacity));
          }
          .grid-item-span2 {
            padding: 1rem;
          }
          .grid-item {
            border-width: 1px;
          }
          .grid-item {
            --tw-border-opacity: 1;
            border-color: rgb(107 114 128 / var(--tw-border-opacity));
          }
          .grid-item {
            padding: 1rem;
          }
        }
        .grid-container-3 {
          display: grid;
        }
        .grid-container-3 {
          width: -moz-fit-content;
          width: fit-content;
        }
        .grid-container-3 {
          gap: 1rem;
        }
        .grid-container-3 {
          border-width: 1px;
        }
        .grid-container-3 {
          --tw-border-opacity: 1;
          border-color: rgb(209 213 219 / var(--tw-border-opacity));
        }
        .grid-container-3 {
          padding: 0.5rem;
        }
        .grid-container-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          .grid-item-span2 {
            grid-column: span 2 / span 2;
          }
          .grid-item-span2 {
            border-width: 1px;
          }
          .grid-item-span2 {
            --tw-border-opacity: 1;
            border-color: rgb(107 114 128 / var(--tw-border-opacity));
          }
          .grid-item-span2 {
            padding: 1rem;
          }
          .grid-item {
            border-width: 1px;
          }
          .grid-item {
            --tw-border-opacity: 1;
            border-color: rgb(107 114 128 / var(--tw-border-opacity));
          }
          .grid-item {
            padding: 1rem;
          }
        }
        input[type="search"], input:not([type]), input[type="date"], input[type="month"] {
          border-radius: 0.75rem !important;
        }
        input[type="search"], input:not([type]), input[type="date"], input[type="month"] {
          border-width: 1px !important;
        }
        input[type="search"], input:not([type]), input[type="date"], input[type="month"] {
          --tw-border-opacity: 1 !important;
          border-color: rgb(74 111 165 / var(--tw-border-opacity)) !important;
        }
        input[type="search"], input:not([type]), input[type="date"], input[type="month"] {
          padding: 0.375rem;
        }
        input[type="search"]:focus, input:not([type]):focus, input[type="date"]:focus, input[type="month"]:focus {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
        .paginate_button {
          font-weight: 600;
        }
        .paginate_button:hover {
          border-radius: 0.375rem;
        }
        .paginate_button:hover {
          border-width: 1px;
        }
        .paginate_button:hover {
          border-style: solid;
        }
        .paginate_button:hover {
          border-color: transparent;
        }
        .paginate_button:hover {
          background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
        }
        .paginate_button:hover {
          --tw-gradient-from: #4a6fa5 var(--tw-gradient-from-position);
          --tw-gradient-to: rgb(74 111 165 / 0) var(--tw-gradient-to-position);
          --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }
        .paginate_button:hover {
          --tw-gradient-to: #4a6fa5 var(--tw-gradient-to-position);
        }
        .paginate_button:hover {
          --tw-text-opacity: 1 !important;
          color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
        }
        .show-zero-qty-button.highlighted {
          border-radius: 0.375rem;
        }
        .show-zero-qty-button.highlighted {
          border-style: none;
        }
        .show-zero-qty-button.highlighted {
          background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
        }
        .show-zero-qty-button.highlighted {
          --tw-gradient-from: #4a6fa5 var(--tw-gradient-from-position);
          --tw-gradient-to: rgb(74 111 165 / 0) var(--tw-gradient-to-position);
          --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }
        .show-zero-qty-button.highlighted {
          --tw-gradient-to: #4a6fa5 var(--tw-gradient-to-position);
        }
        .show-zero-qty-button.highlighted {
          --tw-text-opacity: 1 !important;
          color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
        }
        .paginate_button.disabled:hover {
          background-image: none !important;
        }
        .paginate_button.disabled:hover {
          --tw-text-opacity: 1 !important;
          color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
        }
        .paginate_button.current {
          border-radius: 0.375rem;
        }
        .paginate_button.current {
          border-style: none;
        }
        .paginate_button.current {
          background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
        }
        .paginate_button.current {
          --tw-gradient-from: #4a6fa5 var(--tw-gradient-from-position);
          --tw-gradient-to: rgb(74 111 165 / 0) var(--tw-gradient-to-position);
          --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }
        .paginate_button.current {
          --tw-gradient-to: #4a6fa5 var(--tw-gradient-to-position);
        }
        .paginate_button.current {
          --tw-text-opacity: 1 !important;
          color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
        }
        .dataTables_info {
          font-weight: 600;
        }
        .dataTables_info {
          --tw-text-opacity: 1;
          color: rgb(17 24 39 / var(--tw-text-opacity));
        }
        .dataTables_info {
          --tw-text-opacity: 0.5;
        }
        select {
          max-width: 280px;
        }
        select {
          border-radius: 0.75rem;
        }
        select {
          border-width: 1px;
        }
        select {
          --tw-border-opacity: 1;
          border-color: rgb(74 111 165 / var(--tw-border-opacity));
        }
        select {
          padding: 0.375rem;
        }
        input[type=checkbox] {
          accent-color: #4a6fa5;
        }
        @supports (accent-color: #fff) {
          .info {
            display: none;
          }
        }
        table {
          margin-left: auto;
          margin-right: auto;
        }
        table {
          margin-bottom: 10px;
        }
        table {
          margin-top: 1px;
        }
        table {
          width: auto !important;
        }
        table {
          flex-direction: column;
        }
        table {
          overflow-x: auto;
        }
        table {
          border-width: 1px;
        }
        table {
          --tw-border-opacity: 1;
          border-color: rgb(217 228 254 / var(--tw-border-opacity));
        }
        table {
          font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }
        table {
          font-family: Rubik, sans-serif !important;
        }
        table {
          font-weight: 500;
        }
        table {
          --tw-shadow: 0px 3px 3px #E2ECF9;
          --tw-shadow-colored: 0px 3px 3px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        table {
          thead tr {
            justify-content: space-between;
          }
          thead tr {
            border-bottom-width: 1px;
          }
          thead tr {
            text-align: left;
          }
          th {
            align-items: center;
          }
          th {
            gap: 1rem;
          }
          th {
            --tw-bg-opacity: 1;
            background-color: rgb(74 111 165 / var(--tw-bg-opacity));
          }
          th {
            padding-left: 18px;
            padding-right: 18px;
          }
          th {
            padding-top: 10px;
            padding-bottom: 10px;
          }
          th {
            text-align: left;
          }
          th {
            vertical-align: middle !important;
          }
          th {
            font-size: 14px;
          }
          th {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }
          th:hover {
            outline: 2px solid transparent !important;
            outline-offset: 2px !important;
          }
          th {
            input[type="submit"] {
              border-radius: 0.75rem;
            }
            input[type="submit"] {
              border-style: none;
            }
            input[type="submit"] {
              --tw-bg-opacity: 1 !important;
              background-color: rgb(235 242 255 / var(--tw-bg-opacity)) !important;
            }
            input[type="submit"] {
              --tw-bg-opacity: 0.8;
            }
            input[type="submit"] {
              padding-left: 1.25rem;
              padding-right: 1.25rem;
            }
            input[type="submit"] {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
            input[type="submit"] {
              font-weight: 600;
            }
            input[type="submit"] {
              letter-spacing: 0.025em;
            }
            input[type="submit"] {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            input[type="submit"] {
              --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);
            }
            input[type="submit"]:hover {
              --tw-bg-opacity: 1;
              background-color: rgb(235 242 255 / var(--tw-bg-opacity));
            }
            input[type="submit"]:hover {
              --tw-bg-opacity: 0.8;
            }
            input[type="submit"]:hover {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            input {
              --tw-text-opacity: 1;
              color: rgb(87 87 87 / var(--tw-text-opacity));
            }
            select {
              border-radius: 0.75rem;
            }
            select {
              border-width: 1px;
            }
            select {
              --tw-border-opacity: 1;
              border-color: rgb(74 111 165 / var(--tw-border-opacity));
            }
            select {
              padding: 0.5rem;
            }
            select {
              --tw-text-opacity: 1;
              color: rgb(87 87 87 / var(--tw-text-opacity));
            }
          }
          &.dataTable thead .sorting {
            &.bg-valid-url {
              background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgBrZChDYAwEEV7CQKJZAMkI4BEsgGzMQYOJA4cI1R2g/JPXHNAqepPXi+5vDSXT0bFe99jdGAlok32FBEkQaQf4SFSQpAsBR4LzoRkTbbwTQNmk3B2vukALSgjggOXVFBjTC+RhRkVOF2mFoPw+ZtFMIJK72+iGDJZeER+wgAAAABJRU5ErkJggg==");
            }
          }
          &.dataTable thead .sorting_asc {
            &.bg-valid-url {
              background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB0SURBVHgBrc6xDYAgEAXQu8TC0tINLF3D0g1cwREYRcexo3QMNjg/MZgTTyp+8gO5vBwQqYiIkzuOrCggJjTAGxZAytrAeXSj/3iqFsabE86hYI70pxFtDRDQk+MN23ocSwYj2Jk5cJpk8AGf3RGiM9rp+QWoyXpXmmeRZwAAAABJRU5ErkJggg==");
            }
          }
          &.dataTable thead .sorting_desc {
            &.bg-valid-url {
              background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgBrc+7DYAwDATQnMQgjMAGsAGrwQTMQQcjMAFtOkYwFyTzCYmrnHSxFL3ChntFRDqOll0ArPqPBNDcEBnwgTCAZq74eHYzkHfFEnYaOHvDjOGyhj0knZ2tL5qBD9BE8A8iOMXgBIXockUbNPXEAAAAAElFTkSuQmCC");
            }
          }
          &.dataTable thead .sorting {
            &.bg-invalid-url {
              background-image: url("https://cdn.datatables.net/1.10.14/images/sort_both.png");
            }
          }
          &.dataTable thead .sorting_asc {
            &.bg-invalid-url {
              background-image: url("https://cdn.datatables.net/1.10.14/images/sort_asc.png");
            }
          }
          &.dataTable thead .sorting_desc {
            &.bg-invalid-url {
              background-image: url("https://cdn.datatables.net/1.10.14/images/sort_desc.png");
            }
          }
          &.dataTable thead span.dt-column-order{
            &::after, &::before {
              --tw-content: "" !important;
              content: var(--tw-content) !important;
            }
          }
          &.dataTable thead span.dt-column-order {
            top: 45%;
          }
          &.dataTable thead span.dt-column-order {
            right: 5px;
          }
          &.dataTable thead span.dt-column-order {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgBrZChDYAwEEV7CQKJZAMkI4BEsgGzMQYOJA4cI1R2g/JPXHNAqepPXi+5vDSXT0bFe99jdGAlok32FBEkQaQf4SFSQpAsBR4LzoRkTbbwTQNmk3B2vukALSgjggOXVFBjTC+RhRkVOF2mFoPw+ZtFMIJK72+iGDJZeER+wgAAAABJRU5ErkJggg==");
          }
          &.dataTable thead span.dt-column-order {
            background-repeat: no-repeat;
          }
          &.dataTable thead .dt-ordering-asc span.dt-column-order {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB0SURBVHgBrc6xDYAgEAXQu8TC0tINLF3D0g1cwREYRcexo3QMNjg/MZgTTyp+8gO5vBwQqYiIkzuOrCggJjTAGxZAytrAeXSj/3iqFsabE86hYI70pxFtDRDQk+MN23ocSwYj2Jk5cJpk8AGf3RGiM9rp+QWoyXpXmmeRZwAAAABJRU5ErkJggg==");
          }
          &.dataTable thead .dt-ordering-asc span.dt-column-order {
            background-repeat: no-repeat;
          }
          &.dataTable thead .dt-ordering-desc span.dt-column-order {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgBrc+7DYAwDATQnMQgjMAGsAGrwQTMQQcjMAFtOkYwFyTzCYmrnHSxFL3ChntFRDqOll0ArPqPBNDcEBnwgTCAZq74eHYzkHfFEnYaOHvDjOGyhj0knZ2tL5qBD9BE8A8iOMXgBIXockUbNPXEAAAAAElFTkSuQmCC");
          }
          &.dataTable thead .dt-ordering-desc span.dt-column-order {
            background-repeat: no-repeat;
          }
          td {
            padding: 1.25rem;
          }
          td {
            vertical-align: middle !important;
          }
          td {
            input[type="submit"] {
              margin: 0.5rem;
            }
            input[type="submit"] {
              border-radius: 0.75rem;
            }
            input[type="submit"] {
              border-style: none;
            }
            input[type="submit"] {
              --tw-bg-opacity: 1;
              background-color: rgb(235 242 255 / var(--tw-bg-opacity));
            }
            input[type="submit"] {
              --tw-bg-opacity: 0.8;
            }
            input[type="submit"] {
              padding-left: 1.25rem;
              padding-right: 1.25rem;
            }
            input[type="submit"] {
              padding-top: 0.625rem;
              padding-bottom: 0.625rem;
            }
            input[type="submit"] {
              font-size: 1.25rem;
              line-height: 1.75rem;
            }
            input[type="submit"] {
              font-weight: 600;
            }
            input[type="submit"] {
              letter-spacing: 0.025em;
            }
            input[type="submit"] {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            input[type="submit"] {
              --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);
            }
            input[type="submit"]:hover {
              --tw-bg-opacity: 1;
              background-color: rgb(74 111 165 / var(--tw-bg-opacity));
            }
            input[type="submit"]:hover {
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity));
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              border-radius: 0.75rem;
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              border-width: 1px;
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              --tw-border-opacity: 1;
              border-color: rgb(74 111 165 / var(--tw-border-opacity));
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              padding-left: 0.5rem;
              padding-right: 0.5rem;
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              padding-top: 0.25rem;
              padding-bottom: 0.25rem;
            }
            input[type="number"], input[type="tel"], input[type="text"] {
              --tw-text-opacity: 1;
              color: rgb(87 87 87 / var(--tw-text-opacity));
            }
            input[type="number"]:focus, input[type="tel"]:focus, input[type="text"]:focus {
              outline: 2px solid transparent;
              outline-offset: 2px;
            }
            select {
              border-radius: 0.75rem;
            }
            select {
              border-width: 1px;
            }
            select {
              --tw-border-opacity: 1;
              border-color: rgb(74 111 165 / var(--tw-border-opacity));
            }
            select {
              padding: 0.5rem;
            }
            select {
              --tw-text-opacity: 1;
              color: rgb(87 87 87 / var(--tw-text-opacity));
            }
            .dropzone {
              border-radius: 0.375rem;
            }
            .dropzone {
              border-style: dashed;
            }
            .dropzone {
              .dz-message{
                div {
                  display: flex;
                }
                div {
                  justify-content: center;
                }
                div {
                  padding-bottom: 19px;
                }
                div{
                  img {
                    height: 33px;
                  }
                }
              }
            }
          }
          td.select {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
          }
          td.label {
            display: flex;
          }
          td.label {
            font-size: 1.25rem;
            line-height: 1.75rem;
          }
          tbody tr:last-of-type {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
          }
          &.dataTable {
            tr:nth-of-type(odd) {
              --tw-bg-opacity: 1 !important;
              background-color: rgb(247 248 253 / var(--tw-bg-opacity)) !important;
            }
            tr:nth-of-type(odd) {
              outline-color: #fafafa !important;
            }
          }
          .striped_row {
            border-bottom-width: 1px;
          }
          .striped_row {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity));
          }
          tr:nth-of-type(even) {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          tr:nth-of-type(even) {
            outline-style: solid;
          }
          tr:nth-of-type(even) {
            outline-width: 1px;
          }
          tr:nth-of-type(even) {
            outline-color: #D9E4FE !important;
          }
          tr:nth-of-type(even) {
            &.selected {
              --tw-bg-opacity: 1 !important;
              background-color: rgb(214 226 255 / var(--tw-bg-opacity)) !important;
            }
          }
          tr:nth-of-type(odd) {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          tr:nth-of-type(odd) {
            outline-style: solid;
          }
          tr:nth-of-type(odd) {
            outline-width: 1px;
          }
          tr:nth-of-type(odd) {
            outline-color: #D9E4FE !important;
          }
          tr:nth-of-type(odd) {
            &.selected {
              --tw-bg-opacity: 1 !important;
              background-color: rgb(214 226 255 / var(--tw-bg-opacity)) !important;
            }
          }
          tbody > tr.selected > * {
            --tw-text-opacity: 1;
            color: rgb(87 87 87 / var(--tw-text-opacity));
          }
          tbody > tr.selected > * {
            --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;
          }
          .descending .image {
            height: 1.5rem;
          }
          .descending .image {
            --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));
          }
          .descending .image {
            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));
          }
          th.ascending {
            cursor: s-resize;
          }
          th.descending {
            cursor: n-resize;
          }
          .image {
            height: 1.5rem;
          }
        }
        .page-content__block {
          position: relative;
        }
        .page-content__block {
          display: flex;
        }
        .page-content__block {
          max-height: 100% !important;
        }
        .page-content__block {
          width: 100% !important;
        }
        .page-content__block {
          justify-content: center;
        }
        .grid-container {
          width: 100% !important;
        }
        .dataTables_wrapper .dataTables_processing {
          background-image: none !important;
        }
        .table-container {
          width: 100% !important;
        }
        .table-container {
          overflow-x: auto !important;
        }
        .table-container {
          overflow-y: hidden !important;
        }
        .container-info--main {
          display: flex;
        }
        .container-info--main {
          min-height: 940px;
        }
        .container-info--main {
          .container-info--left {
            margin: 1.5rem;
          }
          .container-info--left {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          @media (min-width: 768px) {
            .container-info--left {
              width: 40%;
            }
          }
          @media (min-width: 1024px) {
            .container-info--left {
              width: 35%;
            }
          }
          @media (min-width: 1280px) {
            .container-info--left {
              width: 25%;
            }
          }
          .container-info--left {
            .container-block {
              margin-top: 1.5rem;
              margin-bottom: 1.5rem;
            }
            .container-block {
              display: grid;
            }
            .container-block {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .container-block {
              grid-template-rows: repeat(2, minmax(0, 1fr));
            }
            .container-block {
              gap: 1rem;
            }
            .container-block {
              .container-wrapper {
                border-radius: 8.5px;
              }
              .container-wrapper {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              }
              .container-wrapper {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
              }
              .container-wrapper {
                padding-top: 1rem;
                padding-bottom: 1rem;
              }
              .container-wrapper {
                --tw-shadow: 1px 3px 19px 0px #E2ECF9;
                --tw-shadow-colored: 1px 3px 19px 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);
              }
            }
            .container-card {
              margin-top: 1rem;
              margin-bottom: 1rem;
            }
            .container-card {
              border-radius: 8.5px;
            }
            .container-card {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .container-card {
              padding: 0.5rem;
            }
            .container-card {
              padding: 1.5rem;
            }
            .container-card {
              --tw-shadow: 1px 3px 19px 0px #E2ECF9;
              --tw-shadow-colored: 1px 3px 19px 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);
            }
            .container-card {
              .container-card-title {
                border-bottom-width: 2px;
              }
              .container-card-title {
                border-style: solid;
              }
              .container-card-title {
                --tw-border-opacity: 1;
                border-bottom-color: rgb(236 236 236 / var(--tw-border-opacity));
              }
              .container-card-title {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
              }
              .container-card-title {
                text-align: start;
              }
              .container-card-title {
                font-size: 16px;
              }
              .container-card-title {
                font-weight: 600;
              }
              .container-card-subTitle {
                text-align: start;
              }
              .container-card-subTitle {
                font-size: 13px;
              }
              .container-card-subTitle {
                --tw-text-opacity: 1;
                color: rgb(176 176 176 / var(--tw-text-opacity));
              }
              .tsport-block {
                display: grid;
              }
              .tsport-block {
                grid-template-rows: repeat(2, minmax(0, 1fr));
              }
              .tsport-block {
                gap: 0.5rem;
              }
              .tsport-block {
                padding-top: 1rem;
              }
              @media (min-width: 768px) {
                .tsport-block {
                  grid-template-columns: repeat(3, minmax(0, 1fr));
                }
              }
              @media (min-width: 1024px) {
                .tsport-block {
                  grid-template-columns: repeat(3, minmax(0, 1fr));
                }
              }
              @media (min-width: 1280px) {
                .tsport-block {
                  grid-template-columns: repeat(4, minmax(0, 1fr));
                }
              }
              .tsport-block {
                .tsport-container {
                  margin-bottom: 1rem;
                }
                .tsport-container {
                  --tw-bg-opacity: 1;
                  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                }
                .tsport-container {
                  padding: 0.5rem;
                }
              }
              .shipment-details--main {
                margin-top: 1.5rem;
              }
              .shipment-details--main {
                display: flex;
              }
              .shipment-details--main {
                width: 100%;
              }
              .shipment-details--main{
                .shipment-tracker{
                  .tracker-line {
                    display: flex;
                  }
                  .tracker-line {
                    height: 50px;
                  }
                  .tracker-line {
                    justify-content: center;
                  }
                }
                .shipment-details--block {
                  margin-left: 1rem;
                }
                .shipment-details--block {
                  width: 100%;
                }
                .shipment-details--block{
                  .shipment-details-wrapper {
                    margin-bottom: 0.5rem;
                  }
                  .shipment-details-wrapper{
                    .title {
                      text-align: start;
                    }
                    .title {
                      font-size: 15px;
                    }
                    .title {
                      font-weight: 600;
                    }
                    .shipment-details-container {
                      display: grid;
                    }
                    .shipment-details-container {
                      grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .shipment-details-container {
                      grid-template-rows: repeat(1, minmax(0, 1fr));
                    }
                    .shipment-details-container {
                      gap: 0.25rem;
                    }
                    .shipment-details-container {
                      padding-top: 1rem;
                      padding-bottom: 1rem;
                    }
                    .shipment-details-container {
                      text-align: start;
                    }
                    .shipment-details-container{
                      .details-block{
                        .shipment-detail-title {
                          white-space: nowrap;
                        }
                        .shipment-detail-title {
                          font-size: 12.33px;
                        }
                        .shipment-detail-title {
                          font-weight: 600;
                        }
                        .shipment-detail-title {
                          --tw-text-opacity: 1;
                          color: rgb(176 176 176 / var(--tw-text-opacity));
                        }
                        .shipment-detail-text {
                          font-size: 12px;
                        }
                        .shipment-detail-text {
                          font-weight: 600;
                        }
                        .shipment-detail-text {
                          --tw-text-opacity: 1;
                          color: rgb(74 111 165 / var(--tw-text-opacity));
                        }
                      }
                    }
                  }
                }
              }
            }
            .title {
              white-space: nowrap;
            }
            .title {
              text-align: start;
            }
            .title {
              font-size: 12.33px;
            }
            .title {
              font-weight: 600;
            }
            .text {
              text-align: start;
            }
            .text {
              font-size: 12px;
            }
            .text {
              font-weight: 600;
            }
            .text {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
          }
          .container-info--right {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          @media (min-width: 768px) {
            .container-info--right {
              width: 60%;
            }
          }
          @media (min-width: 1024px) {
            .container-info--right {
              width: 65%;
            }
          }
          @media (min-width: 1280px) {
            .container-info--right {
              width: 75%;
            }
          }
          .container-info--right {
            iframe {
              height: 100%;
            }
            iframe {
              width: 100%;
            }
          }
        }
        .notification-icon {
          position: relative;
        }
        .notification-icon {
          float: right;
        }
        .notification-icon {
          cursor: pointer;
        }
        .notification-icon {
          padding-top: 1.5rem;
          padding-bottom: 1.5rem;
        }
        .notification-icon {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }
        .notification-icon{
          img {
            height: 2rem;
          }
          img {
            width: 2rem;
          }
          img {
            cursor: pointer;
          }
          .notification-count {
            position: absolute;
          }
          .notification-count {
            top: 0px;
          }
          .notification-count {
            right: 0px;
          }
          .notification-count {
            border-radius: 50%;
          }
          .notification-count {
            --tw-bg-opacity: 1;
            background-color: rgb(255 0 0 / var(--tw-bg-opacity));
          }
          .notification-count {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
          }
          .notification-count {
            font-size: 1rem;
            line-height: 1.5rem;
          }
          .notification-count {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }
        }
        .filter {
          position: relative;
        }
        .filter {
          float: right;
        }
        .filter {
          display: flex;
        }
        .filter {
          cursor: pointer;
        }
        .filter {
          align-items: center;
        }
        .filter {
          padding-top: 1.5rem;
          padding-bottom: 1.5rem;
        }
        .filter {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }
        .filter{
          img {
            height: 28px;
          }
          img {
            width: 25px;
          }
          img {
            cursor: pointer;
          }
        }
        .filter-section {
          position: fixed;
        }
        .filter-section {
          right: 0px;
        }
        .filter-section {
          bottom: 0px;
        }
        .filter-section {
          top: 88px;
        }
        .filter-section {
          z-index: 1;
        }
        .filter-section {
          display: none;
        }
        .filter-section {
          height: auto;
        }
        .filter-section {
          width: 293px;
        }
        .filter-section {
          overflow-x: hidden;
        }
        .filter-section {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .filter-section {
          padding: 1.25rem;
        }
        .filter-section {
          --tw-shadow: -2px 0 5px rgba(0,0,0,0.1);
          --tw-shadow-colored: -2px 0 5px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .filter-section {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .filter-section {
          .close-icon {
            position: absolute;
          }
          .close-icon {
            right: 0.625rem;
          }
          .close-icon {
            top: 3.13rem;
          }
          .close-icon {
            height: 13px;
          }
          .close-icon {
            width: 13px;
          }
          .close-icon {
            cursor: pointer;
          }
          .filter-inner {
            padding: 1.25rem;
          }
          .filter-inner {
            .title {
              white-space: nowrap;
            }
            .title {
              text-align: start;
            }
            .title {
              font-size: 16.5px;
            }
            .title {
              font-weight: 600;
            }
          }
          .filter-body {
            padding: 1.25rem;
          }
          .filter-body {
            .main-input {
              margin-bottom: 17px;
            }
            .main-input {
              width: 100%;
            }
            .main-input{
              .input-label {
                margin-bottom: 5px;
              }
              .input-label {
                text-align: start;
              }
              .element{
                input, select {
                  height: 34px;
                }
                input, select {
                  width: 100%;
                }
                input, select {
                  border-radius: 8.03px;
                }
                input, select {
                  --tw-border-opacity: 1 !important;
                  border-color: rgb(213 213 213 / var(--tw-border-opacity)) !important;
                }
                .choices {
                  height: auto;
                }
                .choices {
                  width: 100%;
                }
                .choices {
                  text-align: left;
                }
                .choices {
                  --tw-text-opacity: 1;
                  color: rgb(0 0 0 / var(--tw-text-opacity));
                }
                .choices{
                  .choices__inner {
                    min-height: 0px !important;
                  }
                  .choices__inner {
                    border-radius: 8.03px;
                  }
                  .choices__inner {
                    --tw-border-opacity: 1;
                    border-color: rgb(213 213 213 / var(--tw-border-opacity));
                  }
                  .choices__inner {
                    padding-left: 7.5px !important;
                    padding-right: 7.5px !important;
                  }
                  .choices__inner {
                    padding-top: 6.5px !important;
                  }
                  .choices__inner {
                    padding-bottom: 3.75px !important;
                  }
                  .choices__inner{
                    background: transparent;
                    .choices__list--single {
                      padding-top: 0.125rem;
                    }
                    .choices__list--single{
                      .choices__item {
                        --tw-text-opacity: 1;
                        color: rgb(74 111 165 / var(--tw-text-opacity));
                      }
                    }
                  }
                  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
                    --tw-bg-opacity: 1;
                    background-color: rgb(233 239 255 / var(--tw-bg-opacity));
                  }
                  .choices__list[aria-expanded] .choices__item--selectable.is-selected {
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                  }
                  .choices__list[aria-expanded] .choices__item--selectable.is-selected {
                    --tw-text-opacity: 1;
                    color: rgb(74 111 165 / var(--tw-text-opacity));
                  }
                  .choices__list--dropdown{
                    .choices__list {
                      max-height: 130px;
                    }
                  }
                  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable{
                    &::after {
                      --tw-content: "";
                      content: var(--tw-content);
                    }
                  }
                  .choices__list--dropdown {
                    margin-top: 0.25rem;
                  }
                }
              }
            }
            .separator {
              margin-bottom: 8px;
            }
            .separator {
              font-size: 13px;
            }
          }
        }
        .comment-section {
          position: fixed;
        }
        .comment-section {
          right: 0px;
        }
        .comment-section {
          bottom: 0px;
        }
        .comment-section {
          top: 66px;
        }
        .comment-section {
          z-index: 1;
        }
        .comment-section {
          display: none;
        }
        .comment-section {
          height: auto;
        }
        .comment-section {
          width: 293px;
        }
        .comment-section {
          overflow-x: hidden;
        }
        .comment-section {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .comment-section {
          padding: 1.25rem;
        }
        .comment-section {
          --tw-shadow: -2px 0 5px rgba(0,0,0,0.1);
          --tw-shadow-colored: -2px 0 5px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .comment-section {
          transition-property: 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
        }
        .comment-section {
          .comments-inner {
            padding: 1.25rem;
          }
          .comments-inner {
            .title {
              white-space: nowrap;
            }
            .title {
              text-align: start;
            }
            .title {
              font-size: 16.5px;
            }
            .title {
              font-weight: 600;
            }
            .comments-card {
              margin-top: 1rem;
              margin-bottom: 1rem;
            }
            .comments-card {
              border-radius: 8.5px;
            }
            .comments-card {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .comments-card {
              padding: 0.5rem;
            }
            .comments-card {
              padding: 1.5rem;
            }
            .comments-card {
              --tw-shadow: 1px 3px 19px 0px #E2ECF9;
              --tw-shadow-colored: 1px 3px 19px 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);
            }
            .comments-card {
              .comments-card-title {
                margin-bottom: 0.5rem;
              }
              .comments-card-title {
                display: flex;
              }
              .comments-card-title {
                justify-content: space-between;
              }
              .comments-card-title {
                white-space: nowrap;
              }
              .comments-card-title {
                text-align: start;
              }
              .comments-card-title {
                font-size: 13.36px;
              }
              .comments-card-title {
                font-weight: 600;
              }
              .comments-card-title {
                span.itemcode {
                  --tw-text-opacity: 1;
                  color: rgb(74 111 165 / var(--tw-text-opacity));
                }
              }
              .comments-content {
                text-align: start;
              }
              .comments-content {
                font-size: 12px;
              }
            }
          }
          .title {
            white-space: nowrap;
          }
          .title {
            text-align: start;
          }
          .title {
            font-size: 16.5px;
          }
          .title {
            font-weight: 600;
          }
        }
        .close-icon {
          position: absolute;
        }
        .close-icon {
          right: 0.625rem;
        }
        .close-icon {
          top: 1.5rem;
        }
        .close-icon {
          height: 13px;
        }
        .close-icon {
          width: 13px;
        }
        .close-icon {
          cursor: pointer;
        }
        .card {
          margin: auto;
        }
        .card {
          margin-top: 1rem;
          margin-bottom: 1rem;
        }
        .card {
          width: 90%;
        }
        .card {
          border-radius: 8.5px;
        }
        .card {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .card {
          padding: 0.5rem;
        }
        .card {
          padding: 1.5rem;
        }
        .card {
          padding: 2.5rem;
        }
        .card {
          --tw-shadow: 1px 3px 19px 0px #E2ECF9;
          --tw-shadow-colored: 1px 3px 19px 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);
        }
        .card {
          .dropdown-section {
            margin-bottom: 2.5rem;
          }
          .dropdown-section {
            display: flex;
          }
          .dropdown-section {
            flex-direction: row;
          }
          .dropdown-section {
            justify-content: center;
          }
          .dropdown-section{
            .dropdownMenu {
              position: relative;
            }
            .dropdownMenu {
              padding-right: 75px;
            }
            .dropdownMenu:hover {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            .dropdown-head::after {
              background: url("/css/WEBootstrap/images/arrow-down-fill.png") no-repeat;
            }
            .dropdown-head {
              position: relative;
            }
            .dropdown-head {
              display: flex;
            }
            .dropdown-head {
              cursor: pointer;
            }
            .dropdown-head {
              align-items: center;
            }
            .dropdown-head::after {
              content: var(--tw-content);
              position: absolute;
            }
            .dropdown-head::after {
              content: var(--tw-content);
              right: -1rem;
            }
            .dropdown-head::after {
              content: var(--tw-content);
              top: 37%;
            }
            .dropdown-head::after {
              content: var(--tw-content);
              height: 1.25rem;
            }
            .dropdown-head::after {
              content: var(--tw-content);
              width: 1.25rem;
            }
            .dropdown-head::after {
              --tw-content: "";
              content: var(--tw-content);
            }
            .dropdown-head{
              span {
                padding-left: 7px;
                padding-right: 7px;
              }
              span {
                padding-top: 0px;
                padding-bottom: 0px;
              }
            }
            .dropdown-body {
              position: absolute;
            }
            .dropdown-body {
              left: 0px;
            }
            .dropdown-body {
              top: 100%;
            }
            .dropdown-body {
              display: none;
            }
            .dropdown-body {
              border-radius: 0 0 11px 12px;
            }
            .dropdown-body {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .dropdown-body {
              padding: 0.5rem;
            }
            .dropdown-body {
              padding: 1.5rem;
            }
            .dropdown-body {
              text-align: left;
            }
            .dropdown-body {
              --tw-shadow: 1px 3px 19px 0px #E2ECF9;
              --tw-shadow-colored: 1px 3px 19px 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);
            }
            .dropdown-body {
              transition-property: display;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .dropdown-body {
              transition-property: display;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
            .dropdown-body {
              transition-duration: 0.5s;
            }
            .dropdown-body {
              transition-duration: 0.5s;
            }
            .dropdown-body {
              transition-timing-function: ease;
            }
            .dropdown-body {
              transition-timing-function: ease;
            }
            .dropdown-body:hover {
              display: block;
            }
            .dropdown-body:hover {
              display: block;
            }
            .dropdown-body {
              ul li {
                border-bottom-width: 1px;
              }
              ul li {
                border-style: dashed;
              }
              ul li {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
              }
              ul li {
                line-height: 38px;
              }
              ul li {
                text-wrap: nowrap;
              }
              ul li {
                &:last-child {
                  border-style: none;
                }
              }
              a {
                --tw-text-opacity: 1;
                color: rgb(17 24 39 / var(--tw-text-opacity));
              }
            }
            .dropdownMenu:hover .dropdown-body {
              display: block;
            }
            .dropdownMenu:not(:hover) .dropdown-body {
              pointer-events: none;
            }
            .dropdownMenu:not(:hover) .dropdown-body {
              visibility: hidden;
            }
            .dropdownMenu:hover .dropdown-body {
              display: block;
            }
            .dropdownMenu:hover .dropdown-head::after {
              background: url("/css/WEBootstrap/images/arrow-up-fill.png") no-repeat;
            }
          }
          .item-details {
            margin: auto;
          }
          .item-details {
            margin-top: 30px;
          }
          .item-details {
            display: flex;
          }
          .item-details{
            .item-img {
              display: flex;
            }
            .item-img {
              min-width: 440px;
            }
            .item-img {
              align-items: center;
            }
            .item-img {
              justify-content: center;
            }
            .item-img {
              border-radius: 0.75rem;
            }
            .item-img {
              border-width: 1px;
            }
            .item-img {
              border-bottom-width: 1px;
            }
            .item-img {
              --tw-border-opacity: 1;
              border-color: rgb(209 213 219 / var(--tw-border-opacity));
            }
            .item-img {
              padding: 49px;
            }
            .item-img{
              img {
                max-height: 100%;
              }
              img {
                max-width: 100%;
              }
            }
            .item-desc {
              flex: 1 1 0%;
            }
            .item-desc {
              padding-left: 25px;
            }
            .item-desc{
              .item-title {
                padding-bottom: 18px;
              }
              .item-title {
                text-align: left;
              }
              .item-title {
                font-size: 2.25rem;
                line-height: 2.5rem;
              }
              .item-title {
                --tw-text-opacity: 1;
                color: rgb(74 111 165 / var(--tw-text-opacity));
              }
              .item-price {
                margin-bottom: 1.5rem;
              }
              .item-price {
                display: flex;
              }
              .item-price {
                align-items: center;
              }
              .item-price {
                gap: 15px;
              }
              .item-price {
                border-bottom-width: 1px;
              }
              .item-price {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
              }
              .item-price {
                text-align: left;
              }
              .item-price {
                font-size: 21px;
              }
              .item-price {
                --tw-text-opacity: 1;
                color: rgb(243 45 45 / var(--tw-text-opacity));
              }
              .item-price{
                .item-border-margin {
                  margin-bottom: 13px;
                }
                .item-border-margin{
                  .cost {
                    border-radius: 3px;
                  }
                  .cost {
                    --tw-bg-opacity: 1;
                    background-color: rgb(239 211 61 / var(--tw-bg-opacity));
                  }
                  .cost {
                    padding-left: 15px;
                    padding-right: 15px;
                  }
                  .cost {
                    padding-top: 0px;
                    padding-bottom: 0px;
                  }
                  .cost {
                    font-size: 17px;
                  }
                  .cost {
                    --tw-text-opacity: 1;
                    color: rgb(0 0 0 / var(--tw-text-opacity));
                  }
                  .longdesc {
                    padding-left: 15px;
                    padding-right: 15px;
                  }
                  .longdesc {
                    font-size: 17px;
                  }
                  .longdesc {
                    --tw-text-opacity: 1;
                    color: rgb(0 0 0 / var(--tw-text-opacity));
                  }
                }
              }
              .item-keys {
                display: grid;
              }
              .item-keys {
                grid-template-columns: repeat(2, minmax(0, 1fr));
              }
              .item-keys {
                grid-template-rows: repeat(7, minmax(0, 1fr));
              }
              .item-keys {
                gap: 1rem;
              }
              .item-keys {
                text-align: start;
              }
              .item-keys{
                div {
                  padding-bottom: 13px;
                }
                div {
                  font-weight: 600;
                }
                div {
                  span {
                    font-weight: 500;
                  }
                  span {
                    color: rgba(17, 24, 39, 0.5);
                  }
                }
              }
            }
          }
        }
        .dots-icon {
          img {
            height: 19px;
          }
          img {
            width: 19px;
          }
          img {
            cursor: pointer;
          }
        }
        .po-items-accordion-content {
          display: none;
        }
        .po-items-accordion-content {
          .po-items--content-block {
            padding: 1rem;
          }
          .po-items--content-block{
            .comments-block {
              margin-bottom: 1rem;
            }
            .comments-block {
              display: flex;
            }
            .comments-block {
              flex-direction: column;
            }
            .comments-block{
              .title {
                white-space: nowrap;
              }
              .title {
                text-align: start;
              }
              .title {
                font-size: 14px;
              }
              .title {
                font-weight: 600;
              }
            }
          }
        }
        .dt-container {
          .dt-length {
            float: left !important;
          }
          .dt-length {
            margin-left: 17px;
          }
          .dt-length {
            label {
              padding-left: 0.5rem;
            }
          }
          .dt-search {
            float: right;
          }
          .dt-search {
            margin-right: 17px;
          }
          .dt-info {
            float: left;
          }
          .dt-info {
            clear: both;
          }
          .dt-info {
            padding-top: 0.755em;
          }
          .dt-paging {
            float: right;
          }
          .dt-paging {
            padding-top: 0.755em;
          }
          .dt-paging {
            text-align: right;
          }
          .dt-paging {
            .dt-paging-button {
              font-weight: 600;
            }
            .dt-paging-button:hover {
              border-width: 1px;
            }
            .dt-paging-button:hover {
              border-color: transparent;
            }
            .dt-paging-button:hover {
              background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
            }
            .dt-paging-button:hover {
              --tw-gradient-from: #4a6fa5 var(--tw-gradient-from-position);
              --tw-gradient-to: rgb(74 111 165 / 0) var(--tw-gradient-to-position);
              --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            }
            .dt-paging-button:hover {
              --tw-gradient-to: #4a6fa5 var(--tw-gradient-to-position);
            }
            .dt-paging-button:hover {
              --tw-text-opacity: 1 !important;
              color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
            }
            .dt-paging-button.disabled {
              --tw-bg-opacity: 1;
              background-color: rgb(235 242 255 / var(--tw-bg-opacity));
            }
            .dt-paging-button.disabled {
              --tw-text-opacity: 1;
              color: rgb(235 242 255 / var(--tw-text-opacity));
            }
            .dt-paging-button.disabled {
              &:hover {
                background-image: none !important;
              }
              &:hover {
                color: rgba(0,0,0,0.5) !important;
              }
            }
            .dt-paging-button.current {
              border-style: none;
            }
            .dt-paging-button.current {
              background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
            }
            .dt-paging-button.current {
              --tw-gradient-from: #4a6fa5 var(--tw-gradient-from-position);
              --tw-gradient-to: rgb(74 111 165 / 0) var(--tw-gradient-to-position);
              --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            }
            .dt-paging-button.current {
              --tw-gradient-to: #4a6fa5 var(--tw-gradient-to-position);
            }
            .dt-paging-button.current {
              --tw-text-opacity: 1 !important;
              color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
            }
          }
          button {
            background-image: none;
          }
          .dtsb-logicContainer {
            background-image: none;
          }
          .dt-scroll .dt-scroll-head .dt-scroll-headInner, .dt-scroll .dt-scroll-foot .dt-scroll-footInner {
            margin: auto;
          }
        }
        div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button {
          background-image: none;
        }
        .choices.milestone {
          height: auto;
        }
        .choices.milestone {
          width: 100%;
        }
        .choices.milestone {
          text-align: left;
        }
        .choices.milestone {
          --tw-text-opacity: 1;
          color: rgb(0 0 0 / var(--tw-text-opacity));
        }
        .choices.milestone{
          .choices__inner {
            display: table-caption;
          }
          .choices__inner {
            min-height: 0px !important;
          }
          .choices__inner {
            border-radius: 8.03px;
          }
          .choices__inner {
            --tw-border-opacity: 1;
            border-color: rgb(74 111 165 / var(--tw-border-opacity));
          }
          .choices__inner {
            padding-left: 7.5px !important;
            padding-right: 7.5px !important;
          }
          .choices__inner {
            padding-top: 6.5px !important;
          }
          .choices__inner {
            padding-bottom: 3.75px !important;
          }
          .choices__inner{
            background: transparent;
            .choices__list--multiple {
              padding-top: 0.125rem;
            }
            .choices__list--multiple{
              .choices__item {
                --tw-bg-opacity: 1;
                background-color: rgb(74 111 165 / var(--tw-bg-opacity));
              }
            }
            .choices__input {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            button.choices__button {
              margin: 5px !important;
            }
            button.choices__button {
              padding-top: 0px !important;
              padding-bottom: 0px !important;
            }
            button.choices__button {
              padding-left: 16px !important;
            }
            button.choices__button {
              padding-right: 0px !important;
            }
          }
          .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
            --tw-bg-opacity: 1;
            background-color: rgb(233 239 255 / var(--tw-bg-opacity));
          }
          .choices__list[aria-expanded] .choices__item--selectable.is-selected {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          }
          .choices__list[aria-expanded] .choices__item--selectable.is-selected {
            --tw-text-opacity: 1;
            color: rgb(74 111 165 / var(--tw-text-opacity));
          }
          .choices__list--dropdown {
            position: absolute !important;
          }
          .choices__list--dropdown {
            z-index: 9999 !important;
          }
          .choices__list--dropdown {
            width: 75%;
          }
          .choices__list--dropdown{
            .choices__list {
              max-height: 120px;
            }
          }
          .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable{
            &::after {
              --tw-content: "";
              content: var(--tw-content);
            }
          }
          .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable {
            padding-right: 0px;
          }
          .choices__list--dropdown {
            position: relative;
          }
          .choices__list--dropdown {
            margin-top: 0.25rem;
          }
        }
        .choices.debtorafilliatios{
          .choices__inner {
            border-radius: 8.03px;
          }
          .choices__inner {
            --tw-border-opacity: 1;
            border-color: rgb(74 111 165 / var(--tw-border-opacity));
          }
          .choices__inner{
            background: transparent;
            .choices__input {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
          }
          .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
            --tw-bg-opacity: 1;
            background-color: rgb(233 239 255 / var(--tw-bg-opacity));
          }
        }
        .choices-default-style{
          input, select {
            height: 34px;
          }
          input, select {
            width: 100%;
          }
          input, select {
            border-radius: 8.03px;
          }
          input, select {
            --tw-border-opacity: 1 !important;
            border-color: rgb(213 213 213 / var(--tw-border-opacity)) !important;
          }
          .choices {
            height: auto;
          }
          .choices {
            width: 100%;
          }
          .choices {
            text-align: left;
          }
          .choices {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
          }
          .choices{
            .choices__inner {
              min-height: 0px !important;
            }
            .choices__inner {
              border-radius: 8.03px;
            }
            .choices__inner {
              --tw-border-opacity: 1;
              border-color: rgb(213 213 213 / var(--tw-border-opacity));
            }
            .choices__inner {
              padding-left: 7.5px !important;
              padding-right: 7.5px !important;
            }
            .choices__inner {
              padding-top: 6.5px !important;
            }
            .choices__inner {
              padding-bottom: 3.75px !important;
            }
            .choices__inner{
              background: transparent;
              .choices__list--single {
                padding-top: 0.125rem;
              }
              .choices__list--single{
                .choices__item {
                  --tw-text-opacity: 1;
                  color: rgb(74 111 165 / var(--tw-text-opacity));
                }
              }
            }
            .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
              --tw-bg-opacity: 1;
              background-color: rgb(233 239 255 / var(--tw-bg-opacity));
            }
            .choices__list[aria-expanded] .choices__item--selectable.is-selected {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .choices__list[aria-expanded] .choices__item--selectable.is-selected {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            .choices__list--dropdown {
              z-index: 99 !important;
            }
            .choices__list--dropdown{
              .choices__list {
                max-height: 130px;
              }
            }
            .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable{
              &::after {
                --tw-content: "";
                content: var(--tw-content);
              }
            }
            .choices__list--dropdown {
              margin-top: 0.25rem;
            }
            .choices__placeholder {
              opacity: 1 !important;
            }
          }
        }
      }
      .page_title_text {
        display: flex;
      }
      .page_title_text {
        align-items: center;
      }
      .page_title_text {
        justify-content: center;
      }
      .page_title_text {
        gap: 1rem;
      }
      .page_title_text {
        padding: 1.5rem;
      }
    }
  }
  .footer-main {
    width: 100%;
  }
  .footer-main {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }
  .footer-main {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  p {
    margin-left: 0px;
    margin-right: 0px;
  }
  p {
    margin-top: 0px;
  }
  p {
    margin-bottom: 0.625rem;
  }
  #FooterWrapDiv {
    margin-top: auto;
    margin-bottom: auto;
  }
  #FooterWrapDiv {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  #FooterWrapDiv {
    display: flex;
  }
  #FooterWrapDiv {
    height: 60px;
  }
  #FooterWrapDiv {
    flex-direction: column;
  }
  #FooterWrapDiv {
    align-items: flex-start;
  }
  #FooterWrapDiv {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  #FooterWrapDiv {
    font-family: Rubik, sans-serif;
  }
  @media (min-width: 768px) {
    #FooterWrapDiv {
      flex-direction: column;
    }
  }
  @media (min-width: 768px) {
    #FooterWrapDiv {
      justify-content: space-between;
    }
  }
  @media (min-width: 1024px) {
    #FooterWrapDiv {
      flex-direction: row;
    }
  }
  @media (min-width: 1024px) {
    #FooterWrapDiv {
      align-items: center;
    }
  }
  #container {
    position: relative;
  }
  #container {
    display: flex;
  }
  #container {
    min-height: 100vh;
  }
  #container {
    width: 100%;
  }
  #container {
    flex-direction: row;
  }
  #container {
    justify-content: flex-start;
  }
  #container {
    overflow: hidden;
  }
  #container {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  #container {
    text-align: left;
  }
  #container {
    font-family: Rubik, sans-serif;
  }
  #container {
    font-size: 3.125rem;
  }
  #container {
    letter-spacing: normal;
  }
  #container {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  @media (min-width: 1280px) {
    #container {
      gap: 6.375rem;
    }
  }
  @media (min-width: 1536px) {
    #container {
      gap: 12rem;
    }
  }
  @media screen and (max-width: 770px) {
    #container {
      align-items: center;
    }
  }
  @media screen and (max-width: 770px) {
    #container {
      justify-content: center;
    }
  }
  #container {
    .the-interior-has-a-armchair-on-parent {
      box-sizing: border-box;
    }
    .the-interior-has-a-armchair-on-parent {
      display: flex;
    }
    .the-interior-has-a-armchair-on-parent {
      height: auto;
    }
    .the-interior-has-a-armchair-on-parent {
      min-width: 43.625rem;
    }
    .the-interior-has-a-armchair-on-parent {
      max-width: 100%;
    }
    .the-interior-has-a-armchair-on-parent {
      flex-direction: row;
    }
    .the-interior-has-a-armchair-on-parent {
      align-items: flex-start;
    }
    .the-interior-has-a-armchair-on-parent {
      justify-content: flex-start;
    }
    .the-interior-has-a-armchair-on-parent {
      border-right-width: 3px;
    }
    .the-interior-has-a-armchair-on-parent {
      border-style: solid;
    }
    .the-interior-has-a-armchair-on-parent {
      --tw-border-opacity: 1;
      border-color: rgb(74 111 165 / var(--tw-border-opacity));
    }
    .the-interior-has-a-armchair-on-parent {
      padding-top: 0rem;
      padding-bottom: 0rem;
    }
    .the-interior-has-a-armchair-on-parent {
      padding-right: 0.438rem;
    }
    .the-interior-has-a-armchair-on-parent {
      padding-left: 0rem;
    }
    @media (min-width: 1024px) {
      .the-interior-has-a-armchair-on-parent {
        width: 50%;
      }
    }
    @media (min-width: 1024px) {
      .the-interior-has-a-armchair-on-parent {
        min-width: 0px;
      }
    }
    @media (min-width: 1280px) {
      .the-interior-has-a-armchair-on-parent {
        width: 43.625rem;
      }
    }
    @media (min-width: 1536px) {
      .the-interior-has-a-armchair-on-parent {
        width: 57.625rem;
      }
    }
    @media screen and (max-width: 770px) {
      .the-interior-has-a-armchair-on-parent {
        box-sizing: border-box;
      }
    }
    @media screen and (max-width: 770px) {
      .the-interior-has-a-armchair-on-parent {
        display: none;
      }
    }
    @media screen and (max-width: 770px) {
      .the-interior-has-a-armchair-on-parent {
        min-width: 100%;
      }
    }
    @media screen and (max-width: 770px) {
      .the-interior-has-a-armchair-on-parent {
        padding-right: 0rem;
      }
    }
    .the-interior-has-a-armchair-on-parent {
      .the-interior-has-a-armchair-on {
        position: relative;
      }
      .the-interior-has-a-armchair-on {
        box-sizing: border-box;
      }
      .the-interior-has-a-armchair-on {
        display: none;
      }
      .the-interior-has-a-armchair-on {
        width: 43.625rem;
      }
      .the-interior-has-a-armchair-on {
        max-width: 100%;
      }
      .the-interior-has-a-armchair-on {
        align-self: stretch;
      }
      .the-interior-has-a-armchair-on {
        border-right-width: 3px;
      }
      .the-interior-has-a-armchair-on {
        border-style: solid;
      }
      .the-interior-has-a-armchair-on {
        --tw-border-opacity: 1;
        border-color: rgb(74 111 165 / var(--tw-border-opacity));
      }
      .company-logo {
        z-index: 1;
      }
      .company-logo {
        box-sizing: border-box;
      }
      .company-logo {
        display: flex;
      }
      .company-logo {
        height: 100%;
      }
      .company-logo {
        max-width: 100%;
      }
      .company-logo {
        flex: 1 1 0%;
      }
      .company-logo {
        flex-direction: column;
      }
      .company-logo {
        align-items: flex-start;
      }
      .company-logo {
        align-items: center;
      }
      .company-logo {
        justify-content: center;
      }
      .company-logo {
        gap: 4.375rem;
      }
      .company-logo {
        align-self: stretch;
      }
      .company-logo {
        --tw-bg-opacity: 1;
        background-color: rgb(74 111 165 / var(--tw-bg-opacity));
      }
      .company-logo {
        padding-left: 2.875rem;
        padding-right: 2.875rem;
      }
      .company-logo {
        padding-top: 4.375rem;
      }
      .company-logo {
        padding-bottom: 4.563rem;
      }
      @media screen and (max-width: 770px) {
        .company-logo {
          box-sizing: border-box;
        }
      }
      @media screen and (max-width: 770px) {
        .company-logo {
          gap: 2.188rem 4.375rem;
        }
      }
      @media screen and (max-width: 770px) {
        .company-logo {
          padding-left: 1.438rem;
          padding-right: 1.438rem;
        }
      }
      @media screen and (max-width: 770px) {
        .company-logo {
          padding-top: 5.438rem;
        }
      }
      @media screen and (max-width: 770px) {
        .company-logo {
          padding-bottom: 4.25rem;
        }
      }
      @media screen and (max-width: 450px) {
        .company-logo {
          gap: 1.063rem 4.375rem;
        }
      }
      .company-logo{
        .the-interior-has-a-armchair-on1 {
          position: relative;
        }
        .the-interior-has-a-armchair-on1 {
          display: none;
        }
        .the-interior-has-a-armchair-on1 {
          height: 53.063rem;
        }
        .the-interior-has-a-armchair-on1 {
          width: 43rem;
        }
        .the-interior-has-a-armchair-on1 {
          max-width: 100%;
        }
        .the-interior-has-a-armchair-on1 {
          --tw-bg-opacity: 1;
          background-color: rgb(74 111 165 / var(--tw-bg-opacity));
        }
        .weberp {
          position: relative;
        }
        .weberp {
          z-index: 2;
        }
        .weberp {
          margin: 0px;
        }
        .weberp {
          display: inline-block;
        }
        .weberp {
          height: 3.688rem;
        }
        .weberp {
          font-weight: 600;
        }
        .weberp {
          color: inherit;
        }
        @media screen and (max-width: 1100px) {
          .weberp {
            font-size: 2.525rem;
          }
        }
        @media screen and (max-width: 770px) {
          .weberp {
            font-size: 2.5rem;
          }
        }
        @media screen and (max-width: 450px) {
          .weberp {
            font-size: 1.875rem;
          }
        }
        .weberp{
          .erp {
            --tw-text-opacity: 1;
            color: rgb(217 228 255 / var(--tw-text-opacity));
          }
          span {
            display: inline-block;
          }
          span {
            text-transform: uppercase;
          }
          span{
            &.sls {
              display: block;
            }
            &.sls {
              text-align: center;
            }
          }
        }
        .asset-1-1 {
          position: relative;
        }
        .asset-1-1 {
          z-index: 2;
        }
        .asset-1-1 {
          max-width: 100%;
        }
        .asset-1-1 {
          flex-shrink: 0;
        }
        .asset-1-1 {
          overflow: hidden;
        }
        .asset-1-1 {
          -o-object-fit: cover;
             object-fit: cover;
        }
      }
    }
    .login-inner {
      margin-left: 0px;
      margin-right: 0px;
    }
    .login-inner {
      margin-top: auto;
      margin-bottom: auto;
    }
    .login-inner {
      box-sizing: border-box;
    }
    .login-inner {
      display: flex;
    }
    .login-inner {
      height: 100%;
    }
    .login-inner {
      min-width: 33.688rem;
    }
    .login-inner {
      max-width: 100%;
    }
    .login-inner {
      align-items: flex-start;
    }
    .login-inner {
      justify-content: flex-start;
    }
    @media (min-width: 1024px) {
      .login-inner {
        width: 50%;
      }
    }
    @media (min-width: 1024px) {
      .login-inner {
        min-width: 0px;
      }
    }
    @media (min-width: 1024px) {
      .login-inner {
        align-items: center;
      }
    }
    @media (min-width: 1024px) {
      .login-inner {
        justify-content: center;
      }
    }
    @media (min-width: 1280px) {
      .login-inner {
        width: 33.688rem;
      }
    }
    @media (min-width: 1536px) {
      .login-inner {
        width: 37.688rem;
      }
    }
    @media screen and (max-width: 770px) {
      .login-inner {
        padding-top: 0px;
      }
    }
    .login-inner{
      .rectangle-parent {
        margin: 0px;
      }
      .rectangle-parent {
        box-sizing: border-box;
      }
      .rectangle-parent {
        display: flex;
      }
      .rectangle-parent {
        max-width: 100%;
      }
      .rectangle-parent {
        flex-direction: column;
      }
      .rectangle-parent {
        align-items: flex-start;
      }
      .rectangle-parent {
        justify-content: flex-start;
      }
      .rectangle-parent {
        gap: 2.813rem;
      }
      .rectangle-parent {
        align-self: stretch;
      }
      .rectangle-parent {
        border-radius: 40px;
      }
      .rectangle-parent {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .rectangle-parent {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
      }
      .rectangle-parent {
        padding-top: 3.75rem;
      }
      .rectangle-parent {
        padding-bottom: 5.188rem;
      }
      .rectangle-parent {
        --tw-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
        --tw-shadow-colored: 0px 4px 35px 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: 1024px) {
        .rectangle-parent {
          flex: none;
        }
      }
      @media (min-width: 1280px) {
        .rectangle-parent {
          flex: 1 1 0%;
        }
      }
      @media (min-width: 1536px) {
        .rectangle-parent {
          flex: 1 1 0%;
        }
      }
      .rectangle-parent{
        .frame-child {
          position: relative;
        }
        .frame-child {
          display: none;
        }
        .frame-child {
          height: 46.313rem;
        }
        .frame-child {
          width: 33.688rem;
        }
        .frame-child {
          max-width: 100%;
        }
        .frame-child {
          border-radius: 40px;
        }
        .frame-child {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .frame-child {
          --tw-shadow: 0px 4px 35px rgba(0, 0, 0, 0.08);
          --tw-shadow-colored: 0px 4px 35px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .have-an-account-container {
          position: relative;
        }
        .have-an-account-container {
          display: none;
        }
        .have-an-account-container {
          width: 7.625rem;
        }
        .have-an-account-container {
          text-align: left;
        }
        .have-an-account-container {
          font-family: Poppins;
        }
        .have-an-account-container {
          font-size: 0.813rem;
        }
        .have-an-account-container{
          .have-an-account {
            margin: 0px;
          }
          .have-an-account {
            --tw-text-opacity: 1;
            color: rgb(141 141 141 / var(--tw-text-opacity));
          }
          .sign-in {
            margin: 0px;
          }
          .sign-in {
            --tw-text-opacity: 1;
            color: rgb(0 137 237 / var(--tw-text-opacity));
          }
        }
        .welcome-back-to-weberp-parent {
          display: flex;
        }
        .welcome-back-to-weberp-parent {
          width: 17.4rem;
        }
        .welcome-back-to-weberp-parent {
          flex-direction: column;
        }
        .welcome-back-to-weberp-parent {
          align-items: flex-start;
        }
        .welcome-back-to-weberp-parent {
          justify-content: flex-start;
        }
        .welcome-back-to-weberp-parent {
          gap: 0.5rem;
        }
        .welcome-back-to-weberp-parent{
          .welcome-back-to-container {
            position: relative;
          }
          .welcome-back-to-container {
            z-index: 1;
          }
          .welcome-back-to-container {
            display: flex;
          }
          .welcome-back-to-container {
            align-items: center;
          }
          .welcome-back-to-container {
            align-self: stretch;
          }
          .welcome-back-to-container {
            text-align: left;
          }
          .welcome-back-to-container {
            font-size: 1.313rem;
          }
          @media screen and (max-width: 450px) {
            .welcome-back-to-container {
              font-size: 1.063rem;
            }
          }
          .welcome-back-to-container{
            .welcome-back-to {
              font-family: Rubik, sans-serif;
            }
            .welcome-back-to {
              --tw-text-opacity: 1;
              color: rgb(17 24 39 / var(--tw-text-opacity));
            }
            .weberp1 {
              padding-left: 0.5rem;
            }
            .weberp1 {
              font-family: Rubik, sans-serif;
            }
            .weberp1 {
              font-weight: 600;
            }
            .weberp1 {
              --tw-text-opacity: 1;
              color: rgb(74 111 165 / var(--tw-text-opacity));
            }
            .span {
              font-family: Rubik, sans-serif;
            }
            .span {
              --tw-text-opacity: 1;
              color: rgb(17 24 39 / var(--tw-text-opacity));
            }
          }
          .sign-in1 {
            position: relative;
          }
          .sign-in1 {
            z-index: 1;
          }
          .sign-in1 {
            margin: 0px;
          }
          .sign-in1 {
            text-align: left;
          }
          .sign-in1 {
            font-family: Rubik, sans-serif;
          }
          .sign-in1 {
            font-size: 3.438rem;
          }
          .sign-in1 {
            font-weight: 500;
          }
          .sign-in1 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity));
          }
          @media screen and (max-width: 770px) {
            .sign-in1 {
              font-size: 2.75rem;
            }
          }
          @media screen and (max-width: 450px) {
            .sign-in1 {
              font-size: 2.063rem;
            }
          }
        }
        .frame-parent {
          box-sizing: border-box;
        }
        .frame-parent {
          display: flex;
        }
        .frame-parent {
          max-width: 100%;
        }
        .frame-parent {
          flex: 1 1 0%;
        }
        .frame-parent {
          flex-direction: column;
        }
        .frame-parent {
          align-items: flex-start;
        }
        .frame-parent {
          justify-content: flex-start;
        }
        .frame-parent {
          gap: 1.75rem;
        }
        .frame-parent {
          align-self: stretch;
        }
        .frame-parent {
          padding-left: 0rem;
          padding-right: 0rem;
        }
        .frame-parent {
          padding-top: 0rem;
        }
        .frame-parent {
          padding-bottom: 1.125rem;
        }
        .frame-parent{
          .company-parent {
            display: flex;
          }
          .company-parent {
            max-width: 100%;
          }
          .company-parent {
            flex: 1 1 0%;
          }
          .company-parent {
            flex-direction: column;
          }
          .company-parent {
            align-items: flex-start;
          }
          .company-parent {
            justify-content: flex-start;
          }
          .company-parent {
            gap: 1.063rem;
          }
          .company-parent {
            align-self: stretch;
          }
          .company-parent{
            .company {
              position: relative;
            }
            .company {
              display: inline-block;
            }
            .company {
              min-width: 4.875rem;
            }
            .company {
              text-align: left;
            }
            .company {
              font-family: Rubik, sans-serif;
            }
            .company {
              font-size: 1.063rem;
            }
            .company {
              font-weight: 500;
            }
            .company {
              color: rgba(17, 24, 39, 0.8);
            }
            .login-credentials {
              box-sizing: border-box;
            }
            .login-credentials {
              display: flex;
            }
            .login-credentials {
              max-width: 100%;
            }
            .login-credentials {
              flex: 1 1 0%;
            }
            .login-credentials {
              flex-direction: row;
            }
            .login-credentials {
              align-items: flex-start;
            }
            .login-credentials {
              justify-content: space-between;
            }
            .login-credentials {
              gap: 1.25rem;
            }
            .login-credentials {
              align-self: stretch;
            }
            .login-credentials {
              border-radius: 9px;
            }
            .login-credentials {
              border-width: 1.5px;
            }
            .login-credentials {
              border-style: solid;
            }
            .login-credentials {
              --tw-border-opacity: 1;
              border-color: rgb(74 111 165 / var(--tw-border-opacity));
            }
            .login-credentials {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .login-credentials {
              padding-top: 0.4rem;
              padding-bottom: 0.4rem;
            }
            .login-credentials{
              .login-credentials-child {
                position: relative;
              }
              .login-credentials-child {
                box-sizing: border-box;
              }
              .login-credentials-child {
                display: none;
              }
              .login-credentials-child {
                height: 3.563rem;
              }
              .login-credentials-child {
                width: 28.188rem;
              }
              .login-credentials-child {
                max-width: 100%;
              }
              .login-credentials-child {
                border-radius: 9px;
              }
              .login-credentials-child {
                border-width: 1.5px;
              }
              .login-credentials-child {
                border-style: solid;
              }
              .login-credentials-child {
                --tw-border-opacity: 1;
                border-color: rgb(74 111 165 / var(--tw-border-opacity));
              }
              .login-credentials-child {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              }
              .caloptix-logo {
                box-sizing: border-box;
              }
              .caloptix-logo {
                display: flex;
              }
              .caloptix-logo {
                width: 100%;
              }
              .caloptix-logo {
                flex-direction: column;
              }
              .caloptix-logo {
                align-items: flex-start;
              }
              .caloptix-logo {
                justify-content: flex-start;
              }
              .caloptix-logo {
                padding-left: 0rem;
                padding-right: 0rem;
              }
              .caloptix-logo {
                padding-top: 0.063rem;
              }
              .caloptix-logo {
                padding-bottom: 0rem;
              }
              .caloptix-logo{
                select:focus-visible {
                  outline: 2px solid transparent;
                  outline-offset: 2px;
                }
                .caloptix {
                  position: relative;
                }
                .caloptix {
                  z-index: 2;
                }
                .caloptix {
                  align-self: stretch;
                }
                .caloptix {
                  text-align: left;
                }
                .caloptix {
                  font-family: Rubik, sans-serif;
                }
                .caloptix {
                  font-size: 0.938rem;
                }
                .caloptix {
                  font-weight: 500;
                }
                .caloptix {
                  --tw-text-opacity: 1;
                  color: rgb(74 111 165 / var(--tw-text-opacity));
                }
                .choices {
                  width: 100%;
                }
                .choices {
                  --tw-text-opacity: 1;
                  color: rgb(0 0 0 / var(--tw-text-opacity));
                }
                .choices{
                  .choices__inner {
                    border-width: 0px;
                  }
                  .choices__inner{
                    background: transparent;
                    .choices__list--single{
                      .choices__item {
                        --tw-text-opacity: 1;
                        color: rgb(74 111 165 / var(--tw-text-opacity));
                      }
                    }
                  }
                  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
                    --tw-bg-opacity: 1;
                    background-color: rgb(233 239 255 / var(--tw-bg-opacity));
                  }
                  .choices__list[aria-expanded] .choices__item--selectable.is-selected {
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                  }
                  .choices__list[aria-expanded] .choices__item--selectable.is-selected {
                    --tw-text-opacity: 1;
                    color: rgb(74 111 165 / var(--tw-text-opacity));
                  }
                  .choices__list--dropdown{
                    .choices__list {
                      max-height: 130px;
                    }
                  }
                  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable{
                    &::after {
                      --tw-content: "";
                      content: var(--tw-content);
                    }
                  }
                  .choices__list--dropdown {
                    margin-top: 0.25rem;
                  }
                }
              }
              .line-arrow-down-icon {
                position: relative;
              }
              .line-arrow-down-icon {
                z-index: 2;
              }
              .line-arrow-down-icon {
                height: 1.25rem;
              }
              .line-arrow-down-icon {
                min-height: 1.25rem;
              }
              .line-arrow-down-icon {
                width: 1.25rem;
              }
            }
          }
          .user-name-parent {
            display: flex;
          }
          .user-name-parent {
            max-width: 100%;
          }
          .user-name-parent {
            flex-direction: column;
          }
          .user-name-parent {
            align-items: flex-start;
          }
          .user-name-parent {
            justify-content: flex-start;
          }
          .user-name-parent {
            gap: 1.063rem;
          }
          .user-name-parent {
            align-self: stretch;
          }
          .user-name-parent{
            .user-name {
              position: relative;
            }
            .user-name {
              display: inline-block;
            }
            .user-name {
              min-width: 5.563rem;
            }
            .user-name {
              text-align: left;
            }
            .user-name {
              font-family: Rubik, sans-serif;
            }
            .user-name {
              font-size: 1.063rem;
            }
            .user-name {
              font-weight: 500;
            }
            .user-name {
              color: rgba(17, 24, 39, 0.8);
            }
            .rectangle-group {
              box-sizing: border-box;
            }
            .rectangle-group {
              display: flex;
            }
            .rectangle-group {
              max-width: 100%;
            }
            .rectangle-group {
              flex-direction: row;
            }
            .rectangle-group {
              align-items: flex-start;
            }
            .rectangle-group {
              justify-content: flex-start;
            }
            .rectangle-group {
              align-self: stretch;
            }
            .rectangle-group {
              border-radius: 9px;
            }
            .rectangle-group {
              border-width: 1.5px;
            }
            .rectangle-group {
              border-style: solid;
            }
            .rectangle-group {
              --tw-border-opacity: 1;
              border-color: rgb(213 213 213 / var(--tw-border-opacity));
            }
            .rectangle-group {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .rectangle-group {
              padding: 1.25rem;
            }
            .rectangle-group{
              .frame-item {
                position: relative;
              }
              .frame-item {
                box-sizing: border-box;
              }
              .frame-item {
                display: none;
              }
              .frame-item {
                height: 3.563rem;
              }
              .frame-item {
                width: 28.188rem;
              }
              .frame-item {
                max-width: 100%;
              }
              .frame-item {
                border-radius: 9px;
              }
              .frame-item {
                border-width: 1.5px;
              }
              .frame-item {
                border-style: solid;
              }
              .frame-item {
                --tw-border-opacity: 1;
                border-color: rgb(213 213 213 / var(--tw-border-opacity));
              }
              .frame-item {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              }
              .username {
                position: relative;
              }
              .username {
                display: inline-block;
              }
              .username {
                height: 1.063rem;
              }
              .username {
                width: 18.875rem;
              }
              .username {
                border-style: none;
              }
              .username {
                background-color: transparent;
              }
              .username {
                padding: 0px;
              }
              .username {
                text-align: left;
              }
              .username {
                font-family: Rubik, sans-serif;
              }
              .username {
                font-size: 0.938rem;
              }
              .username {
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
              }
              .username {
                outline: 2px solid transparent;
                outline-offset: 2px;
              }
              input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
                -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
              }
            }
          }
          .password-parent {
            display: flex;
          }
          .password-parent {
            max-width: 100%;
          }
          .password-parent {
            flex-direction: column;
          }
          .password-parent {
            align-items: flex-start;
          }
          .password-parent {
            justify-content: flex-start;
          }
          .password-parent {
            gap: 1.063rem;
          }
          .password-parent {
            align-self: stretch;
          }
          .password-parent{
            #demo_text {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
            #demo_text {
              --tw-text-opacity: 1;
              color: rgb(0 0 0 / var(--tw-text-opacity));
            }
            .password {
              position: relative;
            }
            .password {
              display: inline-block;
            }
            .password {
              min-width: 5rem;
            }
            .password {
              text-align: left;
            }
            .password {
              font-family: Rubik, sans-serif;
            }
            .password {
              font-size: 1.063rem;
            }
            .password {
              font-weight: 500;
            }
            .password {
              color: rgba(17, 24, 39, 0.8);
            }
            .rectangle-container {
              box-sizing: border-box;
            }
            .rectangle-container {
              display: flex;
            }
            .rectangle-container {
              max-width: 100%;
            }
            .rectangle-container {
              flex-direction: row;
            }
            .rectangle-container {
              align-items: flex-start;
            }
            .rectangle-container {
              justify-content: flex-start;
            }
            .rectangle-container {
              align-self: stretch;
            }
            .rectangle-container {
              border-radius: 9px;
            }
            .rectangle-container {
              border-width: 1.5px;
            }
            .rectangle-container {
              border-style: solid;
            }
            .rectangle-container {
              --tw-border-opacity: 1;
              border-color: rgb(213 213 213 / var(--tw-border-opacity));
            }
            .rectangle-container {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
            .rectangle-container {
              padding: 1.25rem;
            }
            .rectangle-container{
              .frame-inner {
                position: relative;
              }
              .frame-inner {
                box-sizing: border-box;
              }
              .frame-inner {
                display: none;
              }
              .frame-inner {
                height: 3.563rem;
              }
              .frame-inner {
                width: 28.188rem;
              }
              .frame-inner {
                max-width: 100%;
              }
              .frame-inner {
                border-radius: 9px;
              }
              .frame-inner {
                border-width: 1.5px;
              }
              .frame-inner {
                border-style: solid;
              }
              .frame-inner {
                --tw-border-opacity: 1;
                border-color: rgb(213 213 213 / var(--tw-border-opacity));
              }
              .frame-inner {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              }
              .password1 {
                position: relative;
              }
              .password1 {
                display: inline-block;
              }
              .password1 {
                height: 1.063rem;
              }
              .password1 {
                width: 18.875rem;
              }
              .password1 {
                border-style: none;
              }
              .password1 {
                background-color: transparent;
              }
              .password1 {
                padding: 0px;
              }
              .password1 {
                text-align: left;
              }
              .password1 {
                font-family: Rubik, sans-serif;
              }
              .password1 {
                font-size: 0.938rem;
              }
              .password1 {
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
              }
              .password1 {
                outline: 2px solid transparent;
                outline-offset: 2px;
              }
            }
          }
        }
        .group-button {
          z-index: 1;
        }
        .group-button {
          box-sizing: border-box;
        }
        .group-button {
          display: flex;
        }
        .group-button {
          max-width: 100%;
        }
        .group-button {
          cursor: pointer;
        }
        .group-button {
          flex-direction: row;
        }
        .group-button {
          align-items: flex-start;
        }
        .group-button {
          justify-content: center;
        }
        .group-button {
          align-self: stretch;
        }
        .group-button {
          border-radius: 10px;
        }
        .group-button {
          border-style: none;
        }
        .group-button {
          --tw-bg-opacity: 1;
          background-color: rgb(74 111 165 / var(--tw-bg-opacity));
        }
        .group-button {
          padding-top: 1.063rem;
        }
        .group-button {
          padding-bottom: 1rem;
        }
        .group-button {
          padding-right: 1.25rem;
        }
        .group-button {
          padding-left: 1.313rem;
        }
        .group-button:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(92 143 255 / var(--tw-bg-opacity));
        }
        .group-button{
          .rectangle-div {
            position: relative;
          }
          .rectangle-div {
            display: none;
          }
          .rectangle-div {
            height: 3.375rem;
          }
          .rectangle-div {
            width: 28.188rem;
          }
          .rectangle-div {
            max-width: 100%;
          }
          .rectangle-div {
            border-radius: 10px;
          }
          .rectangle-div {
            --tw-bg-opacity: 1;
            background-color: rgb(74 111 165 / var(--tw-bg-opacity));
          }
          .login1 {
            position: relative;
          }
          .login1 {
            z-index: 1;
          }
          .login1 {
            display: inline-block;
          }
          .login1 {
            min-width: 3.125rem;
          }
          .login1 {
            text-align: left;
          }
          .login1 {
            font-family: Rubik, sans-serif;
          }
          .login1 {
            font-size: 1.125rem;
          }
          .login1 {
            font-weight: 600;
          }
          .login1 {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }
        }
      }
    }
  }
  .dtfh-floatingparent.dtfh-floatingparent-head {
    top: 89px !important;
  }
  .dtfh-floatingparent.dtfh-floatingparent-head {
    width: 100%;
  }
  .dtfh-floatingparent.dtfh-floatingparent-head{
    div {
      margin: auto;
    }
    div {
      padding-right: 0px !important;
    }
    table {
      th:hover {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
      &.dataTable thead span.dt-column-order{
        &::after, &::before {
          --tw-content: "" !important;
          content: var(--tw-content) !important;
        }
      }
      &.dataTable thead span.dt-column-order {
        top: 45%;
      }
      &.dataTable thead span.dt-column-order {
        right: 5px;
      }
      &.dataTable thead span.dt-column-order {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgBrZChDYAwEEV7CQKJZAMkI4BEsgGzMQYOJA4cI1R2g/JPXHNAqepPXi+5vDSXT0bFe99jdGAlok32FBEkQaQf4SFSQpAsBR4LzoRkTbbwTQNmk3B2vukALSgjggOXVFBjTC+RhRkVOF2mFoPw+ZtFMIJK72+iGDJZeER+wgAAAABJRU5ErkJggg==");
      }
      &.dataTable thead span.dt-column-order {
        background-repeat: no-repeat;
      }
      &.dataTable thead .dt-ordering-asc span.dt-column-order {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB0SURBVHgBrc6xDYAgEAXQu8TC0tINLF3D0g1cwREYRcexo3QMNjg/MZgTTyp+8gO5vBwQqYiIkzuOrCggJjTAGxZAytrAeXSj/3iqFsabE86hYI70pxFtDRDQk+MN23ocSwYj2Jk5cJpk8AGf3RGiM9rp+QWoyXpXmmeRZwAAAABJRU5ErkJggg==");
      }
      &.dataTable thead .dt-ordering-asc span.dt-column-order {
        background-repeat: no-repeat;
      }
      &.dataTable thead .dt-ordering-desc span.dt-column-order {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgBrc+7DYAwDATQnMQgjMAGsAGrwQTMQQcjMAFtOkYwFyTzCYmrnHSxFL3ChntFRDqOll0ArPqPBNDcEBnwgTCAZq74eHYzkHfFEnYaOHvDjOGyhj0knZ2tL5qBD9BE8A8iOMXgBIXockUbNPXEAAAAAElFTkSuQmCC");
      }
      &.dataTable thead .dt-ordering-desc span.dt-column-order {
        background-repeat: no-repeat;
      }
      &.dataTable thead tr th {
        --tw-bg-opacity: 1;
        background-color: rgb(74 111 165 / var(--tw-bg-opacity));
      }
      &.dataTable thead tr th {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
    }
  }
  .dtcr-cloned thead tr th {
    --tw-bg-opacity: 1;
    background-color: rgb(74 111 165 / var(--tw-bg-opacity));
  }
  .dtcr-cloned thead tr th span {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .dtfh-floatingparent-head {
    z-index: 0 !important;
  }
}