@charset "UTF-8";
/*
This stylesheet is used to override template css
 */

/* BEGIN: Override CKEditor CSS in DataTables */

.ck-content {
  /* same border and height as form-control */
  min-height: calc(3.75rem + 2px) !important;
  /* line-height: 0.6 !important; */
  border: 1px solid var(--bs-gray-300) !important;
  transition: max-height 0.3s ease; /* Optional: Add a transition effect */
  overflow: hidden; /* Ensure content is hidden when max-height is applied */

  max-height: 250px !important;
}

.ck-content.ck-focused {
  /* same focus design as form-control */
  border-color: var(--bs-gray-400) !important;
  box-shadow: none !important;

  max-height: none !important;
}

.ck.ck-editor__editable_inline {
  /* alignment */
  padding: 1.4rem 0 0 1rem !important;
}

/* END: Override CKEditor CSS in DataTables */

/* BEGIN: SELECT2 */
/* .select2-container--bootstrap5 .select2-selection {
  /* same height as form-control xx/
  height: calc(3.75rem + 2px) !important;
} */
/* END: SELECT2 */

/* BEGIN: DATATABLE ACTION BUTTON MENU */

.menu.menu-sub.menu-sub-dropdown {
  width: auto !important; /* Auto width to adapt to children */
  min-width: 125px !important; /* Optional: Minimum width to maintain some layout consistency */
}

/* END: DATATABLE ACTION BUTTON MENU */

/* BEGIN: FOR STACKED MODAL */
.blur-background-5 {
  filter: blur(5px);
}
/* END: FOR STACKED MODAL */

/* BEGIN: FOR DROPZONE.JS */
.dropzone .dropzone-label {
  display: block;
  margin-bottom: 1rem;
  font-weight: 600 !important;
  font-size: 1.3rem !important;
}

/* END:   FOR DROPZONE.JS */

/* BEGIN:  */
/* END:  */