/* erp-custom */
/* common */

:root {
  --shift-unlogging-color: #999;
  --shift-full-color: #198754;
  --shift-late-color: #fd7e14;
  --shift-lack-color: #d63384;
  --shift-not-working-color: #dc3545;
  --shift-compensation-forgot: #20c997;
  --shift-compensation-early-late-color: #0dcaf0;
  --shift-timeoff-count-color: #0d6efd;
  --shift-timeoff-not-count-color: #333;
  --shift-compensation-newly-recruited-color: #FFD700;
  --shift-compensation-work-outside-color: #6f42c1; 
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.erp-body-content {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.5rem !important;

  /* [TopNotif] comment below if have top notification banner */
  min-height: 99vh;

  /* [TopNotif] uncomment below if you have top notification banner */
  /*   
  margin-top: 2rem !important;
  min-height: 96vh; 
  */

}

.erp-navbar-vertical-content {
  /* [TopNotif] comment below if have top notification banner */
  padding-top: 0 !important; 

  /* [TopNotif] uncomment below if you have top notification banner */
  /* padding-top: 2rem !important; */
}

.erp-sub-content {
  min-height: 0 !important;
  padding-top: 0 !important;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.row.no-padding > * {
  padding-right: 0;
  padding-left: 0;
}

.erp-font-size {
  font-size: 0.8rem !important;
  padding: 0.5rem !important;
}


/* Treeselect */
.treeselect .treeselect-input, .treeselect .treeselect-list {
  color: var(--phoenix-gray-900);
  background-color: var(--phoenix-input-bg);
  border: 1px solid var(--phoenix-input-border-color);
}

.treeselect .treeselect-input input {
  background-color: var(--phoenix-input-bg);
}

.treeselect .treeselect-input__tags-element {
  background-color: var(--phoenix-gray-200);
}

.treeselect .treeselect-list__item--focused {
  background-color: var(--phoenix-primary-100) !important;
}

/* Nav-Vertical */
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    line-height: 1.188rem !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .nav-item-wrapper a {
    margin-bottom: 0.3rem !important;
  }
}

/* [O] Home */
/* Personal */

/* .erp-body-content.content.table>:not(caption)>*>* { */
.table:not(.htCore)>:not(caption)>*>* {
  padding: .2rem .2rem !important;
}

/* Phoenix: Custom */
.alert {
  --phoenix-alert-padding-x: 1rem !important;
  --phoenix-alert-padding-y: 1rem !important;
  --phoenix-alert-margin-bottom: 1rem !important;
  font-size: medium;
}

.alert-dismissible .btn-close {
  padding: 1.2rem 1.5rem !important;
}

.treeselect-input__tags-element, .treeselect-input__tags-count, .treeselect-input__edit {
  font-size: 0.8rem !important;
}

/* Reusable Global */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.offcanvas {
  z-index: 1050;
}

/* -- 3rd Party -- */

/* Choices JS */
.choices__inner {
  padding: 8px !important;
}
.choices__item--selectable {
  font-size: 12px !important;
}
.choices__button {
  padding: 8px !important;
  margin-top: 2px !important;
}

/* Ag Grid: Custom */
.ag-root-wrapper {
  border-radius: 8px !important;
}
.ag-theme-balham {
  width: 100%; /* Make sure the grid takes full width */
}
.ag-paging-row-summary-panel {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.ag-theme-balham .ag-header-row {
  height: 32px;  /* Set your desired height */
  min-height: 32px;  /* Ensures the header row height doesn't shrink */
}
.ag-theme-balham .ag-header-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.ag-theme-balham .ag-header-cell-label {
  font-size: 14px;  /* Adjust font size */
  line-height: 20px;  /* Adjust line height to vertically center text */
}
.ag-paging-page-size {
  display: none !important;
}

.tooltip {
  position: absolute;
  background: var(--phoenix-black);
  color: var(--phoenix-white);
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 1000;
}