.login-box .panel{position:relative}.login-frame{}.login-frame .btn-fb{color:#fff;background-color:#004b9b}.login-frame .btn-gl{color:#fff;background-color:#df4a32}.login-frame .login-right .btn{font-size:16px;text-align:left}.login-frame .btn-block+.btn-block{margin-top:15px}.login-frame .btn>span,.login-frame .btn>i{display:inline-block}.login-frame .btn>i{font-size:20px}.login-frame .btn>i+span{margin-left:5px}.login-right,.login-left{position:relative;width:100%}.login-left{padding-bottom:15px}.login-left:before{content:'';display:block;position:absolute;width:100%;height:1px;left:0;right:0;bottom:0;background-color:#eee}.login-left:after{font-family:monospace;font-size:14px;content:'OR';text-align:center;display:block;position:absolute;left:50%;bottom:0;width:24px;height:24px;margin-left:-12px;margin-bottom:-12px;line-height:1;padding:5px;color:#aaa;background-color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.login-right{padding-top:15px}.login-title{font-size:28px;font-weight:700;padding-bottom:15px;margin:0 0 15px;border-bottom:1px solid #eee;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.login-box .panel:before,.login-box .panel:after,.login-title:before,.login-title:after{content:'';display:table}.login-box .panel:after,.login-title:after{clear:both}.login-title>span,.login-title>i{display:inline-block;float:left;line-height:30px}.login-title>i{text-align:center;font-size:18px;width:30px;height:30px;color:#fff;background-color:#222;border-radius:4px}.login-title.red>i{background-color:red}.login-title.blue>i{background-color:blue}.login-title.gray>i{color:#222;background-color:gray}.login-title.green>i{background-color:green}.login-title.yellow>i{color:#000;background-color:yellow}.login-title>i+span{margin-left:5px}.login-body>div{font-size:16px;line-height:1.725;white-space:pre-line}.login-body>div:last-of-type{margin-bottom:0}@media (min-width:768px){.login-frame{display:flex}.login-left{width:60%;padding-right:15px;padding-bottom:0}.login-left:before{content:'';display:block;position:absolute;width:1px;height:auto;left:initial;right:0;top:-15px;bottom:-15px;background-color:#eee}.login-left:after{left:initial;top:50%;right:0;margin-left:0;margin-bottom:0;margin-top:-12px;margin-right:-12px}.login-right{width:40%;padding-top:0;padding-left:15px}}.login-left:before,.login-left:after,.login-right{display:none!important}.login-left{padding-bottom:0!important;padding-right:0!important;width:100%!important}