.pagination_ul > ul > li > button {
  border: 1px solid #c1c1c1 !important;
  border-radius: 3px !important;
}
.pagination_ul > ul > li > button.Mui-selected {
  color: #b23c52 !important;
  background-color: white !important;
  border: 1px solid #b23c52 !important;
}
.span-btn {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
.font-18 {
  font-size: 18px;
}
.font-15 {
  font-size: 15px;
}
.th-fornt-normal {
  font-weight: 100 !important;
}

.radio_checkbox {
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 1.5em;
  height: 1.5em;
  content: none;
  outline: none;
  margin: 0;
  border-radius: 0.25em;
  position: relative;
  vertical-align: middle;
}

.radio_checkbox:checked {
  appearance: none;
  width: 1.5em;
  height: 1.5em;
  content: none;
  outline: none;
  margin: 0;
  border-radius: 0.25em;
  position: relative;
  vertical-align: middle;
}

.radio_checkbox:checked::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important ;
}
/* Small switch */
.form-switch.switch-sm .form-check-input {
    width: 2rem;
    height: 1rem;
}

/* Medium switch */
.form-switch.switch-md .form-check-input {
    width: 2.5rem;
    height: 1.25rem;
}

/* Large switch */
.form-switch.switch-lg .form-check-input {
    width: 3rem !important;
    height: 1.5rem !important;
    margin-left: 0.5rem !important;
    position: relative !important;
}
.form-check-reverse.switch-lg .form-check-label {
    padding-right: 3.5rem !important;
}

/* Extra Large switch */
.form-switch.switch-xl .form-check-input {
    width: 4rem;
    height: 2rem;
}