body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
    font-family: 'Segoe UI', 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;
    
}
.login-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Increased shadow for raised effect */
    width: 500px;
    text-align: center;
    transition: box-shadow 0.3s ease; /* Smooth transition */
}

.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.login-box:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}
.home-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Increased shadow for raised effect */
    width: 650px;
    text-align: center;
    transition: box-shadow 0.3s ease; /* Smooth transition */
}

.home-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.home-box:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

.logininputtext {
    border-radius: 3px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); /* Inner shadow for input fields */
 
    font-family: Open Sans, sans-serif;
    text-align: left;
    border-color: #cccccc;
    border-width: 1px;
    color: Black;
}
.loginlabeltext {
    margin-right: 5px;
    border-radius: 3px;
    font-size: 12px;
    text-align: right;
    color: #666666;
} 
.loginheadertext 
{
	font-size: 30px; 
	
	font-weight: bold;
	text-align: left; 
	padding: 4px 6px;
	text-align: center; 
	color: #666666;
} 
.bannerbar 
{
	border-width: 1px;
	font-size: 12px; 
    width: 100%;
  
} 
.pagebottom 
{
	
	font-size: 2px; 
    padding-top: 5px; 
    width: 100%;
   
}
.singleline {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #666666;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.errormsgborder 
{
	border: solid; 
	border-width: 1px; 
	border-color: #ffffb0; 
	background-color: #f8f8f8;
    padding: 10px 10px 10px 10px; 
	width: 100%; 
	height: 40px;
} 

.link {

	color: blue;
	text-decoration : underline;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.link:hover {
.
	font-weight: normal;
	text-align: left;
	text-decoration : underline;
	vertical-align: top;
	color:  #3399CC;
}

.button {
    background-color: #7DC04C;
    border: none;
    border-radius: 3px;
    color: white;
    padding: 10px 20px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
  .
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Button shadow */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}
    .button:hover {
        background-color: #327B21;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    }
.button:active {
   border: 1px solid #7DC04C;
}
.button:disabled {
   background-color: #ABAA9F
}
.UImessagebar {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: Black;
    padding: 10px 10px 10px 15px;
    border: 1px solid #7DC04C;
    border-bottom: 0px;
    word-wrap: break-word;
    border-radius: 3px;
}


.UImessagebar-default {
    background-color: lightgray;
    border-left: thick solid darkgray;
    border-right: thin solid darkgray;
    border-top: thin solid darkgray;
    border-bottom: thin solid darkgray;
}

.UImessagebar-success {
    background-color: lightgreen;
    border-left: thick solid green;
    border-right: thin solid green;
    border-top: thin solid green;
    border-bottom: thin solid green;
}

.UImessagebar-info {
    border-left: thick solid blue;
    border-right: thin solid blue;
    border-top: thin solid blue;
    border-bottom: thin solid blue;
}

.UImessagebar-warning {
    background-color: lightgoldenrodyellow;
    border-left: thick solid yellow;
    border-right: thin solid yellow;
    border-top: thin solid yellow;
    border-bottom: thin solid yellow;
}

.UImessagebar-error {
    background-color: lightcoral;
    border-left: thick solid red;
    border-right: thin solid red;
    border-top: thin solid red;
    border-bottom: thin solid red;
}
.UIErrorBar {
    font-size: 14px;
    font-family: Verdana;
    font-weight: 500;
    text-align: left;
    color: Black;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
    word-wrap: break-word;
    background-color: lightgray;
    width: 750px;
}

.UIErrorBar-default {
    background-color: lightgray;
    border-left: thin solid darkgray;
    border-right: thin solid darkgray;
    border-top: thin solid darkgray;
    border-bottom: thin solid darkgray;

}