.active-textstatus {
color: green;
}
.active-rowstatus {
background-color: #e0ffcc !important;
}

.inactive-textstatus {
color: red;
}
.inactive-rowstatus {
background-color: #ffcccc !important;
}

.without-textmarks {
color: #0097a6;
}
.without-rowmarks {
background-color: #d6f9ff !important;
}

.insert-textstatus {
color: #0093ca;
}
.insert-rowstatus {
background-color: #a4dbf0 !important;
}

.edit-textstatus {
color: #819700;
}
.edit-rowstatus {
background-color: #e5f0a6 !important;
}

.delete-textstatus {
color: red;
}
.delete-rowstatus {
background-color: #ffcccc !important;
}


.bootstrap-select .dropdown-toggle .filter-option {
    background-color: #fff;
    border: 1px solid #ced4da;
}

.progress {
height: 20px;
}
.progress-bar {
transition: width 0.4s;
}

.required:after {
content: "*";
color: #f37575;
margin-left: 0.25rem;
}

.hidden-element {
    display: none;
}


 .card-title {
        display: flex;
        align-items: center;
    }
    
    .separator {
        margin: 0 10px;
    }
	
.dataTables_disabled {
    pointer-events: none;
}

.validation-error {
color: red;
display: none;
margin-top: 5px;
}
.error-visible {
display: block !important;
}

@media (max-width: 768px) {
    .separator {
        display: none;
    }
    
    .card-title {
        font-size: 1.1rem;
    }
}


  .custom-file {
    height: 100%;
  }
  
  .custom-file-input {
    height: calc(2.5rem + 2px);
  }

  .custom-file-label {
    line-height: calc(1.5rem + 2px);
  }
  
  .no-notice-message {
    color: #888;
    font-style: italic;
    text-align: center;
}

.nav-link.disabled {
    pointer-events: none;
    color: #a6a6a6;
}

.nav-link.disabled .nav-icon {
    color: #a6a6a6;
}

.nav-link.disabled p {
    color: #a6a6a6;
}

.nav-link.disabled:hover {
    background-color: transparent;
}

#view-studentbulk tbody tr.selected {
    background-color: #d1e7fd !important; 
    color: #000 !important;
}

#view-studentbulk tbody tr.active-rowstatus:not(.selected) {
    background-color: #e6f9e6;
}

#view-studentbulk tbody tr.inactive-rowstatus:not(.selected) {
    background-color: #f9e6e6;
}

#view-studentduplicate tbody tr.selected {
    background-color: #d1e7fd !important; 
    color: #000 !important;
}

#view-studentduplicate tbody tr.active-rowstatus:not(.selected) {
    background-color: #e6f9e6;
}

#view-studentduplicate tbody tr.inactive-rowstatus:not(.selected) {
    background-color: #f9e6e6;
}

#view-schooltransfer tbody tr.selected {
    background-color: #d1e7fd !important; 
    color: #000 !important;
}

#view-schooltransfer tbody tr.active-rowstatus:not(.selected) {
    background-color: #e6f9e6;
}

#view-schooltransfer tbody tr.inactive-rowstatus:not(.selected) {
    background-color: #f9e6e6;
}

#view-studentpromotion tbody tr.selected {
    background-color: #d1e7fd !important; 
    color: #000 !important;
}

#view-studentpromotion tbody tr.active-rowstatus:not(.selected) {
    background-color: #e6f9e6;
}

#view-studentpromotion tbody tr.inactive-rowstatus:not(.selected) {
    background-color: #f9e6e6;
}

.table-hover tbody tr:hover {
    background-color: #e9ecef !important;
}

.myword-wrap {
    white-space: normal !important;
    word-break: break-all !important;
    max-width: 250px;
}

td span {
    cursor: help;
}

.dt-buttons .dt-button {
  display: inline-block !important;
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap;
  margin: 0 8px 6px 0 !important;
  box-sizing: border-box;
}

.dt-btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5rem;
}

.dt-btn-container .dt-button,
.dt-btn-container .buttons-excel,
.dt-btn-container .buttons-pdf,
.dt-btn-container .buttons-csv,
.dt-btn-container .buttons-print,
.dt-btn-container .buttons-colvis {
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content;
  display: inline-block !important;
  white-space: nowrap;
  margin-bottom: 0.25rem;
}

.dt-btn-container .dt-button {
  margin-right: 6px;
}

body.modal-open {
    position: fixed;
    overflow: hidden !important;
    width: 100%;
}