:root{--box-shadow: 0px 0px 2px 0px #8f8f8f;--topBarHeight: $topBarHeight;--sidebarWidth: $sidebarWidth}html{height:100%}body{background:url("../../images/bg_login.png") no-repeat center center fixed;background-size:cover;padding:30px;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:20%}body.snss-dowell-2024{background:url("../../snss-dowell-2024/bg_login.jpg") no-repeat center center;background-size:cover}body .content{margin:0px !important}body .content .row.clearfix{margin:0px !important}body .col-content{padding:0;max-width:320px}body .col-content .logo{max-width:320px;height:100px;object-fit:contain;border-radius:4px;width:100%}body .col-content #title{font-family:"Avenir";color:#fff;font-size:40px;font-weight:bold;margin-bottom:40px;text-transform:uppercase}body .col-content .input-login{background-color:#498fca;color:white}body .col-content .input-login::placeholder{color:white;opacity:1}body .col-content .input-login::-ms-input-placeholder{color:white}body .col-content .btn-login{background-color:transparent;border:none}@media screen and (max-width: 1024px){body{margin-left:10%}}@media screen and (max-width: 789px){body{margin-left:24px}}@media screen and (max-width: 560px){body{margin:8px;padding:8px}body .content .row.clearfix{display:flex;justify-content:center}body .col-content{padding:16px;background:#1966a2ad}}