@charset "utf-8";
/* CSS Document */

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Print Settings */
@page {
  margin: 0.5cm; /* reduced from 0px */
  padding: 0;
  size: auto;
   size: A4;
}

/* Print Settings */
@media print {
  .evaluation_table {
    border:1px solid black !important;
    border-collapse:collapse;
    min-width: 90% !important;
  }

  form, #error_div, #displayadd_homework_success {
    display: none;
  }
 .table th, .table td{
    padding: 4px 8px;
  }
    form ,#upload_student_marksheet{
        margin-top:10px;
    }
  .container_marksheet_template1 {
    width: 95% !important;
    padding: 8px !important; /* reduced from 10px */
  }

  .student_info_template1 {
    width: 48% !important;
    padding: 4px !important; /* reduced from 5px */
  }

  .evaluation_table th,
  .evaluation_table td {
    /*padding: 4px 5px !important; */
    font-size: 10pt !important;
  }

  .student_info_table_template1 td {
    padding: 3px 5px !important; /* reduced from 4px 6px */
    font-size: 10pt !important;
  }

  /*.margintop20 {*/
  /*  margin-top: 5px !important; */
  /*}*/

  /*.margintop50 {*/
  /*  margin-top: 10px !important;*/
  /*}*/

  /* Remarks and signature adjustments */
  .student_info_template1 + .student_info_template1 {
    margin-top: 10px !important; /* closer signature box */
  }

  .evaluation_table tr {
    line-height: 1.1 !important; /* reduce row height */
  }
.table_padding{
        padding: 0;
}
.table_container{
    margin-bottom:0 !important;
}
.form-control{
    margin:0 !important;
}
}


/* Body and HTML setup */
html, body {
  height: 100%;
  width: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.2; /* reduce line spacing */
}

/* Marksheet Template Styling */
.container_marksheet_template1 {
  width: 95%;
  height: auto;
  border: 3px solid #4a90e2;
  border-radius: 10px;
  background: linear-gradient(135deg, #f0f8ff, #e0f7fa);
  margin: 1% auto;
  padding: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  page-break-after:always;
}

.content_container_template1 {
  padding: 5px;
}

.header_template1 {
  font-size: 12pt;
  font-weight: 500;
  color: #444;
  margin-bottom: 3px;
}

.heading_template1 {
  font-size: 18pt;
  text-transform: uppercase;
  font-weight: bold;
  color: #0d47a1;
}

.heading_report_template1 {
  font-size: 24pt;
  font-weight: bold;
  color: #d32f2f;
  text-shadow: 1px 1px 1px #aaa;
}

.logo_div_img_template1 img {
  width: 60px; /* smaller logo */
  margin: 0px;
}

.student_info_template1 {
  width: 45%;
  display: inline-block;
  margin-top: 5px;
  background-color: #ffffffdd;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.student_info_table_template1 td {
  padding: 4px 6px;
  font-size: 10pt;
  color: #333;
}

.evaluation_table {
  border-collapse: collapse;
  width: 90%;
  margin-top: 5px;
  background-color: #ffffff;
  border: 1px solid #4a90e2;
  border-radius: 8px;
  overflow: hidden;
}

.evaluation_table th,
.evaluation_table td {
  padding: 6px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 10pt;
}

.evaluation_table th {
  background-color: #1976d2;
  color: #fff;
  font-size: 11pt;
}

.evaluation_table tr:nth-child(even) {
  background-color: #f1f1f1;
}

.evaluation_table tr:hover {
  background-color: #e3f2fd;
}

.margintop20 {
  margin-top: 10px;
}

.margintop50 {
  margin-top: 20px;
}

input[type="number"], .form-control {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 10pt;
}

#submit_marksheet {
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 3px;
}

/* Body and HTML setup */
html, body {
  height: 100%;
  width: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Marksheet Template Styling */
.container_marksheet_template1 {
  width: 97%;
  height: auto;
  border: 4px solid #4a90e2;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0f8ff, #e0f7fa);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 1% auto;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}

.content_container_template1 {
  padding: 10px;
}

.header_template1 {
  font-size: 14pt;
  font-weight: 500;
  color: #444;
  margin-bottom: 5px;
}

.heading_template1 {
  font-size: 22pt;
  text-transform: uppercase;
  font-weight: bold;
  color: #0d47a1;
}

.heading_report_template1 {
  font-size: 28pt;
  font-weight: bold;
  /*font-family: 'Brush Script MT', cursive;*/
  color: #d32f2f;
  text-shadow: 1px 1px 1px #aaa;
}

.logo_div_img_template1 {
  display: inline-block;
  vertical-align: top;
}

.logo_div_img_template1 img {
  width: 80px;
  margin: 0px;
}

.header_info_container {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
}

.student_info_template1 {
  width: 40%;
  display: inline-block;
  margin-top: 5px;
  background-color: #ffffffdd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.student_info_table_template1 td {
  padding: 6px 8px;
  font-size: 12pt;
  color: #333;
}

/*.evaluation_table {*/
/*  border-collapse: collapse;*/
/*  width: 80%;*/
/*  margin-top: 10px;*/
/*  background-color: #ffffff;*/
/*  border: 2px solid #4a90e2;*/
/*  border-radius: 10px;*/
/*  overflow: hidden;*/
/*}*/

.evaluation_table th,
.evaluation_table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
}

.evaluation_table th {
  background-color: #1976d2;
  color: #fff;
  font-size: 12pt;
  text-transform: uppercase;
}

.evaluation_table td {
  font-size: 11pt;
  color: #444;
}

.evaluation_table tr:nth-child(even) {
  background-color: #f1f1f1;
}

.evaluation_table tr:hover {
  background-color: #e3f2fd;
}

/* Form Styling */
form {
  width: 80%;
  max-width: 800px;
  margin: 30px auto;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #fff;
  clear: both;
  display: block;
  position: relative;
}

/* Table styling */
.table_container {
  width: 100%;
  margin-bottom: 20px;
  overflow-x: auto;
}

.table_padding {
  padding: 15px 0;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.table-striped tr:nth-child(even) {
  background-color: #f2f2f2;
}

.table th, .table td {
  padding: 12px 15px;
  border-bottom: 1px solid #ddd;
}

/* Utility Classes */
.fullstretch {
  width: 100%;
}

.alignleft {
  text-align: left;
}

.texttransformupper {
  text-transform: uppercase;
}

.margintop20 {
  margin-top: 20px;
}

.margintop50 {
  margin-top: 35px;
}

/* Input styling */
input[type="number"] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

.code {
  font-family: monospace;
}

.form-control {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
}

label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

/* Button styling */
#submit_marksheet {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}

#submit_marksheet:hover {
  background-color: #45a049;
}

/* Message styling */
#error_div, #displayadd_homework_success {
  padding: 10px;
  margin-top: 15px;
  border-radius: 4px;
}

#error_div {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

#displayadd_homework_success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

#error_message, #success_message {
  display: block;
  padding: 5px;
}

/* Wrapper to prevent overlapping */
.page_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
}