.login-page-wrapper{width:100%;padding:20px 15px 40px 15px;box-sizing:border-box}
.login-container{width:100%;max-width:520px;margin:0 auto;box-sizing:border-box}
.login-container .widget{width:100%;box-sizing:border-box;margin:0 auto}
.login-container i{color:#5cb85c}
.login-container .widget h1{margin-top:0;margin-bottom:28px;text-align:center;word-break:break-word;line-height:1.3}
.login-title-icon{color:#5cb85c !important;margin-right:8px}
.login-container .input-group{width:100%;margin-bottom:20px !important;display:table}
.login-container .input-group-addon{width:48px;min-width:48px;text-align:center;box-sizing:border-box;background:#f7f7f7}
.login-container .input-group-addon i{color:#5cb85c !important;font-size:17px}
.login-container .form-control{width:100%;max-width:100%;box-sizing:border-box;height:46px}
.login-container .checkbox{margin-top:10px;margin-bottom:20px}
.login-container .checkbox label{line-height:22px;word-break:break-word}
.login-container #login{width:100%;max-width:100%;box-sizing:border-box}
.login-container #login i{color:#ffffff !important;margin-right:6px}
.login-container p{margin-bottom:10px;word-break:break-word}
.login-container p a{color:inherit}
.login-container p a i{color:#5cb85c !important;margin-right:5px}
.login-container .alert{word-break:break-word;overflow-wrap:anywhere}
@media (min-width:768px){
.login-page-wrapper{padding-top:35px;padding-bottom:55px}
.login-container{max-width:580px}
}
@media (min-width:992px){
.login-page-wrapper{padding-top:45px;padding-bottom:60px}
.login-container{max-width:620px}
.login-container .widget{padding:32px 35px 35px 35px}
.login-container .widget h1{font-size:30px;margin-bottom:32px}
.login-container .input-group{margin-bottom:23px !important}
.login-container .input-group-addon{width:52px;min-width:52px}
.login-container .input-group-addon i{font-size:18px}
.login-container .form-control{height:50px;font-size:16px}
.login-container #login{height:50px;font-size:17px}
.login-container .checkbox{margin-top:13px;margin-bottom:23px}
.login-container p{margin-bottom:12px}
}
@media (min-width:1200px){
.login-page-wrapper{padding-top:50px}
.login-container{max-width:650px}
.login-container .widget{padding:35px 40px 38px 40px}
.login-container .widget h1{font-size:32px;margin-bottom:35px}
.login-container .input-group{margin-bottom:25px !important}
.login-container .input-group-addon{width:54px;min-width:54px}
.login-container .form-control{height:52px;font-size:17px}
.login-container #login{height:52px;font-size:18px}
}
@media (max-width:767px){
.login-page-wrapper{width:100%;padding:15px 10px 30px 10px;margin:0}
.login-container{width:100%;max-width:100%;margin:0 auto}
.login-container .widget{width:100%;margin:0;padding-left:15px;padding-right:15px;box-sizing:border-box}
.login-container .widget h1{font-size:25px;line-height:1.3;margin-bottom:20px}
.login-container .input-group{width:100%;margin-bottom:18px !important}
.login-container .input-group-addon{width:42px;min-width:42px;padding-left:8px;padding-right:8px}
.login-container .input-group-addon i{font-size:16px}
.login-container .form-control{height:46px;font-size:16px}
.login-container #login{width:100%;height:46px;font-size:16px}
.login-container .checkbox{margin-bottom:18px}
}
@media (max-width:400px){
.login-page-wrapper{padding-left:7px;padding-right:7px}
.login-container .widget{padding-left:12px;padding-right:12px}
.login-container .widget h1{font-size:22px}
.login-container .input-group-addon{width:40px;min-width:40px;padding-left:6px;padding-right:6px}
.login-container .form-control{font-size:15px}
}
@media (max-width:340px){
.login-container .widget{padding-left:10px;padding-right:10px}
.login-container .widget h1{font-size:20px}
}
.login-container .password-eye-wrapper{position:relative;width:100%;min-width:0;display:table-cell;vertical-align:middle}
.login-container .password-eye-wrapper .form-control{padding-right:45px}
.login-container .password-eye-btn{position:absolute;top:0;right:0;width:44px;height:100%;border:none;background:transparent;cursor:pointer;color:#5cb85c;display:flex;align-items:center;justify-content:center;z-index:5;padding:0}
.login-container .password-eye-btn i{color:#5cb85c !important;font-size:17px;margin:0}
.login-container .password-eye-btn:focus{outline:none}