/*Auth pages*/ .biz-pg-wrapper.biz-auth-wrapper { padding: 0; background: #F4F6F7; } .biz-pg-wrapper.biz-auth-wrapper > header { position: absolute; top: 0; z-index: 10; width: 100%; padding: 20px; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100vh; width: 100%; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info { position: relative; z-index: 2; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content { margin: 0 auto; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; margin-top: 30px; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn { background: rgba(255, 255, 255, 0.3); height: 45px; width: 45px; border-radius: 50%; top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; color: #fff; margin-right: 10px; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn:before { display: inline-block; font-family: "Ionicons"; padding-left: 3px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f488"; } .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap > span { font-size: 14px; color: #fff; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap { padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form { margin: 0 auto; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep { position: relative; text-align: center; overflow: hidden; font-size: 14px; margin: 30px 0; text-transform: uppercase; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:before { background: #CACFD4; content: ""; height: 1px; right: 50%; margin-right: 28px; position: absolute; top: 50%; width: 100%; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:after { background: #CACFD4; content: ""; height: 1px; left: 50%; margin-left: 28px; position: absolute; top: 50%; width: 100%; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .dd-handle { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control.rounded-input, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .rounded-input.dd-handle { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append { position: absolute; right: 0; top: 0; bottom: 0; z-index: 10; pointer-events: none; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text { background: transparent; border: none; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text .feather-icon > svg { height: 18px; width: 18px; } @media (max-width: 1199px) { .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img { height: auto; } .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap { height: auto; } }