/* Change the color of the primary button to black*/
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active,
.btn-primary:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active:focus,
.btn-primary:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):focus,
.btn-primary:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover {
  background-color: #000000 !important;
}

form .btn-primary {
  background-color: #000000 !important;
  height: 42px !important;
}

/* Change the color of menu buttons to black */
#main-menu .menu .menu-item.active:not(.expanded) .menu-icon,
#main-menu .menu .menu-item.active:not(.expanded) a {
  color: var(--alert-dark-bg) !important;
}

/* Hide all logos by default */
.sidebar-logo img {
  display: none;
}

/* For expanded (normal) sidebar */
/* In dark scheme, show the normal dark logo */
body.ea-sidebar-width-normal.ea-dark-scheme .sidebar-logo .logo--normal.logo-dark {
  display: block !important;
  max-width: 120px !important;
}

/* In light scheme, show the normal light logo */
body.ea-sidebar-width-normal.ea-light-scheme .sidebar-logo .logo--normal.logo-light {
  display: block !important;
  max-width: 120px !important;

}

/* For compact sidebar */
/* In dark scheme, show the compact dark logo */
body.ea-sidebar-width-compact.ea-dark-scheme .sidebar-logo .logo--compact.logo-dark {
  display: block !important;
}

/* In light scheme, show the compact light logo */
body.ea-sidebar-width-compact.ea-light-scheme .sidebar-logo .logo--compact.logo-light {
  display: block !important;
}


/* Hide all logos by default */
.responsive-logo img {
  display: none;
}


/* For expanded (normal) sidebar */
/* In dark scheme, show the normal dark logo */
.ea-dark-scheme .logo-dark-responsive {
  display: block !important;
}

/* In light scheme, show the normal light logo */
.ea-light-scheme .logo-light-responsive {
  display: block !important;
}






h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Times New Roman', Times, serif;
}


.login-form-header {
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}

.form-submit-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.form-error {
  color: red;
}

.login-wrapper {
  margin-block-start: 0px !important;
}




.datagrid td.actions {
  margin-top: px !important;
  display: flex !important;
}

.navbar {
  padding-left: 3px !important;
  padding-right: 3px !important;
}



/*for phone number input field */
.iti {
  width: 100%;
}

.field-date input[type=date].form-control,
.field-datetime input[type=datetime-local].form-control,
.field-time input[type=time].form-control {
  inline-size: -webkit-fill-available !important;
  max-inline-size: 100% !important;
}

.responsive-top-logo img {
  height: 50px;
}

.sidebar-logo {
  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center;     /* vertical centering */
  padding-top: 0;
}

.main-header #header-logo a {
  padding-top: 12px;
}

#main-menu {
  padding-top: 10px;
}

.ea-light-scheme .gala-icon {
  display: inline-block;
  background-image: url("../images/gala-icon-PgUVR3F.svg");
  width: 17px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  vertical-align: middle;
  background-position-x: center;
  margin-bottom: 3px;
}

.ea-light-scheme .active .gala-icon {
  display: inline-block;
  background-image: url("../images/gala-icon-active-yZDAKa0.svg");
  width: 17px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  vertical-align: middle;
  background-position-x: center;
  margin-bottom: 3px;
}

.ea-dark-scheme .gala-icon {
  display: inline-block;
  background-image: url("../images/gala-icon-dark-mode-wVy5A1q.svg");
  width: 17px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  vertical-align: middle;
  background-position-x: center;
  background-position-y: center;
  margin-bottom: 3px;
}

.ea-dark-scheme .active .gala-icon {
  display: inline-block;
  background-image: url("../images/gala-icon-active-yZDAKa0.svg");
  width: 20px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  vertical-align: middle;
  background-position-x: center;
  background-position-y: center;
  margin-bottom: 3px;
}


.field-invisible {
  display: none;
}

.field-required {
  color: red;
}

#main-menu .menu .menu-icon {
  block-size: unset !important;
}

#main-menu .menu .menu-item-contents {
  align-items: center !important;
}

.content-header {
  flex-wrap: wrap;
}



/* Container for positioning */
.content-search-label {
  position: relative;
  display: block;
}

/* Position the search icon inside the input and move it 5px up */
.content-search-label .content-search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  /* Adjust spacing from the left edge as needed */
  transform: translateY(calc(-50% - 5px));
  /* Centered then shifted 5px up */
  pointer-events: none;
  /* Allow clicks to pass through to the input */
  color: #aaa;
  /* Icon color */
  font-size: 1.2em;
  /* Icon size */
}

/* Add left padding to the input so its text doesn't overlap the icon */
.content-search-label input.form-control {
  padding-left: 40px;
  /* Adjust based on icon size */
}

/* Optionally, style the reset (clear) button */
.content-search-reset {
  position: absolute;
  top: 50%;
  right: 12px;
  /* Adjust spacing from the right edge */
  transform: translateY(-50%);
  text-decoration: none;
  color: #aaa;
}

.content-search {
  padding-right: 8px;

}

.content-search input {
  width: 120px;
  transition: width 0.2s;
}

.content-search input:active,
.content-search input:focus {
  width: 200px;
  transition: width 0.2s;
}

.btn-secondary .action-icon {
  color: var(--text-color-light);
}

.autocomplete-hidden-label-field {
  display: none;
}

.ts-dropdown-content {
  max-block-size: unset;
}

/* flatpickr fix for full screen calendar bug */
.multiMonth {
  max-width: 618px;
}




@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) thead {
    display: revert;
  }
}


@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.batch-actions-selector {
    padding: 8px;
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td:first-child {
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) tbody tr td:first-of-type {
    border-start-end-radius: var(--border-radius);
    border-start-start-radius: var(--border-radius);
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td {
    box-shadow: inset 0 1px 0 var(--table-cell-border-color);
    min-block-size: 36px;
    padding-inline-start: revert;
    position: relative;
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) td {
    text-align: left !important;
  }
}

@media (max-width: 767px) {

  table.datagrid:not(.datagrid-empty) tbody,
  table.datagrid:not(.datagrid-empty) td,
  table.datagrid:not(.datagrid-empty) tr {
    display: revert;
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.batch-actions-selector:before {
    display: none;
  }
}

@media (max-width: 767px) {
  table.datagrid:not(.datagrid-empty) td:before {
    color: var(--responsive-table-label-color);
    content: revert;
    font-weight: 500;
    inline-size: 35%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.ea-index section.main-content {
  overflow: hidden;
  position: relative;
}

.ea-index article.content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ea-index #main {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  .ea-index #main .table-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.ea-index #main .table-wrapper {
  overflow-x: clip;
  -webkit-overflow-scrolling: touch;
}

.global-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  /* optional spacing between buttons */
}

.global-actions a {
  flex: 1 1 auto;
  /* default: grow and shrink */
  min-width: 0;
  /* prevent overflow */
  height: 29px;
}

.datagrid td.actions {
  flex-direction: column;
  column-gap: 10px;
  row-gap: 10px;
}

.datagrid td.actions a:not(.dropdown-item)+a:not(.dropdown-item) {
   margin-inline-start: unset;
}