PracticeKea-UI/src/component/Exams/SelectSubjects.css

.SelectSubjects input[type=text] {

  width: 100%;
}

.SelectSubjects button {
  margin-top: 0;
}

#root .ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}

.SelectSubjects {
  border-style: none;
  /* padding: 20px; */
  margin-top: 40px;
}

.SelectSubjects .examNameOuter>div:first-child {
  position: relative;
}

.SelectSubjects .ant-upload.ant-upload-select-picture-card {
  height: 100px;
  width: 100px;
}

.SelectSubjects .ant-upload-picture-card-wrapper {
  height: 100%;
  width: 100%;
}

.SelectSubjects .hovering-uploader {
  position: absolute;
  inset: 0;
  opacity: 0.1;
}

.SelectSubjects .hovering-uploader[data-button-state="loading"] {
  opacity: 1;
}

.SelectSubjects .hovering-uploader[data-button-state="loading"] button {
  background-color: #ffffff00;
  border: none;
  color: rgb(0, 0, 0);
  font-size: xx-large;
}

.SelectSubjects .hovering-uploader[data-button-state="loading"] .ant-btn>.ant-btn-loading-icon .anticon {
  margin: 0;
  padding: 0;
}

.SelectSubjects .hovering-uploader[data-button-state="loading"] .ant-btn::before {
  background: none;
}

.SelectSubjects .hovering-uploader:hover {
  opacity: 0.7;
}

.attach-question--modal .ant-modal-footer {
  margin-bottom: 4rem;
}

.exam-creation .exam {
  background: var(--background-color-custom-2);
}

.examName {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-size: 16px;
  padding: 0 15px;
}

.examName>div:first-child {
  position: absolute;
  top: 5px;
  width: max-content;
}

span.examNameSpan {
  font-weight: bold;
}

.SelectSubjects--Exam .subject__switching {
  align-self: baseline;
}

.SelectSubjects .select-subject-grid {
  display: grid;
  grid-template-columns: 250px 1fr;
  row-gap: 5px;
  align-items: center;
}

.SelectSubjects .select-subject-grid>* {
  padding: 5px;
}

.examTable {
  width: 100%;
}

.examNameOuter {
  display: flex;
  padding: 5px;
}

.examNameEdit {
  text-align: right;
  padding: 0 25px;
}

.subjectButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ManageExamSpace {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-template-rows: auto;
  row-gap: 16px;
  /* width: 70%; */
}

/* .attach-question--modal {
    height: 600px;
  } */

.createExamLayout .subjectButtonTrue {
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: var(--font-color-primary);
  background-color: var(--button-activated-bg-color);
  border-width: 1px;
  border-style: solid;
  border-color: #1890FF;
  margin-top: 5px;
}

.createExamLayout .subjectButtonTrue:focus {
  color: var(--font-color-primary);
  background-color: var(--button-activated-bg-color);
  border-color: var(--font-color-primary);
}

.createExamLayout .subjectButtonTrue:hover {
  /* background-color: white; */
  margin-top: 5px;
}

.createExamLayout .subjectButtonFalse {
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #cccccc;
  /* background-color: var(--button-deactivated-color); */
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  margin-top: 5px;
}

.createExamLayout .subjectButtonFalse:focus {
  color: var(--font-color);
  /* background-color: var(--font-color); */
  border-color: var(--font-color);
}

.createExamLayout .subjectButtonFalse:hover {
  /* display: inline-block;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none; */
  color: #1890FF !important;
  /* border-color: navy;
    background-color: navy; */

}

.ManageExam {
  margin-block: 24px;
}