html, body {
  background-color: #e1e6ec;
  font-size: 16px;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

nav {
  height: 35px;
  background-color: #225353;
}

nav .nav-body {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 50px;
}

nav .nav-body .d-flex {
  margin-top: 5px;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
}

.header img {
  height: 58px;
}

.header .header-text {
  padding-left: 5px;
}

.header .header-text p {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.header .exam-name {
  font-size: 1.2rem;
  padding-top: 10px;
}

.header .exam-name p {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  font-weight: 550;
  line-height: 1.2em;
}

.login-section {
  min-height: calc(100vh - 145px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-section .login-container {
  padding: 0;
  background-color: #e9eaec;
  width: 25%;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 15px #4d4a4a;
          box-shadow: 5px 5px 15px #4d4a4a;
}

.login-section .login-container .head {
  background-color: #0c4930;
  height: 35px;
  padding-top: 8px;
}

.login-section .login-container .head h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  font-size: 1rem;
  color: white;
}

.login-section .login-container .login-body {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
}

.login-section .login-container .login-body .row {
  padding: 0 25px;
}

.login-section .login-container .login-body .row label {
  font-size: 0.8rem;
  padding: 0;
  margin: 0 0 7px 0;
  font-weight: 600;
}

.login-section .login-container .login-body .row input {
  font-size: 0.8rem;
}

.login-section .login-container .login-body .row input:focus {
  outline-color: transparent;
  border: solid #023d02;
}

.login-section .btn-container {
  width: 100%;
  text-align: center;
}

.login-section .btn-container .btn {
  margin: 0 auto;
  margin-top: 15px;
  width: 80px !important;
  height: 35px;
  border-radius: 10px;
  background-color: #104624;
  outline: none;
  font-weight: 300;
  padding: 0;
  font-size: 0.8rem;
  color: #fff;
}

.login-section .btn-container .btn:hover {
  background-color: #1dce1d;
  color: #020202;
}

footer {
  height: 40px;
  background-color: #225353;
  text-align: center;
  color: #fff;
  padding-top: 7px;
}

footer p {
  margin: 0;
}

footer p a {
  text-decoration: none;
  color: #fff;
}

footer p a:hover {
  text-decoration: none;
  color: #053a2a;
  outline: none;
}

.logout a {
  margin-right: 80px;
  text-decoration: none;
  color: #0c3a42;
  text-transform: uppercase;
  border-bottom: solid #fff 0.5px;
  border-bottom-color: transparent;
}

.logout a:hover {
  color: #97801b;
  border-bottom: solid #97801b 0.5px;
}

.body {
  padding-top: 50px;
}

.body .card-container {
  width: 93%;
  margin: auto;
}

.body .card-container .card {
  width: 90%;
  border-radius: 10px;
  margin: auto;
}

.body .card-container .card .card-body {
  padding: 25px 20px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.body .card-container .card .card-body .write_up {
  margin-top: 20px;
  width: 160%;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.959);
}

.body .card-container .card .card-body .write_up a {
  text-decoration: none;
  color: #fff;
}

.body .card-container .card .card-body .write_up a:hover {
  color: #2020a5;
}

.body .card-container .card .card-body .write_up .count {
  font-size: 1.5rem;
}

.body .card-container .card .card-body .card-img {
  overflow: hidden;
  position: absolute;
  top: -10px;
  left: 53%;
  font-size: 8rem;
  color: rgba(39, 38, 38, 0.266);
  width: 190px;
  height: 170px;
}

.body .card-container .card1 {
  background-color: #197519;
}

.body .card-container .card2 {
  background-color: #6d5699;
}

.body .card-container .card3 {
  background-color: #70c93c;
}

.table-box {
  padding: 80px 50px;
}

.table-box h4 {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 40px 40px;
}

.table-box .table {
  width: 95%;
  margin: auto;
  background-color: #bdc7c6;
  border: 1px solid #000 !important;
}

.table-box .table thead {
  background-color: #5cc287;
}

.table-box .table tbody .district {
  font-weight: 550;
}

.table-box .table tbody .days {
  font-weight: 550;
  cursor: pointer;
}

.table-box .table tbody .days:hover {
  background: #60ad60;
}

.table-box .table tbody .complete {
  background-color: #025551 !important;
  color: #fff;
}

.table-box .table tbody .ongoing {
  background: #173185;
  color: #fff;
}

.table-box .table tbody .activate {
  background-color: #034127;
  color: #fff;
}

.table-box .table tbody .btn.disabled {
  background-color: #9aa8a5;
}

.modal-body .table-box {
  padding: 10px 20px;
}

.timer-container {
  padding-top: 50px;
}

.timer-container .timer {
  margin-bottom: 50px;
  width: 300px;
  margin: auto;
}

.timer-container .timer .time {
  white-space: nowrap;
  font-size: 1.5rem;
  margin: 0;
}

.timer-container .timer .time span {
  font-weight: 600;
}

.timer-container .start-exam {
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.timer-container .start-exam .btn {
  font-size: 2rem;
  width: 250px;
  height: 100px;
  color: #fff;
  text-transform: capitalize;
  -webkit-box-shadow: 5px 5px 10px rgba(190, 186, 186, 0.993);
          box-shadow: 5px 5px 10px rgba(190, 186, 186, 0.993);
}

.timer-container .start-exam .btn:hover {
  -webkit-box-shadow: 8px 8px 15px #969393;
          box-shadow: 8px 8px 15px #969393;
}

.timer-container .start-exam .start {
  background: #033b03;
  margin-right: 40px;
}

.timer-container .start-exam .start:hover {
  background-color: #39af39;
}

.timer-container .start-exam .pause {
  background: #9c6d07;
}

.timer-container .start-exam .pause:hover {
  background-color: #bb9b5f;
}

.timer-container .start-exam .end {
  background: #811b1b;
}

.timer-container .start-exam .end:hover {
  background-color: #b65858;
}

.search-container {
  padding: 50px 50px 0 50px;
}

.search-container .search {
  width: 600px;
  margin: auto;
}

.search-container .search label {
  font-size: 1rem;
  font-weight: bold;
}

.search-container .search input {
  border-radius: 5px;
}

.search-container .search input:focus {
  outline: none;
  border: solid green;
}

.search-container .search button {
  background-color: #166f85;
  border: none;
  padding: 3px;
  width: 100px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.search-container .search button:hover {
  background: #0c5722;
}

.detail-container {
  padding: 50px 55px;
}

.detail-container .candidate_detail {
  border: solid #000 2px;
  border-radius: 10px 10px 0 0;
  padding: 25px;
}

.detail-container .candidate_detail .photo img {
  width: 150px;
  border: solid #000 0.5px;
}

.detail-container .candidate_detail .signature img {
  width: 150px;
}

.detail-container .candidate_detail p {
  margin: 0;
  padding: 0;
}

.detail-container .check_doc {
  margin-top: -2px;
  padding: 25px;
  border: solid #000 2px;
}

.detail-container .check_doc p {
  font-size: 1.2rem;
}

.detail-container .check_doc .documents {
  margin-left: 20px;
}

.detail-container .check_doc .documents p {
  font-size: 1rem;
}

.detail-container .check_doc .radio {
  margin-top: 30px;
  font-size: 1.5rem;
  font-weight: 600;
}

.detail-container .check_doc .radio input {
  font-size: 1.2rem;
}

.detail-container .check_doc .radio .remark {
  display: none;
}

.detail-container .check_doc .radio .remark p {
  font-size: 1.1rem;
}

.detail-container .cur_activity {
  padding: 25px;
  border: solid #000 2px;
  margin-top: -2px;
  border-radius: 0 0 10px 10px;
}

.detail-container .cur_activity p {
  font-size: 1.2rem;
}

.detail-container .cur_activity input, .detail-container .cur_activity select {
  background: #eeeff1;
  padding: 5px 10px;
  width: 300px;
  border: solid #666262 0.5px;
  border-radius: 5px;
  height: 35px;
}

.detail-container .cur_activity input:focus, .detail-container .cur_activity select:focus {
  outline: none;
  border: solid #0d611b;
}

.detail-container .cur_activity .certificate-detail {
  display: none;
  padding: 10px 0 10px 0;
}

.detail-container .cur_activity .certificate-detail label {
  font-size: 1rem;
}

.detail-container .cur_activity .certificate-detail textarea {
  min-width: 70%;
  min-height: 80px;
  border-radius: 10px;
  padding: 10px;
}

.detail-container .cur_activity .certificate-detail textarea:focus {
  outline: none;
  border: solid #0b5a56 1.5px;
}

.detail-container button {
  width: 160px;
  padding: 8px;
  background: #213e5e;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.detail-container button:hover {
  background: #034042;
}

.biometric_container {
  padding: 40px 80px;
}

.biometric_container h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.biometric_container .biometric_body {
  border: solid #000 1.5px;
  background: #c2d3dd;
}

.biometric_container .biometric_body .biometric1 {
  width: 100%;
  margin: auto;
  border-bottom: solid #000 1.5px;
}

.biometric_container .biometric_body .biometric .col-3 {
  padding: 20px 50px;
  height: 150px;
}

.biometric_container .biometric_body .biometric .col-3 p {
  font-weight: bold;
  font-size: 1.2rem;
}

.biometric_container .biometric_body .biometric .col-3 select {
  width: 210px;
  height: 40px;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 550;
  background: #d3dfe2;
}

.biometric_container .biometric_body .biometric .col-3 select:focus {
  border: solid #072c07;
  outline: none;
}

.biometric_container .biometric_body .biometric .col-3 button {
  width: 210px;
  height: 45px;
  border-radius: 10px;
  border: none;
  background: #4083ca;
  color: #fff;
  -webkit-box-shadow: 5px 5px 10px #89898b;
          box-shadow: 5px 5px 10px #89898b;
  font-weight: bold;
  cursor: pointer;
}

.biometric_container .biometric_body .biometric .col-3 button:hover {
  background: #084752;
}

.biometric_container .biometric_body .biometric .col-3 .img {
  border: solid #000 1px;
  height: 100px;
  width: 100px;
  margin: auto;
}

.biometric_container .biometric_body .biometric .box1, .biometric_container .biometric_body .biometric .box2, .biometric_container .biometric_body .biometric .box3 {
  border-right: solid #000 1.5px;
}

.candidate-login-container {
  min-height: 570px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.candidate-login-container .login-body {
  margin-top: -40px;
  width: 700px;
  border-radius: 20px;
  padding: 40px;
  background-color: #d2e7e9;
  -webkit-box-shadow: 5px 5px 15px rgba(5, 5, 5, 0.164);
          box-shadow: 5px 5px 15px rgba(5, 5, 5, 0.164);
}

.candidate-login-container .login-body .row label {
  font-size: 1.5rem;
  font-weight: 600;
}

.candidate-login-container .login-body .row input {
  border-radius: 10px;
  border: none;
}

.candidate-login-container .login-body .row input:focus {
  border: solid #144614 1.8px;
  outline: none;
}

.candidate-login-container .login-body .proceed {
  text-align: center;
  margin-top: 40px;
}

.candidate-login-container .login-body .proceed a {
  padding: 15px 35px;
  border-radius: 10px;
  font-size: 1.5rem;
  background: #03565c;
  color: #fff;
  cursor: pointer;
}

.candidate-login-container .login-body .proceed a:hover {
  background: #043021;
}

.instruction-container {
  padding: 0 10px 0px 10px;
}

.instruction-container .instruction-body {
  background: #fff;
  padding: 0 10px;
}

.instruction-container .instruction-body .instructions {
  padding: 10px 15px;
}

.instruction-container .instruction-body .instructions .instruct-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.instruction-container .instruction-body .instructions .instruct-line .serial {
  width: 5%;
}

.instruction-container .instruction-body .instructions .instruct-line .instruct {
  width: 95%;
}

.start-button-container {
  text-align: center;
  padding-bottom: 70px;
}

.start-button-container h4 {
  margin-top: 10px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
}

.start-button-container a {
  padding: 15px 20px;
  border-radius: 8px;
  background: #04394e;
  font-size: 1.1rem;
  color: #fff;
  text-decoration: none;
}

.start-button-container a:hover {
  background: #0e5045;
}

.candidate-head {
  margin-left: 10px;
  border-bottom: solid #000 0.5px;
}

.candidate-head h4 {
  text-transform: uppercase;
  font-weight: 550;
  font-size: 1.3rem;
}

.modal-candiate-detail {
  padding: 10px 100px;
}

.modal-candiate-detail .row {
  width: 500px;
  border: solid #000 0.5px;
  font-weight: bold;
  padding-top: 10px;
}

.question-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-container .timer {
  margin-bottom: 40px;
}

.question-container .timer h4 {
  font-weight: 650;
}

.question-container .thank {
  margin-bottom: 20px;
}

.question-container .thank h4 {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.question-container .question-panel {
  width: 90%;
  border-radius: 10px;
  margin: auto;
  padding: 50px;
  background-color: #f7f8f8;
  font-weight: bold;
}

.question-container .question-panel h3 {
  font-size: 2.5rem;
  font-weight: bold;
}

.question-container .question-panel .options {
  margin-top: 30px;
  font-size: 2rem;
  margin-bottom: 50px;
}

.question-container .question-panel .options p {
  cursor: pointer;
}

.question-container .question-panel .options p:hover {
  color: #16464e;
}

.question-container .question-panel .next button {
  width: 200px;
  height: 60px;
  border-radius: 10px;
  background: #0b2b41;
  color: #fff;
  font-size: 1.5rem;
}

.question-container .question-panel .next button:hover {
  background: #04311c;
}

.grade-container {
  min-height: 550px;
}

.grade-container select {
  width: 200px;
  margin: 0;
  padding: 5px;
  border-radius: 5px;
  background: #e2e2db;
}

.grade-container select:focus {
  outline: none;
}

.grade-container button {
  width: 100px;
  padding: 5px;
  border-radius: 10px;
  border: none;
  background: #18748b;
  color: #fff;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.425);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.425);
}

.grade-container button:hover {
  background: #0e5792;
}
/*# sourceMappingURL=style.css.map */