body { background-color: #fff; font-weight: normal }

/*left bar*/
.left-section { position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color:#fff }
    .left-section h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #333; }

.company-info { padding: 30px }
    .company-info .logo { max-height: 80px; border: 1px solid #f0f0f0; border-radius: 10px; margin-bottom: 25px; padding: 5px; }
    .company-info p { font-size: 17px; margin-bottom: 0; color: #4f4f4f; font-weight: normal; line-height: 30px; }
    .company-info i { margin-right: 5px; }
    .company-info .web-site-url { margin-top: 15px; }
        .company-info .web-site-url a { display: flex; color: #0c3dcf; text-decoration: none; align-items: center; gap: 5px; }


/*login form*/
.half .contents { background-color: #edf6ff; }
.form-block { position: relative; background: #fff; padding: 40px; max-width: 500px; box-shadow: 0 3px 12px 0 rgba(128, 194, 242, 0.15); border-radius: 8px; z-index: 99; }
.login-title { font-size: 27px; font-weight: bold; color: #3e3e3e; margin-bottom: 25px; }
.badge-site-mode { background-color: #fdece0; color: #e85711; padding: 2px 15px; font-size: 14px; border-radius: 24px; border: 1px solid #f5ccaf; margin-bottom: 10px; display: inline-block; }

.content-portal { margin-bottom: 25px; }
    .content-portal a { color: #0c3dcf; font-size: 15px; text-decoration: none; font-weight: 500; }

/*override css*/
#loginForm .form-group label { display: inline-block; margin-bottom: 15px; color: #302f2f; font-weight: normal; font-size: 17px; }
#loginForm .form-group .form-control { border-radius: 5px; background: #fff; border: 1px solid #d3d3d3; }
    #loginForm .form-group .form-control:focus { border-color: #007bff; }
    #loginForm .form-group .form-control::placeholder { color: #d3d3d3; }

#loginForm .form-group .input-group { position: relative; }
#loginForm .form-group .input-group-append { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 10px; background: #fff; border: 1px solid #d3d3d3; border-left: none; border-radius: 0 5px 5px 0; }

    #loginForm .form-group .input-group-append button { background: #fff; border: none; color: #d3d3d3; cursor: pointer; z-index: 9999; padding: 5px; }
        #loginForm .form-group .input-group-append button:focus { outline: none; box-shadow: none; }
        #loginForm .form-group .input-group-append button:hover { color: #007bff; }
        #loginForm .form-group .input-group-append button i { font-size: 1.5rem; }

.forgot-password-container { text-align: right; margin-bottom: 15px; }
    .forgot-password-container a { color: #0c3dcf; font-size: 15px; text-decoration: none; font-weight: normal; }

.btn-custom-blue { background-color: #3D57DE; color: #fff; letter-spacing: initial !important; text-transform: initial !important; padding: 10px 5px; }

.submit-issue-container { margin-top: 25px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; }
    .submit-issue-container p { margin-bottom: 0; font-weight: normal; color: #424242; }
    .submit-issue-container a { color: #0c3dcf; text-decoration: none; font-weight: normal; }

/*powered-by*/
.powered-by-container { padding: 10px 0; position: absolute; bottom: 0; width: 100%; border-top: 1px solid #eee; }
    .powered-by-container .info { display: flex; justify-content: center; align-items: center; gap: 10px; }
        .powered-by-container .info img { max-height: 30px; }
        .powered-by-container .info a { color: #3d57de; text-decoration: none; font-weight: 600; }

@media (max-width: 1199.98px) {
    .half.with-extra-info { background-color: #fff; }
    .powered-by-container { position: relative; margin-top: 25px; }
    .powered-by-container .info { display: block; text-align: center; }
    .form-block { padding: 20px; }
    .login-title { font-size: 23px; font-weight: 600 }
}