/* 
	Settings done for body tag are inherited in all classes and ids 
	Therefore there is no need to repeat font, margin, etc. defined here*
	in classes and ids unless one wants to alter it for specific UI.
*/
	@charset "utf-8";

*{margin: 0; padding: 0;} 	/* Included for drop down menu alignment on 27 Feb 2020 */
	html {
		height: 100%;
	}
	
	body { font-family: Arial, Verdana, Helvetica, sans-serif, Mangal, Geneva; font-size: 100%; 
			margin: 0 auto;  width: 100%;  min-height: 100vh;
			background-image: url("images/bodypattern.jpg");
	}

/* class to use Mangal font for Devnagari text	-	03 Aug 2024 */
.mangalfont{ font-family: Mangal; }

#aligncenter
{
	margin-left:auto; 
	margin-right:auto;
}

#center100{
  margin-left: auto; margin-right: auto; 
  width: 100%; text-align: center;
}

/* display div tag contents in inline mode */
.divinline {
    display: inline; 
}

/* display text right aligned */
.textright {
    text-align:right; 
}

/* display text center aligned */
.textcenter {
    text-align:center; 
}

/* display text with strike through feature */
.textstrikethrough {
    text-decoration-line: line-through; 
}

/* To display error message */
span.errmsg { 
		width: 100%; text-align: center; 
		color: red; background-color: lightgray; 
		margin-left: auto; margin-right: auto; 
		font-size: 16px; 
	}

/* To display success message */
span.success { 
		width: 100%; text-align: center; 
		color: blue; background-color: lightgray; 
		margin-left: auto; margin-right: auto; 
		font-size: 18px; 
	}

/* To display back to home page message 
		following class is used in qrc100, 200 and 300	29 Aug 2024
*/
span.tohome { 
		width: 100%; text-align: center; 
		color: orange; background-color: lightgray; 
		margin-left: auto; margin-right: auto; 
		font-size: 18px; 
	}

span.center { 
		margin-left: auto; margin-right: auto; 
	}
/*
		Checked on 29 Aug 2024 it is working fine. sample usage is given below
		<span class="inr">12,345/-</span> 
		Use found in avs421, avs425, itr400 and itr421 PDF file creation. But relevant lines are marked as comment.
		
*/
span.inr:before {
  content: "\20B9"; font-family:Arial;
	}

/* 
		A table tag for Vertical visiting card

		50×90 mm = 140×255 pixel = 2 × 3.5 inch.
		
		Round boundry border is implemented. 
		
	02 Jan 2025

*/
.vc-vertical {
	width: 260px; height: 460px;
	border-radius: 25px; padding: 20px;
	border: 5px solid #73AD21;
}

/* 
		A table tag for Horizontal visiting card

		90×50 mm = 255×140 pixel = 3.5 × 2 inch
		
		Round boundry border is implemented. 
		
	02 Jan 2025

*/
.vc-horizontal {
	width: 460px; height: 200px;
	border-radius: 25px; padding: 20px; 
	border: 5px solid #73AD21;
}


/* To display a table in the center of the display 
		border-spacing: 0px; border-collapse: collapse;
	above line(s) shifted to comment on 29 Aug 2024
*/
	table.center {
		margin-left:auto; margin-right:auto; 
	}

/* To display a table in the center of the display 
		border-spacing: 0px; border-collapse: collapse;
		text-align: center;
	above line(s) shifted to comment on 29 Aug 2024
*/
	tr.center {
		margin-left:auto; margin-right:auto; 
	}

/* To display a table in the center of the display 
		border-spacing: 0px; border-collapse: collapse;
		text-align: center;
	above line(s) shifted to comment on 29 Aug 2024
*/
	td.center {
		margin-left:auto; margin-right:auto; 
	}

/*
		Classes to define width for <table> tag. 
*/

	.width100{
		width: 100%; 
	}
	.width90{
		width: 90%; 
	}
	.width80{
		width: 80%; 
	}
	.width70{
		width: 70%; 
	}
	.width60{
		width: 60%; 
	}
	.width50{
		width: 50%; 
	}
	.width40{
		width: 40%; 
	}
	.width30{
		width: 30%; 
	}
	.width20{
		width: 20%; 
	}
/*
		Classes to define padding in <table> and other elements
*/
	
	.padding05{
		padding: 5px;
	}
	.padding10{
		padding:10px;
	}
	.padding15{
		padding:15px;
	}
	.padding20{
		padding:20px;
	}
	.padding25{
		padding:25px;
	}
	.padding30{
		padding:30px;
	}
		
		.disabled-link {
		  pointer-events: none;
		}
		.isDisabled {
			color: currentColor;
			cursor: not-allowed;
			opacity: 0.5;
			pointer-events: none;
			text-decoration: none;
		}
		#mobilescreen 
			{   
			top:0px;
			padding-top:0;
			margin:auto; position:relative;
			width:300px;
			height:100%;
			}
		#tabscreen 
			{   
			top:0px;
			padding-top:0;
			margin:auto; position:relative;
			width:650px;
			height:100%;
			}

/* To remove inner space in header tags
	commented on 18 Mar 2020 while creating a system to test UI and Logic
	to be implemented in different new systems.
	h1, h2, h3, h4 {
		line-height:80%;
	}
 */