/* Verification Page Styles */
body{background-color:#f2f2f2;margin:0px;padding:0px; font-family: Arial, Helvetica, sans-serif;}
.logo{width: 100%; background-color: #fff; margin-bottom:40px;box-shadow: 0 1px 6px rgba(57,73,76,0.35);}
.logo img{padding:15px 0px 15px 15px;}
.form-style-2{}
.form{margin:60px auto;}

.form_design{background-color:#fff;box-shadow: 0 1px 6px rgba(57,73,76,.35);max-width: 500px;padding: 20px 12px 25px 20px;font: 13px Arial, Helvetica, sans-serif;margin:0 auto;position: relative;}
.heading_txt{background-color:#f9f9f9;box-shadow: 0 1px 6px rgba(57,73,76,.35);max-width: 500px;padding: 10px 12px 10px 20px;font: 13px Arial, Helvetica, sans-serif;margin:0 auto;}
.heading_txt h2{font-size:16px; font-weight:bold;text-transform:uppercase;}

/* form CSS Starts here*/
.form-style-2-heading{font-weight: bold;font-style: italic;border-bottom: 2px solid #ddd;margin-bottom: 20px;font-size: 15px;padding-bottom: 3px;}
.form-style-2 label{display: block;margin: 15px 0px 20px 100px;}
.form-style-2 label > span{width: 100px;font-weight: bold;float: left;padding-top: 8px;padding-right: 5px;}
.form-style-2 span.required{color:red;}
.form-style-2 .tel-number-field{width: 40px;text-align: center;}
.form-style-2 input.input-field, .form-style-2 .select-field{width: 48%;}
.form-style-2 input.input-field, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
	border: 1px solid #000;
}
.form-style-2 .textarea-field{
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #ce1815;	
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #000;
	color: #fff;
	cursor: pointer;
}
.error {
	color:red; text-align:center;
}
.content_info p{font-family: 'Open Sans', sans-serif; margin:0 auto;font-size:12px;text-align:justify;margin-bottom:10px;}
.container{font-family: 'Open Sans', sans-serif; margin:0 auto; max-width:600px; }
.eduTd th{background:#ccc; border:1px solid #f2f2f2; padding:5px;}
.eduTd td{border:1px solid #ccc; padding:5px;}
.rowheading{background-color:#d4d4d4;height:25px;}
.trow0{background-color: #FBFBFB;height: 15px;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.trow1{background-color: #EDEDED;height: 15px;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.padding_top{padding:2px 1px 1px 1px;}
.searchhead_text{height:20px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight:bold;
 border-bottom:1px solid #dcdcdc;padding:0px 0px 0px 1px;}
.picStu{position: absolute;width: 150px;height: auto; min-height:150px;border: 1px solid;right: 15px;top: 32px;}
.backBtn{padding:10px 20px; text-align:center; color:#fff; background:#333; cursor:pointer;text-decoration: none; border-radius: 4px;}

/* Results Page Styles */
.result-page { display: none; font-family: Arial, Helvetica, sans-serif; }
.header-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.header-left {
    max-width: 65%;
    font-family: Arial, Helvetica, sans-serif;
}
.header-row {
    margin-bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
}
b {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.standard-button {
    background-color: #456a8b;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 14px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s ease;
    font-family: Arial, Helvetica, sans-serif;
}
.standard-button:hover {
    background-color: #3b5880;
}
.class-name {
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
th, td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: 6px 8px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
}
th {
    font-size: 16px;
    font-weight: 600;
    background-color: #f4f4f4;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}
tr:nth-child(odd) {
    background-color: #f9f9f9;
}
tr:nth-child(even) {
    background-color: #ffffff;
}
thead tr {
    background-color: #f4f4f4 !important;
}
.sem-summary-row th {
    font-weight: 700;
    font-size: 12.5px;
    text-align: right;
    background-color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif;
}
.sem-summary-row b {
    margin-left: 5px;
}
td.subject-code {
    width: 10%;
    white-space: nowrap;
}
td.subject-name {
    width: 30%;
}
td.credits {
    width: 6%;
    text-align: center;
}
td.grade, td.attempt {
    width: 8%;
    text-align: center;
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
.form-style-2 label {margin: 15px 0px 20px 0px;}
.form-style-2 input.input-field, .form-style-2 .tel-number-field, .form-style-2 .textarea-field, .form-style-2 .select-field{width:100%;}	
}