.login-digilib {
    /*background-image: url('/img/bglogin.jpg');*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background: linear-gradient(to bottom right, #f15a23, #f47b4f);*/
    background: #fff url(/img/kawung25.png) fixed;
    height: 100vh;
    width: 100vw;
}
.login-digilib:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.5;
}
.login-wrap {
    width: 100%;
    max-width: 350px;
}
.btn-refresh {
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    border-left: 0;
}
.img-captcha {
    border-radius: 10px 0 0 10px;
    width: 100%;
    height: 40px
}
.login-box {
    display: flex;
    align-items: center;
    height: 100vh;
}

.form-control {
    color: white !important;
    border: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}
.form-control:focus {
    background: transparent !important;
}
.form-password {
    padding-right: 40px;
}
.btn-login {
    border-radius: 10px;
}
.form-group {
    position: relative;
    margin-bottom: 10px;
}
.field-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8)
}
.img-logo {
    height: 50px;
}
.btn-main {
    --bs-btn-color: #fff;
    --bs-btn-bg: #C0392B;
    --bs-btn-border-color: #C0392B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #73221a;
    --bs-btn-hover-border-color: #73221a;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #73221a;
    --bs-btn-active-border-color: #73221a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C0392B;
    --bs-btn-disabled-border-color: #C0392B;
    color: #fff;
    background-color: #C0392B;
    border-color: #C0392B;
    box-shadow: none;
}
.btn-main:hover {
    color: #fff;
    background-color: #73221a;
    border-color: #73221a;
}