.taskMainTable {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 10px;
  border: 1px solid #dddddd;
}

.taskMainTable thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}

.taskMainTable thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

.taskMainTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.taskMainTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.taskMainTable td,
.taskMainTable th {
  padding: 8px;
  border: 1px solid #dddddd;
}

.taskMainTable>thead>tr:not(:last-child)>th,
.taskMainTable>thead>tr:not(:last-child)>td,
.taskMainTable>tbody>tr:not(:last-child)>th,
.taskMainTable>tbody>tr:not(:last-child)>td,
.taskMainTable>tfoot>tr:not(:last-child)>th,
.taskMainTable>tfoot>tr:not(:last-child)>td,
.taskMainTable>tr:not(:last-child)>td,
.taskMainTable>tr:not(:last-child)>th,
.taskMainTable>thead:not(:last-child),
.taskMainTable>tbody:not(:last-child),
.taskMainTable>tfoot:not(:last-child) {
  border: 1px solid #dddddd;
}

.taskMainTable .taskMainHead {
  text-align: center !important;
}

.taskMainBody tr {
  margin-bottom: 8px;
}

.taskMainBody tr td {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.taskMainBody tr td span {
  padding: 4px 6px;
}

.addTask {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4px;
  gap: 4px;
}

.dateMainBox {
  margin-bottom: 16px;
}

.dateMainBox .react-datepicker-popper {
  z-index: 9;
}

.inputFile::-webkit-file-upload-button {
  background: #06aed4;
  border: 2px solid #06aed4;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  outline: none;
  padding: 10px 25px;
  text-transform: uppercase;
  transition: all 1s ease;
}

.inputFile::-webkit-file-upload-button:hover {
  background: #fff;
  border: 2px solid #6366f1;
  color: #000;
}

.managementMainBody {
  font-weight: bold;
}

.managementMainHead {
  text-align: left !important;
}

.sendToDropboxMsg {
  padding: 20px 0px 20px 0px !important;
}

.tableDescription {
  color: #a9a9a9 !important;
}

.importRadioBtn {
  display: inline-flex !important;
  align-items: center !important;
}

.sampleCsv {
  color: #89b5d7 !important;
  cursor: pointer;
}

.taskDetailNameBox {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

.taskDetailMainBox {
  display: flex !important;
  padding: 7px !important;
  justify-content: space-between !important;
}

.selectDropDown {
  display: inline-flex;
  gap: 10px;
}

.selectDropDown select {
  padding-top: 7px !important;
  font-size: 16px !important;
}

.addTaskBtn {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.taskDetailsDesc {
  padding: 7px !important;
  text-align: left !important;
}

select.btn-mini {
  height: auto;
  line-height: 14px;
}

select.btn {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  padding-right: 16px;
}

select.btn-mini+.caret {
  margin-left: -20px;
  margin-top: 9px;
}

.objectiveBox {
  display: flex !important;
  justify-content: space-between !important;
  padding: 7px !important;
}

.objectiveDesc {
  text-align: left !important;
  padding-left: 7px !important;
  line-height: 35px !important;
}

.addComment {
  margin-top: 10px !important;
}

.commentBox {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
  padding: 7px !important;
}

.completeText {
  color: #368b26 !important;
  font-size: 18px !important;
}

.updateTaskDetailForm {
  text-align: left !important;
  padding: 10px !important;
}

.deleteTaskBtn {
  background-color: #d95350 !important;
}

.deleteTaskBtn:hover {
  background-color: rgb(179, 9, 9) !important;
}

.previewBtn {
  background-color: #51b8da !important;
}

.previewBtn:hover {
  background-color: #256d83 !important;
}

.objectiveBtn,
.objectMarkComplete {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.detailsSlideBar {
  width: 100%;
}

.objectiveHead {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.objectiveMsg {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.link {
  align-items: center;
  display: inline-flex;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
.filterTable>div {
  background-color: #f6f6f5 !important;
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 16px;
  position: relative;
  top: 20px;
  margin-bottom: 12px;
  align-items: flex-end;
}

.filterTable div[aria-label="Table Toolbar"] {
  background-color: #fff !important;
}

.filterTable>div h6 {
  color: #575756 !important;
  font-weight: 600 !important;
}

.filterTable .CustomToolbarBox form div p+div div {
  color: #575756 !important;
}

.filterTable div[aria-label="Table Toolbar"] .filterAutoselectFields div div div {
  padding: 1px 7px !important;
}

.filterTable .CustomToolbarBox form .assignedUser p+div>div>div {
  background-color: #fff !important;
  padding: 4px 7px !important;
}

.CustomToolbarBox form .assignedUser div>div>div {
  padding: 7px !important;
}

.CustomToolbarBox form .assignedUser div>div>div input {
  padding: 0 !important;
}

/* For dark theme  */
.task[data-theme="dark"] .filterTable>div {
  background-color: #1c2536 !important;
}

.task[data-theme="dark"] .filterTable .CustomToolbarBox form .assignedUser p+div>div>div,
.task[data-theme="dark"] .filterTable .CustomToolbarBox form div p+div div {
  background-color: #2d3748 !important;
  color: #fff !important;
  border-radius: 12px !important;
}

.task[data-theme="dark"] .filterTable>div h6 {
  color: rgba(99, 102, 241, 1) !important;
}