.login-img {position: relative; background-image: url(../images/media/bg2.jpg); } .login-img::before {content: ""; background: linear-gradient(to right, var(--primary06) 0%, #05c3fb91 100%); height: 100%; width: 100%; position: absolute; } .login-img {height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-table; } .page {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } .login-img .page {position: relative; } img {max-width: 100%; } .header-brand-img {line-height: 2rem; vertical-align: middle; width: auto; } .wrap-login100 {background: #fff; overflow: hidden; flex-wrap: wrap; justify-content: space-between; padding: 137px 130px 137px 95px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.06); border-radius: 5px; z-index: 1; } .container-login100 {width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; z-index: 999; } .container-login100-form-btn {width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; } @media (max-width: 991px) {.wrap-login100 {padding: 35px 90px 35px 85px; } } @media (max-width: 768px) {.wrap-login100 {padding: 30px 80px 30px 80px; } } @media (max-width: 576px) {.wrap-login100 {padding: 25px 15px 25px 15px; } } .login100-form-title {font-size: 24px; line-height: 1.2; text-align: center; width: 100%; display: block; padding-bottom: 30px; color: #424344; } .wrap-input100 {position: relative; width: 100%; z-index: 1; margin-bottom: 10px; } .login100-form-btn {line-height: 1.5; color: #fff; width: 100%; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 25px; border-radius: 5px; } .p-6 {padding: 2rem !important; }