body#login-template{width:100%;height:100%}body#login-template .container{background-color:#eee;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}body#login-template .box{background:#ffffff80;border-radius:18px;width:800px;height:600px;display:flex;overflow:hidden;box-shadow:2px 2px 17px 1px #2a25254a}body#login-template .box section.left .image{background:#fff 50%/cover no-repeat;width:100%;height:100%;transition:opacity 5s;position:relative}body#login-template .box section.left .image .copyright,body#login-template .box section.left .image .actions{visibility:none;opacity:0;color:#fff;cursor:pointer;transition:all .5s ease-in;position:absolute;bottom:10px}body#login-template .box section.left .image .copyright{left:15px}body#login-template .box section.left .image .actions{right:15px}body#login-template .box section.left .image:hover .actions,body#login-template .box section.left .image:hover .copyright{visibility:visible;opacity:1}body#login-template .box section.right .submit-button{margin-top:20px}body#login-template .box section.right .meta{color:#7e7e7e}body#login-template .box section.right a{transition:all .4s ease-in-out}body#login-template .box section.right a:hover{color:#000}body#login-template .box section.right{background-color:#fff;flex-direction:column;padding:50px;display:flex}body#login-template .box section.right .action.field{text-align:center}body#login-template .box section.right .reset-password{float:right}body#login-template .box section.right .remember-me{float:left}body#login-template .box section.right div.sign-up{padding-top:100px}body#login-template .box section{width:50%}@media screen and (width<=600px){body#login-template .box{color:#000;background:#fff;border-radius:0;height:100%!important}body#login-template .box a{color:#000;text-decoration:underline}body#login-template .box section.left{display:none}body#login-template .box section.right{width:100%;height:100%}}