@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');
.login-page{font-family: 'Shippori Mincho B1', serif;}
.login-page .login-logo img[height="50"]{display:none;}

.login-page .card-primary.card-outline{border-top:none !important;}
.login-page .card-header {display:none;}
.login-page .card-footer {display:none;}

.logo_image {
    width: 400px !important;
    margin-left: -20px;
}

.login-box .card{
background-color:rgba(255,255,255,0);
}

.login-box .login-card-body{
background-color:rgba(0,0,0,0.2);
backdrop-filter:blur(15px);
border-radius:2px;

}

body.login-page {
  background: linear-gradient(148deg, rgba(75,94,108,1) 0%, rgba(24,19,31,1) 100%);
}


.brand-link .brand-image-xs {
  max-height: 40px !important;
}
.brand-image.img-circle.elevation-3.logo-xs{box-shadow:inherit !important;}

.logo-xl.brand-image-xs, .logo-xs.brand-image-xs {
  left: 45px;
}

.brand-link .brand-image {
    margin-left: .4rem !important;
}


.login-box button,
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active {
  background: linear-gradient(148deg, rgba(118,149,172,1) 0%, rgba(79,60,102,1) 100%);
}
.login-box button{border:inherit;border-radius:2px;}

.form-control:focus,.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text, .register-card-body .input-group .form-control:focus~.input-group-append .input-group-text{
border-color: #7695ac!important;
}