body.darkmode{background:#212121;color:#dbdbdb;}
.darkmode a{text-decoration:none; color:#bdbdbd !important;}
.darkmode a:hover{color:#919191 !important; text-decoration:none !important;}
.darkmode a:focus{outline:none; text-decoration:none !important ;color:#919191 !important;}
.darkmode .bg-white{background:#000 !important;}
.darkmode .bgpage{background:#212121 !important;}
.darkmode .headertop{border-bottom:#414141 1px solid;background: #000;background: -moz-linear-gradient(90deg, #000 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.5) 75%, #000 100%);background: -webkit-linear-gradient(90deg, #000 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.5) 75%, #000 100%);background: linear-gradient(90deg, #000 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.5) 75%, #000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="#000",GradientType=1)}
.darkmode .small-height .headertop{background:#000;}
.darkmode .headertop-logo{background:rgba(0,0,0,0.2);}
.darkmode .headertop-logo:after{border-left:rgba(0,0,0,0.2) 30px solid;}
.darkmode .headertop-logo h1{color:#dbdbdb;}
.darkmode .menu-left{border-bottom:#414141 1px solid;}
.darkmode .go-search svg{fill:#fff;}
.darkmode .statistik-left1-backg svg{fill:#212121;}
.darkmode .runningpage{background:#414141;}
.darkmode .runningpage marquee{color:#dbdbdb;}
.darkmode .bg-grey-medium{background-color:#313131;}
.darkmode .latest-box:hover .bg-grey-medium{background-color:#000;}
.darkmode .border-grey-soft{border-color:#616161 !important;}
.darkmode .image-article:after{border-bottom:#313131 12px solid;}
.darkmode .latest-date, .darkmode .latest-info{color:#bdbdbd;}
.darkmode a{color:#fff;}
.darkmode a:hover{color:#ffc000;}
.darkmode a:focus{;color:#ffc000 !important;}
.darkmode .head-module-center h1, .darkmode .head-module-center h2, .darkmode .headingpage h2, .darkmode .head-content h1, .head-gallery h2{color:#fff;}
.darkmode .bg-grey-radial{background: rgb(0,0,0);background: -moz-radial-gradient(circle, rgba(0,0,0,1) 0%, #515151 100%);background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 0%, #515151 100%);background: radial-gradient(circle, rgba(0,0,0,1) 0%, #515151 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="#515151",GradientType=1);}
.darkmode .bgwhite-gradient-radial{background: rgb(0,0,0);background: -moz-radial-gradient(circle, rgba(0,0,0,1) 0%, transparent 100%);background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 0%, transparent 100%);background: radial-gradient(circle, rgba(0,0,0,1) 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="transparent",GradientType=1);}
.darkmode .mosque1 svg, .darkmode .mosque2 svg{fill:#000;stroke:#919191;}
.darkmode .shalat-box:after{border-bottom:#000 6px solid;}
.darkmode .layanan-info-title{color:#000;}
.darkmode .aparatur-box{background:#919191;}
.darkmode .bg-white-transparent{background:rgba(136,136,136,0.5);}
.darkmode .gradient-white-bottom{background: #000;background: -moz-linear-gradient(0deg, #000 0%, transparent 100%);background: -webkit-linear-gradient(0deg, #000 0%, transparent 100%);background: linear-gradient(0deg, #000 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="transparent",GradientType=1);}
.darkmode .gradient-grey-bottom{background: #313131;background: -moz-linear-gradient(0deg, #313131 10%, transparent 100%);background: -webkit-linear-gradient(0deg, #313131 10%, transparent 100%);background: linear-gradient(0deg, #313131 10%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#313131",endColorstr="transparent",GradientType=1);}
.darkmode .bg-grey-dark2{background-color:#212121;}
.darkmode .highcharts-background, .darkmode .widget-height .highcharts-background{fill: #313131;stroke:#bdbdbd;}
.darkmode .highcharts-root text, .darkmode .widget-height .highcharts-root text {fill:#dbdbdb !important ;}
.darkmode .persen-progress{background:#000;}
.darkmode .persen-progress:after{border-top:#b5ef8e 14px solid;}
.darkmode .progress2 {background-color: #414141;}
.darkmode .form-control{background:#414141 !important;color:#dbdbdb !important;}
.darkmode .form-control:focus, .darkmode .form-control:hover, .darkmode .form-control.active{background:#414141;color:#bdbdbd !important;}
.darkmode input{color:#bdbdbd !important;}
.darkmode .table-striped > tbody > tr:nth-child(odd) {background-color: #212121;}
.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 #919191;}
.darkmode .table > thead > tr > th {border-bottom: 1px solid #919191;}
.darkmode .pagination > li > a,
.darkmode .pagination > li > span {color: #bdbdbd;border: 1px solid #515151;}
.darkmode .pagination > .active > a,
.darkmode .pagination > .active > span,
.darkmode .pagination > .active > a:hover,
.darkmode .pagination > .active > span:hover,
.darkmode .pagination > .active > a:focus,
.darkmode .pagination > .active > span:focus {border-color: #515151;}
.darkmode .infostyle .box-header h3{color:#fff;}
.darkmode .table-bordered, .darkmode .table-bordered td, .darkmode .table-bordered th {border-color:#919191;}
.darkmode .head-statis-title h2{color:#fff;}
.darkmode .pemb-row td{background: #212121 !important;}
.darkmode .album-head-image:after, .darkmode .album-head-pemb:after{background: #000;background: -moz-linear-gradient(0deg, #000 0%, transparent 100%);background: -webkit-linear-gradient(0deg, #000 0%, transparent 100%);background: linear-gradient(0deg, #000 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="transparent",GradientType=1);}
.darkmode .album-head-title h1{color:#fff;}
.darkmode .album-head-title h2 {color:#dbdbdb;}
.darkmode .panel-box{background: #111111 !important;}

.darkmode .highcharts-root text {stroke-width: 0;}
.darkmode .highcharts-plot-border, .darkmode .highcharts-plot-background {fill: none;}
.darkmode .highcharts-tooltip-box {stroke-width: 1px;fill: rgba(0, 0, 0, 0.85);fill-opacity: 0.85;}
.darkmode .highcharts-data-label text {font-size: 11px;font-weight: bold;text-shadow: 0 0 6px #000000, 0 0 3px #000000;fill: #B0B0B3;text-rendering: geometricPrecision;}

.darkmode .form-control::placeholder{color:#dbdbdb !important;}
.darkmode .rightpanel-container{background-color: #000;}
.darkmode .rightpanel .close-button:before, .darkmode .rightpanel .close-button:after{background:#fff;}

.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, .mobile-menu li:focus, .darkmode .mobile-menu p, .darkmode .mobile-menu li ul li{color:#fff;}

.darkmode .leaflet-touch .leaflet-bar a{color:#000 !important;}
.darkmode .heading-stat{color:#fff !important;}
.darkmode #loading {background:#313131;}
.darkmode .loading{background:#000;}
.darkmode .loading-inner h2{color:#bdbdbd;}
.darkmode .lapakplus-head h1{color:#515151;}
.darkmode .righttop-item p{color:#bdbdbd;}
.darkmode #online .dropdown-menu{background:#414141 !important;}
.darkmode #online .dropdown-menu:after{border-bottom:#414141 10px solid;}
.darkmode .head-gallery h1{color:#dbdbdb;}
.darkmode .no-found-image:before{background:#414141;}
.darkmode .no-found h2{color:#fff;}
.darkmode .agenda h1{color:#fff;}
.darkmode .miring-tab:before{border-top:#000 50px solid;}
.darkmode .miring-tab:after{border-bottom:#000 50px solid;}
.darkmode .jamkerja tr, .darkmode .jamkerja th{background-color: #212121;}
.darkmode .jamkerja tr:nth-child(odd) {background-color: #515151;}
.darkmode .righttop-item-link{opacity:0.9;}
.darkmode .bg-color-radial{background: #414141;background: -moz-radial-gradient(circle, #414141 0%, #212121 100%);background: -webkit-radial-gradient(circle, #414141 0%, #212121 100%);background: radial-gradient(circle, #414141 0%, #212121 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#414141",endColorstr="#212121",GradientType=1);}
.darkmode .forwidget .flickity-prev-next-button{background-color:#313131;}
.darkmode .forwidget .flickity-prev-next-button.previous{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dbdbdb'%2F%3E%3C%2Fsvg%3E");z-index:9;}
.darkmode .forwidget .flickity-prev-next-button.next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dbdbdb'%2F%3E%3C%2Fsvg%3E");}
.darkmode th, .darkmode td{color:#dbdbdb !important;}
.darkmode .petastyle .leaflet-popup-content-wrapper, .darkmode .petastyle .leaflet-popup-tip{background:#000 !important;color:#dbdbdb !important;}
.darkmode .petastyle .modal-content{background:#212121 !important;}
.darkmode .petastyle .modal-title{color:#fff !important;}
.darkmode .petastyle .modal-header{border-bottom:#616161 1px solid !important;}
.darkmode .petastyle hr{border-color:transparent !important;}
.darkmode .widgetgrid-body:before, .darkmode .widgetgrid-body:after{border:#616161 1px solid;background:#111111;}
.darkmode .widgetgrid-body:after{border-top:transparent 1px solid;}
.darkmode .widgetgrid-body-line{background:#111111;border:#616161 1px solid;border-bottom:none;}
.darkmode .bg-white-radial{background: #313131;background: -moz-radial-gradient(circle, #313131 0%, #000 100%);background: -webkit-radial-gradient(circle, #313131 0%, #000 100%);background: radial-gradient(circle, #313131 0%, #000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#313131",endColorstr="#000000",GradientType=1);}
.darkmode .layanan-info-latar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: #000;background: -moz-radial-gradient(right top, ellipse cover, transparent 0%, #000 100%);background: -webkit-radial-gradient(right top, ellipse cover transparent 0%, #000 100%);background: radial-gradient(ellipse at right top, transparent 0%, #000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top_color', endColorstr='$bottom_color',GradientType=1 );}
.darkmode .withscroll::-webkit-scrollbar-thumb, .darkmode .widgetscroll::-webkit-scrollbar-thumb{background:#313131;}
.darkmode .widget-height .withscroll::-webkit-scrollbar-thumb, .darkmode .box-anggaran .withscroll::-webkit-scrollbar-thumb, .darkmode .widget-height .widgetscroll::-webkit-scrollbar-thumb, .darkmode .box-anggaran .widgetscroll::-webkit-scrollbar-thumb{background:transparent;}
.darkmode .widget-height:hover .withscroll::-webkit-scrollbar-thumb, .darkmode .box-anggaran:hover .withscroll::-webkit-scrollbar-thumb, .darkmode .widget-height:hover .widgetscroll::-webkit-scrollbar-thumb, .darkmode .box-anggaran:hover .widgetscroll::-webkit-scrollbar-thumb{background:#313131;}
.darkmode .framephoto{background:#414141;}
.darkmode .inner-frame {
  border-top: 15px solid #313131;
  border-left: 15px solid #414141;
  border-right: 15px solid #515151;
  border-bottom: 15px solid #616161;
  box-shadow: -1px -1px 1px rgba(0,0,0,.6),
    1px 1px 2px rgba(255,255,255,0.5);
	background-color: #212121
}
.darkmode .mat {
  background-color: #919191
}
.darkmode .latest-image {border:#313131 3px solid;}
.darkmode .article-link svg{fill:#919191;}
.darkmode .layanan-intro img{opacity:0.6;}
.darkmode .layanan .color-1{color:#ffc000 !important;}
.darkmode .layanan-info-title{color:#fff;}
.darkmode .layanan-info-latar:before{display:none;}
.darkmode .lapakplus-column-2b:after{border-right:#000 15px solid;