* 
{
	font-family:verdana;
	FONT-SIZE: 12px;
}


#FilterTable
{
    FONT-SIZE: 12px;
	border-spacing: 3px;
}

#ResultTable
{
	padding-left:40px;
    FONT-SIZE: 14px;
	border-spacing: 3px;
}

#ResultTable12
{
	padding-left:40px;
    FONT-SIZE: 12px;
	border-spacing: 3px;
}

#HeadingStyle
{
	background-color:#ffffcc;
}

#HeadingStyleRedBrg 
{
	background-color:#CC0000;
	color:white;
}

#RedColorHeader 
{
	background-color: #CC0000;
	color: white;
}

#LightGreyColor
{
	background-color:#CCCCCC;
	
}


#FirstGroup
{
	font-size:12px;
	font-weight:bold;
	background-color:Silver;
}

.FirstGroup
{
    font-size: 12px;
    font-weight: bold;
    background-color: Silver;
}

#SecondGroup
{
	font-size:12px;
	font-weight:bold;
	background-color:#ffff00;
}

.SecondGroup
{
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffcc;
}

.ThirdGroup
{
    font-size: 12px;
    font-weight: bold;
}

#DETAIL
{
	font-size:12px;
	border-collapse: collapse;
	bordercolor:#111111;
}

#NotEnabled
{
	font-size:10px;
	background-color:#CC9999;	
	bordercolor:#111111;
		
}

#Totals
{
	font-size:12px;
	font-weight:bold;
	background-color:"#FF0000";
	
	
}

#Footer
{
	padding-left:11%;
	font-size:12px;
	font-weight:bold;	
}


#RedColor
{
	background-color:#CC3300;
	
}


#GreenColor
{
	background-color:#ffffff;
	
}


/*rollover effect*/
a:link
{
	text-decoration:none;
	color:Blue;
}

a:hover, a:visited:hover
{
	text-decoration:underline;
	color:red;
}

a:visited
{
	color:blue;
	text-decoration:none;
}

.ColorGreen
{
	background-color:#ffffff;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
}

.ColorLightGrey
{
	background-color:#CCCCCC;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
}


.ColorGray
{
	background-color:Silver;
	font-size:10px;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom-style:solid;
	border-bottom-color:#99CCCC;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#99CCCC;
	border-top-width:1px;
	empty-cells:show;
}


.ColorYellow
{
	background-color:#FFFFCC;
	font-size:12px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
	padding-bottom:3px;
	padding-top:3px;

}

.ColorRed
{
	background-color:#FF0000;
	font-size:12px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
	padding-bottom:3px;
	padding-top:3px;

}


.EventsTable
{
	font-size:10px;
}

.LeftCol
{

}

.MiddleCol
{
 padding-left:15px;
}

.RightCol
{
border-bottom-style:ridge;
border-bottom-width:1px;
padding-left:15px;

}

.inviY
{
background-color: Red;
color: White;
text-align: center;
font-weight: Bold;
}

#loginDiv {
    width: 800px;
	border-radius: 25px;
    border: 2px solid silver;
    padding: 20px; 
    width: 600px;
    height: 400px;
	text-align: center;
	position:absolute;
	background:silver;
	margin:auto;
}

#HeaderDiv {    
	position:absolute;
	background:silver;
	margin:auto;
}

#LoginImg {
	background-image: url('images/cover_1_welcome.jpg');
	opacity:1;
	position:center;
	//width: 800px;
}

RoundDiv {    
	border-radius: 25px;
    border: 2px solid silver;
    padding: 20px;
	text-align: center;
	position:center;	
	margin:auto;
}

#OTPDiv {
	 width: 60%;
	border-radius: 25px;
    border: 2px solid blue;
    padding: 20px; 
    //width: 300px;
    //height: 200px;
	text-align: center;
	position:center;
	background:silver;
	margin:auto;
	
    /* width: 400px;
	border-radius: 25px;
    border: 2px solid blue;
    padding: 20px; 
    width: 400px;
    height: 200px;
	text-align: center;
	position:center;
	background:silver;
	margin:auto; */
}

#FooterN{
	background-color:black;
	border-radius: 15px;
	font-size: 40px;
	font-weight: Bold;
	font-color:white;
	padding-bottom:3px;
	padding-top:3px;
	width: 100%;
	height: 50px;	
	position:center;
}
#FooterNRow{
	//background-color:black;
	font-size: 26px;
	font-weight: Bold;
	color: grey;
	//padding-bottom:3px;
	//padding-top:3px;
	//width: 95%;
	//height: 50px;	
}

#HeaderN{
	background-color:#CCCCCC;
	border-radius: 15px;
	font-size: 20px;
	font-weight: Bold;
	//font-color:white;
	padding-bottom:3px;
	padding-top:3px;
	width: 97%;
	height: 50px;
}

#CustProfile{
	background-color:#CCCCCC;	
	//font-size: 20px;
	//font-weight: Bold;
	//font-color:white;
	padding-bottom:3px;
	padding-top:3px;
	//width: 95%;
	//height: 50px;
}

.MainDiv{		
		position: center;
       //align; center;
		background-image:url('images/cover_1_welcome.JPG');
		//background-repeat: no-repeat;
		//opacity: 0.6;	
		width: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
		
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		
    }
	
.MainDivA{
		//position: absolute;  
		display: inline-block;		//inline-block
		//margin: 0 auto;
		//align; center;
        left: 2%;
        //right: 50%;
		width: 98%;
		height: 81vh;
		background-color:#FFFFFF;		
		text-align: center;
		align-items: center;
		justify-content: center;
		border-radius: 15px;
    }

.spacerdiv {
	display: inline-block;
	width: 99%;
    height: 3vh;
}

.table-fixed thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    //z-index: 999;
    background-color:#ffffcc;
}