/* 
* - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
		
 	Style sheet Name:
				style.css
	Description :   
				This css script has all classes, ids defined that are used in defining
			look and feel of UI

	Written by:
				28-May-2023	-	Infotools
				User will need to add styles for additional tags as per system requirements.
			At present the code is generated for handling input type button, text controls. 

	Code review by:
				28-May-2023	-	Infotools

	Caution:
				28-May-2023	-	Infotools
				code generator ver 1.0.0
				Because this script is generated using proprietory code generator,
			changes in this script will need to be handled carefully.
				Preferably this should be done by who understands css working thoroughly.

	Assumption:
				28-May-2023	-	Infotools

	Remarks:
				28-May-2023	-	Infotools


* - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
*/

	

/* Page header style */
.pageheader{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:600; color: #0D3257;
    text-align: center; 
	background-color: #B2C2B9; 					/* 205/ColorCombo205.html  */
    padding: 5px; width: 100%; 
}
/* Page footer style */
.pagefooter{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0D3257;
    text-align: center; 
	background-color: #B2C2B9; 					/* 205/ColorCombo205.html  */
	padding: 5px; width: 100%;  
}
.pagefooter a {
	color: #FEFCD7; font-size: 18px; 					/* 164/ColorCombo164.html  */
}

.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:400px;
	}

/* 	height:100%; */

#tabscreen 
	{   
	top:0px;
	padding-top:0;
	margin:auto; position:relative;
	width:768px;
	}

body {
  background-image: url("images/bodypattern.jpg"); 
}

/* 	height:100%; */


	/* decoration for cancel button */
.button_cancel{
  background-color: gray;  
  border: none;
  color: white;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px; 
}

/* decoration for signin button */
.button_signin{
  background-color: Orange;  
  border: none;
  color: White;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  float:right;
}

/* decoration for signout button */
.button_signout{
  background-color: Orange;  
  border: none;
  color: White;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  float:right;
}
	
	/* decoration for help button */
.button_help{
  background-color: #837a63; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px; 
}

.button_help:hover{
	cursor: pointer;
	background: white;		/* Color combo 185*/
	color: black;
}

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

/* Data capture style */
/* for accepting numbers in textbox */
.NumTextBox
{
	border-style:solid;
	border-width:1px;
	border-color:#6d9cf9;		  
	text-align:right;		
}

/* for accepting text in textbox */
.TextBox
{
	border-style:solid;
	border-width:1px;
	border-color:#FBAC01;		  
}

/* for accepting text in upper case in textbox */
.TextBoxUC
{
	border-style:solid;
	border-width:1px;
	border-color:#FBAC01;
	text-transform: uppercase;		  
}

/* for accepting text in lower case in textbox */
.TextBoxLC
{
	border-style:solid;
	border-width:1px;
	border-color:#FBAC01;
	text-transform: lowercase;		  
}

/* decoration for accepting text in borderless textbox */
.input_borderless {
	border: none transparent;
	outline: none;
	padding-top:25px;
}

/* class ErrorBox is used to display border color as red indicating error in data entered.  */
.ErrorBox
{
	border-style: 2px solid red;
}