.login-bg-img {
    background-color: blueviolet;
    /* background: url("/assets/img/login/flex_bg.png"); */
    background-size: contain;
}

.logo-title {
    font-size: 3rem;
    font-weight: 900;
    color: #333;
}

.authentication-wrapper {
    -ms-flex-preferred-size: 100%;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

.authentication-wrapper .authentication-inner {
    width: 100%
}

.authentication-wrapper.authentication-basic {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.authentication-wrapper.authentication-cover {
    -ms-flex-align: start;
    align-items: flex-start
}

.authentication-wrapper.authentication-cover .authentication-inner {
    height: 100vh
}

.authentication-wrapper.authentication-basic .authentication-inner {
    max-width: 400px;
    position: relative
}

.authentication-wrapper.authentication-basic .authentication-inner:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='148' height='148' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355 144a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-144-27a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM355 87a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM355 57a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm117 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-60 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm87 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-117 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm60 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-87-30a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM355 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(-353)' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23696cff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.6' fill='%23FFF' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E");
    content: " ";
    height: 148px;
    position: absolute;
    right: -40px;
    top: -40px;
    width: 148px
}

.authentication-wrapper.authentication-basic .authentication-inner:after {
    bottom: -68px;
    content: " ";
    height: 240px;
    left: -46px;
    position: absolute;
    width: 243px
}

.authentication-wrapper.authentication-basic .authentication-inner .card {
    z-index: 1
}

.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
    margin-bottom: 2.5rem
}

.authentication-wrapper .auth-input-wrapper .auth-input {
    font-size: 150%;
    max-width: 50px;
    padding-left: .4rem;
    padding-right: .4rem
}

@media(max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size: 1.125rem
    }
}

p.point>span {
    display: block;
    letter-spacing: -0.8px;
    line-height: 1.3;
}