.loading {
    cursor: wait;
}

.navbar { background-color: #2561a5; }

.navbar a:hover { color: white; }

.navbar-nav > li > .dropdown-menu {  background-color: #2561a5;  }

.navbar-nav > li > .dropdown-menu a {  color: #B3C8E0;  }

.navbar-nav > li > .dropdown-menu a:hover {  color: #fff; background-color: #2561a5;  }

.navbar-nav > li > .dropdown-menu .dropdown-item { color:#B3C8E0;}

.navbar-nav > li > .dropdown-menu .dropdown-item:hover { color:#fff; background-color: #2561a5;}

.dataTables_wrapper { font-size: smaller; }

.dropdown-item.active {
  background-color: #2561a5 !important; /* Remove background color */
  color: white !important; /* Change text to white */
}

#editAppt, #editAppt input[type=text] {

    font-size: smaller;

}
#addFixture, #addFixture input[type=text] {

  font-size: smaller;

}
.form-group label {
  color: grey;
}
.custom_label {
  color: grey;
}

.ref_label {
  color: #212529 !important;
}

.datepicker { font-size: 13px; }

#roles-container {
    font-size: small;
}

#ref_title {
    font-size: small;
}

.bd-example-modal-sm .modal-dialog{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
  }
  
  .bd-example-modal-sm .modal-dialog .modal-content{
    background-color: transparent;
    border: none;
  }

  .popover-title {
    display: none;
  }

  .popover-body{
    padding: 4px;
    font-size: small;
  }

  .bi-envelope {
    display: flex;
    color: rgba(164, 164, 164, 0.526);
    margin-top: 2px;
    text-align: center;
    font-size: 1.2rem;
  }

  .bi-envelope-fill {
    display: flex;
    color: rgba(164, 164, 164, 0.526);
    margin-top: 2px;
    text-align: center;
    font-size: 1.2rem;
  }

  #tName {
    width:30% !important;
  }
  #tNote {
    width:30% !important;
    
  }
  .btn-xs {
    padding: 0.2rem 0.4rem; /* Adjust padding */
    font-size: 0.85rem; /* Smaller font size */
    line-height: 1.4; /* Adjust line height */
    border-radius: 0.25rem; /* Optional: Smaller border radius */
    width: 40px;
    height: 26px; /* Ensures uniform height */
    align-items: center;
}
.drag-list { min-height: 200px; border: 1px solid #ccc; padding: 10px; }
.drag-item { padding: 8px; margin-bottom: 5px; background: #f8f9fa; cursor: grab; border: 1px solid #ddd; }

.custom-card-bg {
  background-color: #eaeaec !important;
}

#main_card {
  width: 100%;
  overflow-x: auto;
}
#apptTable {
  width: 100% !important;
}

.wrap-text {
  white-space: normal !important;
  word-wrap: break-word;
}
.btn[disabled] strong {
  font-weight: bold !important;
}

/* Custom styling only for .custom-dropdown */
.custom-dropdown {
  background-color: #f8f9fa !important; /* Light background */
  border: 1px solid #ccc !important;
}

/* Custom button styling */
.custom-dropdown-btn {
  background-color: #28a745 !important; /* Green button */
  color: white !important;
  border: none !important;
}

/* Change text color for items */
.custom-dropdown .dropdown-item#btn_notify {
  color: darkgreen !important;
}
.custom-dropdown .dropdown-item#btn_print, 
.custom-dropdown .dropdown-item#btn_export {
  color: darkblue !important;
}

/* Hover effect for custom dropdown */
.custom-dropdown .dropdown-item:hover {
  background-color: #e9ecef !important; /* Light gray */
}

/* Active (selected) effect for custom dropdown */
.custom-dropdown .dropdown-item:active, 
.custom-dropdown .dropdown-item:focus {
  background-color: #dee2e6 !important; /* Slightly darker gray */
  color: black !important;
}
.ui-autocomplete {
  z-index: 9999;
}
#loadingSpinner {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}