.roles-search-wrapper.search-input {
  background-color: #fff !important;
  border: 1px solid #d1cfcf !important;
  color: #000 !important;
  font-weight: 800;
}
.crm-roles-table-wrapper {
  background: #FFFBF4 !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  width: 100%;
}
.add-role-btn{
  background-color: #bfa253;
  border:none;
  padding:6px 14px;
  font-weight:500;
}
.crm-roles-table-wrapper .rdt_TableHeadRow .rdt_TableCol:nth-child(2)  {
  justify-content: flex-start !important;
  text-align: left;
}

.role-modal-overlay{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.4);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}

.role-modal{
  background:#fff;
  padding:25px;
  border-radius:10px;
  width:420px;
  box-shadow:0 5px 20px rgba(0,0,0,0.2);
}