html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

h1 {
    font-size: 30px;
    color: #1a5128;
    margin-top: 44px;
    margin-bottom: 44px;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.menu {
    float: right;
    display: block;
    margin-top: 79px;
}

.navbar-fixed-top {
    position: relative;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.page-header {
    border-style: none;
    padding-bottom: 0;
    margin: 0;
}

.content {
    padding-bottom: 170px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/* hide FOUC */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.brand_list {
    padding: 0;
}

    .brand_list li {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

.navbar {
    margin-bottom: 0;
}

.navbar-header {
    float: none;
}

    .navbar-header span {
        text-indent: -9999px; /* hide the text in the header (we have a logo - don't need it) */
        direction: ltr;
    }

.navbar-inverse {
    background-color: white;
    border-bottom-color: #d6edbb;
}

.navbar-brand img {
    margin: auto;
    height: auto;
    width: 100px;
}

.form-wrapper {
    position: relative;
    top: 15%;
}

.field-wrapper {
    padding: 0 25%;
}

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

.navbar-brand {
    width: 306px;
    height: auto;
    margin: 10px 0;
    padding: 0;
    display: inline-block;
    float: none !important;
}

.label-footer {
    color: #CCFFB1;
}

.label-black {
    color: black;
}

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

@media (min-width: 992px) {
    .container {
        width: 920px;
    }

    footer .col-md-4 {
        padding-left: 0;
    }

        footer .col-md-4.col-right {
            text-align: right;
        }
}

.form-group {
    margin-bottom: 15px; /* Menambah jarak antar elemen form */
}

.checkbox {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px; /* Menambah jarak antar elemen checkbox */
    margin-bottom: 20px; /* Menambah jarak antar elemen checkbox */
    display: flex;
}

.checkbox label {
    font-weight: bold; /* Mengatur teks pada label menjadi bold */
    padding-left:0px;
}

    .checkbox input[type="checkbox"] {
        margin-right: 8px; /* Mengatur jarak antara checkbox dan label */
    }