#login-form input {
  border-radius: 30px;
  border: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

#login-form button {
  border-radius: 30px;
  border: none;
}

#login-form button.submit-row {
  max-width: 160px;
}

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

#nav-sidebar-inner img.h-8 {
  height: 50px;
  padding: 3px 0;
  display: block;
  margin: auto;
}

/* #nav-sidebar-inner div.bg-transparent.flex.items-center.px-3 {
	justify-content: center;
	-webkit-justify-content: center;
} */

/* static/unfold/css/tinymce_fix.css */
.tox .tox-edit-area__iframe {
  border-radius: 0.75rem !important;
}

caption.font-semibold.mb-3.text-base-900.text-left,
#recent-actions-module h2 {
  padding-left: 12px;
}

.module.app-accounts table tbody tr:first-child th,
.module.app-appointments table tbody tr:first-child th,
.module.app-auth table tbody tr:first-child th,
.module.app-django_q table tbody tr:first-child th,
.module.app-common table tbody tr:first-child th,
.module.app-contactus table tbody tr:first-child th {
  border-radius: 1.2rem 0 0 0;
}

.module.app-accounts table tbody tr:first-child td,
.module.app-appointments table tbody tr:first-child td,
.module.app-auth table tbody tr:first-child td,
.module.app-django_q table tbody tr:first-child td,
.module.app-common table tbody tr:first-child td,
.module.app-contactus table tbody tr:first-child td {
  border-radius: 0 1.2rem 0 0;
}

#nav-sidebar-inner .module h2 a {
  font-weight: 600;
  border-radius: 30px;
}

#nav-sidebar-inner .module h2 a,
#nav-sidebar-inner .module ol li a {
  padding: 10px 18px;
  margin: 0;
}

#nav-sidebar-inner .module .px-6 {
  padding: 0 10px;
}

#nav-sidebar-inner .module ol li a:hover {
  color: var(--color-primary-600);
  color: #0d6efd;
  background-color: var(--color-base-100);
  /* --tw-font-weight: var(--font-weight-semibold);
	font-weight: var(--font-weight-semibold); */
}

.hover\:text-primary-600:hover {
  color: var(--color-primary-600);
  color: #0d6efd !important;
}

.bg-red-600 {
  background-color: oklch(0.54 0.22 16.67);
}


/* === Custom Focus Color Variant (based on #316FB0) === */

:root {
  --color-focus-50: oklch(97.5% .015 255);
  --color-focus-100: oklch(94.8% .026 255);
  --color-focus-200: oklch(89.3% .048 255);
  --color-focus-300: oklch(81.2% .075 255);
  --color-focus-400: oklch(70.4% .095 255);
  --color-focus-500: oklch(59.2% .1 255);
  --color-focus-600: oklch(51.8% .093 255);
  --color-focus-700: oklch(44.3% .082 255);
  --color-focus-800: oklch(35.8% .07 255);
  --color-focus-900: oklch(28.9% .058 255);
  --color-focus-950: oklch(21% .045 255);
  --color-primary-600: oklab(0.34 0 -0.06);
}

/* Background utilities */
.bg-focus-50 {
  background-color: var(--color-focus-50) !important;
}

.bg-focus-100 {
  background-color: var(--color-focus-100) !important;
}

.bg-focus-200 {
  background-color: var(--color-focus-200) !important;
}

.bg-focus-300 {
  background-color: var(--color-focus-300) !important;
}

.bg-focus-400 {
  background-color: var(--color-focus-400) !important;
}

.bg-focus-500 {
  background-color: var(--color-focus-500) !important;
}

.bg-focus-600 {
  background-color: var(--color-focus-600) !important;
}

.bg-focus-700 {
  background-color: var(--color-focus-700) !important;
}

.bg-focus-800 {
  background-color: var(--color-focus-800) !important;
}

.bg-focus-900 {
  background-color: var(--color-focus-900) !important;
}

.bg-focus-950 {
  background-color: var(--color-focus-950) !important;
}

/* Text utilities */
.text-focus-50 {
  color: var(--color-focus-50) !important;
}

.text-focus-100 {
  color: var(--color-focus-100) !important;
}

.text-focus-200 {
  color: var(--color-focus-200) !important;
}

.text-focus-300 {
  color: var(--color-focus-300) !important;
}

.text-focus-400 {
  color: var(--color-focus-400) !important;
}

.text-focus-500 {
  color: var(--color-focus-500) !important;
}

.text-focus-600 {
  color: var(--color-focus-600) !important;
}

.text-focus-700 {
  color: var(--color-focus-700) !important;
}

.text-focus-800 {
  color: var(--color-focus-800) !important;
}

.text-focus-900 {
  color: var(--color-focus-900) !important;
}

.text-focus-950 {
  color: var(--color-focus-950) !important;
}

/* === Custom Focus Color Variant (darker red) === */
:root {
  --color-crimson-50: oklch(97.5% .015 25);
  --color-crimson-100: oklch(94.5% .03 25);
  --color-crimson-200: oklch(88.5% .06 25);
  --color-crimson-300: oklch(79% .1 25);
  --color-crimson-400: oklch(65% .15 25);
  --color-crimson-500: oklch(52% .18 25);
  --color-crimson-600: oklch(40% .17 25);
  --color-crimson-700: oklch(32% .14 25);
  /* ≈ #6A0904 (base) */
  --color-crimson-800: oklch(26% .11 25);
  --color-crimson-900: oklch(20% .08 25);
  --color-crimson-950: oklch(15% .06 25);
  --color-primary-600: oklab(0.34 0 -0.06);
}

/* Background utilities */
.bg-crimson-50 {
  background-color: var(--color-crimson-50) !important;
}

.bg-crimson-100 {
  background-color: var(--color-crimson-100) !important;
}

.bg-crimson-200 {
  background-color: var(--color-crimson-200) !important;
}

.bg-crimson-300 {
  background-color: var(--color-crimson-300) !important;
}

.bg-crimson-400 {
  background-color: var(--color-crimson-400) !important;
}

.bg-crimson-500 {
  background-color: var(--color-crimson-500) !important;
}

.bg-crimson-600 {
  background-color: var(--color-crimson-600) !important;
}

.bg-crimson-700 {
  background-color: var(--color-crimson-700) !important;
}

.bg-crimson-800 {
  background-color: var(--color-crimson-800) !important;
}

.bg-crimson-900 {
  background-color: var(--color-crimson-900) !important;
}

.bg-crimson-950 {
  background-color: var(--color-crimson-950) !important;
}

/* Text utilities */
.text-crimson-50 {
  color: var(--color-crimson-50) !important;
}

.text-crimson-100 {
  color: var(--color-crimson-100) !important;
}

.text-crimson-200 {
  color: var(--color-crimson-200) !important;
}

.text-crimson-300 {
  color: var(--color-crimson-300) !important;
}

.text-crimson-400 {
  color: var(--color-crimson-400) !important;
}

.text-crimson-500 {
  color: var(--color-crimson-500) !important;
}

.text-crimson-600 {
  color: var(--color-crimson-600) !important;
}

.text-crimson-700 {
  color: var(--color-crimson-700) !important;
}

.text-crimson-800 {
  color: var(--color-crimson-800) !important;
}

.text-crimson-900 {
  color: var(--color-crimson-900) !important;
}

.text-crimson-950 {
  color: var(--color-crimson-950) !important;
}

.text-primary-600 {
  color: #2b3655;
}

.bg-primary-600 {
  background-color: #2b3655;
}

.focus\:outline-primary-600:focus {
  outline-color: #2b3655;
}

/* Optional: white-text version for dark background badges */
.text-on-crimson {
  color: #fff !important;
}

/* === Center Filter Pop Up === */
.drfilter {
  width: 50vw;
  height: 50vh;
  margin-top: 25vh;
  margin-right: 25vw;
}


/* Make readonly fields display as plain text (no border, no link) */
.readonly input[readonly],
.readonly select[disabled],
.readonly textarea[readonly],
.readonly {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  color: var(--color-foreground, #111);
  font-weight: 500;
  cursor: default;
}

/* remove anchor link style if any (like FK fields) */
.readonly a {
  pointer-events: none;
  color: var(--color-foreground, #111) !important;
  text-decoration: none !important;
  cursor: default;
}

.drfilter .py-2\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}

.drfilter .px-3 {
  padding-inline: calc(var(--spacing) * 3.5);
}

.drfilter .py-2\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}

.drfilter .p-3 {
  padding: calc(var(--spacing) * 3.5);
}

#changelist-filter-extra-actions {
  padding-top: 5px;
}

#changelist-filter-close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 3px;
  z-index: 2;
  border-radius: 50%;
  background-image: url(../../img/cross-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  cursor: pointer;
}

.drfilter {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  position: fixed;
  margin: 0 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.overflow-hidden {
  overflow: hidden;
}


.flatpickr-calendar.animate.open {
  display: flex !important;
  justify-content: space-around;
  padding-bottom: 5px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  width: 40% !important;
}

.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a {
  color: #8b8b8b;
  padding: 9px 14px;
  border-radius: 30px;
}

.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=1"],
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=2"],
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=3"],
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=4"],
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=5"] {
  background-color: var(--color-primary-600);
  background-color: #2b3655;
  color: #ffffff;
}

.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=1"]:first-child,
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=2"]:first-child,
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=3"]:first-child,
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=4"]:first-child,
.flex.flex-row.grow.items-center.mx-auto .flex.flex-row.gap-4 a[href="?p=5"]:first-child {
  background-color: #9d9d9d;
  color: #ffffff;
}

.related-widget-wrapper-link {
  display: none;
}

#appdatetime_id.related-widget-wrapper-link {
  display: flex;
}

.flex .text-xs a.text-primary-600 {
  width: 100%;
  display: block;
  max-width: 1000px;
  overflow: hidden;
  word-wrap: break-word;
}

.filter_text {
  font-size: 1.5rem;
}

.long_padding {
  padding-top: 3.2rem;
}

.filter_title {
  position: absolute;
  left: 0;
  width: 100%;
  top: 18px;
}

.flatpickr-months .flatpickr-month {
  position: inherit !important;
}

.flatpickr-calendar .flatpickr-innerContainer {
  padding-top: 40px;
}

.flatpickr-calendar .flatpickr-current-month {
  font-size: 110%;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: oklch(45.0% 0.220 288.5);
  border: 1px solid oklch(45.0% 0.220 288.5);
}

/* .select2-container.select2-container--admin-autocomplete.select2-container--focus {
  position: relative;
}

.select2-container.select2-container--admin-autocomplete.select2-container--focus::after {
  content: 'Select Multiple';
  position: absolute;
  top: 10px;
  left: 15px;
} */

#nav-sidebar-inner .bg-transparent.flex.px-3 {
  -webkit-justify-content: center;
  justify-content: center;
}

.app-unfoldreport table.overflow-hidden tbody tr:first-child th {
  border-radius: 20px 0 0 0;
}

.app-unfoldreport table.overflow-hidden tbody tr:first-child td {
  border-radius: 0 20px 0 0;
}

@media screen and (min-width: 1441px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 1090px;
  }

}

@media screen and (min-width: 1921px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 1500px;
  }

}

@media screen and (max-width: 1100px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 960px;
  }

}

@media screen and (max-width: 1100px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 960px;
  }

}

@media screen and (max-width: 1023px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 700px;
  }

}

@media screen and (max-width: 767px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 417px;
  }

}

@media screen and (max-width: 480px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 320px;
  }

}

@media screen and (max-width: 374px) {

  .flex .text-xs a.text-primary-600 {
    max-width: 260px;
  }

}