html,body{
    margin:0;
    height: 100%;
}
.login-page{
    width: 100%;
    height: 100%;
    background-color: #242645;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-box{
    box-shadow:-15px 15px 15px rgb(6 17 47 / 70%);
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(.68,-.25,.265,.85);
    transition-property: transform,opacity,box-shadow,top,left;
    transition-duration: .5s;
    transform-origin: 161px 100%;
    transform: rotateX(0deg);
    width: 300px;
    height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    padding: 100px 40px 40px 40px;
    background: #35394a;
    background: linear-gradient( 230deg,rgba(53,57,74,0),#000);
}
.login_title {
    color: #d3d7f7;
    height: 60px;
    text-align: left;
    font-size: 20px;
}
.login_fields {
    position: relative;
    width: 100%;
    height: auto;
}
.login_fields .icon {
    position: absolute;
    z-index: 1;
    left: 36px;
    top: 8px;
    opacity: .5;
}
.login_fields .icon img{
    vertical-align: middle;
}
.login_fields input[type=password], .login_fields input[type=text] {
    color: #61bfff!important;
    font-size: 16px;
    width: 190px;
    margin-top: -2px;
    background: rgba(57,61,82,0);
    left: 0;
    padding: 10px 65px;
    border-top: 2px solid rgba(57,61,82,0);
    border-bottom: 2px solid rgba(57,61,82,0);
    border-right: none;
    border-left: none;
    outline: none;
    font-family: Gudea,sans-serif;
    box-shadow: none;
}
.login_fields input[type=password]::placeholder, .login_fields input[type=text]::placeholder{
    color: #cecfd2;
    opacity: 1
}
.login-box .validation {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 14px;
    opacity: 0;
}
.login_fields__password,.login_fields__user {
    margin-top: 15px;
    position: relative;
}
.login_fields__submit {
    position: relative;
    top: 17px;
    left: 0;
    width: 80%;
    right: 0;
    margin: auto;
}
.login_fields__submit input:focus {
    box-shadow: none;
    outline: none
}
.login_fields__submit input:hover {
    color: #fff;
    background: #4fa1d9;
    cursor: pointer;
    transition-property: background,color;
    transition-duration: .2s
}
.login_fields__submit input {
    border-radius: 50px;
    background: transparent;
    padding: 10px 50px;
    border: 2px solid #4fa1d9;
    color: #4fa1d9;
    text-transform: uppercase;
    font-size: 16px;
    transition-property: background,color;
    transition-duration: .2s;
}
.disclaimer {
    position: absolute;
    bottom: 20px;
    left: 35px;
    width: 250px;
}
.disclaimer p{
    color: #d3d7f7;
}
.J_codeimg {
    width: 85px;
    height: 36px;
    padding: 3px;
    z-index: 0;
    color: #fff;
}