.login-page-container{flex-grow:1;background-size:cover;padding-top:52px}.login-page-container .login-page-content{padding:0 200px;display:flex;width:100%;gap:40px;align-items:center;overflow:hidden}.login-page-container .login-page-content .logo-notification{width:60%}.login-page-container .login-page-content .logo-notification .notice-image{display:block}.login-page-container .login-page-content .login-form{width:40%;flex-shrink:0;max-width:450px;min-height:auto;border:none;border-radius:30px;background-color:#fffc}.login-page-container .login-page-content .login-form .notice-image-form{display:none;width:200px;margin:0 auto;padding:1rem}.login-page-container .padding-x{padding:0 350px}@media (max-width: 1200px){.login-page-container .login-page-content{padding:0 20px;flex-direction:column;flex-direction:column-reverse}.login-page-container .login-page-content .notice-image{display:none!important}.login-page-container padding-x{padding:20px}.login-page-container .logo-notification{min-width:auto;width:100%!important;margin-bottom:20px}.login-page-container .login-form{width:100%!important;margin-top:20px}.login-page-container .login-form .notice-image-form{display:block!important}}.login-page-container .card-body{padding:70px 42px 60px}.login-page-container .form-field:not(:nth-last-of-type(1)){margin-bottom:1.5rem}@media only screen and (max-width : 768px){.login-page-container .form-field:not(:nth-last-of-type(1)){margin-bottom:1rem}}.login-page-container .form-input{display:flex;align-items:stretch;width:100%}@media only screen and (max-width : 768px){.login-page-container .form-input{width:100%;min-width:auto}}.login-page-container .form-input .form-label{flex-shrink:0;font-size:18px;text-align:center;min-width:100px;line-height:50px;color:#fff;background-color:#32cd32;padding-left:10px;border-top-left-radius:25px;border-bottom-left-radius:25px;transition:opacity .2s ease-in-out;will-change:opacity}:is(.login-page-container .form-input .form-label:active,.login-page-container .form-input .form-label:focus){opacity:.8}.login-page-container .form-input .form-control{flex-grow:1;height:auto;color:#000;font-size:14px;padding:13px 15px;border:1px solid #ddd;border-radius:0 25px 25px 0;background-color:#fff;box-sizing:border-box}.login-page-container .form-input .form-control:focus,.login-page-container .form-input .form-control:focus-visible{outline:none;box-shadow:none}.login-page-container .form-input-error{border:1px solid #dc3545}.login-page-container .form-error-message{font-size:90%;margin-left:120px;color:#dc3545}.login-page-container .btn-submit{display:block;font-size:14px;font-weight:500;width:100%;max-width:200px;height:50px;padding:0 5px;margin:42px auto 0;color:#fff;background-color:#32cd32;border:none;border-radius:30px;transition:opacity .2s ease-in-out;will-change:opacity}.login-page-container .btn-submit:hover{opacity:.8}.login-page-container .sec-notification .notification-container{font-size:14px;color:#3d3d3d}.login-page-container .sec-notification .notification-container:not(:last-child){margin-bottom:40px}.login-page-container .sec-notification .notification-container .notification-container-content{padding-right:20px;max-height:250px;overflow-y:auto}.login-page-container .sec-notification .notification-container .notification-container-content::-webkit-scrollbar{width:4px!important}.login-page-container .sec-notification .notification-container .notification-container-content .title-content-notify{font-weight:700}.login-page-container .sec-notification .notification-container h3{font-size:inherit;margin-bottom:0}.login-page-container .sec-notification .notification-container li{font-size:14px;color:#595959}.login-page-container .sec-notification .notification-container li .title-notify{flex-shrink:0;margin-top:5px;font-size:15px;font-weight:700}.login-page-container .sec-notification .notification-container li .time-notify{flex-shrink:0;width:150px}.login-page-container .sec-notification .notification-container li .time-notify span{display:block;font-weight:700}.login-page-container .sec-notification .notification-container li .content-notify p{margin-bottom:0}.login-page-container .sec-notification .notification-container li:not(:last-child){margin-bottom:15px}