.container-login {
    background-color: #EAECF0;
    min-height: 100%; /* Menggunakan viewport height untuk memenuhi tinggi layar */
    background-image: url(../img/bg-white.svg);
    background-size: auto 100%; /* Menyesuaikan gambar untuk memenuhi latar belakang */
    background-repeat: no-repeat; /* Menghindari pengulangan gambar */
    background-position: right; /* Posisi gambar di tengah-tengah */
}

.radius3 {
    border-radius: 3rem;
}

.radius09 {
    border-radius: .9rem;
}
.radius03 {
    border-radius: .3rem !important;
}

.border-none {
    border: none;
}

.side-left-login {
    background-image: url(../img/university.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: inherit !important;
}

.side-left-login-body {
    height: calc(100vh - 8rem);
}

.form-control{
    border-radius: .7rem;
    padding: .8rem 1rem;
}

.btn-lgg {
    border-radius: .7rem;
    padding: .8rem 1.567121rem;
}

.bg-grey-lt {
    background-color: #eeeff3a9 !important;
}

.litepicker .container__days .day-item.is-today {
    background-color: #f0f3f7 !important;
}

/* .btn-sm */
@media (max-width: 768px) {
    .container-login {
        background-color: #FFF; 
        background-size: cover; /* Menyesuaikan gambar untuk memenuhi latar belakang */
        background-repeat: no-repeat; /* Menghindari pengulangan gambar */
        background-position: right; /* Posisi gambar di tengah-tengah */
    }
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg {
        width: 18rem;
    }
    
    .navbar-expand-lg.navbar-vertical~.navbar, .navbar-expand-lg.navbar-vertical~.page-wrapper {
        margin-left: 18rem;
    }
}