@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;
	}
	
	.evaluation_table{
		min-width: 80% !important;
	}

	html,body{
		height:100%;
	}
}

*{
	margin:0px;
	padding:0px;
}

.container_marksheet_template1{
    width: 97%;
    height: 94%;
    page-break-after: always;
    border-width: thick;
    border-style: double;
    border-color: red;
    /* padding: 20px 1.5%; */
    margin-left: 1%;
    margin-top: 1%;
	background: #f0e68c;
	font-family:calibri;
	margin-bottom:1%;
}

.content_container_template1{
	padding: 10px 1%;
}

.header_template1{
	font-size: 12pt;
    text-transform: capitalize;
    font-family: cambria;
	margin-bottom: 0px;
}

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

.fullstretch{
	width:100%;
}

.heading_report_template1{
    font-size: 24pt;
    font-weight: bold;
    margin-top: 11px;
    font-family: Monotype Corsiva;
    color: red;
}

.fullstretch{
	width:100%;
}

.logo_div_img_template1{
	display: inline-block;
}

.header_info_container{
	display:inline-block;
}

.student_info_template1{
	width:40%;
	display: inline-block;
	margin-top:5px;
}

.student_info_table_template1 td{
	padding-right: 5px;
}

.texttransformupper{
	text-transform: uppercase;
}

.alignleft{
	text-align: left;
}

.margintop20{
	margin-top:20px;
}

.margintop50{
	margin-top:50px;
}

.logo_div_img_template1 img{
	width:73px;
}

.evaluation_table{
	border-collapse: collapse;
	max-width: 99%;
	min-width: 60%;
    background: #ffffff54;
}

.evaluation_table td, .evaluation_table th{
	padding:1px 5px;
}

.evaluation_table th{
	text-transform: uppercase;
	color:red;
}





.section {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 900px;
    margin: 30px auto;
}

form {
    width: 100%;
}

input[type="text"] {
    width: 95%;
    padding: 8px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

button#submit_marksheet {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

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

label {
    font-weight: bold;
    margin-top: 15px;
    display: block;
    font-size: 14px;
}

select.form-control {
    width: 100%;
    padding: 8px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
    box-sizing: border-box;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 14px;
}

.table th {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

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

.table-striped tr:hover {
    background-color: #ddd;
}

#success_message, #error_message {
    font-size: 14px;
    padding: 10px;
    margin: 10px 0;
}

#error_div {
    color: red;
    display: none;
}

#displayadd_homework_success {
    display: none; /* Initially hidden */
    position: fixed; /* Fixed position to center on the screen */
    top: 50%; /* Vertically center */
    left: 50%; /* Horizontally center */
    transform: translate(-50%, -50%); /* Adjust position to exact center */
    color: #ffffff; /* White text for contrast */
    font-size: 28px; /* Larger font size for bold emphasis */
    font-weight: 700; /* Bold text */
    text-align: center; /* Center-align text */
    background: linear-gradient(135deg, #6a11cb, #2575fc); /* Modern purple-blue gradient */
    padding: 30px 50px; /* Generous padding for a spacious feel */
    border-radius: 16px; /* Smooth, modern rounded corners */
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4), 0 0 10px rgba(37, 117, 252, 0.6); /* Deep shadow with gradient glow */
    z-index: 1000; /* Ensure it stays on top of other elements */
    width: 70%; /* Widen message box for visual appeal */
    max-width: 600px; /* Set a maximum width for responsiveness */
    word-wrap: break-word; /* Graceful handling of long text */
    text-transform: uppercase; /* Make text more impactful */
    letter-spacing: 1.2px; /* Add spacing for a modern look */
    animation: popIn 0.6s ease-out; /* Smooth entry animation */
}

#success_message {
    margin: 0; /* Reset margin */
    line-height: 1.8; /* Improve line spacing for readability */
    font-size: 32px; /* Larger text for better readability */
    font-family: 'Arial', sans-serif; /* Modern, clean font */
}

/* Background dimming effect */
body.dimmed {
    background-color: rgba(0, 0, 0, 0.7); /* Dark overlay */
    pointer-events: none; /* Disable interactions with other elements */
    overflow: hidden; /* Prevent scrolling */
}

/* Animation for the message */
@keyframes popIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8); /* Start smaller */
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1); /* Grow to full size */
    }
}



.date_footer {
    font-size: 14px;
    color: #555;
    margin-top: 20px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop50 {
    margin-top: 50px;
}

.fullstretch {
    width: 100%;
    box-sizing: border-box;
}

.fullstretch.center {
    text-align: center;
}

.fullstretch.left {
    text-align: left;
}

.fullstretch.error-text {
    color: red;
    font-size: 10pt;
    text-align: center;
}

.table th[rowspan="2"] {
    vertical-align: middle;
    text-align: left;
}

.table .code {
    font-weight: normal;
    font-size: 13px;
}

.table .values {
    text-align: center;
    font-size: 14px;
}