/* Put Background image on login page */
.container_login {
    background: #eee url(/hms_plus/static/body_bg.png);
    height: 100%;
}
.oe_login_form {

	margin-top: 4%;
        margin-left: 14%;
}



.form-control { 



	width :57%

}
img#logo_img 

{

    margin-top: 42%;
    width: 45%;
    padding-left: 10%;

}


.bold-title {
    font-weight: bold;
    color: #000000;
}

/* Memberikan warna latar belakang pada tab berdasarkan string page */
.o_notebook .nav-tabs .nav-item .nav-link.active {
    background-color: #4CAF50 !important; /* Ganti dengan warna yang diinginkan */
    color: white !important;  /* Ubah warna teks agar terlihat lebih baik */
}

.custom-group {
    font-size: 14px; /* Ukuran font untuk group lebih besar */
    font-weight: bold; /* Mengatur teks menjadi bold */
}

.custom-separator {
    font-size: 10px; /* Ukuran font untuk separator */
    font-weight: normal; /* Mengatur teks separator menjadi normal */
}

.custom-separator > div {
    text-transform: capitalize; /* Mengubah teks menjadi kapital hanya pada huruf pertama setiap kata */
}

.green {
    background-color: #28a745 !important; /* Hijau */
    color: white;
}

.yellow {
    background-color: #ffc107 !important; /* Kuning */
    color: black;
}

.red {
    background-color: #dc3545 !important; /* Merah */
    color: white;
}

.black {
    background-color: #000000 !important; /* Black */
    color: black;
}