body { margin: 0; font-family: Arial, sans-serif; display: flex; flex-direction: row; min-height: 100vh; }
header { display: none; }
header img { width: 100px; }
header h1 { color: #66c7a9; font-size: 24px; margin-bottom: 2px; }
header p { font-size: 15px !important; color: #ccc; }
#column-main { background-color: #0d1a4b; color: white; width: 40%; padding: 20px; display: flex; flex-direction: column; justify-content: center; background: url('l-img.png'); background-size: cover; }
#column-main h2 { font-size: 24px; margin-bottom: 20px; font-weight: 600; }
#column-main p { font-size: 16px; margin-bottom: 20px; }
#column-main .input-line { position: relative; margin-bottom: 20px; }
#column-main .input-line i.lni { position: absolute; left: 12px; top: 9px; color: #55dbb4; font-size: 25px; }
#column-main input, #column-main textarea { padding: 10px 10px 10px 45px; border-radius: 20px; border: none; font-size: 15px; line-height: 22px; width: 100%; color: #282828; }
#column-main button, .complete .button { background-color: #30d5c8; color: white; padding: 10px; font-size: 18px; border: none; border-radius: 20px; cursor: pointer; width: 100%; }
#column-main button:hover, .complete .button:hover { background-color: #28a7a3; }
#column-main .note { font-size: 16px; margin-top: 16px; }
.image-container { background-image: url('r-img.png'); background-size: cover; width: 60%; display: flex; justify-content: center; align-items: center; }
#column-main form { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; }
@media (max-width:768px) {
#column-main { width: 100%; height: auto; padding: 15px; justify-content: flex-start; }
.image-container { display: none; }
header { display: block; }
}
.has-warning .form-control { border-color: red }
._valid-message { color: #ff8080; font-size: 13px !important; margin-top: 5px; padding-left: 45px; }
._loading { position: absolute; right: 10px; top: 14px; color: #28a4ab; }
.modal-footer .btn { width: 80px; }
.modal-footer .btn + .btn { margin-left: 15px; }
.modal-footer .run_callback { background-color: #E57905 }
.modal-footer .run_callback:hover { background-color: #e16b00; }
.complete .button { text-decoration: none; }
#column-main.login-ctn h2, #column-main.search-ctn h2 { margin-bottom: 35px; }
#frm-login .input-line .toggle-password { position: absolute; right: 12px; top: 12px; color: #000; cursor: pointer; font-size: 15px; }
.login-button-ctn { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; }
.login-button-ctn button { width: 135px !important; padding: 5px 10px !important; }
.login-button-ctn a { color: #fff; font-size: 16px; }
a.btn-download { width: 100%; display: block; color: #fff; text-decoration: none; background: #ffd700; border-radius: 20px; padding: 8px 10px; margin-top: 70px; font-size: 18px; }
a.btn-download:hover { background: #af9500; }
.input-line.login-error { background: #ffd7d7; color: #811515; padding: 10px; font-style: italic; }
#column-main.search-ctn .login-button-ctn button { width: 165px !important; }
#column-main.search-ctn .login-button-ctn a { text-transform: uppercase; }
#column-main.search-ctn .note { margin-top: 50px; }
.center { text-align: center }
.flex { display: flex; }
.other-bill	{    background: #ccc;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;}