:root{
	--cdefault: #e9e9e9;
	--cblack: #000000;
	--cwhite: #ffffff;
	--cgrey1: #e2e2e2;
	--cgrey2: #dbdbdb;
	--cgrey3: #bdbdbd;
	--cgrey4: #919191;
	--cgrey5: #515151;
	--brdwhite: #ffffff;
	--brdgrey: #515151;
	--bgwhite: #000000;
	--bgblack: #000000;
	--bggrey: #313131;
	--gold: #feaa00;
	--yellow: #ffc600;
	--blue: #0063c7;
	--pink: #d40072;
	--cyan: #00a4a6;
	--viola: #ac00d0;
	--orange: #ff5a00;
	--green: #16b900;
}
body{background-color:#000; color:var(--cdefault);}
a{color:#dbdbdb;}
a:hover{color:#fff;}
a:focus{color:#fff !important;}
.top-title{border-color:#bdbdbd}
.graphmod1 svg, .graphmod2 svg{fill:#000;}
.headline-svg1 svg{fill:#515151;}
.headline-svg2 svg{fill:#515151;}
.image-article:after{opacity:0.1;}
.jadwalshalat-left-icon1 svg{fill:#fff;opacity:0.15;}
.jadwalshalat-left-icon2 svg{fill:var(--color1);opacity:1;}
.jadwalshalat .headpanel a{color:#bdbdbd;}
.emandiri-title h1{opacity:0.55;}
.console-container{color:#919191;}
.apbd-head h1{color:var(--color1);}
.apbd:before{background:#212121;}
.apbd-link svg{opacity:0.4;fill:#dbdbdb;}
.footer-title-logo{border-color:#313131;}
.footer-title h2{color:#bdbdbd;}
.footer-graph .graphmod1 svg{fill:#313131;}
.contact-foot svg{fill:#919191;opacity:1;}
.contact-foot p, .single-link a, .subsingle-link a, .medsos p{color:#e9e9e9!important;}
.table-footer td, .table-footer th, .table-visitor td{background:rgba(255,255,255,0.05);}
.sideicon{background:#414141;}
.nav-tabs>li>a{color:#919191;}
.nav>li>a:hover{border-color:var(--brdgrey)!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-bottom-color:#000;color:var(--yellow);}
.circle .inner{border-color:#000;}
.panel-pop #style-3::-webkit-scrollbar-thumb, .modal #style-3::-webkit-scrollbar-thumb{background-color:transparent;}
.view-left svg, .meta-content svg{fill:#fff;}
.side-open h2, .head-module-small h1, .sdgspage-col h2{color:#e9e9e9;}
.textarea, .UFIImageBlockContent._42ef{background:#000!important;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #212121!important;border-color:#515151!important;}
.table-hover > tbody > tr:hover {background-color: #414141!important;border-color:#515151!important;}
.table-arsip td{border-color:#515151!important;border-top:none!important;}
.form-control{background-color: #212121!important;border-color:#515151!important;color:#bdbdbd!important;}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bdbdbd!important;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{background-color:transparent!important;}
.highcharts-background{fill:#111111;stroke:#515151!important;}
.highcharts-contextbutton{opacity:0.45;}
.highcharts-title{display:none;}
.sotk h4, .sotk p{color:#fff!important;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.highcharts-text-outline{fill:#fff;stroke:transparent;color:#fff!important;font-weight:normal!important;}
.highcharts-root text {fill:#fff !important ;font-weight:normal!important;}
.highcharts-tooltip text{fill:#000 !important ;color:#000!important;}
.pemb-title h1, .price h3, .head-pengaduan{color:var(--yellow);}
.pemb-title-bg{color:#fff;opacity:0.1;}
.row-bullet{background:#000!important;}
.idmicon{border-color:#000;}
.stunting-box:nth-child(2), .stunting-box:nth-child(2) .small-box{background:var(--viola)!important;}

@media (max-width: 992px) {
.headline-head{margin:-30px 25% 0!important;}	
.headline-svg1 svg, .headline-svg2 svg{fill:var(--yellow);}	
}