[x-cloak] {
  display: none !important;
}

.ql-toolbar {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.ql-container {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.ql-editor {
  min-height: 200px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: "Small";
  font-size: 10px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: "Normal";
  font-size: 16px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: "Large";
  font-size: 18px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: "Huge";
  font-size: 32px !important;
}

.dark .fc .fc-col-header-cell-cushion {
  color: white !important;
}

.dark .fc .fc-popover-header {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark .fc .fc-event {
  color: black !important;
}

.dark .fc .fc-day.fc-daygrid-day {
  background: white;
}

.dark .fc .fc-day.fc-day-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.dark .fc .fc-day-today.fc-daygrid-day {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white;
}

.ck-editor__editable_inline {
  min-height: 400px;
}

.ck .ck-editor__main ol,
.ck .ck-editor__main ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.ck h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.ck h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.ck h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.ck h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.ck h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.ck p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > .flex-shrink-0 {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) {
  justify-content: center;
}
.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) {
  padding-left: 2rem;
  padding-right: 2rem;
}
.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > .flex:first-child {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-basic .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > .flex:last-child {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-basic .vtd-datepicker .bg-vtd-primary-100 {
  background-color: #FEF2D2 !important;
  color: #000 !important;
}
.client-layout .date-basic .vtd-datepicker .vtd-datepicker-date {
  border-radius: 4px !important;
}
.client-layout .date-basic .vtd-datepicker .vtd-datepicker-date:focus-visible {
  border-radius: 4px !important;
}
.client-layout .date-basic .vtd-datepicker .vtd-datepicker-date.bg-vtd-primary-500 {
  background-color: #000 !important;
  color: white !important;
}
.client-layout .date-basic .vtd-datepicker .vtd-datepicker-date.text-vtd-primary-500 {
  color: #998044 !important;
}
.client-layout .date-basic .vtd-datepicker button.text-vtd-secondary-600 {
  border-radius: 0.25rem;
}

.client-layout .date-range .vtd-datepicker > div:first-child > div:first-child {
  display: none !important;
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > .flex-shrink-0 {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) {
  justify-content: center;
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > .flex:first-child {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-range .vtd-datepicker > div:first-child > div:last-child > div > div:first-child > div:nth-child(2) > .flex:last-child {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.client-layout .date-range .vtd-datepicker .bg-vtd-primary-100 {
  background-color: #FEF2D2 !important;
  color: #000 !important;
}
.client-layout .date-range .vtd-datepicker .vtd-datepicker-date {
  border-radius: 4px !important;
}
.client-layout .date-range .vtd-datepicker .vtd-datepicker-date:focus-visible {
  border-radius: 4px !important;
}
.client-layout .date-range .vtd-datepicker .vtd-datepicker-date.bg-vtd-primary-500 {
  background-color: #000 !important;
  color: white !important;
}
.client-layout .date-range .vtd-datepicker .vtd-datepicker-date.bg-vtd-primary-100, .client-layout .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-secondary-700, .client-layout .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-secondary-800 {
  background-color: #FEF2D2 !important;
  color: #000 !important;
}
.client-layout .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-primary-500 {
  color: #998044 !important;
}
.client-layout .date-range .vtd-datepicker button.text-vtd-secondary-600 {
  border-radius: 0.25rem;
}

.client-layout.design-2 .date-range .vtd-datepicker .bg-vtd-primary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 250 248 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(10 47 37 / var(--tw-text-opacity)) !important;
}
.client-layout.design-2 .date-range .vtd-datepicker .vtd-datepicker-date.bg-vtd-primary-500 {
  color: white !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(10 47 37 / var(--tw-bg-opacity)) !important;
}
.client-layout.design-2 .date-range .vtd-datepicker .vtd-datepicker-date.bg-vtd-primary-100, .client-layout.design-2 .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-secondary-700, .client-layout.design-2 .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-secondary-800 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 250 248 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(10 47 37 / var(--tw-text-opacity)) !important;
}
.client-layout.design-2 .date-range .vtd-datepicker .vtd-datepicker-date.text-vtd-primary-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(161 244 143 / var(--tw-text-opacity)) !important;
}

[data-popover][role=tooltip][data-popper-placement^=right] > [data-popper-arrow] {
  left: -10px;
}

.simple_table {
  position: relative;
  overflow-x: auto;
  border-width: 1px;
}

:is(.dark .simple_table) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

@media (min-width: 640px) {

  .simple_table {
    border-radius: 0.5rem;
  }
}
.simple_table table {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is(.dark .simple_table table) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.simple_table table:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}
.simple_table table thead {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is(.dark .simple_table table thead) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.simple_table table thead th {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.simple_table table tbody tr {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .simple_table table tbody tr) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.simple_table table tbody tr:not(:last-child) {
  border-bottom-width: 1px;
}
:is(.dark .simple_table table tbody tr:not(:last-child)) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.simple_table table tbody tr th {
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
:is(.dark .simple_table table tbody tr th) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.simple_table table tbody tr th a {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}
.simple_table table tbody tr th a:hover {
  text-decoration-line: underline;
}
.simple_table table tbody tr td {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:is(.dark .simple_table table tbody tr td) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.simple_table table tbody tr td a {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}
.simple_table table tbody tr td a:hover {
  text-decoration-line: underline;
}

body > div[modal-backdrop] {
  z-index: 49 !important;
}
body > div[modal-backdrop] ~ div[modal-backdrop] {
  z-index: 50 !important;
}
body > div[modal-backdrop] ~ div[modal-backdrop] ~ div[modal-backdrop] {
  z-index: 51 !important;
}
body > div[modal-backdrop] ~ div[modal-backdrop] ~ div[modal-backdrop] ~ div[modal-backdrop] {
  z-index: 52 !important;
}
