/* Online Exam System - Main Stylesheet */

/* General container */
.oes-container {
    background: #fff;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* Headings */
.oes-container h2 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333;
}

/* Tables */
.oes-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.oes-table th,
.oes-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.oes-table th {
    background-color: #f5f5f5;
}
.candidate-login-div{max-width:420px;margin:18px auto;padding:20px;border:1px solid #ddd;border-radius:6px;}
.candidate-login-div label{width:100%;}

/* Buttons */
.oes-btn {
    display: inline-block;
    padding: 8px 15px;
    margin: 5px 0;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}

.candidte-name{top:310px!important;}
#answers-row {
    display: table-row !important;
}

#answers-container textarea {
    flex: 1;
}

/* Style for each answer option */


.answer-option label {
  white-space: nowrap;
}

#answers-container {
  display: flex;
  flex-direction: column;
  gap: 8px; /* space between answer blocks */
}
.c-take-exam {
  color: #0a8a0a;     /* better green tone for readability */
  font-weight: 700;
  text-decoration: underline;
}
.c-take-exam:hover {
  color: #056105;     /* darker shade on hover */
}

.answer-option {
  display: flex;
  align-items: center;
  gap: 8px; /* space between textarea and checkbox */
  width: 100%; /* ensures it fills container */
}

.answer-option textarea {
  flex: 1; /* textarea takes available width */
  resize: vertical;
  min-height: 40px;
}