@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

body {
  color: #252525 !important;
  background: #fffaf5 !important;
}
p,
div,
li,
h5,
h6 {
  font-family: "PT Sans Caption", sans-serif;
}

h1,
h2,
h3 {
  font-family: "Outfit", sans-serif;
}
a {
  text-decoration: none !important;
  color: #252525;
}
.underline {
  text-decoration: underline;
}

.modal-student-bg {
  background: var(--tab-label-text);
}
.overflow-auto {
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.input-wrap label {
  color: var(--grey-label-clr);
  margin-bottom: 10px;
}
.input-wrap input,
.input-wrap textarea,
.input-wrap select,
.new-question-form select {
  background-color: var(--grey-field-clr);
  border-radius: 20px;
  padding: 0px 14px;
  border: 1px solid #D9D9D9 ;
}
.project-number-bg{
  background: var(--grey-field-clr) !important;
}
.input-wrap input:focus-visible {
  outline: 0 !important;
  border: 0;
}
.input-wrap select:focus-visible,
.input-wrap textarea:focus-visible {
  /* background-color:#D1C2D9 !important; */
  outline: 0 !important;
  border: 0;
}
.password-eye {
  position: absolute;
  bottom: 16px;
  right: 12px;
  width: 24px;
  height: 24px;
}
input#flexSwitchCheckChecked {
  transform: rotate(180deg);
}
input#flexSwitchCheckChecked:focus {
  box-shadow: none;
}
.theme-bg-clr{
  background: var(--theme-bg-clr);
}
.student-number-bg.active {
  color: #fff;
  background:var(--second-theme-grey-clr) !important;
}
.theme-bg-clr,
.student-number-bg-main.active {
  background: var(--theme-bg-clr);
  color: white;
}
.student-number-bg-main.active {
  color: #fff;
}
.theme-light-bg-clr {
  background: var(--add-prroject-bg-section);
}
.theme-light-clr {
  color: var(--add-prroject-bg-section);
}
.second-bg-clr {
  background: var(--second-theme-clr) !important;
}
.second-theme-border-clr {
  border: 3px solid var(--second-theme-grey-clr) !important;
}
.second-theme-bg-clr {
  background: var(--second-theme-grey-clr) !important;
}
.second-theme-clr {
  color: var(--second-theme-grey-clr) !important;
}
.student-number-bg,
.new-question-form,
.card-list-body {
  background: var(--student-number-bg);
}
.student-number-bg-main {
  background: var(--student-number-bg);
}
.grey-theme-clr {
  background: #f2f2f2 !important;
}
.btn-second-clr {
  background: var(--btn-second-clr) !important;
}
.invert {
  filter: invert(1) brightness(4);
}
.red-clr{
  color: #FB6A4A;
}
.top-search-bar,
.top-search-bar:focus-visible {
  border: 1.8px solid var(--theme-bg-clr);
  height: 40px;
  outline: 0;
}
.modal-search-bar,
.modal-search-bar:focus-visible {
  border: 2px solid var(--second-theme-grey-clr);
}
.theme-btn {
  width: 225px;
  height: 60px;
  border: 0;
  border-radius: 20px;
  font-weight: 500;
}

.cursor-pointer,
.fa-chevron-left {
  cursor: pointer;
  /* z-index: 9999; */
}

.btn-close:focus-visible,
.btn-close:focus {
  box-shadow: none !important;
  outline: none;
}
.dropdown-toggle::after {
  display: none !important;
}
.down-arrow {
  color: var(--grey-label-clr);
}

#nav-list li {
  list-style: none;
  margin: 40px 0px;
}
.dropdown .dropdown-item {
  font-size: 13px !important;
}

header #nav-list .navbar-links .header-border-active {
  display: none;
}
header #nav-list .navbar-links.active .header-border-active,
header #nav-list li.active {
  border-right: 6px solid #fff;
  display: block !important;
  height: 100%;
}
.status-btn {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--grey-field-clr);
  color: #000 !important;
  cursor: pointer;
}
.done-name {
  background: var(--second-theme-clr) !important;
  color: #fff !important;
}
.selected-name {
  background: var(--theme-bg-clr) !important;
  color: #fff !important;
}
.modal-width {
  max-width: 740px !important;
}
#previousButton,
.multiselect-btn{
  border: 1.8px solid var(--theme-bg-clr);
  color: var(--theme-bg-clr);
}

#previousExcelButton,
.multiselect-btn{
  border: 1.8px solid var(--theme-bg-clr);
  color: var(--theme-bg-clr);
}

#backEditButton,
.multiselect-btn{
  border: 1.8px solid var(--theme-bg-clr);
  color: var(--theme-bg-clr);
}
.add-anotherbtn {
  color: var(--second-theme-grey-clr) !important;
}
.add-teminfobtn {
  color: #9a76be;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: block;
}
div#countries {
  border: 1px solid #D9D9D9;
  border-radius: 7px;
  padding: 0px 4px;
  margin-top: .5rem;
}

div#subject_code {
  border: 1px solid #D9D9D9;
  border-radius: 7px;
  padding: 0px 4px;
  margin-top: .5rem;
}

div#class_name {
  border: 1px solid #D9D9D9;
  border-radius: 7px;
  padding: 0px 4px;
  margin-top: .5rem;
}