/* ≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈ On Error Goto Indrajit Ghosh (+91 94332 41270) ≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
HTML{text-rendering:optimizeLegibility;image-rendering:smooth}
BODY{text-underline-offset:4px;cursor:default;width:1280px;padding:10px;margin:auto;text-align:justify}
H1,H2,H3{margin:3px 0;text-align:center}
H1{font:bold 27pt times new roman;color:blue;letter-spacing:0.6px;word-spacing:4px}
H2{font:bold 18pt cambria;color:darkmagenta;letter-spacing:1px;word-spacing:5px}
H3{font:16pt arial}
TABLE{width:100%;border-spacing:0}
TD{padding:2px 5px;vertical-align:top}
OL{margin-left:25px}

/*#region Anchor*/
A{text-decoration:underline;cursor:pointer;color:blue;
	&:hover{color:red}
	&::before{content:url(Link.png);vertical-align:-3px}
}
/*#endregion*/

/*#region Loading Rings*/
[ID^=divRings]{margin:60px auto;aspect-ratio:1;width:100px;border:5px solid DodgerBlue;border-radius:50%;
			   transform-origin:50% 80%;animation:Cycle 1.5s infinite linear;display:none;
	&::before,&::after{content:'';grid-area:1/1;border:inherit;border-radius:inherit;animation:inherit;
					   transform-origin:inherit;animation-duration:1s}
	&::after{--s:-1}
}
@keyframes Cycle{100%{transform:rotate(calc(var(--s,1)*1turn))}}
/*#endregion*/

/*#region Classes*/
.Wait,.Wait *{cursor:wait !important}
.Center{text-align:center !important}
.Red{color:red}
.Hidden{display:none}
.Lower{text-transform:lowercase}
.Upper{text-transform:uppercase}
.Signature{float:right;font:italic 16pt cambria;text-align:center;margin-bottom:10px}
/*#endregion*/

/*#region Custom-Tags*/
D INPUT[TYPE=Text]{padding-right:22px !important}
D::after{content:url(Calendar.png);margin-left:-22px;vertical-align:-5px}
/*#endregion*/

/*#region ToolTip*/
[DATA-TITLE]{position:relative;
	&:not(:disabled):hover::before{position:absolute;z-index:10;bottom:90%;right:0;padding:2px;font:13px Tahoma;
								   White-space:pre;content:attr(DATA-TITLE);border:solid 1px green;color:black;
								   background:yellow;border-radius:5px;box-shadow:2px 2px 5px gray;cursor:default}
}
/*#endregion*/

/*#region Button*/
BUTTON{font:12pt/1.7 verdana;padding:0 5px;color:yellow;background:dodgerblue;cursor:pointer;
	   border:0;border-radius:5px;box-shadow:2px 2px 5px #00000066;transition:all .5s;
	&:enabled:hover{background:blue;color:white;transform:scale(1.1)}
	&:disabled{cursor:not-allowed;background:LightSlateGray;color:GainsBoro}
	IMG{margin-right:3px;vertical-align:text-bottom;pointer-events:none}
}
/*#endregion*/

/*#region TextBox*/
:is(INPUT:is([TYPE=Text],[TYPE=Password],[TYPE=Email]),TEXTAREA){width:100%;padding:0 3px;font:12pt/1.3 verdana;caret-color:red;
	&::placeholder{color:tomato;text-align:left;font-style:italic;font-size:90%;text-transform:initial}
	&.Optional::placeholder{color:green}
	&:read-only{background:whitesmoke;border:solid 1px gray;
		&:focus{outline:none}
		&::placeholder{color:transparent}
	}
	&:read-write:focus{background:yellow}
}
INPUT{
	&::selection{background:crimson;color:yellow}
	&:is([TYPE=Text],[TYPE=Password],[TYPE=Email]){height:27px}
	&[TYPE=Date]{width:0;visibility:hidden;margin-right:-5px}
	&[TYPE=Password]::-ms-reveal{display:none}
	&:user-invalid{outline:2px solid red;
		+E::after{visibility:visible}
	}
}
TEXTAREA{resize:none}
/*#endregion*/

/*#region DropDownList*/
SELECT{width:100%;line-height:1.3;height:27px;padding:1px 0;
	&:focus{background:yellow}
}
OPTION{color:black;font:italic 12pt cambria;border:solid 1px gainsboro;
	&:nth-child(odd){background:ivory}
	&:nth-child(even){background:azure}
}
/*#endregion*/

/*#region Print*/
.Hint{display:inline-block;font:11pt var(--Tahoma);color:Red;text-align:right;animation:blink 1s steps(5,start) infinite}
@KeyFrames blink{to{color:Blue}}
#btnPrint{margin-top:5px;vertical-align:top}
DIV:has(>#btnPrint){width:4.3in;margin:0 auto 10px}
.A4,.A4Land{position:relative;margin:auto;border:solid 1px GainsBoro;padding:0.25in}
.A4:not(:last-child),.A4Land:not(:last-child) {page-break-after:always}
.A4{width:8.27in;height:11.59in}
.A4Land{width:11.59in;height:8.27in}
@media print{
	@page{size:A4}
	HTML{width:initial}
	.NoPrint{display:none !important}
	.A4,.A4Land{border:none}
	.A4Land{transform:rotate(-90deg)}
}
/*#endregion*/

/*#region RadioButton*/
INPUT[TYPE=Radio]{cursor:pointer}
LABEL[FOR^=rbn]:hover{cursor:pointer;background:yellow;color:red}
/*#endregion*/

/*#region Loading Dots*/
[ID^=divDots]{display:inline-flex;margin-left:30px;visibility:hidden;
	SPAN{margin:10px;border:solid 5px;border-radius:100%;
		&:nth-child(1){animation:Zoom .6s ease-in-out alternate infinite}
		&:nth-child(2){animation:Zoom .6s ease-in-out alternate infinite .2s}
		&:nth-child(3){animation:Zoom .6s ease-in-out alternate infinite .4s}
	}
}
@keyframes Zoom{to{transform:scale(2)}}
/*#endregion*/

/*#region Default*/
BODY:has(#frmDefault){background:Beige url(EmblemB.png) no-repeat center 250px;background-blend-mode:overlay}
#frmDefault{
	HEADER{text-align-last:justify;text-align:left;font:16pt tahoma;padding-bottom:5px;
		*{text-align-last:initial}
		IMG{vertical-align:middle}
		HR{margin-top:5px;border-top:solid 2px}
		SPAN:nth-last-child(-n+2){font:16pt calibri}
	}
	SPAN{display:inline-block}
	MAIN{width:80%;margin:auto;font:14pt cambria;
		P{text-indent:50px;text-align:justify}
		TABLE{margin:5px 0;outline:solid 2px}
		TH{width:46%;text-align:center}
		TH:first-child{width:10%}
		.Line TD{border-top:solid 2px}
		TABLE.Syllabus{outline:none;border-collapse:collapse;
			TD{border:solid 1px gray}
			TD:first-child{font-weight:bold;width:22%;padding-left:18px;text-align:right}
		}
	}
}
/*#endregion*/

/*#region AppForm*/
#frmApp{font:14pt cambria;
	H1{font:23pt arial;color:black}
	H4{margin:10px 0 0;font:bold 16pt arial}
	#divOver{padding-top:100px;text-align:center;font:18pt verdana;color:red}
	#divSaved{text-align:center;
		DIV{display:inline-block;font:bold 16pt/40px Cambria;text-align:left}
	}
	.Form{
		TD:nth-child(1){width:13%;color:blue;text-align:right}
		TD:nth-child(2){width:75%}
		TD:nth-child(3){width:12%}
	}
	TH{text-align:center}
	.Quali{
		TD:nth-child(1){color:blue;text-align:right}
		TEXTAREA{margin-top:4px}
		:is(INPUT[TYPE=Text],TEXTAREA){font:10pt/1.3 Arial}
	}
	H2 SPAN{font:10pt Tahoma;color:gray}
	.Hint{position:absolute;margin-top:10px;font:10pt Tahoma;text-align:center;color:gray;z-index:-1}
	.Form .Hint{width:126px}
	.Signature .Hint{width:250px}
	.Save{margin-top:180px;
		.Hint{padding-left:5px;margin-top:5px}
	}
	P{margin:15px 0;font:bold 14pt Calibri;text-indent:50px;text-align:justify}
	.Check{vertical-align:middle}
	#lblApplNo{display:inline-block;padding:2px 3px;width:210px;border:solid 1px black;margin-right:5px}
	#btnSign{margin-bottom:10px}
	#btnSave{margin:5px 0}
}
/*#endregion*/

/*#region Receipt*/
#frmReceipt{
	H1{font-size:15pt}
	H2{font-size:14pt}
	H3{font-variant:small-caps}
	TABLE{margin:auto;font:13pt cambria;
		TD{padding:5px}
	}
	TD:has(#imgSign){position:relative}
	#imgSign{position:absolute;right:3px}
	#lblName,#lblAddress{display:inline-block;max-width:370px;overflow:hidden;text-overflow:ellipsis}
	#lblAddress{height:50px;max-height:50px}
	.Main{border:double 3px dodgerblue;border-radius:15px;
		TD:nth-child(1){width:20%;font:12pt Tahoma;text-align:right}
		TD:nth-child(2){width:60%}
		TD:nth-child(3){width:20%}
	}
	#lblApplNo{font:bold 14pt cambria}
	.Child{
		TR:last-child{color:crimson}
		TD:nth-child(odd){font:12pt Tahoma;text-align:right}
		TD:nth-child(even){text-align:left}
		TD:nth-child(1){width:15% !important}
		TD:nth-child(2){width:17% !important}
		TD:nth-child(3){width:9% !important}
		TD:nth-child(4){width:15% !important}
		TD:nth-child(5){width:17% !important}
		TD:nth-child(6){width:27% !important}
	}
}
/*#endregion*/

/*#region Scrutiny*/
#frmScrutiny{
	#divPassword{font:12pt Verdana;text-align:center}
	#divCount{margin-bottom:15px;font:bold italic 16pt Cambria;text-align:center;color:Blue}
	#divCandidate{width:100%;max-height:195px;overflow:scroll;background:GainsBoro;border:solid 1px Black}
	#gvwCandidate{white-space:nowrap;
		TR:nth-child(odd){background:Ivory}
		TR:nth-child(even){background:Azure}
		:is(TH,TD){padding:1px 3px}
		TH{background:Bisque;color:Blue}
	}
	#btnExport{margin:5px 0;float:right}
	#divRings{display:none}
	#divImages{width:100%;margin:40px 0 10px 0;font:12pt Verdana;border:double 3px DodgerBlue;border-radius:25px;padding:15px 15px 0 15px;
		IMG{vertical-align:top;margin-bottom:10px}
	}
	H1{font:bold 16pt Cambria;color:Blue;text-align:center}
}
/*#endregion*/

/* ≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈ Developed & Supported by Indrajit Ghosh (mailto:i.ghosh@hotmail.com) ≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈ */