@charset "utf-8";
/* UKG-Friendly CSS for Progress Report - Garden Valley International School */

/* Print settings - DO NOT CHANGE */
/*@page {*/
/* margin: 3cm 2cm 2cm 1.5cm;*/
/*}*/

@page {
  margin: 0px;
  padding: 0px;
  size: auto;
}

@media print {
  .container_marksheet_template1 {
    width: 96.5% !important;
    height: 97.5% !important;
  }
  
  html, body {
    height: 100%;
  }
  
  .evaluation_table {
    min-width: 80% !important;
  }

  /*.logo,*/
  /*.heading_template1 {*/
  /*  display: none !important;*/
  /*}*/
}

/* Reset and base styles */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  font-family: 'Comic Sans MS', 'Calibri', sans-serif;
  line-height: 1.4;
  background-color: #f8f8f8;
}

/* Main container */
.container_marksheet_template1 {
  width: 97%;
  height: 94%;
  page-break-after: always;
  /* border: 8px double #4d88c8; */
  margin: 1% auto;
  background: #fdfbe2;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffb6c1' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.content_container_template1 {
  padding: 15px 2%;
}

/* Header styles */
.header_template1 {
  font-size: 12pt;
  text-transform: capitalize;
  font-family: 'Comic Sans MS', 'Calibri', sans-serif;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heading_template1 {
  font-size: 20pt;
  text-transform: uppercase;
  font-weight: bold;
  color: #4d88c8;
  letter-spacing: 1px;
}

.heading_code_info_template1, 
.heading_address_template1, 
.contact_template1 {
  color: #6b6b6b;
}

.header_institution {
  padding-left: 15px;
}

.fullstretch {
  width: 100%;
}

.heading_report_template1 {
  font-size: 26pt;
  font-weight: bold;
  margin-top: 8px;
  font-family: 'Comic Sans MS', cursive;
  color: #ff6b6b;
}

.year_template1 {
  font-size: 14pt;
  color: #4d88c8;
  font-weight: bold;
  margin-top: 5px;
}

.logo_div_img_template1 {
  display: inline-block;
}

.header_info_container {
  display: inline-block;
  margin-bottom: 8px;
}

/* Student info section */
.student_info_template1 {
  width: 40%;
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}

.student_info_table_template1 {
  width: 100%;
  border-collapse: collapse;
}

.student_info_table_template1 td {
  padding: 5px 10px;
  border-bottom: 2px dotted #ffb6c1;
  color: #4d88c8;
}

.student_info_table_template1 td:first-child {
  font-weight: bold;
  color: #6b6b6b;
}

/* Marks table styles */
.evaluation_table {
  border-collapse: collapse;
  max-width: 99%;
  min-width: 60%;
  background: #fff;
  border: 3px solid #4d88c8;
}

.evaluation_table td, 
.evaluation_table th {
  padding: 8px 15px;
  border: 1px solid #4d88c8;
  text-align: center;
}

.evaluation_table th {
  text-transform: uppercase;
  color: #ff6b6b;
  background-color: #e6f2ff;
  font-weight: bold;
}

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

/* Utility classes */
.texttransformupper {
  text-transform: uppercase;
}

.alignleft {
  text-align: left;
}

.margintop20 {
  margin-top: 20px;
}

.margintop50 {
  margin-top: 35px;
}

.logo_div_img_template1 img {
  width: 75px;
  border-radius: 50%;
  border: 3px solid #ffb6c1;
  background: white;
  padding: 2px;
}

/* Footer elements */
.date_footer {
  font-weight: bold;
  color: #4d88c8;
  padding-left: 40px;
}