.login {
    justify-content: center;
    margin-top: 50px;
}

.table {
    
    font-family: sans-serif;
    min-width: 400px;
    border-collapse: collapse;
}

.table-responsive {
   height: 400px;
   overflow: scroll;
}

.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {
   padding: 2px;
}





*{
    box-sizing: border-box;
    font-family: "Merriweather Sans", sans-serif;
 }
 
 body{
    background-color: #eee;   
 }

 
 /* section{
    padding-top: 5rem;
 } */

 



 .spacer{
    width: auto;
    height: 150px;
 }
 .spacermini{
    width: auto;
    height: 30px;
 }

 .dataTables_length, .dataTables_wrapper {
   font-size: 1.6rem;
}
.dataTables_length select, .dataTables_wrapper select, .dataTables_length input, .dataTables_wrapper input {
   background-color: #f9f9f9;
   border: 1px solid #999;
   border-radius: 4px;
   height: 3rem;
   line-height: 2;
   font-size: 1.8rem;
   color: #333;
}
.dataTables_length .dataTables_length, .dataTables_wrapper .dataTables_length, .dataTables_length .dataTables_filter, .dataTables_wrapper .dataTables_filter {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 10px;
   display: inline-flex;
}
.paginate_button {
   min-width: 4rem;
   display: inline-block;
   text-align: center;
   padding: 1rem 1.6rem;
   margin-top: -1rem;
   border: 2px solid lightblue;
}
.paginate_button:not(.previous) {
   border-left: none;
}
.paginate_button.previous {
   border-radius: 8px 0 0 8px;
   min-width: 7rem;
}
.paginate_button.next {
   border-radius: 0 8px 8px 0;
   min-width: 7rem;
}
.paginate_button:hover {
   cursor: pointer;
   background-color: #eee;
   text-decoration: none;
}

/* untuk pilihan lainya pada inputan */
.hide {
   display: none;
 }

 .select2-container {
   z-index: 9999 !important;
 }

 /* @media screen and (max-width: 991px) {
   .judul{
      display: none;
   }
 } */


 /* halaman instruksi */
 .red-row {
   background-color: #ffcccc; /* Atur warna latar belakang */
   font-size: smaller;
}

#tableAgenda {
   font-size: 16px; /* Atur ukuran font untuk tabel dengan ID myTable */
 }
 
 #tableAgenda th,
 #tableAgenda td {
   font-size: 16px; /* Atur ukuran font untuk sel header dan sel data dalam tabel */
 }
 .dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
  font-size: 16px; /* Mengatur ukuran font */
  /* Atur properti CSS lainnya sesuai kebutuhan */
}
.dataTables_length select,
.dataTables_filter input {
  font-size: 16px; /* Atur ukuran font sesuai kebutuhan */
  /* Atur properti CSS lainnya jika diperlukan */
}