#preloader-act:before,#preloader:before{content:"";position:fixed;top:calc(50% - 30px);width:60px;height:60px}label{margin-bottom:2px;font-weight:700}.login-body{background:#367ed1;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}.logo-login{width:100%}h2.penjumlahan{color:#000;font-weight:bolder}.login-card{border-radius:12px;margin:0 5px;box-shadow:0 0 10px #000}.login-card .card-header h3{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif}.btn-password,.btn-password a{font-size:14px;color:#000;text-decoration:none}.pull-right{text-align:right}button#btn-signin{box-shadow:0 0 8px #2e5b81}button#btn-signin:hover{box-shadow:0 0 8px #ffe253;background-color:#282d83;color:#fff}@-webkit-keyframes animate-preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1995;overflow:hidden;background:rgba(27,27,27,.37)}#preloader:before{left:calc(50% - 30px);border:6px solid #2c77cc;border-top-color:#8f9091;border-radius:50%;-webkit-animation:1s linear infinite animate-preloader;animation:1s linear infinite animate-preloader}#preloader-act:before{left:calc(50% - 86px);border:6px solid #2c77cc;border-top-color:#8f9091;border-radius:50%;-webkit-animation:1s linear infinite animate-preloader;animation:1s linear infinite animate-preloader}