.darkmode a{color:#fff;}
body.darkmode{background:#515151;color:#dbdbdb;}
.darkmode .hometop-inner, .darkmode .gender-inner{background:#000 !important;}
.darkmode .iconright{background:#313131 !important;border-color:#515151;}
.darkmode .mandiri, .darkmode .gallery, .darkmode .statistik, .darkmode .covid-container, .darkmode .jadwalshalat, .darkmode .areaprimary, .darkmode .article, .darkmode .populer, .darkmode .anggaran{background:#000 !important;border-color:#919191;}
.darkmode .running{background:rgba(0,0,0,0.3);}
.darkmode .headtop{background:rgba(0,0,0,0.5);}
.darkmode .headtop:before{background:linear-gradient(to right,  #000, transparent, transparent, #000);}
.darkmode .headtop .form-control{color:var(--c-grey1);background-color:rgba(0,0,0,0.2) !important;border:#919191 1px solid;}
.darkmode .top-item{border-color:#919191;background:#414141;}
.darkmode .icon-item, .darkmode .headline{border:#515151 1px solid;background:#000;}
.darkmode .head-default, .darkmode .statistik-head-title{background:#212121;border-color:#919191;}
.darkmode .hometop:after, .darkmode .pagecontent:after{background:linear-gradient(to top,  #515151, transparent);}
.darkmode .headline-info-inner, .darkmode .article .col3-grid, .darkmode .covid-item, .darkmode .areacontent .col3-grid{background:#313131;color:#dbdbdb;}
.darkmode .article .col3-grid:hover{background:#212121;border:#515151 1px solid;}
.darkmode .headline-text, .darkmode .headline-text a, .darkmode .heading-right-item{color:#dbdbdb !important;fill:#fff;}
.darkmode .hoverlink:hover .headline-text h2, .darkmode .article-main h2{color:#fff;}
.darkmode .head-default .dropdown-menu, .darkmode #warna .dropdown-menu{border:#919191 1px solid;background:#212121;}
.darkmode .dropdown-menu, .darkmode .dropdown-menu a, .darkmode .readmore, .darkmode .row-small a, .darkmode .gallery-title a, .darkmode .mobile-menu a, .darkmode .mobile-menu li a, .darkmode .mobile-menu ul, .darkmode .mobile-menu li ul, .darkmode .mobile-menu li, .darkmode .mobile-menu li.active, .darkmode .mobile-menu li:focus, .darkmode .mobile-menu p, .darkmode .mobile-menu li ul li{color:#dbdbdb !important;}
.darkmode .meta-item svg{fill:#fff;}
.darkmode .mandiri-shadow{background:#000;-webkit-box-shadow: 0px 0px 160px 250px #000;-moz-box-shadow: 0px 0px 160px 250px #000;box-shadow: 0px 0px 160px 250px #000;}
.darkmode .mandiri-bottom{border-top:#919191 1px solid;background:#000;border-radius:0 0 5px 5px;}
.darkmode .mandiri-input .form-control{background:#313131;border-color:#515151;}
.darkmode .gallery-title{background:#000;}
.darkmode .statistik-head h1, .darkmode .head-anggaran h1, .darkmode .apbd-result p{animation: textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--c1) 0%,#fff 29%,var(--c2) 67%,#fff 100%);}
.darkmode .male .gender:before{background-image: conic-gradient(var(--c-biru) 50%, #515151 0);}
.darkmode .female .gender:before{background-image: conic-gradient(var(--c-pink) 50%, #515151 0);}
.darkmode .highcharts-background{fill: #000;stroke:transparent;}
.darkmode .highcharts-root text {fill:#dbdbdb !important ;}
.darkmode .statleft .highcharts-grid path, .darkmode .statleft .highcharts-xaxis path, .darkmode .statleft .highcharts-yaxis path {stroke: #717171;}
.darkmode .widget-height1, .darkmode .widget-height2{background:#000;}
.darkmode .table-medium > tbody > tr:nth-of-type(odd), .darkmode .table-modif > tbody > tr:nth-of-type(odd), .darkmode .table-modif2 > tbody > tr:nth-of-type(odd) {background-color:#414141;}
.darkmode .table-modif th{background:#212121;}
.darkmode .widget .nav-tabs{border:#717171 1px solid;border-bottom:none;background:#212121;}
.darkmode .widget .nav-tabs > li, .darkmode .widget .nav-tabs > li > a {background:transparent !important;border: none;color:#dbdbdb;}
.darkmode .apbd-progress{background:#414141;}
.darkmode .inner-modal{background:#414141;}
.darkmode .head-module{background:#414141;border-bottom:#717171 1px solid;}
.darkmode .table-modif2 th{background-color:#313131;}
.darkmode .table-modif2 > tbody > tr{background-color:#313131;}
.darkmode .table-modif2 > tbody > tr:nth-of-type(odd) {background-color:#212121;}
.darkmode .table-striped{border-color:#616161 !important;}
.darkmode .head-sub{border-bottom:#515151 1px solid;}
.darkmode .framefoto{background:#717171;}
.darkmode .inner-foto{border-bottom:10px solid rgba(0,0,0,.05);box-shadow:-1px -1px 1px rgba(0,0,0,.3),1px 1px 2px rgba(0,0,0,1)}
.darkmode .areacontent .dokumentasi .col3-grid, .darkmode .pemerintah .areacontent .col3-grid{background:#414141;border-color:#717171;}
.darkmode .idm-title{background:#919191;}
.darkmode .pagestyle .row-small{border-bottom:#515151 1px solid;}
.darkmode input, .darkmode select{background:#313131;color:#dbdbdb;border-color:#515151;}
.darkmode .lapak .col2-grid, .darkmode .lapak-bottom, .darkmode .pembangunan-row{border-color:#515151;}
.darkmode .anggaran .head-default-inner:after{border-left:#fff 10px solid;}
.darkmode .anggaran .head-default-inner:before{border-right:#fff 10px solid;}
.darkmode td{background:transparent !important;}
.darkmode .table th{background-color:#313131!important}.darkmode .table td{background-color:transparent!important}.darkmode .table-bordered th,.darkmode .table-bordered td{border:1px solid #515151!important}
.darkmode .table>thead>tr>th,.darkmode .table>tbody>tr>th,.darkmode .table>tfoot>tr>th,.darkmode .table>thead>tr>td,.darkmode .table>tbody>tr>td,.darkmode .table>tfoot>tr>td{border-top:1px solid #515151}
.darkmode .table > thead > tr > th {border-bottom: 2px solid #515151;}
.darkmode .table .table {background-color:transparent;}
.darkmode .table-striped > tbody > tr:nth-of-type(odd) {background-color: #414141;}
.darkmode .table-hover > tbody > tr:hover {background-color: #212121;}
.darkmode button{background:transparent;}
.darkmode .pagination > li > a,
.darkmode .pagination > li > span {background-color: transparent !important;border: 1px solid #515151;}
.darkmode .scrollheight .headtop{background:#000;border-bottom:#919191 1px solid;}