body,
html {
  font-family: Cairo !important;
}

th {
  font-weight: 500 !important;
}

.btnTableRelevant {
  font-weight: 400 !important;
}

td {
  font-weight: 300 !important;
}

.AutocompleteStyle div {
  padding: 1px !important;
}

.form-group label {
  align-self: center !important;
  font-weight: 500 !important;
}

.btnGroupStyle {
  border: 1px solid rgb(206 212 218) !important;

  padding: 10px !important;
  margin-right: 5px !important;
  border-radius: 4px !important;
  text-align: center;
  width: 30% !important;
}

.datePickerStyle input {
  padding: 10px !important;
}

.MuiOutlinedInput-notchedOutline {
  border-color: #ced4da !important;
}

.btnWeek {
  border-radius: 50% !important;
  border: 1px solid #ced4da !important;
  margin: 5px !important;
}

.btnDate {
  max-width: 100px;
  border: 1px solid !important;
}

.btnDate:hover {
  background-color: #3e5266;
  color: #fff;
}

.Mui-checked {
  color: #3e5266 !important;
}

.Mui-selected {
  background-color: #3e5266 !important;
  color: #fff !important;
}

div.scroll {
  margin:4px, 4px;
  padding:4px;
  background-color: #f7f4f4;
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align:justify;
}

.MuiAutocomplete-endAdornment {
  position: initial !important;
}