@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;
		background: none !important;
		border: none !important;
		font-size: 9pt !important;
	}
	.logo_div_img_template1 img {
		width: 100px !important;
		opacity: 0 !important;
	}
	.table1_template1 {
		max-width: 90% !important;
	}
	.transparent_table {
		min-width: 90% !important;
		max-width: 90% !important;
	}
	.evaluation_table {
		min-width: 90% !important;
		max-width: 90% !important;
	}
	.tablelayout_fixed {
		table-layout: fixed;
		width: 100%;
	}
	html,
	body {
		height: 100%;
	}
	.heading_report_template1 {
		font-family: cambria !important;
		font-size: 16pt !important;
		color: black !important;
		margin-bottom: 0px !important;
		margin-top: 3px !important;
	}
	.header_template1 {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header_institution {
		margin-left: 20px;
		max-width: 700px;
		width: 550px;
	}
	.heading_template1 {
		opacity: 0 !important;
	}
}
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.container_marksheet_template1 {
	width: 97%;
	height: 94%;
	page-break-after: always;
	border-width: thick;
	border-style: double;
	border-color: #B22222;
	margin-left: 1%;
	margin-top: 1%;
	background: linear-gradient(to right, #FFFCD2, #FFF8E1);
	font-family: calibri, sans-serif;
	margin-bottom: 1%;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.content_container_template1 {
	padding: 10px 1%;
}
.header_template1 {
	font-size: 12pt;
	text-transform: capitalize;
	font-family: cambria, serif;
	margin-bottom: 15px;
}
.heading_template1 {
	font-size: 20pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.fullstretch {
	width: 100%;
}
.heading_report_template1 {
	font-size: 26pt;
	font-weight: bold;
	margin-top: 11px;
	font-family: 'Monotype Corsiva', cursive;
	color: #B22222;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.table1_container_template1 {
	margin-top: 20px;
}
.table1_template1 {
	border-collapse: collapse;
	max-width: 99%;
	border: 1px solid #ddd;
}
.table1_template1 td,
.table1_template1 th {
	padding: 4px 5px;
	border: 1px solid #ddd;
}
.table1_template1 th {
	text-transform: capitalize;
	background-color: #f8f8f8;
	font-weight: bold;
}
.student_info_template1 {
	width: 40%;
	display: inline-block;
}
.student_info_table_template1 td {
	padding-right: 5px;
}
.texttransformupper {
	text-transform: uppercase;
}
.alignleft {
	text-align: left;
}
.principal_signature_template1 {
	text-align: center;
	margin-top: 75px;
}
.signature_div {
	margin-top: 40px;
}
.margintop20 {
	margin-top: 20px;
}
.margintop50 {
	margin-top: 50px;
}
.logo_div_img_template1 img {
	width: 73px;
	transition: transform 0.3s ease;
}
.logo_div_img_template1 img:hover {
	transform: scale(1.05);
}
.flexbox-row-center-start {
	justify-content: center;
	display: flex;
	align-items: flex-start;
}
.flexbox-row-spacearound-start {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.congratulate_message {
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14pt;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.line-height1-4 {
	line-height: 1.4;
}
.margintop35 {
	margin-top: 35px;
}
.transparent_table {
	border-collapse: collapse;
	max-width: 99%;
	min-width: 60%;
	background: none;
	border: none transparent;
}
.evaluation_table {
	max-width: 99%;
	min-width: 60%;
}
.margintop5 {
	margin-top: 5px;
}
.fontsize11 {
	font-size: 11pt;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}


/* Holistic Progress Card Styling */
.container_marksheet_template1 {
    font-family: 'Calibri', sans-serif;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Header Styling */
.container1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.container3 .images {
    max-width: 100px;
    height: auto;
}

.heading_template1 {
    color: #B22222;
    font-weight: bold;
    font-size: 1.5em;
}

.head1, .head2 {
    color: #333;
    margin: 5px 0;
}

/* Student Info Table */
.student_info_table_template1 {
    width: 100%;
    margin-bottom: 20px;
}

.student_info_table_template1 td {
    padding: 5px;
}

.student_info_table_template1 td:first-child {
    font-weight: bold;
    width: 30%;
}

/* Main Table Styling */
#template_table_edit {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#template_table_edit th {
    background-color: #B22222;
    color: white;
    padding: 10px;
    text-align: center;
}

#template_table_edit td {
    padding: 8px;
    text-align: center;
    border: 1px solid #ddd;
}

.columns_number {
    width: 60px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.columns_number:focus {
    outline: none;
    border-color: #B22222;
    box-shadow: 0 0 5px rgba(178,34,34,0.3);
}

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

.table-striped th {
    background-color: #B22222;
    color: white;
    padding: 10px;
    text-align: center;
}

.table-striped td {
    padding: 8px;
    border: 1px solid #ddd;
}

/* Textarea and Select Styling */
textarea.form-control,
select.form-control {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
}

textarea.form-control:focus,
select.form-control:focus {
    outline: none;
    border-color: #B22222;
    box-shadow: 0 0 5px rgba(178,34,34,0.3);
}

/* Submit Button */
#submit_marksheet {
    background-color: #B22222;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#submit_marksheet:hover {
    background-color: #8B0000;
}

/* Error and Success Messages */
#error_div, 
#displayadd_homework_success {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
}

#error_div {
    background-color: #ffdddd;
    color: #ff0000;
}

#displayadd_homework_success {
    background-color: #ddffdd;
    color: #008000;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container1 {
        flex-direction: column;
    }
    
    .student_info_template1 {
        width: 100%;
    }
}