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

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}   

/* Print Settings */
@page {
     size: A4 portrait;  
     margin:0;
}

@media print {
  
  
  /* Hide form elements during printing */
  form, #error_div, #displayadd_homework_success {
    display: none;
  }
  .student_info_template1{
      border:1px solid black;
  }
  .evaluation_table{
      border:1px solid black !important;
      border-collapse:collapse;
  }
  @page {
    size: A4;
    margin: 30px;
  }

  body, .content_container_template1, .container_marksheet_template1 {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .logo_div_img_template1,
  .heading_template1 {
    display: none !important;
  }

  * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .container_marksheet_template1 {
    page-break-after: auto; 
    page-break-inside: avoid; 
    border:1px solid black !important;
    padding-bottom:30px !important;
    margin-bottom:20px;
  }
    .container_marksheet_template1 {
    width: auto !important;
  }
  
  .heading_report_template1{
      font-size:28px !important;
  }
  .evaluation_table{
    border: 1px solid black !important;
    width:auto;
  }
  .container_marksheet_template1:last-child {
    page-break-after: auto; 
  }
  /*.evaluation_table{*/
  /*    border:1px solid black !important;*/
  /*}*/
  .evaluation_table th,td{
      border:1px solid black !important;
  }

  /* Table styling */
  table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin-bottom: 5px !important; /* reduced */
  }
  .table_container {
      border: 1px solid black;
  }

  table .evaluation_table {
    border-collapse: collapse;
    /*border:1px solid black !important;*/
  }
  .evaluation_table {
    border: 1px solid black !important;
    border-collapse:collapse;
   
  }
  .student_info_template1 th, .student_info_template1 td {
    border: 1px solid #000 !important;
    padding: 4px 6px !important; 
    text-align: center;
  }
  .student_info_template1 td{
      border:none !important;
  }
  .table_container fullstretch table_padding{
      border:1px solid black !important;
  }
  .section th,.section td{
      padding: 4px 6px !important; 
  }
  /*.student_info_template1{*/
  /*    margin-top:0;*/
  /*}*/ 

  /* Table container */
  .table_container {
    overflow-x: hidden !important;
    margin: 5px 0 !important; /* reduced */
  }

  /* Remarks label spacing */
  label {
    margin-top: 5px !important; /* reduced */
    display: block;
  }
.margintop50{
    margin-top:40px;
}
  /* Upload button border in print */
  #submit_marksheet {
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
    padding: 2px 5px !important; /* reduced */
  }
}


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

/* Marksheet Template Styling */
.container_marksheet_template1 {
  width: auto;
  height: auto;
  border: 1px solid #0b722d; /* green */
  border-radius: 12px;
  background: linear-gradient(135deg, #f0fff4, #e6f4ea); /* greenish gradient */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 20px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  page-break-after:always;
}

.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: #0b722d; /* green instead of #0d47a1 */
}

.heading_report_template1 {
  font-size: 28pt;
  font-weight: bold;
  /*font-family: 'Brush Script MT', cursive;*/
  color: #0b722d; /* green instead of #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;
}
.head{
        background-color: #0b722d;
    color: #fff;
}
.evaluation_table {
  border-collapse: collapse;
  width: 80%;
  margin-top: 10px;
  background-color: #ffffff;
  border: 2px solid #0b722d;
  border-radius: 10px;
  overflow: hidden;
}


.evaluation_table th
{
  padding: 10px;
  border: 1px solid black;
  text-align: center;
}

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

.evaluation_table td {
  font-size: 11pt;
  color: #444;
}
/*.table td{*/
/*  border-bottom: 1px solid black !important;*/
/*}*/

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

.evaluation_table tr:hover {
  background-color: #e6f4ea; /* light green hover instead of blue */
}

/* 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 black !important;
}

/* 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: #0b722d; /* green */
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}

#submit_marksheet:hover {
  background-color: #09591f;
}

/* 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;
}