body {
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.login-container {
background-color: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
width: 400px;
}
.login-container h3 {
text-align: center;
margin-bottom: 1.5rem;
}
.btn-custom {
background-color: #9f86c0;
color: white;
border: none;
}
.btn-custom:hover {
background-color: #7c5ca9;
}
.form-text-link {
text-align: right;
display: block;
}
.or-divider {
text-align: center;
margin: 1rem 0;
}
.or-divider::before,
.or-divider::after {
content: "";
flex: 1;
height: 1px;
background: #ddd;
margin: auto;
}
.or-divider span {
padding: 0 1rem;
color: #999;
}

/* Preloader */
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
#preloader img {
width: 80px; /* Adjust the size */
height: 80px;
animation: spin 2s linear infinite; /* Rotation animation */
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/*register style*/
.registration-container {
background-color: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
width: 400px;
}
.registration-container h3 {
text-align: center;
margin-bottom: 1.5rem;
}
.btn-custom {
background-color: #9f86c0;
color: white;
border: none;
}
.btn-custom:hover {
background-color: #7c5ca9;
}
.form-text-link {
text-align: right;
display: block;
}
.radio-options {
margin-top: 1rem;
}
.btn-container {
display: flex;
justify-content: center;
margin-top: 2rem;
}
/*pay tax*/
.payment-container {
background-color: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
width: 400px;
}
.payment-container h3 {
text-align: center;
margin-bottom: 1.5rem;
}
.btn-custom {
background-color: #9f86c0;
color: white;
border: none;
}
.btn-custom:hover {
background-color: #7c5ca9;
}
.form-text-link {
text-align: right;
display: block;
}
.radio-options {
margin-top: 1rem;
}
.btn-container {
display: flex;
justify-content: center;
margin-top: 2rem;
}
/*registered taxpyer*/
.taxpayer-container {
background-color: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
width: 600px;
}
.taxpayer-container h3 {
text-align: center;
margin-bottom: 1.5rem;
}
.divider {
text-align: center;
margin: 1rem 0;
}
.divider::before,
.divider::after {
content: "";
flex: 1;
height: 1px;
background: #ddd;
margin: auto;
}
.divider span {
padding: 0 1rem;
color: #999;
}
.table-responsive {
margin-top: 1rem;
}
.btn-custom {
background-color: #9f86c0;
color: white;
border: none;
}
.btn-custom:hover {
background-color: #7c5ca9;
}