body{
    background: #Edf2f6;
  }
  .badge {
    padding: 6px;
    font-size: 12px;
    box-shadow: none;
  }
  .btn{
    font-size: 14px;
  }
  .btn-theme{
      color: #fff;
      background-color: #7f03fc !important;
  }
  .btn-theme:hover{
      color: #fff !important;
  }

  .btn-save{
    color: #fff;
    background-color: #008080 !important;
  }
  .card-theme{
    border-radius: 5%;
  }
  .icon-color {
    color: #696cff;
}
.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.datepicker td,th{
  text-align: center;
  padding: 7px 12px;
  font-size: 13px;
}

.datepicker.dropdown-menu {
    z-index: 2000 !important;
}

th {
  white-space: nowrap;
}

.action-columns {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Override Select2 container styles */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

/* Override the default selection box style */
.select2-selection {
  background-color: #fff !important;
  border: 0.5px solid #ccc !important;
  border-radius: 5px !important;
  height: 39px !important; /* Match the height of Bootstrap's input */
  display: flex;
  align-items: center;
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
}

/* Customize the text inside the selection box */
.select2-selection__rendered {
  color: #777676 !important;
  padding-left: 10px !important;
  padding-top: 5px !important;
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
}

/* Customize the dropdown */
.select2-dropdown {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  /* max-height: 200px !important; */
  overflow-y: auto !important; /* Enable scrolling when necessary */
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
  margin-top: -1px !important; /* Remove any gap between selection and dropdown */
  padding: 0 !important; /* Reset padding */
  margin: 0 !important; /* Reset margin */
}

/* Customize the results container */
.select2-results {
  max-height: 200px !important; /* Set a maximum height for the results */
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
  margin: 0 !important; /* Reset margin */
  padding: 0 !important; /* Reset padding */
}

/* Customize the individual options */
.select2-results__option {
  padding: 8px 10px !important;
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-y: auto !important;
}

/* Customize the search field in the dropdown */
.select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc !important; /* Set a border */
  box-sizing: border-box !important; /* Include padding and border in width/height calculations */
  margin: 0 !important; /* Reset margin */
  padding: 5px !important; /* Add padding for better usability */
  width: calc(100% - 12px) !important; /* Adjust width to fit within the container */
}

.select2-search--dropdown .select2-search__field:focus-visible{
  outline:none !important;
}

/* Highlighted option on hover */
.select2-results__option--highlighted {
  background-color: #e0e0e0 !important;
  color: #333 !important;
}