.col-green{
    color: green;
}

.test-options .form-check {
  padding: 8px 0;
}

.test-options label {
  font-size: 14px;
}

.btn-wdt-edt {
  padding-left: 20px;
  padding-right: 20px;
}

.wid-4 {
  width: 40%;
}

.hi-fix {
  position: fixed !important;
}

.col-red {
  color: red;
}

.po-fix-nav {
  position: fixed !important;
  width: 100%;
  padding-right: 275px !important;
}

.pad-top {
  padding-top: 80px !important;
}

.w-80 {
  width: 80%;
 
}
.cdk{
  display: flex;
  justify-content: center;
  align-items: center;
}

.tex-sma {
  font-size: 0.8rem !important;
}
.tom-select {
  width: 100% !important;
}

.ts-wrapper {
  min-height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.ts-dropdown {
  z-index: 1050 !important;
}

.tomselected {
  display: none !important;
}

input#hospital_project_ids-ts-control {
  position: static;
  width: -webkit-fill-available;
  margin: 2px;
}

.ts-wrapper.form-control.select2.multi.plugin-remove_button.focus.input-active.dropdown-active {
  height: auto;
}

.ts-wrapper.form-control.select2.multi.plugin-remove_button.has-items {
  height: auto;
}

.ts-control {
  display: ruby;
}

.selected-item {
  margin-right: 5px;
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.selected-item .remove {
  margin-left: 5px;
  color: red;
  font-weight: bold;
}

.ts-control input {
  flex: 1;
  min-width: 120px;
  padding: 5px;
}

.ts-dropdown {
  background: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 5px;
  z-index: 1050 !important;
}

.ts-dropdown-content {
  max-height: 250px;
  overflow-y: auto;
}

.option {
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s ease-in-out;
}

.option:hover {
  background: #f0f0f0;
}

.option.active {
  background: #007bff !important;
  color: white;
  font-weight: bold;
}

.ts-wrapper.form-control.select2.multi.plugin-remove_button {
  height: auto;
}

.completed {
  background-color: #d4edda !important; /* Light grey */
}

input.btn.btn-primary.btn-sm {
  width: 63px;
  background-color: green;
}
.login-card-body {
  min-height: 350px; /* Set a fixed minimum height */
  transition: height 0.3s ease-in-out; /* Smooth transition */
}

img.img-fluid {
  border-radius: 15% !important;
}

.d-inline {
  display: inline-block !important;
  width: 27%;
}

input#visit_date_field {
  background-color: white;
.btn-outline-secondary.custom-btn {
  color:#FD7272; /* Custom Text Color */
  border-color: #FD7272; /* Custom Border Color */
}

.btn-outline-secondary.custom-btn:hover {
  background-color: #FD7272; /* Background on Hover */
  color: white; /* Text Color on Hover */
}