/* Reset some default styles */
        body, html {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            box-sizing: border-box;
        }

        /* Main container styling */
        body {
             padding-top: 10px;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            /*background-color: #f8f9fa;*/
        }
		
		.flex-grow-1 {
      flex-grow: 1;
    }
		

        form {
            background: #ffffff;
            padding: 10px;
            /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
            border-radius: 8px;
            width: 100%;
            max-width: 100%;
        }

        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #333;
        }

        input[type="text"] {
            width: calc(100% - 20px);
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
		
		input[type="number"] {
            width: calc(100% - 20px);
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
		
		select {
            width: calc(100% - 20px);
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
			min-width: 390px;
        }

        input[type="radio"] {
            margin-right: 8px;
        }

        /* Toggle button container */
        .toggle-container {
            margin-bottom: 15px;
        }

        
		
		.horizontal-list {
		  list-style-type: none;
		  padding: 0;
		  margin: 0;
		  display: flex; /* Menjadikan elemen horizontal */
		  justify-content: flex-end; /* Menjajarkan elemen ke kanan */
		}

		.horizontal-list li {
		  margin-right: 10px; /* Jarak antara elemen */
		}
		
		
		
		.horizontal-list2 {
		  list-style-type: none;
		  padding: 0;
		  margin: 0;
		}
		.horizontal-list2 li {
		  margin-right: 10px; /* Jarak antara elemen */
		}
		
		.hidden {
            display: none;
        }
		
		.checkbox-container {
            max-height: 120px; /* Adjust this to fit the desired height (5 items) */
            overflow-y: auto;
            border: 5px solid #ccc;
			border-radius: 15px;
            padding: 10px;
            width: 98%; /* Optional: to control the container width */
        }
		
		
		.reset-button {
            width: 20%;              /* Set button width to 30% */
            background-color: green; /* Green background color */
            color: white;            /* White text color */
            padding: 8px;           /* Padding for better appearance */
            border: none;            /* Remove border */
            border-radius: 5px;      /* Rounded corners */
            cursor: pointer;         /* Change cursor to pointer on hover */
            font-size: 14px;         /* Font size for better readability */
			margin-left: ;       /* Add spacing from checkbox container */
            
			
        }

        /* Optional hover effect for Reset button */
        .reset-button:hover {
            background-color: darkgreen; /* Darker green on hover */
        }
		
		.hitung-button {
            width: 100%;              /* Set button width to 30% */
            background-color: #007bff;; /* Green background color */
            color: white;            /* White text color */
            padding: 12px;           /* Padding for better appearance */
            border: none;            /* Remove border */
            border-radius: 15px;      /* Rounded corners */
            cursor: pointer;         /* Change cursor to pointer on hover */
            font-size: 14px;         /* Font size for better readability */
			margin-left: ;       /* Add spacing from checkbox container */
            
			
        }

        /* Optional hover effect for Reset button */
        .hitung-button:hover {
            background-color: #0056b3; /* Darker green on hover */
        }


.horizontal-list3 {
    list-style-type: none; /* Remove default list styling */
    padding: 0;           /* Remove default padding */
    margin: 0px;            /* Remove default margin */
	display: flex; /* Menjadikan elemen horizontal */
}

.horizontal-list3 li {
    display: inline-block; /* Align list items horizontally */
    margin-right: 2px;   /* Space between dropdowns */
    vertical-align: top;   /* Aligns items at the top */
}		
		
.horizontal-list4 {
    list-style-type: none; /* Remove default list styling */
    padding: 0;           /* Remove default padding */
    margin: 5px;            /* Remove default margin */
	display: flex; /* Menjadikan elemen horizontal */
}

.horizontal-list4 li {
    display: inline-block; /* Align list items horizontally */
    margin-right: 15px;   /* Space between dropdowns */
    vertical-align: top;   /* Aligns items at the top */
}

.horizontal-list5 {
    list-style-type: none; /* Remove default list styling */
    padding: 0;           /* Remove default padding */
    margin: 0px;            /* Remove default margin */
	display: flex; /* Menjadikan elemen horizontal */
}

.horizontal-list5 li {
    display: inline-block; /* Align list items horizontally */
    margin-right: 10px;   /* Space between dropdowns */
    vertical-align: top;   /* Aligns items at the top */
}



#kelurusan1, 
#kelurusan2, 
#kelurusan3
 {
    width: 10%;            /* Set the width of the select */
    padding: 10px;        /* Padding inside the select */
    margin-bottom: 15px;  /* Margin below the select */
    border: 1px solid #ccc; /* Border style */
    border-radius: 5px;   /* Rounded corners */
    font-size: 16px;      /* Font size */
    max-width: 600px;     /* Adjust max-width to fit the dropdown properly */
    min-width: 100px;     /* Optional: Minimum width for better accessibility */
}



#alur1,
#alur2,
#alur3,
#alur4,
#pecah_bontos1,
#pecah_bontos2,
#pecah_bontos3,
#pecah_bontos4
 {
    width: 10%;            /* Set the width of the select */
    padding: 10px;        /* Padding inside the select */
    margin-bottom: 15px;  /* Margin below the select */
    border: 1px solid #ccc; /* Border style */
    border-radius: 5px;   /* Rounded corners */
    font-size: 16px;      /* Font size */
    max-width: 70px;     /* Adjust max-width to fit the dropdown properly */
    min-width: 70px;     /* Optional: Minimum width for better accessibility */
}


#pecah1,
#pecah2,
#pecah3,
#pecah4,
#pecah5,
#gr_tb_tr_bts1,
#gr_tb_tr_bts2,
#gr_tb_tr_bts3,
#gr_tb_tr_bts4,
#gr_tb_tr_bts5
 {
    width: 10%;            /* Set the width of the select */
    padding: 10px;        /* Padding inside the select */
    margin-bottom: 15px;  /* Margin below the select */
    border: 1px solid #ccc; /* Border style */
    border-radius: 5px;   /* Rounded corners */
    font-size: 16px;      /* Font size */
    max-width: 60px;     /* Adjust max-width to fit the dropdown properly */
    min-width: 60px;     /* Optional: Minimum width for better accessibility */
}

#pecah_slemper1,
#pecah_slemper2,
#pecah_banting1,
#pecah_banting2,
#gr_tb_tr_bdn1,
#gr_tb_tr_bdn2,
#lengar1,
#lengar2,
#buncak1,
#buncak2,
#lubang_pelatuk1,
#lubang_pelatuk2,
#kulit_terselip_bdn1,
#kulit_terselip_bdn2,
#kulit_terselip_bts1,
#kulit_terselip_bts2,
#lubang_gerek_bdn1,
#lubang_gerek_bdn2,
#lubang_gerek_bts1,
#lubang_gerek_bts2,
#gubal1,
#gubal2

 {
    width: 10%;            /* Set the width of the select */
    padding: 10px;        /* Padding inside the select */
    margin-bottom: 15px;  /* Margin below the select */
    border: 1px solid #ccc; /* Border style */
    border-radius: 5px;   /* Rounded corners */
    font-size: 16px;      /* Font size */
    max-width: 180px;     /* Adjust max-width to fit the dropdown properly */
    min-width: 180px;     /* Optional: Minimum width for better accessibility */
}

#mata_kayu1,
#mata_kayu2,
#mata_kayu3,
#mata_kayu4

 {
    width: 10%;            /* Set the width of the select */
    padding: 10px;        /* Padding inside the select */
    margin-bottom: 15px;  /* Margin below the select */
    border: 1px solid #ccc; /* Border style */
    border-radius: 5px;   /* Rounded corners */
    font-size: 16px;      /* Font size */
    max-width: 100px;     /* Adjust max-width to fit the dropdown properly */
    min-width: 100px;     /* Optional: Minimum width for better accessibility */
}