.header-laporan {
     color: #000;
     font-family: 'Times New Roman', sans-serif;
     font-size: 20px;
     font-weight: 600;
}

.footer-laporan {
     color: #000;
     font-family: 'Times New Roman', sans-serif;
     font-size: 20px;
     font-weight: 600;
}

.font-tnr {
     font-family: 'Times New Roman', sans-serif;
}

.paragraph-laporan {
     text-align: justify;
     text-indent: 30px; /* Atur nilai identasi sesuai kebutuhan */
}

.font-poppins {
     font-family: 'Poppins', sans-serif;
}

.font-montserrat {
     font-family: 'Montserrat', sans-serif;
}

.text-600 {
     font-weight: 600;
}

.text-green-custom {
     color: #25B06C;
}

.text-dark-grey {
     color: #525252;
}

.bg-green-custom {
     background-color: #25B06C;
}

.badge-rps {
     background-color: #D1FFE9;
     color: #25B06C;
     border: #25B06C 1px solid;
}

.badge-rps-warning {
     background-color: #FFF3D1;
     color: #FFA800;
     border: #FFA800 1px solid;
}

.badge-rps-kuning {
     background-color: #F4CE14;
     color: #FFF;
     border: #F4CE14 1px solid;

}

.bg-soft-green {
     background-color: #F8FFFB;

}

.btn-merah {
     background-color: #FF4F70;
     color: #FFF;
}

.btn-merah:hover {
     background-color: #d4455f;
     color: #FFF;
}

.btn-hitam {
     background-color: #525252;
     color: #FFF;
}

.btn-hitam:hover {
     background-color: #3a3939;
     color: #FFF;
}

.btn-img:hover {
     cursor: pointer;
     transform: scale(1.15);
}

.btn-green {
     background-color: #25B06C;
     color: #FFF;
}

.btn-green:hover {
     background-color: #32D183;
     color: #FFF;
}

.btn-green:active {
     background-color: #32D183;
     color: #FFF;
}

/* btn-green disabled */
.btn-green:disabled {
     background-color: #25B06C;
     color: #FFF;
}

.btn-light-green {
     background-color: #32D183;
     color: #fff;
}

.btn-light-green:hover {
     background-color: #25B06C;
     color: #fff;
}

.btn-light-green:active {
     background-color: #25B06C;
     color: #fff;
}

.btn-yellow {
     background-color: #F4CE14;
     color: #fff;
}

.btn-yellow:hover {
     background-color: #d5b513;
     color: #fff;
}

.btn-yellow:active {
     background-color: #d5b513;
     color: #fff;
}

.bg-yellow-custom {
     background-color: #F4CE14 !important;
     color: #fff !important;
}

.radio-green:checked {
     /* Ganti warna latar belakang dan warna border sesuai kebutuhan */
     background-color: #25B06C;
     /* Ubah warna latar belakang */
     border-color: #25B06C;
     /* Ubah warna border */
}

/* CSS */
.card-container {
     background-color: #25B06C;
     border-radius: 20px;
     position: relative;
}

.card-img-top {
     max-width: 70vw;
     bottom: 0;
     margin-right: 20px;
}

.card-img {
     max-width: 400px;
     position: absolute;
     bottom: 0;
     right: 0;
     margin-right: 20px;
     margin-bottom: 20px;
     z-index: 3;
}

.card-body {
     display: flex;
     flex-direction: column;
     position: relative;
     z-index: 2;
}

.title-monev {
     font-family: 'Montserrat', sans-serif;
     color: #F9FBFD;
     font-size: 3vw;
     /* Ukuran font untuk desktop */
     font-weight: 700;
     margin-top: 20px;
     margin-bottom: 20px;
}

.section-code {
     font-family: 'Poppins', sans-serif;
     color: #525252;
     font-size: 1.3vw;
     /* Ukuran font untuk desktop */
     font-weight: 600;
     display: flex;
     align-items: center; /* Memposisikan teks di tengah secara vertikal */
}

.section-name {
     font-family: 'Poppins', sans-serif;
     color: #25B06C;
     font-size: 1.5vw;
     /* Ukuran font untuk desktop */
     font-weight: 600;
     overflow-y: auto; /* Untuk memastikan teks mengalir ke bawah jika panjang */
     max-height: 100%; /* Batas tinggi maksimum jika teks terlalu panjang */
     display: flex;
     align-items: center; /* Memposisikan teks di tengah secara vertikal */
}

.dosen-name {
     font-family: 'Poppins', sans-serif;
     color: #525252;
     font-size: 1vw;
     /* Ukuran font untuk desktop */
     font-weight: 600;
     display: flex;
     align-items: center; /* Memposisikan teks di tengah secara vertikal */
}

@media screen and (max-width: 767px) {
     /* Media query untuk perangkat mobile dengan lebar layar kurang dari atau sama dengan 767px */
     .title-monev {
          font-size: 5vw;
          margin-top: 15px;
          margin-bottom: 15px;
          /* Ukuran font untuk mobile */
     }

     .section-code {
          font-size: 3vw;
          /* Ukuran font untuk mobile */
     }

     .section-name {
          font-size: 3.5vw;
          /* Ukuran font untuk mobile */
     }

     .dosen-name {
          font-size: 3vw;
          /* Ukuran font untuk mobile */
     }
}