/* coloring */
html {
	color: #000000;
}
body {
    background: url(https://journal.walisongo.ac.id/public/site/images/inzacky/bg-2018.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-attachment: inherit;
    background-position: center top;
    background-color: white;
}
#main, .main-full {
    padding-left: 0 !important;
    max-width: 1344px;
    margin: 0 auto;
	margin-top: -5px;
    background: #fff;
    box-shadow: 0 0 10px #d4c6c6;
}
#main a {
    color: #3a17e8;
}
nav {
    background-color: #090370;
}
nav .nav-wrapper {
    height: 100%;
    max-width: 1344px;
    margin: 0 auto;
}

.blockTitle {
    display: block;
    background: #090370;
    padding: 10px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 1.2rem;
    margin: -10px -10px 5px -10px;
}
.instruct {
    font-size: 0.9rem;
    color: #333;
}
.nfile {
    background: #090370;
}
div.panel-body a.title {
    font-size: 1rem;
}
.infoissue {
    background: #090370;
    color: #ffffff;
}
.issuehome {
    background: #f1cccc;
}
.issuecoverage{
    background:#cf7e4c!important;
    color:#fff!important;
    font-weight:600;
    padding:10px 10px;
    border-radius:0 0 5px 5px;
    font-size: 15px!important;
}
.TOC {
    border-bottom: 1px solid #f5dcdc;
}
.tocTitle a {
    color: #144ba8 !important;
    line-height: 130%;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    display: inline-block;
}
.tocAuthors, .tocAuthors a, .tocPages, .well, #principalContact {
    color: #524f4f !important;
}
.nfile, header.header_view {
    color: #fff !important;
    background: #090370 !important;
}
.nfile:hover, header.header_view:hover {
    background: #630808 !important;
}
.sidemenu li {
    background: #f2f0f0;
    border-bottom: 1px solid #b0e4e4;
    margin: -10px -10px 10px -10px;
    padding: 10px;
}

.onHover a {
    color: #212121 !important;
}
.onHover a:hover {
    color: #e3f2fd !important;
}
.onHover li:hover {
    background: #82b1ff !important;
}

.block, a .sidemenu li a {
    color: #212121 !important;
    font-weight: 600!important;
}

.sidemenu li:hover {
    background: #f1cccc;
}
.footertop {
    background: #090370;
    padding: 10px;
    color: #fff;
    border-bottom: 5px solid #090370;
}
.page-footer {
    background: #610904;
    color: #fff;
}
.page-footer a {
    color: #fff !important;
}
.credit {
    font-size: 0.8rem;
    color:#fff !important;
    opacity: 1;
}
#horizontal-nav ul li a i, #horizontal-nav ul li a span {
    color: #090370;
    font-weight: 700;
}
.brand-logo {
    border-radius: 25px;
}
.tidakfull {
    max-width: 1344px;
    margin: 0 auto!important;
}
.footer-copyright {
    max-width: 1344px;
    margin: 0 auto;
}
.metriknya {
	text-align: center;
}

.btn-large:hover, .btn-small:hover, .btn:hover, .btnlink:hover, .button:hover, .action:hover {
    background: #630808;
    color: #fff !important;
}
.btnlink, .btn-large, .btn-small, .btn, .button, .action {
    background: #c91c1c;
    color: #fff !important;
    text-align:center;
    border: 0px solid gray;
    min-width: 100px;
    display: inline-block;
    box-shadow: 0px 0px 0px grey;
    border-radius: 3px;
}
label {
    color: #333;
}
.published {
	display: block; /* ganti none jika tidak dimunculkan */
}
.submitted {
	display: none; /* ganti none jika tidak dimunculkan */
}
#profilePicContent {
    margin: 20px 16px 60px 16px;
}
#mainNavbar, #mainmenu, #pageFooter {
	color: #fff !important;
    background: #090370 !important;
	border: none;
	border-radius: 0px;
}
#pageFooter a, #pageFooter a:hover, #pageFooter a:visited {
	color: #fff !important;
}
#container > #body > #main {
	box-shadow: none;
}
.btn-floating.btn-large {
    background: #090370 !important;
}
.btn-floating.btn-large:hover {
    background: #fcf921 !important;
}
.homecontent {
	box-shadow: none;
	background: #fff;
}
#sidebarUser > strong {
    background: #090370;
    color: #fff;
}
#headerTitle > h1 {
    color: #fff;
    background: #090370;
}
#header > #headerTitle > h1 {
    background: #fff;
    color: #222222;
}
#container{
	display: block !important;
}
kategori {
    display: none;
}
#cardpage h4 {
    font-size: 20px; font-weight: 500; color: #333333 !important;
}

th, strong {
    font-weight: bolder;
}


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">