#loading{background:#000;}
body{background-color:#515151 !important;color:#f0f0f0;} 
a{color:#f0f0f0;text-decoration:none;outline:none;}
a:hover{color:#fff;text-decoration:none;outline:none;}
a:focus, a.active{text-decoration:none;outline:none;}
.running-home p, .running-home a, marquee{color:#fff !important;}
.gridview{border-color:#919191;}
.pengaduan-tombol{background:#616161;border:#919191 1px solid;}
.head-category{border-bottom:#515151 1px solid !important;}
.head-category-title h1{color:#dbdbdb;}
.withborder{border-bottom:#919191 1px solid;}
.pimpinan h2{color:#dbdbdb !important;}
.color-1{color:#919191;}
.box-default{border:#717171 1px solid;}
.gridview{border-bottom:#717171 1px solid;border-top:#717171 1px solid;}
.sidebarright {border-left:#717171 1px solid;}
.backg-dark-gradient{background-color:rgba(0,0,0,0.6);}
.backg-white{background-color:#414141;}
.backg-dark{background-color:#324967;}
.backg-grey{background-color:#919191;}
.backg-grey-soft2{background-color:#414141 !important;}
.backg-1{background-color:#717171;}
.backg-2{background-color:#313131;}
.backg-3{background-color:#212121;}
.backg-soft{background-color:#7d7d7d !important;}
.backg-soft2{background-color:#7d7d7d !important;}
.backg-animation{background: linear-gradient(-90deg, #4d638c, #5b4577, #00788a, #1b5d9b);background-size: 400% 400%;animation: gradient 15s ease infinite;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

.backg-gradient1{background: #212121;
background: -moz-linear-gradient(90deg, #212121 33%, #717171 100%);
background: -webkit-linear-gradient(90deg, #212121 33%, #717171 100%);
background: linear-gradient(90deg, #212121 33%, #717171 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212121",endColorstr="#717171",GradientType=1);}
.backg-gradient-logo{background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 90%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 90%);
background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.8)",endColorstr="rgba(0,0,0,1)",GradientType=1);}
.backg-grey-soft{background-color:#111111;}
.statistik .flickity-prev-next-button{border:#b1b1b1 1px solid;}
.statistik .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'%23919191'%2F%3E%3C%2Fsvg%3E");}
.statistik .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'%23919191'%2F%3E%3C%2Fsvg%3E");}
.box-gradient{border:#717171 1px solid;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);background: #000;}
.fortab input:checked + label:after{border-bottom:6px solid #fff !important;}
.layanan-intro-padding{background-color:rgba(255,255,255,0.2);border:#717171 1px solid;}
.layanan .form-control{background-color:rgba(255,255,255,0.1) !important;border:#717171 1px solid !important;color: #414141;}
.layanan .form-control:focus{color: #bdbdbd;}
.layanan .form-control::-moz-placeholder {color: #bdbdbd;}
.layanan .form-control:-ms-input-placeholder {color: #bdbdbd;}
.layanan .form-control::-webkit-input-placeholder {color: #bdbdbd;}
.masuk{background:#414141;}
.panel-left .withscroll {overflow-y: scroll;scrollbar-color:#717171 transparent;scrollbar-width: thin;}
.panel-left .withscroll::-webkit-scrollbar-thumb {background:#717171;}
.covid-box h2, .covid-box h3{color:#fff;background-color:#000;}
.modalstyle .modal-dialog{background-color:#e9e9e9 !important;}
.footer-peta{background:#515151;}
.petastyle .modal-dialog, .modalstyle .modal-dialog{background:#919191 !important;}
.petastyle .modal{background:#919191;} 

.comment-head:after{border-top:#717171 1px solid;}
.comment-head h2{background: #414141;}
.comment-head h1{background: #414141;}
.head-content{border-bottom: #717171 1px solid;}
.head-content h1, .head-content h2{color:#fff;}
.box-statistik-image{border:#717171 1px solid;border-radius:5px;background: #717171;background: -moz-linear-gradient(0deg, #717171 0%, #919191 64%);background: -webkit-linear-gradient(0deg, #d0d0d0 0%, #f0f0f0 64%);background: linear-gradient(0deg, #717171 0%, #919191 64%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#717171",endColorstr="#919191",GradientType=1);}
.form-control {
  color: #bdbdbd;
  border:none;
  background-color:#616161;
}
.form-control:focus{color: #bdbdbd;}
.form-control::-moz-placeholder {color: #bdbdbd;}
.form-control:-ms-input-placeholder {color: #bdbdbd;}
.form-control::-webkit-input-placeholder {color: #bdbdbd;}
.box-statistik h2{color:#bdbdbd;}
.box-statistik:hover h2{color:#fff;}
.box-statistik h2:after{border-top:#717171 10px solid;}
.progress:after{background:#717171;}
.progress-bar {background-color: #717171 !important;}
.progress-bar span{background:#414141;color:#fff;}
.menu-list {border:#515151 1px solid;background:#515151;-webkit-box-shadow: inset 0px 0px 5px 0px #000;-moz-box-shadow: inset 0px 0px 5px 0px #000;box-shadow: inset 0px 0px 5px 0px #000;}
.sidebar ul li {color:#bdbdbd;}
.sidebar ul li.active, .sidebar ul li:focus{color:#bdbdbd;}
.sidebar ul li a{color:#bdbdbd;}
.sidebar ul li a:hover {color:#fff;}
.side-icon p{color:#bdbdbd !important;}
.side-icon{-webkit-box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,0.4);-moz-box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,0.5);box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,0.3);background:#515151;border:#515151 1px solid;}
.side-icon:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:7px;-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.2);}
.fortab input:checked + label:after{border-bottom:6px solid #515151 !important;}
.category-title h2 {color:#fff;}
.category-row a{color:#bdbdbd;}
.category-row:hover .category-title h2 {color:#bdbdbd;}
.heading-keterangan{border:#717171 1px solid;}
.agenda h2{color:#fff;}
.no-data p{color:#bdbdbd;}
.table-bordered {border: 1px solid #717171;}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #313131;
}
.table-hover > tbody > tr:hover {background-color: transparent;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {border-top: 1px solid #717171;}
.table > thead > tr > th {border-bottom: 1px solid #717171;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #717171;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #bdbdbd;background-color: #414141;border-color: #717171;}
.pagination > li > a,
.pagination > li > span {color: #bdbdbd;background-color: #414141;border: 1px solid #717171;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #000;
  border-color: #717171;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #000;
  border-color: #717171;
}
.to-dark{display:none;}
.to-light{display:flex;}
.online-dimandiri{background:#414141;color:#bdbdbd !important;}
.pengaduan .form-control {
  border:#919191 1px solid;
}
.pengaduan-tombol{border:#919191 1px solid;}
.formulir{border:#919191 1px solid;}
.no-found h2, .no-found h1{color:#000;}
.no-found h3{color:#000;}
.sidepanel, .sidepanelmap {
  background-color: #313131;
  border-left:#919191 1px solid;
}
.pengunjung-box table, .pengunjung-box tr, .pengunjung-box td, .pengunjung-box th, th{background:#212121 !important;border-color:#919191 !important;}
.visitor h1{color:#fff;}
.panel-default > .panel-heading {
  color: #fff;
  background-color: #414141;
}
.panel-body{background-color: #414141;}
.highcharts-background, .widget-height .highcharts-background{fill: #313131;stroke:#bdbdbd;}
.highcharts-root text, .widget-height .highcharts-root text {fill:#dbdbdb !important ;}
.highcharts-root text {stroke-width: 0;}
.highcharts-plot-border, .highcharts-plot-background {fill: none;}
.highcharts-tooltip-box {stroke-width: 1px;fill: rgba(0, 0, 0, 0.85);fill-opacity: 0.85;}
.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;}
.flex-item3{border-color:#717171;}