/*
! 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: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*,
::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: ;
}

.relative {
  position: relative;
}

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

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

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

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

.mb-0 {
  margin-bottom: 0px;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

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

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

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

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

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

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

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

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

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

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

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

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

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

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

:root {
  --primary-color: #2D3393;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #F6F7FF;
  background-image: url(/body-bg.png);
  background-repeat: repeat;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
}

.panel-body {
  height: calc(100svh - 90px);
  overflow-y: auto;
}

.panel-body::-webkit-scrollbar {
  width: 10px;
  background-color: #B3B5CC;
  border-radius: 1rem;
}

.panel-body::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 1rem;
}

.panel-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #86889c;
}

.panel-container,
.panel-container-lg,
.panel-container-md,
.panel-container-sm,
.panel-container-xl,
.panel-container-xs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  position: relative;
}

@media (min-width:520px) {}

@media (min-width:768px) {

  .panel-container,
  .panel-container-sm,
  .panel-container-xs {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .panel-container,
  .panel-container-md,
  .panel-container-sm,
  .panel-container-xs {
    max-width: 960px
  }
}

@media (min-width:1240px) {

  .panel-container,
  .panel-container-lg,
  .panel-container-md,
  .panel-container-sm,
  .panel-container-xs {
    max-width: 1180px
  }
}

@media (min-width:1420px) {

  .panel-container,
  .panel-container-lg,
  .panel-container-md,
  .panel-container-sm,
  .panel-container-xl,
  .panel-container-xs {
    /* max-width: 1268px; */
    max-width: 1390px
  }
}

header {
  padding: .5rem 1.5rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.admin-user {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  border-radius: 18px;
  padding: .5rem 1rem;
  position: relative;
  z-index: 10;
  border: 1px solid #FFF;
  background: linear-gradient(180deg, #FFF 0%, #F6F7FF 100%);
}

.panel-body {
  padding: calc(2rem + 1vw) 1rem;
  margin-top: 90px;
  /* background-color: red; */
  /* min-height: calc(100vh - 125px); */
  position: relative;
}

@media (min-width:1560px) {
  .panel-body {
    height: calc(100svh - 120px);
    margin-top: 120px;
  }

  header {
    padding: 1rem 1.5rem;
  }

  .admin-user {
    padding: 1rem;
  }
}

body:before {
  content: "";
  background-image: url(/header-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 170px;
}

.admin-user-name {
  color: #909090;
  font-size: 16px;
  max-width: 170px;
  padding: 0 1rem;
  white-space: wrap;
  word-wrap: break-word;
  font-weight: 400;
}

.panel-body:before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 24px;
  opacity: 0.2;
  background: linear-gradient(180deg, rgba(45, 51, 147, 0.60) -70.71%, rgba(45, 51, 147, 0.00) 100%);
}

.main-panel {
  height: 100svh;
  margin-top: 0;
}

.main-panel:before {
  content: '';
  opacity: 0.3;
  background: linear-gradient(0deg, rgba(45, 51, 147, 0.60) 10.71%, rgba(45, 51, 147, 0.00) 100%);
  position: absolute;
  inset: 0;
}

.main-panel>div {
  position: relative;
  z-index: 1;
}

.main-panel-item {
  padding: calc(1rem + 2.5vw);
  aspect-ratio: 10/9;
  border-radius: 13px;
  background: var(--primary-color);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
}

.request-panel-item {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: calc(.5rem + 1.5vw) calc(1rem + 1.5vw);
  border-radius: 18px;
  border: 1px solid #EBEBEB;
  background: linear-gradient(180deg, #FFF 0%, #F6F7FF 100%);
  box-shadow: 0px 11px 40px 6px rgba(0, 0, 0, 0.08);
}

.main-panel-img {
  aspect-ratio: 1;
  height: 70px;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.request-panel-img {
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: inline-grid;
  place-content: center;
  border-radius: 131px;
  background: #2D3393;
  box-shadow: 0px 6px 7px 0px rgba(45, 51, 147, 0.22);
}

.request-panel-title,
.main-panel-title {
  color: #FFF;
  text-align: center;
  font-family: Fira Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
}

.request-panel-title {
  color: #000;
}

.page-header {
  margin-bottom: 1.5rem;
}

.page-header a {
  font-size: 20px;
  color: var(--primary-color);
}

.page-header .page-title {
  margin-bottom: 0;
}

.page-title {
  color: #2D3393;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.5rem;
}

/* input-fields */

input[type="date"],
select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

select,
input {
  outline: 0;
}

.table-data {
  display: block;
}

/* input file start */

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.form-control-file[type=file] {
  overflow: hidden;
  border: 0;
  outline: 0;
}

.form-control-file[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-file::file-selector-button {
  float: right;
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: transparent;
  background-color: transparent;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .form-control-file::file-selector-button {
    transition: none;
  }
}

.form-control-file:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: transparent;
}

.form-control-file::-webkit-file-upload-button {
  float: right;
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0rem;
  color: transparent;
  width: 30px;
  background-color: transparent;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
}

@media (prefers-reduced-motion: reduce) {
  .form-control-file::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control-file:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: transparent;
}

/* input file end */

/* calendar */

input[type="date"] {
  padding-left: 3rem;
  position: relative;
  text-transform: uppercase;
  padding-top: 8.6px;
  padding-bottom: 8.6px;
}

input[type="date"]:disabled {
  padding-left: 1rem;
  /* Set padding-left to 0 when the input is disabled */
}

input[type="date"]::-webkit-datetime-edit {
  display: inline-block;
  /* flex-basis: 0; */
  position: relative;
  z-index: 100;
  width: auto;
  flex: inherit;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-position: center;
  border-width: thin;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-position: 1rem;
  background-size: 18px;
  /* left: 1rem; */
  /* background-color: rgba(0, 0, 0, 0.7); */
}

/* calendar end */

.form-control {
  margin-bottom: 1rem;
}

.form-control input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control input::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control select:disabled,
.form-control input:disabled,
.form-control input[readonly] {
  background-color: #C0C2E3;
  opacity: 1;
}

.form-control-select,
.form-control-file,
.form-control-input,
.form-control-label {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  width: 100%;
  display: block;
}

.form-control-label {
  margin-bottom: .5rem;
}

.form-control-label sup {
  color: #FF0404;
}

.form-control-select,
.form-control-file,
.form-control-input {
  border-radius: 13px;
  padding: .5rem 1rem;
  line-height: 1.75;
  background-color: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
}

select {
  padding-right: 1rem;
  background-position: top 55% right 0px;
  background-repeat: no-repeat;
  background-size: 12px 6px;
}

.form-control-select {
  background-position: center right 1rem;
}

/* checkbox */

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

.custom-checkbox-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.checkbox-input {
  width: 15px !important;
  height: 15px !important;
  margin: 0px 20px;
}

.custom-checkbox-label {
  position: relative;
  padding: .5rem 0 .5rem 2rem;
  display: block;
  cursor: pointer;
}

.custom-checkbox-label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  background-color: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.03);
}

.custom-checkbox-input:checked+.custom-checkbox-label:before {
  background-repeat: no-repeat;
  background-position: center;
}

/* button */

.button-sm {
  border-radius: 16px;
  padding: 6px 14px 6px;
  /* padding: 2px 10px 3px; */
  font-size: 13px;
  margin: 0 2px;
}

.button:not(.button-sm) {
  padding: 8px 16px 10px;
  margin: 0 8px;
  border-radius: 43px;
  min-width: 100px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  border: 0;
  font-weight: 700;
  vertical-align: middle;
  line-height: 1.25;
  transition: .25s;
  border: 1px solid transparent;
}

.search-panel .button {
  min-width: auto;
  /* width: 100%; */
  margin: 0;
}

.search-panel .button,
.cta-btns .button {
  padding: 10.5px 16px 12px;
}

.cta-btns .button {
  min-width: 140px;
}

.button-gray {
  background: #676767;
}

.button-gray:hover {
  background: #000;
}

.button.button-outline-blue:hover,
.button.button-light-blue:hover,
.button.button-blue {
  background: #2D3393;
  color: #fff;
  border-color: #2D3393;
}

.button.button-outline-blue:hover i {
  filter: invert(100) brightness(100);
}

.button.button-outline-blue {
  color: #2D3393;
  border-color: #2D3393;
  background: transparent;
  font-weight: normal;
  /* padding: 5px 1rem; */
}

.button-blue:hover {
  background: #3f46a5;
}

.button-light-blue {
  background: #7376AC;
}

.button-upload {
  position: relative;
  cursor: pointer;
}

.button-upload .form-control-file {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

/* table */

.table-data {
  width: 100%;
  border-radius: 13px;
  background: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
  padding: 1.5rem;
  margin: 1.5rem 0 1rem;
}

.table-header {
  margin-bottom: 1rem;
}

.table-heading {
  display: inline-block;
  color: #2D3393;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  padding-right: 1rem;
}

td .icon {
  margin-right: 4px;
}

.table-responsive {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

table {
  width: 100%;
  /* display: block; */
  text-align: left;
  caption-side: bottom;
  border-collapse: collapse;
}

tr {
  border: 0.5px black solid;
}

table input:not([width='']) {
  order: none;
  outline: none;
  width: auto;
  max-width: 110px;
}

table td select {
  background-color: transparent;
  padding: 0 16px 0 4px;
}

/* table td select,
table td input {
  background-color: rgba(196, 196, 196, 0.1);
} */

.table-data table tr>* {
  padding: .75rem .25rem;
}

.table-data table td input[type="date"]::-webkit-calendar-picker-indicator {
  background-position: 0;
}

.table-data table td input[type="date"] {
  padding-left: 1.35rem;
  padding-top: 0;
  padding-bottom: 0;
}

.table-data table th {
  background-color: rgba(0, 2, 36, .2);
}

tr>td {
  border-left: 2px solid #bfc0cd;
  position: relative;
}

.table-data table tr:hover .remove-this {
  opacity: 1;
  visibility: visible;
}

.remove-this {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 30%;
  box-shadow: 0 0 8px #8f8f8f;
  transform: translateY(-50%) rotate(45deg);
  right: 5px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 6px;
  height: 20px;
  padding: 4px 3px;
  width: 20px;
  vertical-align: middle;
  display: inline-grid;
  color: #fff;
  background-color: var(--primary-color);
}

tr>td:first-child {
  border-left: 0
}

.cta-btns {
  margin-top: 2rem;
}

/* incr-decr-box */

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.incr-decr-box {
  display: inline-flex;
  display: -webkit-inline-box;
}

.incr-decr-box button {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  border: 0;
  display: block;
  position: relative;
}

.incr-decr-box button span {
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -58%);
}

.incr-decr-box .decr {
  background-color: rgba(45, 51, 147, 0.51);
}

.incr-decr-box .incr {
  background-color: var(--primary-color);
}

.incr-decr-textbox {
  margin: 0 8px;
  text-align: center;
  border-radius: 6px;
  width: 45px;
  border: 1px solid #2D3393;
}

/* incr-decr-box end */

.advance-payment-table {
  margin-top: .5rem;
  border-radius: 13px;
  background: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
}

.advance-payment-table th {
  background-color: var(--primary-color);
  font-weight: 500;
  padding: .4rem 1rem;
}

.advance-payment-table tr>th,
.advance-payment-table tr>td {
  color: #FFF;
  font-size: 14px;
  text-align: center;
  font-style: normal;
}

.advance-payment-table tr>td {
  padding: 1rem 1rem;
  color: #000;
}

.advance-payment-table tr>td input {
  width: 60px;
}

.advance-payment-table tr:first-child th:first-child {
  border-top-left-radius: 13px;
}

.advance-payment-table tr:first-child>th:last-child {
  border-top-right-radius: 13px;
}

.advance-payment-table tr:last-child td:first-child {
  border-bottom-left-radius: 13px;
}

.advance-payment-table tr:last-child td:last-child {
  border-bottom-right-radius: 13px;
}

/* icons */

.icon-sm,
.icon,
.icon-lg {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  vertical-align: sub;
}

.icon-sm {
  width: 14px;
  height: 15px;
}

.icon {
  width: 20px;
  height: 22px;
}

.icon-lg {
  width: 26px;
  height: 26px;
}

.icon-angle-down-circle {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath opacity='0.2' d='M13 25C10.6266 25 8.30655 24.2962 6.33316 22.9776C4.35977 21.6591 2.8217 19.7849 1.91345 17.5922C1.00519 15.3995 0.767555 12.9867 1.23058 10.6589C1.6936 8.33115 2.83649 6.19295 4.51472 4.51472C6.19295 2.83649 8.33114 1.6936 10.6589 1.23058C12.9867 0.767559 15.3995 1.0052 17.5922 1.91345C19.7849 2.8217 21.6591 4.35977 22.9776 6.33316C24.2962 8.30655 25 10.6266 25 13C25 16.1826 23.7357 19.2348 21.4853 21.4853C19.2348 23.7357 16.1826 25 13 25Z' fill='%232D3393'/%3E%3Cpath d='M26 13C26 10.4288 25.2376 7.91543 23.8091 5.77759C22.3806 3.63975 20.3503 1.97351 17.9749 0.989572C15.5994 0.00563224 12.9856 -0.251811 10.4638 0.249797C7.94207 0.751404 5.62569 1.98953 3.80761 3.80762C1.98953 5.6257 0.7514 7.94208 0.249792 10.4638C-0.251816 12.9856 0.005626 15.5994 0.989566 17.9749C1.97351 20.3503 3.63975 22.3807 5.77759 23.8091C7.91543 25.2376 10.4288 26 13 26C16.4467 25.9964 19.7512 24.6256 22.1884 22.1884C24.6256 19.7512 25.9964 16.4467 26 13ZM2 13C2 10.8244 2.64514 8.69767 3.85383 6.88873C5.06253 5.07979 6.78049 3.66989 8.79048 2.83733C10.8005 2.00477 13.0122 1.78693 15.146 2.21137C17.2798 2.6358 19.2398 3.68345 20.7782 5.22183C22.3166 6.76021 23.3642 8.72022 23.7886 10.854C24.2131 12.9878 23.9952 15.1995 23.1627 17.2095C22.3301 19.2195 20.9202 20.9375 19.1113 22.1462C17.3023 23.3549 15.1756 24 13 24C10.0836 23.9967 7.28766 22.8367 5.22548 20.7745C3.16329 18.7123 2.00331 15.9164 2 13ZM13.7075 16.7075C13.6146 16.8005 13.5043 16.8742 13.3829 16.9246C13.2615 16.9749 13.1314 17.0008 13 17.0008C12.8686 17.0008 12.7385 16.9749 12.6171 16.9246C12.4957 16.8742 12.3854 16.8005 12.2925 16.7075L7.2925 11.7075C7.19959 11.6146 7.12589 11.5043 7.07561 11.3829C7.02532 11.2615 6.99944 11.1314 6.99944 11C6.99944 10.8686 7.02532 10.7385 7.07561 10.6171C7.12589 10.4957 7.19959 10.3854 7.2925 10.2925C7.38541 10.1996 7.49571 10.1259 7.6171 10.0756C7.7385 10.0253 7.8686 9.99945 8 9.99945C8.13139 9.99945 8.2615 10.0253 8.3829 10.0756C8.50429 10.1259 8.61459 10.1996 8.7075 10.2925L13 14.5863L17.2925 10.2925C17.4801 10.1049 17.7346 9.99945 18 9.99945C18.2654 9.99945 18.5199 10.1049 18.7075 10.2925C18.8951 10.4801 19.0006 10.7346 19.0006 11C19.0006 11.2654 18.8951 11.5199 18.7075 11.7075L13.7075 16.7075Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.custom-checkbox-input:checked+.custom-checkbox-label:before,
.icon-check-mark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M10.9238 0.626523C10.8735 0.50342 10.7997 0.391582 10.7067 0.297405C10.6139 0.203123 10.5036 0.128329 10.3822 0.0772977C10.2608 0.0262668 10.1307 0 9.99934 0C9.86794 0 9.73782 0.0262668 9.61644 0.0772977C9.49506 0.128329 9.38478 0.203123 9.29192 0.297405L4.00007 5.66549L1.70785 3.33953C1.52023 3.14926 1.26577 3.04236 1.00043 3.04236C0.735103 3.04236 0.480638 3.14926 0.29302 3.33953C0.105402 3.52981 0 3.78787 0 4.05696C0 4.32606 0.105402 4.58412 0.29302 4.7744L3.29265 7.81653C3.38551 7.91081 3.49579 7.9856 3.61717 8.03663C3.73856 8.08766 3.86867 8.11393 4.00007 8.11393C4.13147 8.11393 4.26158 8.08766 4.38296 8.03663C4.50434 7.9856 4.61462 7.91081 4.70748 7.81653L10.7067 1.73228C10.7997 1.6381 10.8735 1.52626 10.9238 1.40316C10.9741 1.28006 11 1.1481 11 1.01484C11 0.881579 10.9741 0.749626 10.9238 0.626523Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.calender-icon,
input[type="date"]::-webkit-calendar-picker-indicator,
.icon-calender {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M18.3333 1.69028H15.8333V0.845138C15.8333 0.620993 15.7455 0.406029 15.5893 0.247535C15.433 0.089041 15.221 0 15 0C14.779 0 14.567 0.089041 14.4107 0.247535C14.2545 0.406029 14.1667 0.620993 14.1667 0.845138V1.69028H5.83333V0.845138C5.83333 0.620993 5.74554 0.406029 5.58926 0.247535C5.43297 0.089041 5.22101 0 5 0C4.77899 0 4.56702 0.089041 4.41074 0.247535C4.25446 0.406029 4.16667 0.620993 4.16667 0.845138V1.69028H1.66667C1.22464 1.69028 0.800716 1.86836 0.488155 2.18535C0.175595 2.50233 0 2.93226 0 3.38055V20.2833C0 20.7316 0.175595 21.1615 0.488155 21.4785C0.800716 21.7955 1.22464 21.9736 1.66667 21.9736H18.3333C18.7754 21.9736 19.1993 21.7955 19.5118 21.4785C19.8244 21.1615 20 20.7316 20 20.2833V3.38055C20 2.93226 19.8244 2.50233 19.5118 2.18535C19.1993 1.86836 18.7754 1.69028 18.3333 1.69028ZM4.16667 3.38055V4.22569C4.16667 4.44983 4.25446 4.6648 4.41074 4.82329C4.56702 4.98179 4.77899 5.07083 5 5.07083C5.22101 5.07083 5.43297 4.98179 5.58926 4.82329C5.74554 4.6648 5.83333 4.44983 5.83333 4.22569V3.38055H14.1667V4.22569C14.1667 4.44983 14.2545 4.6648 14.4107 4.82329C14.567 4.98179 14.779 5.07083 15 5.07083C15.221 5.07083 15.433 4.98179 15.5893 4.82329C15.7455 4.6648 15.8333 4.44983 15.8333 4.22569V3.38055H18.3333V6.7611H1.66667V3.38055H4.16667ZM18.3333 20.2833H1.66667V8.45138H18.3333V20.2833ZM14.3396 11.234C14.4171 11.3125 14.4785 11.4057 14.5205 11.5083C14.5624 11.6109 14.584 11.7209 14.584 11.8319C14.584 11.943 14.5624 12.053 14.5205 12.1556C14.4785 12.2582 14.4171 12.3514 14.3396 12.4299L9.33958 17.5007C9.26219 17.5793 9.17028 17.6416 9.06912 17.6841C8.96795 17.7267 8.85951 17.7486 8.75 17.7486C8.64049 17.7486 8.53205 17.7267 8.43088 17.6841C8.32972 17.6416 8.23781 17.5793 8.16042 17.5007L5.66042 14.9653C5.50405 14.8067 5.4162 14.5916 5.4162 14.3673C5.4162 14.1431 5.50405 13.928 5.66042 13.7694C5.81678 13.6108 6.02886 13.5217 6.25 13.5217C6.47114 13.5217 6.68322 13.6108 6.83958 13.7694L8.75 15.7079L13.1604 11.234C13.2378 11.1554 13.3297 11.0931 13.4309 11.0506C13.532 11.008 13.6405 10.9861 13.75 10.9861C13.8595 10.9861 13.968 11.008 14.0691 11.0506C14.1703 11.0931 14.2622 11.1554 14.3396 11.234Z' fill='%232D3393'/%3E%3C/svg%3E");
}

select,
.icon-angle-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M11.7858 0.350329C11.899 0.46083 11.9888 0.592133 12.05 0.736709C12.1113 0.881284 12.1428 1.03629 12.1428 1.19283C12.1428 1.34938 12.1113 1.50438 12.05 1.64896C11.9888 1.79353 11.899 1.92484 11.7858 2.03534L6.93073 6.793C6.81797 6.90389 6.68398 6.99187 6.53644 7.0519C6.3889 7.11194 6.23072 7.14284 6.07097 7.14284C5.91123 7.14284 5.75305 7.11194 5.60551 7.0519C5.45797 6.99187 5.32398 6.90389 5.21122 6.793L0.356123 2.03534C0.128101 1.81189 -4.8052e-09 1.50883 0 1.19283C4.8052e-09 0.876832 0.128101 0.573775 0.356123 0.350329C0.584144 0.126883 0.893408 0.00135245 1.21588 0.00135245C1.53835 0.00135244 1.84761 0.126883 2.07564 0.350329L6.07199 4.2645L10.0683 0.347355C10.1813 0.236962 10.3153 0.149464 10.4627 0.0898624C10.6102 0.0302608 10.7682 -0.000274306 10.9277 1.85659e-06C11.0872 0.000278019 11.2451 0.0313598 11.3924 0.0914716C11.5396 0.151583 11.6733 0.239546 11.7858 0.350329Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.form-control-file::-webkit-file-upload-button,
.icon-file-clip {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M18.7848 10.3984C18.8634 10.477 18.9258 10.5703 18.9684 10.673C19.0109 10.7757 19.0328 10.8858 19.0328 10.9969C19.0328 11.1081 19.0109 11.2182 18.9684 11.3208C18.9258 11.4235 18.8634 11.5168 18.7848 11.5954L10.1091 20.2658C8.99844 21.3763 7.49213 22.0001 5.92154 22C4.35095 21.9999 2.84473 21.3759 1.73423 20.2652C0.62372 19.1546 -9.91188e-05 17.6483 1.18128e-08 16.0777C9.91424e-05 14.5071 0.624109 13.0009 1.73475 11.8904L12.2302 1.24062C13.0231 0.446858 14.0988 0.000595478 15.2208 5.95506e-07C16.3427 -0.000594287 17.419 0.444528 18.2127 1.23744C19.0065 2.03036 19.4527 3.10612 19.4533 4.22807C19.4539 5.35002 19.0088 6.42625 18.2159 7.22001L7.71838 17.8698C7.24165 18.3465 6.59506 18.6143 5.92086 18.6143C5.24666 18.6143 4.60007 18.3465 4.12334 17.8698C3.64661 17.3931 3.37878 16.7465 3.37878 16.0723C3.37878 15.3981 3.64661 14.7515 4.12334 14.2747L12.9312 5.32733C13.0083 5.24502 13.1012 5.17898 13.2042 5.13309C13.3073 5.0872 13.4185 5.06239 13.5313 5.06012C13.6441 5.05785 13.7562 5.07817 13.861 5.11987C13.9659 5.16158 14.0613 5.22383 14.1417 5.30296C14.2221 5.3821 14.2858 5.47652 14.3292 5.58067C14.3726 5.68482 14.3947 5.79659 14.3942 5.9094C14.3937 6.02222 14.3707 6.1338 14.3265 6.23758C14.2822 6.34136 14.2177 6.43524 14.1366 6.51369L5.32768 15.4706C5.24881 15.5489 5.18612 15.6419 5.1432 15.7444C5.10028 15.8468 5.07796 15.9567 5.07751 16.0678C5.07707 16.1789 5.09852 16.289 5.14062 16.3918C5.18273 16.4947 5.24467 16.5882 5.32292 16.667C5.40116 16.7459 5.49418 16.8086 5.59665 16.8515C5.69912 16.8944 5.80904 16.9168 5.92014 16.9172C6.03123 16.9176 6.14133 16.8962 6.24414 16.8541C6.34695 16.812 6.44046 16.75 6.51933 16.6718L17.0158 6.02731C17.4925 5.55156 17.7607 4.90591 17.7614 4.2324C17.7621 3.5589 17.4952 2.9127 17.0195 2.43597C16.5437 1.95924 15.8981 1.69102 15.2246 1.69033C14.5511 1.68963 13.9049 1.95652 13.4281 2.43227L2.93486 13.0778C2.54176 13.4703 2.22982 13.9363 2.01683 14.4494C1.80385 14.9624 1.694 15.5124 1.69356 16.0678C1.69312 16.6233 1.80209 17.1735 2.01426 17.6868C2.22643 18.2002 2.53763 18.6668 2.9301 19.0599C3.32258 19.453 3.78863 19.7649 4.30167 19.9779C4.8147 20.1909 5.36465 20.3007 5.92014 20.3012C6.47562 20.3016 7.02575 20.1926 7.53912 19.9805C8.05249 19.7683 8.51904 19.4571 8.91214 19.0646L17.5889 10.3942C17.7481 10.2363 17.9634 10.148 18.1877 10.1488C18.4119 10.1496 18.6267 10.2394 18.7848 10.3984Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.open-link-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M17 6.875C17 7.06286 16.9254 7.24303 16.7925 7.37587C16.6597 7.50871 16.4795 7.58333 16.2917 7.58333C16.1038 7.58333 15.9236 7.50871 15.7908 7.37587C15.658 7.24303 15.5833 7.06286 15.5833 6.875V2.91896L9.71036 8.79281C9.57745 8.92572 9.39718 9.00039 9.20922 9.00039C9.02125 9.00039 8.84099 8.92572 8.70807 8.79281C8.57516 8.6599 8.50049 8.47963 8.50049 8.29167C8.50049 8.1037 8.57516 7.92343 8.70807 7.79052L14.581 1.91667H10.625C10.4371 1.91667 10.257 1.84204 10.1241 1.7092C9.99129 1.57636 9.91667 1.39619 9.91667 1.20833C9.91667 1.02047 9.99129 0.840304 10.1241 0.707466C10.257 0.574628 10.4371 0.5 10.625 0.5H16.2917C16.4795 0.5 16.6597 0.574628 16.7925 0.707466C16.9254 0.840304 17 1.02047 17 1.20833V6.875ZM13.4583 9C13.2705 9 13.0903 9.07463 12.9575 9.20747C12.8246 9.3403 12.75 9.52047 12.75 9.70833V16.0833H1.41667V4.75H7.79167C7.97953 4.75 8.1597 4.67537 8.29253 4.54253C8.42537 4.4097 8.5 4.22953 8.5 4.04167C8.5 3.8538 8.42537 3.67364 8.29253 3.5408C8.1597 3.40796 7.97953 3.33333 7.79167 3.33333H1.41667C1.04094 3.33333 0.680609 3.48259 0.414932 3.74827C0.149255 4.01394 0 4.37428 0 4.75V16.0833C0 16.4591 0.149255 16.8194 0.414932 17.0851C0.680609 17.3507 1.04094 17.5 1.41667 17.5H12.75C13.1257 17.5 13.4861 17.3507 13.7517 17.0851C14.0174 16.8194 14.1667 16.4591 14.1667 16.0833V9.70833C14.1667 9.52047 14.092 9.3403 13.9592 9.20747C13.8264 9.07463 13.6462 9 13.4583 9Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.icon-delete {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M18.2083 3.23077H14.25V2.42308C14.25 1.78044 13.9998 1.16412 13.5544 0.709703C13.109 0.255288 12.5049 0 11.875 0H7.125C6.49511 0 5.89102 0.255288 5.44562 0.709703C5.00022 1.16412 4.75 1.78044 4.75 2.42308V3.23077H0.791667C0.581704 3.23077 0.38034 3.31587 0.231874 3.46734C0.0834077 3.61881 0 3.82425 0 4.03846C0 4.25267 0.0834077 4.45811 0.231874 4.60959C0.38034 4.76106 0.581704 4.84615 0.791667 4.84615H1.58333V19.3846C1.58333 19.813 1.75015 20.2239 2.04708 20.5269C2.34401 20.8298 2.74674 21 3.16667 21H15.8333C16.2533 21 16.656 20.8298 16.9529 20.5269C17.2499 20.2239 17.4167 19.813 17.4167 19.3846V4.84615H18.2083C18.4183 4.84615 18.6197 4.76106 18.7681 4.60959C18.9166 4.45811 19 4.25267 19 4.03846C19 3.82425 18.9166 3.61881 18.7681 3.46734C18.6197 3.31587 18.4183 3.23077 18.2083 3.23077ZM6.33333 2.42308C6.33333 2.20886 6.41674 2.00342 6.56521 1.85195C6.71367 1.70048 6.91504 1.61538 7.125 1.61538H11.875C12.085 1.61538 12.2863 1.70048 12.4348 1.85195C12.5833 2.00342 12.6667 2.20886 12.6667 2.42308V3.23077H6.33333V2.42308ZM15.8333 19.3846H3.16667V4.84615H15.8333V19.3846ZM7.91667 8.88461V15.3462C7.91667 15.5604 7.83326 15.7658 7.68479 15.9173C7.53633 16.0688 7.33496 16.1538 7.125 16.1538C6.91504 16.1538 6.71367 16.0688 6.56521 15.9173C6.41674 15.7658 6.33333 15.5604 6.33333 15.3462V8.88461C6.33333 8.6704 6.41674 8.46496 6.56521 8.31349C6.71367 8.16202 6.91504 8.07692 7.125 8.07692C7.33496 8.07692 7.53633 8.16202 7.68479 8.31349C7.83326 8.46496 7.91667 8.6704 7.91667 8.88461ZM12.6667 8.88461V15.3462C12.6667 15.5604 12.5833 15.7658 12.4348 15.9173C12.2863 16.0688 12.085 16.1538 11.875 16.1538C11.665 16.1538 11.4637 16.0688 11.3152 15.9173C11.1667 15.7658 11.0833 15.5604 11.0833 15.3462V8.88461C11.0833 8.6704 11.1667 8.46496 11.3152 8.31349C11.4637 8.16202 11.665 8.07692 11.875 8.07692C12.085 8.07692 12.2863 8.16202 12.4348 8.31349C12.5833 8.46496 12.6667 8.6704 12.6667 8.88461Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.icon-clock {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17316C0.00433284 8.00042 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8078C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C19.9972 7.34869 18.9427 4.80678 17.068 2.93202C15.1932 1.05727 12.6513 0.00279983 10 0ZM10 18.4615C8.32647 18.4615 6.69052 17.9653 5.29902 17.0355C3.90753 16.1057 2.823 14.7842 2.18256 13.2381C1.54213 11.6919 1.37456 9.99061 1.70105 8.34923C2.02754 6.70786 2.83343 5.20016 4.01679 4.01679C5.20016 2.83342 6.70786 2.02754 8.34924 1.70105C9.99062 1.37456 11.6919 1.54212 13.2381 2.18256C14.7842 2.82299 16.1057 3.90753 17.0355 5.29902C17.9653 6.69051 18.4615 8.32646 18.4615 10C18.459 12.2434 17.5667 14.3941 15.9804 15.9804C14.3941 17.5667 12.2434 18.459 10 18.4615ZM16.1538 10C16.1538 10.204 16.0728 10.3997 15.9285 10.5439C15.7843 10.6882 15.5886 10.7692 15.3846 10.7692H10C9.79599 10.7692 9.60033 10.6882 9.45607 10.5439C9.31182 10.3997 9.23077 10.204 9.23077 10V4.61538C9.23077 4.41137 9.31182 4.21571 9.45607 4.07146C9.60033 3.9272 9.79599 3.84615 10 3.84615C10.204 3.84615 10.3997 3.9272 10.5439 4.07146C10.6882 4.21571 10.7692 4.41137 10.7692 4.61538V9.23077H15.3846C15.5886 9.23077 15.7843 9.31181 15.9285 9.45607C16.0728 9.60033 16.1538 9.79599 16.1538 10Z' fill='%232D3393'/%3E%3C/svg%3E");
}

.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M21.7523 20.5563L16.4622 15.2672C17.9955 13.4264 18.76 11.0653 18.5969 8.67513C18.4337 6.28495 17.3553 4.0497 15.586 2.43436C13.8168 0.819025 11.4928 -0.0520274 9.09772 0.00240578C6.7026 0.0568389 4.42066 1.03257 2.72661 2.72661C1.03257 4.42066 0.0568389 6.7026 0.00240578 9.09772C-0.0520274 11.4928 0.819025 13.8168 2.43436 15.586C4.0497 17.3553 6.28495 18.4337 8.67513 18.5969C11.0653 18.76 13.4264 17.9955 15.2672 16.4622L20.5563 21.7523C20.6348 21.8308 20.728 21.8931 20.8307 21.9356C20.9333 21.9781 21.0432 22 21.1543 22C21.2654 22 21.3753 21.9781 21.4779 21.9356C21.5805 21.8931 21.6738 21.8308 21.7523 21.7523C21.8308 21.6738 21.8931 21.5805 21.9356 21.4779C21.9781 21.3753 22 21.2654 22 21.1543C22 21.0432 21.9781 20.9333 21.9356 20.8307C21.8931 20.728 21.8308 20.6348 21.7523 20.5563ZM1.71383 9.32097C1.71383 7.81642 2.15998 6.34565 2.99586 5.09467C3.83174 3.84368 5.01982 2.86865 6.40984 2.29289C7.79986 1.71712 9.3294 1.56647 10.805 1.86C12.2807 2.15352 13.6361 2.87803 14.7 3.94191C15.7639 5.00578 16.4884 6.36125 16.7819 7.83689C17.0755 9.31253 16.9248 10.8421 16.349 12.2321C15.7733 13.6221 14.7983 14.8102 13.5473 15.6461C12.2963 16.482 10.8255 16.9281 9.32097 16.9281C7.30411 16.9259 5.37051 16.1237 3.94438 14.6976C2.51825 13.2714 1.71607 11.3378 1.71383 9.32097Z' fill='%232D3393'/%3E%3C/svg%3E");
}

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

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

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

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

@media (min-width: 1024px) {
  .lg\:gap-10 {
    gap: 2.5rem;
  }

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

/* for loading  */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent black */
  z-index: 999;
  /* Ensure it's above other content */
  display: none;
  /* Initially hidden */
}

/* Style for the loading spinner */
#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
}

.delogo {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 100px;
}