body {
    background-color: #f4f4f4;
}
.navbar {
    background-color: #08335a;
    padding: 10px;
    height: 80px;
}

#navbarSupportedContent {
    background-color: #08335a;
    padding: 10px;
}

#logo_kalsel {
    height: 45px;
}

#logo_dishub {
    height: 45px;
}

#navbar-sidara_bungas {
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 3px;
}

.kategori {
    padding: 10px;
    box-shadow: 0px 2px 4px #08335a;
    margin-bottom: 33px;
}

.kategori-dalam {
    margin: 18px;
    font-size: 12px;
    font-family: Poppins;
    color: black;
    padding: 30px;
    box-shadow: 1px 2px 8px #08335a;
}

.isi-kategori {
    box-shadow: 1px 1px 4px #08335a;
    padding: 15px;
    border-left: 5px solid #08335a;
    border-radius: 12px !important;
    margin-bottom: 12px;
    font-size: 12px;
    cursor: pointer;
    background: linear-gradient(to left, rgb(255, 255, 255) 50%, #08335a 50%)
        right;
    background-size: 200%;
    transition: 0.3s ease-out;
}

.isi-kategori:hover {
    background-position: left;
    color: white;
}

.active-sidara {
    background: #08335a !important;
    color: white;
}

.caption-kategori {
    margin-bottom: 12px;
    margin-top: 33px;
    font-size: 12px;
}

.konten {
    box-shadow: 1px 1px 5px #08335a;
    margin: 5px;
    padding: 10px;
}

.konten-file {
    background-color: #e0e0e0;
    font-size: 12px;
    padding: 12px;
}

.konten-keterangan {
    font-size: 12px;
    margin: 12px;
}

.konten-tanggal {
    font-size: 10px;
    margin: 12px;
}

table {
    width: 100%;
    border-collapse: collapse; /* Hilangkan jarak antara sel */
}

.tabel-col-file {
    width: 80%;
    word-wrap: break-word; /* CSS3 */
    white-space: normal;
}

.tabel-col-icon {
    width: 20%;
}

#modal_body-upload_dokumen {
    margin: 12px;
}

#modal_conten-upload_dokumen {
    border-top: solid 12px #08335a;
    border-bottom: solid 12px #edab00;
}

.bg-info {
    background-color: #08335A !important;
}

.border-info {
    border-color: #08335A !important;
}

.btn-primary {
    background-color: #064E90;
    color: #fff;
    box-shadow: 0 4px 9px -4px #3b71ca;
}

@media (min-width: 992px) {
    #navbar-sidara_bungas {
        font-size: 23px;
    }

    .caption-kategori {
        font-size: 14px;
    }

    .isi-kategori {
        font-size: 14px;
        background: linear-gradient(
                to left,
                rgb(255, 255, 255) 50%,
                #08335a 50%
            )
            right;
        background-size: 200%;
        transition: 0.3s ease-out;
    }

    .isi-kategori:hover {
        background-position: left;
        color: white;
    }

    .konten-file {
        font-size: 14px;
        padding: 14px;
    }

    .konten-keterangan {
        font-size: 14px;
        margin: 14px;
    }

    .konten-tanggal {
        font-size: 12px;
    }

    .konten {
        margin: 10px;
        padding: 15px;
        margin-right: 20px;
    }

    .tabel-col-file {
        width: 90%;
    }

    .tabel-col-icon {
        width: 10%;
    }

    #modal_body-upload_dokumen {
        margin: 45px;
    }
}