.img-logo{width:50%;height:50%;margin-bottom:1em}footer,header{visibility:hidden}.colorLetras{color:#3f3077}.demo{position:absolute;top:34rem;left:64%;margin-left:-13rem;margin-top:-26.5rem;width:26rem;height:30rem;overflow:hidden}.login{position:relative;height:22rem;background:#fff;transition:opacity .1s,transform .3s cubic-bezier(.17,-.65,.665,1.25)}@media(max-width:468px){.demo{position:absolute;top:26rem;left:15rem;margin-left:-15rem;margin-top:-26.5rem;width:30rem;height:35rem;overflow:hidden}}.login-main-text{color:#fff}.login-main-text h2{font-weight:300}body,main{padding:0 !important;margin:0 !important}root{--input-padding-x:1.5rem;--input-padding-y:.75rem}.bg-image,.image{min-height:100vh}@media(max-width:575px){.bg-image{min-height:10vh}}.bg-image{background-image:url('../images/slidebar-bg2.jpg');background-size:cover;background-position:center;background-attachment:scroll}.login-heading{font-weight:300}.btn-login{font-size:.9rem;letter-spacing:.05rem;padding:.75rem 1rem}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group>input,.form-label-group>label{padding:var(--input-padding-y) var(--input-padding-x);height:auto}.form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;cursor:text;border:1px solid transparent;transition:all .1s ease-in-out}.form-label-group input::-webkit-input-placeholder{color:transparent}.form-label-group input:-ms-input-placeholder{color:transparent}.form-label-group input::-ms-input-placeholder{color:transparent}.form-label-group input::-moz-placeholder{color:transparent}.form-label-group input::placeholder{color:transparent}.form-label-group input:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y)*(2/3));padding-bottom:calc(var(--input-padding-y)/3)}.form-label-group input:not(:placeholder-shown)~label{padding-top:calc(var(--input-padding-y)/3);padding-bottom:calc(var(--input-padding-y)/3);font-size:12px;color:#777}