.authentication-wrapper {
    display:flex;
    flex-basis:100%;
    min-height:100vh;
    width:100%
}
.authentication-wrapper .authentication-inner {
    width:100%
}
.authentication-wrapper.authentication-basic {
    align-items:center;
    justify-content:center
}
.authentication-wrapper.authentication-basic .card-body {
    padding:3rem
}
@media(max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .card-body {
        padding:2rem
    }
}
.authentication-wrapper.authentication-cover {
    align-items:flex-start
}
.authentication-wrapper.authentication-cover .authentication-inner {
    height:100%;
    margin:auto 0
}
@media(max-width: 991.98px) {
    .authentication-wrapper.authentication-cover .authentication-inner {
        height:100vh
    }
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
    width:100%;
    height:100vh;
    position:relative
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
    max-height:65%;
    max-width:65%;
    z-index:1
}
.authentication-wrapper.authentication-cover .authentication-inner .platform-bg {
    position:absolute;
    width:100%;
    bottom:0%;
    left:0%;
    height:35%
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height {
    height:100vh
}
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height>img:first-child {
    z-index:1
}
.authentication-wrapper.authentication-basic .authentication-inner {
    max-width:460px;
    position:relative
}
.authentication-wrapper.authentication-basic .authentication-inner:before {
    z-index: -4;
    width:238px;
    height:233px;
    content:" ";
    position:absolute;
    top:-35px;
    left:-45px;
    background-image:url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A")
}
@media(max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .authentication-inner:before {
        display:none
    }
}
.authentication-wrapper.authentication-basic .authentication-inner:after {
    width:180px;
    height:180px;
    content:" ";
    position:absolute;
    z-index:-1;
    bottom:-30px;
    right:-56px;
    background-image:url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E")
}
@media(max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .authentication-inner:after {
        display:none
    }
}
.authentication-wrapper .auth-input-wrapper .auth-input {
    max-width:50px;
    padding-left:.4rem;
    padding-right:.4rem;
    font-size:150%
}
@media(max-height: 636px) {
    .auth-multisteps-bg-height {
        height:100% !important
    }
}
@media(max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size:1.125rem
    }
}



/*________________________________________________________*/


.form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #ffffff;
    padding: 30px;
    width: 450px;
    border-radius: var(--radius-lg);
    margin: 0 auto;
}



.form button {
    align-self: flex-end;
}

.flex-column > label {
    color: #151717;
    font-weight: 600;
}

.inputForm {
    border: 1.5px solid #ecedec;
    border-radius: var(--radius-sm);
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    transition: 0.2s ease-in-out;
}

.input {
    margin-left: 10px;
    border-radius: var(--radius-sm);
    border: none;
    width: 85%;
    height: 100%;
}

.input:focus {
    outline: none;
}

.inputForm:focus-within {
    border: 1.5px solid #2d79f3;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.flex-row > div > label {
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.span {
    font-size: 14px;
    margin-left: 5px;
    color: #2d79f3;
    font-weight: 500;
    cursor: pointer;
}

.button-submit {
    margin: 20px 0 10px 0;
    background-color:var(--theme-color);
    border: none;
    color: white;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--radius-sm);
    height: 50px;
    width: 100%;
    cursor: pointer;
}

.button-submit:hover {
    background-color: var(--theme-color-hover);
}