.harus::after,
.harus1::after {
    content: " *";
    color: #f1556c;
}

.bahaya, .error {
    color: #f1556c;
}

.gambar-tengah {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.pdf-tengah {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
    height: 400px;
}

.navbar-white {
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    animation: headerSlideDown .95s ease forwards;
    -webkit-animation: headerSlideDown .95s ease forwards;
    min-height: 80px;
}

.main-header .nav-link {
    font-size: 16px;
    line-height: 1.18;
    color: #333;
}
.nav-link .link-text {
    position: relative;
    display: inline-block; /* penting biar garis ngikut teks */
}

    .nav-link .link-text::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 0;
        height: 2px;
        background-color: #c8a48c;
        transition: width 0.3s ease;
    }

.nav-link:hover .link-text::after,
.nav-link.active .link-text::after {
    width: 100%; /* sepanjang teks saja */
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}


.form-control {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 3px 20px;
    height:45px;
}

.form-control:focus {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 40px rgba(51,51,51,.1);
    color:#333;
}

.btn {
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    border: 1px solid transparent;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    letter-spacing: 0em;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transform: translateY(0px);
}

    .btn:hover, .btn:active, .btn:focus {
        font-weight: 500;
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.btn-secondary {
    background-image: none;
    background-color: #d2a98e;
}

.card {
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    padding: 2rem 2.25rem;
}

.main-footer {
     border-top: #f8f8f8;
}


.alert.alert-primary {
    background-color: #3699FF;
    border-color: #3699FF;
    color: #FFFFFF;
}

    .alert.alert-primary .close i {
        opacity: 0.8;
        color: #FFFFFF;
    }

    .alert.alert-primary .close:focus i, .alert.alert-primary .close:hover i {
        opacity: 1;
        color: #FFFFFF;
    }

.alert.alert-secondary {
    background-color: #E4E6EF;
    border-color: #E4E6EF;
    color: #3F4254;
}

    .alert.alert-secondary .close i {
        opacity: 0.8;
        color: #3F4254;
    }

    .alert.alert-secondary .close:focus i, .alert.alert-secondary .close:hover i {
        opacity: 1;
        color: #3F4254;
    }

.alert.alert-success {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
    color: #ffffff;
}

    .alert.alert-success .close i {
        opacity: 0.8;
        color: #ffffff;
    }

    .alert.alert-success .close:focus i, .alert.alert-success .close:hover i {
        opacity: 1;
        color: #ffffff;
    }

.alert.alert-info {
    background-color: #8950FC;
    border-color: #8950FC;
    color: #ffffff;
}

    .alert.alert-info .close i {
        opacity: 0.8;
        color: #ffffff;
    }

    .alert.alert-info .close:focus i, .alert.alert-info .close:hover i {
        opacity: 1;
        color: #ffffff;
    }

.alert.alert-warning {
    background-color: #FFA800;
    border-color: #FFA800; 
}

    .alert.alert-warning .close i {
        opacity: 0.8;
        color: #ffffff;
    }

    .alert.alert-warning .close:focus i, .alert.alert-warning .close:hover i {
        opacity: 1;
        color: #ffffff;
    }

.alert.alert-danger {
    background-color: #F64E60;
    border-color: #F64E60;
    color: #ffffff;
}

    .alert.alert-danger .close i {
        opacity: 0.8;
        color: #ffffff;
    }

    .alert.alert-danger .close:focus i, .alert.alert-danger .close:hover i {
        opacity: 1;
        color: #ffffff;
    }

.alert.alert-light {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #7E8299;
}

    .alert.alert-light .close i {
        opacity: 0.8;
        color: #7E8299;
    }

    .alert.alert-light .close:focus i, .alert.alert-light .close:hover i {
        opacity: 1;
        color: #7E8299;
    }

.alert.alert-dark {
    background-color: #181C32;
    border-color: #181C32;
    color: #ffffff;
}

    .alert.alert-dark .close i {
        opacity: 0.8;
        color: #ffffff;
    }

    .alert.alert-dark .close:focus i, .alert.alert-dark .close:hover i {
        opacity: 1;
        color: #ffffff;
    }

.alert.alert-white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #3F4254;
}

    .alert.alert-white .close i {
        opacity: 0.8;
        color: #3F4254;
    }

    .alert.alert-white .close:focus i, .alert.alert-white .close:hover i {
        opacity: 1;
        color: #3F4254;
    }

.layout-top-nav .wrapper .main-header .brand-image{
    height:60px;
    padding:2px;
}

.bg-agrobuana {
    background: url(../../img/bgAgrobhuana.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.imglogologin{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}