.modal-header {
  background-color: #c1d43b;
}






.imgholder .upload2 input {
  /* sb: removes the upload2 buttton on an upload2 input */
  display: none;
}

/*
.modal-body form .imgholder{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
  */

.imgholder .upload2 {

  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

}

.upload2 i {
  color: white;
  font-size: 35px;
}

/*
.imgholder .upload2{

  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 400px;
  background: rgba(0, 0, 0, .3);
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;

}

.imgholder:hover .upload2{
  display: flex;
}
*/







/* sb: delete image items - WORK IN PROGRESS*/
.modal-body form .imgDelete {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.imgDelete:hover {
  display: flex;
}






#t01 {
  color: red
}


a {
  color: black;
}

/*nk: pagination */
.pagination>li>a {
  background-color: white;
  color: #6c757d;
}

.pagination>.active>a,
.pagination>.active>a:hover {
  color: #6c757d;
  background-color: #ced4da;
  border: solid 1px #ced4da;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: #6c757d;
  background-color: #eee;
  border-color: #ddd;
}

/* nk: dropdown */
.d-flex .dropdown-menu.show {
  display: none !important;
  background-color: transparent !important;
}

.d-flex .dropdown:hover>.dropdown-menu {
  display: flex !important;
  background-color: transparent !important;
}

.d-flex .dropdown:focus .dropdown-menu {
  display: flex !important;
}

.page-toggle {
  border: solid 1px #ced4da;
}

.page-toggle:hover {
  color: #6c757d !important;
  background-color: #ced4da !important;
  border: solid 1px #ced4da;
}

.page-dropdown .show {
  color: #6c757d !important;
  background-color: #ced4da !important;
  border: solid 1px #ced4da;
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:hover {
  color: #6c757d;
}

/*nk: change focus box color*/
.form-control {
  border-color: #ced4da !important;
}

.form-control:focus {
  box-shadow: 0 0 0 4px #ced4da !important;
}


/*nk: search clear button */
.cancelButton {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  color: black;
  font-size: 1.5em;
}

#tblFooter {
  color: #6c757d;
}


/* sb: need this as a negative margin with bootstrap 5.3 */
.mt-n1 {
  margin-top: -0.25rem !important;
}


/* we need this for signin.php */
.authenticationCode {
  width: 75px;
  /* Fixed width */
  /*max-width: 80%;   /* Maximum width as a percentage */
}

/* need this for all checkboxes including in signup.php */
.form-check-input {
  border-width: 3px;
  /* Adjust the thickness as needed */
  /*border-color: #007bff; /* Change to your desired color */
}