:root {
     --ungu: #7F56D9;
     --ungu-muda: #F4EBFF;
     --abu-abu: #95959B;

}

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

.text-hijau-unj {
     color: #006369;
}

.btn-hijau-unj {
     background-color: #006369;
     color: #FFF;
}

.btn-hijau-unj:hover {
     background-color: #004f52;
     color: #FFF;
}

.btn-hijau-unj:active {
     background-color: #004f52;
     color: #FFF;
}

.btn-hijau-unj:disabled {
     background-color: #5f9fff;
     color: #FFF;
}

.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 */
}

.text-justify {
     text-align: justify;
}

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

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

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

.text-fmipa {
     color: #1E58B1;
}

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

.bg-blue-fmipa {
     background-color: #1E58B1;
}

.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-blue-fmipa {
     background-color: #1E58B1;
     color: #FFF;
}

.btn-blue-fmipa:hover {
     background-color: #1871f7;
     color: #FFF;
}

.btn-blue-fmipa:active {
     background-color: #1871f7;
     color: #FFF;
}

/* btn-blue-fmipa disabled */
.btn-blue-fmipa:disabled {
     background-color: #5f9fff;
     color: #FFF;
}

.btn-light-blue {
     background-color: #C9DEFF;
     color: #1E58B1;
}

.btn-light-blue:hover {
     background-color: #b3c9ff;
     color: #1E58B1;
}

.btn-light-blue:active {
     background-color: #b3c9ff;
     color: #1E58B1;
}

.btn-light-blue:disabled {
     background-color: #5f9fff;
     color: #1E58B1;
}

.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-blue:checked {
     /* Ganti warna latar belakang dan warna border sesuai kebutuhan */
     background-color: #1E58B1;
     /* Ubah warna latar belakang */
     border-color: #1E58B1;
     /* Ubah warna border */
}

/* CSS */
.card-container {
     background-color: #C9DEFF;
     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: #1E58B1;
     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: #1E58B1;
     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 */
     }
}