.action-btn {
  float: right;
  margin-top: 10px;

}
label {
  padding: 16px 0px 5px 0px;
  color: #344054 !important;
font-weight: 500;
font-size: 0.875rem;
}
/* .select2-container--open {
  z-index: 9999999 !important;
} */
/* input {
  padding: 5px !important;
}
select {
  padding: 5px !important;
}
 */

 .required:after {
  content:" *";
  color: #10B981;
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  /* margin-top:10px; */
  font-weight: 600;
  color: black;
  padding: 15px;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #dfdfdf;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}
.cursor-pointer{
  cursor: pointer !important;
}

.input-group-text{
  background-color: #ffffff !important;
  border-left: 0px !important;
}
.card{
  border-color: #E4E7EC !important;
  border-radius: 10px !important;
  padding: 0px !important;
}

 .btn-primary {
 color: #ffffff !important;
}
.modal-backdrop {
  background-color: #ffffff;
  opacity: 10%;
  z-index: 100;

}
.modal-open .main-content{
  filter: blur(5px);
}
.modal-open .sticky{
  filter: blur(5px);
}
.modal-title{
  font-size: 1.125rem;
  color: #101828;
}
.modal-content{
  border-radius: 12px !important;
  border:0px;
  box-shadow: 0 4px 8px 0 #efefef, 0 6px 20px 0 #efefef;
}
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8); /* Optional: Add a semi-transparent background */
  z-index: 9999; /* Make sure it's above other content */

}
.toast-close-button{
  font-weight: 400;
  right:10px !important;
  color: #333333 !important;
}