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

@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;
      }
    }
    
    /* Reset and base styles */
    * {
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Comic Sans MS', 'Bubblegum Sans', 'Calibri', sans-serif;
      line-height: 1.4;
      background-color: #f9f7ff;
    }
    
    /* Main container with nursery theme */
    .container_marksheet_template1 {
      width: 97%;
      height: 94%;
      page-break-after: always;
      border: 8px double #7a86b8;
      margin: 1% auto;
      background: #fcfcf7 url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239e9bd9' fill-opacity='0.1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      position: relative;
      overflow: hidden;
    }
    
    /* Decorative balloon elements for nursery theme */
    .balloon {
      position: absolute;
      width: 30px;
      height: 40px;
      border-radius: 50%;
      z-index: 0;
    }
    
    .balloon:before {
      content: "";
      position: absolute;
      width: 6px;
      height: 15px;
      bottom: -14px;
      left: 12px;
    }
    
    .balloon1 {
      top: 40px;
      right: 15%;
      background: rgba(126, 87, 194, 0.15);
    }
    
    .balloon1:before {
      background: rgba(126, 87, 194, 0.1);
    }
    
    .balloon2 {
      bottom: 20%;
      left: 10%;
      background: rgba(126, 192, 238, 0.15);
    }
    
    .balloon2:before {
      background: rgba(126, 192, 238, 0.1);
    }
    
    .content_container_template1 {
      padding: 15px 2%;
      position: relative;
      z-index: 1;
    }
    
    /* Header styles for nursery */
    .header_template1 {
      font-size: 12pt;
      text-transform: capitalize;
      margin-bottom: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .heading_template1 {
      font-size: 18pt;
      text-transform: uppercase;
      font-weight: bold;
      color: #7a86b8;
      letter-spacing: 1px;
    }
    
    .heading_code_info_template1, 
    .heading_address_template1, 
    .contact_template1 {
      color: #555;
    }
    
    .header_institution {
      padding-left: 15px;
    }
    
    .fullstretch {
      width: 100%;
    }
    
    .heading_report_template1 {
      font-size: 24pt;
      font-weight: bold;
      margin-top: 8px;
      color: #6c7acf;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    }
    
    .year_template1 {
      font-size: 14pt;
      color: #9e9bd9;
      font-weight: bold;
      margin-top: 3px;
    }
    
    .logo_div_img_template1 {
      display: inline-block;
    }
    
    .header_info_container {
      display: inline-block;
      margin-bottom: 5px;
    }
    
    /* Student info section with child-friendly styling */
    .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 #7a86b8;
      color: #333;
    }
    
    .student_info_table_template1 td:first-child {
      font-weight: bold;
      color: #6c7acf;
    }
    
    /* Marks table with nursery-appropriate colors */
    .evaluation_table {
      border-collapse: collapse;
      max-width: 99%;
      min-width: 60%;
      background: rgba(255, 255, 255, 0.7);
      border: 3px solid #9e9bd9;
      border-radius: 8px;
      overflow: hidden;
    }
    
    .evaluation_table td, 
    .evaluation_table th {
      padding: 8px 12px;
      border: 1px dashed #7a86b8;
    }
    
    .evaluation_table th {
      text-transform: uppercase;
      color: #6c7acf;
      background-color: rgba(255, 255, 255, 0.7);
      font-weight: bold;
    }
    
    .evaluation_table tr:nth-child(even) {
      background-color: rgba(246, 242, 255, 0.5);
    }
    
    /* Utility classes */
    .texttransformupper {
      text-transform: uppercase;
    }
    
    .alignleft {
      text-align: left;
    }
    
    .margintop20 {
      margin-top: 20px;
    }
    
    .margintop50 {
      margin-top: 35px;
    }
    
    /* School logo with playful border for nursery */
    .logo_div_img_template1 img {
      width: 75px;
      border-radius: 50%;
      border: 3px solid #7a86b8;
      background: white;
      padding: 3px;
      box-shadow: 0 0 0 3px #fcfcf7, 0 0 0 6px rgba(126, 87, 194, 0.3);
    }
    
    /* Footer elements with child-friendly styling */
    .date_footer {
      font-weight: bold;
      color: #6c7acf;
      padding-left: 30px;
    }
    
    /* Star decoration */
    .star {
      display: inline-block;
      color: #c2a5f9;
      font-size: 16px;
      margin: 0 3px;
    }
