#feed{ /*display: none;*/ }
body{background-color:#fff; color:#313131; overflow-x:hidden !important;font-size:16px !important;}
ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:#004b67;}
a:hover{color:#000; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important;}
.container-custom{margin-left:5%;margin-right:5%;}
.container-page{margin-left:7%;margin-right:7%;}
.body-absolute{position:absolute;top:7vh;left:0;right:0;}
.running{font-size:16px;margin:0;padding:0;line-height:1.1;color:#fff;}
.withscroll {width:100%;float:left;overflow-y: scroll;scrollbar-color:rgba(0,0,0,0.2) transparent;scrollbar-width: thin;height:100%;}
.withscroll::-webkit-scrollbar {width: 5px;}
.withscroll::-webkit-scrollbar-track {background:transparent;}
.withscroll::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.box-default{position:relative;overflow:hidden;padding:10px;border-radius:0 0 7px 7px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
.bottom-gradient{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent 40%, transparent 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent 40%, transparent 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent) 40%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="transparent",GradientType=1);}
.absolute-title{position:absolute;bottom:0;left:0;right:0;padding:0 10px 10px;z-index:8;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
.absolute-title h2{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;color:#fff;font-weight:normal;}
.absolute-title h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;color:#dbdbdb;font-weight:normal;}
.absolute-title p{font-size:90%;margin:0 0;padding:0;line-height:1.1;color:#dbdbdb;font-weight:normal;}
.map-height{width:100%;height:40vh;}
.box-height-custom{height:32vh;position:relative;overflow:hidden;}
.running{position:relative;overflow:hidden;padding:7px 0;}
.running p{font-size:100%;margin:0 0;padding:0;line-height:1.1;color:#fff !important;font-weight:normal;opacity:1 !important;}
.gridview{position:relative;padding:0 0;margin:0 0;display: grid;grid-template-columns:75% auto;}
.sidebarright {grid-template-columns: 25% auto;float:right !important;margin:0 0 0 auto;}
.sidebarright ul {list-style: none;margin:0 0 0 0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul {position: sticky !important;top:9vh;}
.tombol{display:inline-block;outline:none;padding:7px 10px;margin:0;box-shadow:none;color:#fff;font-weight:normal;cursor:pointer;border-radius:5px;border:none;}
.tombol:hover{color:#fff;}
.tombol-small{margin:5px 3px;padding:7px 10px;outline:none;border:none;box-shadow:none;border-radius:4px;cursor:pointer;}
.tombol-small p{font-size:90%;margin:0;padding:0;float:right;line-height:1.1;font-weight:normal;color:#fff;}
.tombol-small img{float:left;margin:0 5px 0 0;width:auto;height:16px;}
.statisstyle .box-body {margin:0 1rem;}
.box-gallery{position:relative;overflow:hidden;padding:10px;border:#bdbdbd 1px solid;}
.statisstyle .box-header{text-align:center;}
.statisstyle .box-header h3{font-size:160%;margin:10px 1rem 20px;font-weight:bold;line-height: 1.2;padding:0;text-transform:uppercase;}
.statisstyle .box-body {margin:0 1rem;}
table, .statisstyle table{width:100% !important;}
.box-analisis{margin:0 0 15px;padding:10px;border:#bdbdbd 1px solid;border-radius:7px;}
.popup-row{position:relative;overflow:hidden;margin:7px 0;text-align:left !important;}
.popup-image{width:22px;height:auto;float:left;margin:0 7px 0 0;}
.popup-image img{width:100%;height:auto;opacity:0.8;}
.popup-row a, .popup-box-inner a{color:#313131;}
.popup-row a:hover, .popup-box-inner a:hover{color:#000;}
.popup-row:hover .popup-image img{opacity:1;}
.popup-row p{font-size:100%;margin:3px 0 0;padding:0;line-height:1.1;font-weight:normal;}
.popup-row li{font-size:100%;margin:0 0 7px 8px;padding:0;line-height:1.1;font-weight:normal;}
.popup-absolute{position:absolute;top:7vh;left:15px;right:15px;bottom:15px;margin-top:15px;}
.small-icon{margin:0 0 5px 0;color:#313131;font-size:100%;}
.small-icon h4{font-size:100%;padding:0;line-height:1.1;margin:0;font-weight:normal;}
.small-icon img, .small-icon svg{width:auto;height:25px;fill:#bdbdbd;float:left;margin:0 5px 0 0;}
.small-icon i.fa{font-size:25px;color:#919191;margin:0 5px 0 0;}
.info td{padding:5px !important;border-color:#bdbdbd !important;}
.info table{width:100% !important;}
.petastyle .btn-social.btn-sm {text-align:center;padding: 5px 10px !important;}
.petastyle .box-body{margin:0 !important;}
.petastyle .btn{display:block !important;width:100%;}
.petastyle .modal-body .btn{display:inline-block !important;width:auto;}
.modal-dialog{width:100% !important;margin:0 auto 0 !Important;background:#fff;padding:10vh 10%;}
.modal-dialog {overflow-y: scroll;scrollbar-color:transparent transparent;scrollbar-width: thin;}
.modal-dialog::-webkit-scrollbar {width: 1px;}
.modal-dialog::-webkit-scrollbar-track {background:transparent;}
.modal-dialog::-webkit-scrollbar-thumb {background:transparent;}
.modal-header {position:relative;min-height:1.2;padding: 15px;border-bottom: 1px solid #bdbdbd;}
.modal-header .close {border-radius:4px;margin:0 0 0 auto;margin-top: -5px;width:30px;height:30px;float:right;color:transparent;background:#919191;opacity:1;line-height:30px;}
.modal-title{font-size:110%;font-weight:bold;color:#000;padding:0;margin:0 40px 0 0;line-height:1.2;}
.modalstyle .modal-dialog{margin:0 auto 0 !Important;background:rgba(0,0,0,0.7);padding:5vh 20%;}
.box-pemb{position:relative;overflow:hidden;padding:10px;}
.heading-pemb h1{font-size:110%;margin:0 0 15px;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.arsip{color:#fff;font-weight:bold;margin:10px 0 0;padding:10px 20px;border-radius:5px;font-size:100%;cursor:pointer;}

/* start margin padding column */
.mlr-20{margin:0 20px;}
.mt-mb-10{margin-top:10px;margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mt-15{margin-top:15px;}
.pd-lr-15{padding:0 15px;}
.margin-min7{margin:0 -7px;}
.pd-lr-7{padding:0 7px;}
.margin-min10{margin:0 -10px;}
.pd-lr-10{padding:0 10px;}
.column-2, .column-pemb{width:50%;float:left;}
.column-perangkat{width:40%;float:left;}
.column-30{width:30%;float:left;}
.column-30b{width:30%;float:left;}
.column-4{width:25%;float:left;}
.column-4b{width:25%;float:left;}
.column-3{width:33.33333333%;float:left;}
.mr-30{margin-right:30px;}
.mb-30{margin-bottom:30px;}
/* finish margin padding column */

/* start panel */
.leftpanel{
  width: 0;
  position: fixed;
  top:0;
  left: -1px;
  bottom:0;
  overflow: hidden;
  transition: 0.5s;
  z-index:999;
}
.leftpanel-inner{position:absolute;top:0;left:0;bottom:0;right:30px;background-color: #e9e9e9;border-right:#bdbdbd 1px solid;}
.close-area{position:absolute;right:0;top:0;font-size:100%;padding:0;line-height:1.1;margin:0;color:#fff;}
.close-button {width:30px;height:7vh;position:relative;cursor:pointer;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
.close-button:before, .close-button:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:40%;top:30%;background:#fff;}
.close-button:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-button:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.lapakstyle .close-button, .arsippanel .close-button {width:30px;height:30px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0.1);}
.arsippanel .close-area{left:0;text-align:center;}
.bigpanel .close-area{position:absolute;right:15px;top:15px;width:30%;}
.bigpanel .close-button {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.bigpanel{
  width: 0;
  position: fixed;
  top:0;
  right: -1px;
  bottom:0;
  overflow: hidden;
  transition: 0.5s;
  z-index:999;
  background:rgba(0,0,0,0.6);
}
.bigpanel-inner{position:absolute;top:15px;right:15px;bottom:15px;width:30%;background-color: #fff;}
.arsippanel-inner{position:absolute;top:15px;right:25%;bottom:15px;left:25%;background-color: #fff;}
.arsippanel{
  width: 0;
  position: fixed;
  top:7vh;
  right: -1px;
  bottom:0;
  overflow: hidden;
  transition: 0.5s;
  z-index:999;
  background:#e9e9e9;
}
/* finish panel */

/* start flex */
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexright{display: flex;justify-content:right;align-items: center;}
/* finish flex */

/* start headertop */
.headertop{width:100%;position:fixed;top:0;left:0;height:7vh;z-index:9999;background:rgba(255,255,255,0.5);-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
.pagestyle .headertop{background:#fff;}
.headertop-logo{height:7vh;margin:0 0 0 10px;position:absolute;top:0;left:55px;right:60px;}
.headertop-logo img{float:left;height:5vh;margin:0 10px 0 0;}
.headertop-logo h1{font-size:110%;float:left;margin:0;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.menu-left{float:left;width:auto;height:7vh;cursor:pointer;padding:0 10px;border-right:#b0b0b0 1px solid;}
.menu-left-inner{height:4vh;background:#919191;padding:0 5px;border-radius:5px;}
.menu-left-inner img{width:auto;height:3vh;}
.righttop{position:absolute;top:0;right:20px;left:auto;height:7vh;}
.righttop-item, .righttop-item2{width:auto;height:7vh;float:right;cursor:pointer;margin-left:10px;}
.righttop-item img{width:auto;height:3.5vh;opacity:0.7;}
.righttop-item2 img{width:auto;height:4vh;opacity:0.7;}
/* finish headertop */

/* start headertop */
.home-area{position:relative;overflow:hidden;min-height:100vh;background:#e9e9e9;}
.hometop{position:relative;overflow:hidden;text-align:center;margin-top:13vh;}
.hometop-image-padding{position:relative;overflow:hidden;text-align:center;padding:10px;}
.hometop-image{width: 14vh;height:14vh;border-radius:14vh;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;margin:0 auto;background:#84dabb;z-index:2;-webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);border:#bdbdbd 1px solid;}
.hometop-image img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.hometop-title{position:relative;overflow:hidden;text-align:center;margin:-12vh auto 0;padding:5px;z-index:1;}
.hometop-title-area{position:relative;overflow:hidden;text-align:center;width:30%;background:#fff;padding:0;margin:0 auto;border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.hometop-title-inner{position:relative;overflow:hidden;text-align:center;margin-top:12vh;}
.pimpinan{position:relative;overflow:hidden;text-align:center;padding:0 10px 10px;}
.pimpinan h1{font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;color:#009c1d;}
.pimpinan h2{font-size:90%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.pimpinan h3{font-size:90%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:normal;}
/* finish hometop */

/* start homeicon */
.homeicon{width:100%;float:left;margin:3vh 0 0;}
.homeicon-inner{position:relative;overflow:hidden;text-align:center;padding:10px 0;}
.icon-column{width:calc(16.66666667% - 5px);display:inline-block;margin:0 0 10px;}
.icon-box{position:relative;overflow:hidden;padding:10px 0 0;margin:0 5px;}
.icon-item{display:block;background:#fff;margin:5px 5px;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.icon-item a{color:#313131;}
.icon-image{margin:0 10px 0 !important;position:relative;top:-10px;text-align:center;padding:10px 0;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.icon-image img{margin:0 auto;width:auto;height:5vh;}
.icon-title{position:relative;overflow:hidden;height:6vh;padding:0 10px;margin-top:-10px;}
.icon-title p{font-size:90%;margin:0 0 0;padding:0;line-height:1.1;font-weight:normal;}
.homeicon-top{position:relative;overflow:hidden;padding:10px 5px 5px;text-align:center;}
.homeicon-top-box{display:block;background:#fff;margin:0;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.homeicon-top-inner{margin:0 10px 0 !important;text-align:center;position:relative;top:-10px;padding:10px 10px 5px;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.margin-icon{margin:0 -10px;}
.slogan{position:relative;overflow:hidden;text-align:center;padding:5px 30px;display:inline-block;margin:0 auto;}
.slogan:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url("images/quotetop.svg") no-repeat center;background-size:100% 100%;opacity:0.6;}
.slogan:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:url("images/quotebottom.svg") no-repeat center;background-size:100% 100%;opacity:0.6;}
.slogan p{font-size:100%;margin:0 0 0;padding:0;line-height:1.1;font-weight:normal;color:#fff;}
.icon-item:hover .icon-image{background:#515151 !important;}
/* finish homeicon */

/* start mobile-menu */
.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;}
.mobile-menu li a{color:#000;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:#000;}
.mobile-menu li ul{margin:0 0;padding:10px 0;color:#000;}
.mobile-menu li{font-size:100%;margin:0;padding:7px 0;line-height:1.2;list-style:none;color:#000;}
.mobile-menu li.active, .mobile-menu li:focus{color:#000;}
.mobile-menu p{font-size:100%;margin:0;padding:7px 0;line-height:1.2;list-style:none;color:#000;}
.mobile-menu li ul li{font-size:100%;margin:0;padding:0 0;line-height:1.2;color:#000;}
.mobile-menu li img{width:auto;height:22px;opacity:0.7;margin:-2px 5px 0 0;}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{position:relative;float:none;background:transparent !important;padding:15px !important;border-radius:0 !important;border:#616161 1px solid;}
/* finish mobile-menu */

/* start header */
.mainheader{position:relative;overflow:hidden;padding:0 0 30px;z-index:100;}
.mainheader-inner{position:relative;overflow:hidden;padding:25px 0;}
.logo{float:left;margin:0 auto 0 0 !important;width:60%;}
.logo-image{float:left;width:auto;height:12vh;margin:0 10px 0 0;}
.logo-image img{float:left;width:auto;height:100%;display:block;}
.logo h1{font-size:140%;margin:0 0;padding:5px 0 10px;line-height:1.1;font-weight:bold;color:#000;}
.logo h2{font-size:100%;margin:0 0;padding:0;line-height:1.1;font-weight:normal;}
.header-right{float:right;margin:0 0 0 auto;}
.mainmenu-inner{margin:-30px -2px 0;border:#fff 2px solid;border-radius:7px 7px 0 0;border-bottom:none;}
.mainmenu{position:relative;z-index:999;border-radius:7px 7px 0 0;}
.icon-header{font-size:100%;padding:10px 15px;border-radius:5px;margin:0 0 0 10px;line-height:1.1;color:#fff;}
/* finish header */

/* start carouselright */
.carouselright {background:transparent;}
.carouselright-cell {width: 100%;counter-increment: gallery-cell;}
.terbaru .carouselright-cell {width: 25%;}
.sinergi .carouselright-cell {width: 20%;}
.aparaturstyle .carouselright-cell {width: 50%;}
.stat-next .carouselright-cell {width: 25%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {overflow: hidden;position: relative;height: 100%;z-index: 2;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-size: 50% auto;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.flickity-prev-next-button.previous {left:10px;background-position: center;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'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next { right: 10px;background-position: center;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'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.sliderstyle .flickity-prev-next-button{top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);display:none;}
.sliderstyle:hover .flickity-prev-next-button{display:block;}
.terbaru .flickity-prev-next-button{top:30%;width: 30px;height: 30px;border-radius:30px;background-color:rgba(0,0,0,0.4);background-size: 30% auto;}
.terbaru .flickity-prev-next-button.previous{left:5px;}
.terbaru .flickity-prev-next-button.next{ right: 5px;}
.galeristyle .flickity-prev-next-button.previous {left:0;}
.galeristyle .flickity-prev-next-button.next { right: 0;}
.aparaturstyle .flickity-prev-next-button{width: 25px;height: 40px;border:#bdbdbd 1px solid;border-radius:0;background-color:#fff;background-size: 40% auto;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.galeristyle .flickity-prev-next-button{width: 30px;height: 30px;border:none;border-radius:30px;background-color:rgba(0,0,0,0.5);background-size: 40% auto;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.aparaturstyle .flickity-prev-next-button.previous{border-left:none;left:-7px;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");}
.aparaturstyle .flickity-prev-next-button.next {border-right:none;right: -7px;background-position: center;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");}

.stat-next .flickity-prev-next-button{width: 25px;height: 40px;border-radius:4px;border:#fff 1px solid;background-color:#d0d0d0;background-size: 40% auto;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.stat-next .flickity-prev-next-button.previous{border-left:none;left:-5px;}
.stat-next .flickity-prev-next-button.next {border-right:none;right: -5px;}

.sinergi .flickity-prev-next-button{width: 30px;height: 30px;border:none;border-radius:30px;background-color:rgba(0,0,0,0.5);background-size: 30% auto;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);display:none;}
.sinergi:hover .flickity-prev-next-button{display:block;}
/* finish carouselright */

.image-slider, .image-article, .image-aparatur, .image-foto, .image-height-default, .image-lapak{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-slider{height:400px;border-radius:0 0 7px 7px;}
.image-article{padding-bottom:60%;top:-10px;border-radius:7px;}
.image-aparatur{height:40vh;background:#e9e9e9;}
.image-foto{height:32vh;}
.image-height-default{padding-bottom:60%;}
.image-lapak{padding-bottom:60%;border-radius:5px 5px 0 0;}
.image-slider img, .image-article img, .image-aparatur img, .image-foto img, .image-height-default img, .image-lapak img, .foto-pengaduan img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.logo-no-image img{display:block;width:20%;height:auto;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}

/* start article */
.terbaru{margin:15px 0 0;}
.terbaru-inner{position:relative;overflow:hidden;padding:15px 5px 15px 10px;border-radius:0 0 7px 7px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
.box-article{margin:0 0;padding:10px 5px 5px;width:calc(100% - 7px);position:relative;overflow:hidden;}
.box-article-inner{position:relative;padding:0 10px 10px;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
.box-article h2{font-size:100%;margin:5px 10px 0;padding:0;line-height:1.1;font-weight:bold;}
.box-article h3{font-size:95%;margin:10px 10px 0;padding:0;line-height:1.1;font-weight:normal;}
.info{margin:0 15px 0 0;padding:0;line-height:1.1;font-size:95%;font-weight:normal;float:left;}
.info i.fa{margin-right:5px;opacity:0.5;}
/* finish article */

/* start heading */
.head-module{height:46px;border-radius:7px 7px 0 0;padding:0 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);margin:0 0 7px;}
.head-module h1{font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:#fff;}
.head-module-right{float:right;margin:0 10px 0 auto;}
.dropdown-menu{left:auto;right:0;font-size:100% !important;padding:15px;}
.head-module-right p{font-size:100%;margin:0 0 0 5px;padding:0;line-height:1.1;font-weight:normal;color:#fff;}
.heading-tabel{position: relative;overflow: hidden;margin:10px 0 10px;}
.heading-tabel:after{content:"";position: absolute;top:0;left:0;width:100%;height:1px;top:50%;border-top:#bdbdbd 1px solid;z-index: 1;}
.heading-tabel h1{font-size:100%;position: relative;padding:0 10px 0 0;margin:0 0;float:left;font-weight:bold;background: #fff;z-index: 2;}
.heading-keterangan{position:relative;overflow:hidden;padding:0;font-size:100%;font-weight:normal;margin:0;line-height:1.2;text-align:center;}
.heading-org{position: relative;overflow: hidden;margin:10px auto 10px;}
.heading-org h1{font-size:100%;padding:0 0 6px;margin:0 auto;font-weight:bold;border-bottom:#bdbdbd 1px solid;}
.head-gallery{position:relative;overflow:hidden;margin:0 0 20px;}
.head-gallery h1{font-size:110%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:#000;}
.head-gallery img{width:auto;height:50px;margin:0 5px 0 0;}
.head-analisis{position:relative;overflow:hidden;margin:0 0 15px;}
.head-analisis h2{font-size:110%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:#000;}
/* finish heading */

/* start anggaran */
.anggaran{margin:0 0 20px;}
.anggaran h1{font-size:100%;margin:0 0 10px;padding:0 0 5px;line-height:1.1;font-weight:bold;border-bottom:#bdbdbd 1px solid;}
.anggaran h2{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.anggaran p{font-size:100%;margin:0 0 0;padding:0;line-height:1.1;font-weight:normal;}
.progress {
	position:relative;
  height: 18px !important;
  margin-bottom: 0;
  background-color: transparent !important;
  border-radius: 0;
  -webkit-box-shadow:none;
          box-shadow: none;
}
.progress:after{content:"";position:absolute;left:0;width:100%;height:10px;top:4px;background:#bfcdab;z-index:1;border-radius:10px;}
.progress-bar {
  font-size:16px;
  line-height: 18px;
  color: #000;z-index:3;
  text-align: center;
  background-color: #bfcdab !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress-bar span{position:absolute;right:0;top: 50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background:#fff;padding:0 2px;font-size:85% !Important;}

.progress-custom{position: relative;background: linear-gradient(90deg, transparent, #3eba81, transparent);background-repeat: no-repeat;background-size: 80%;animation: animate 5s linear infinite;height:10px;margin-top:4px;z-index:2;border-radius:10px;}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
/* finish anggaran */

/* start covid */
.box-covid{position: relative;overflow: hidden;margin:5px 0;padding:10px 10px 5px;background:rgba(255,255,255,0.6);border:#bdbdbd 1px solid;border-radius:4px;text-align:left;}
.box-covid p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.box-covid-image img{float:left;width:auto;height:28px;margin:0 10px 0 0;}
.kasus-covid h2{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.covid-column{width:33.33333333%;float:left;}
.covid-small{position: relative;overflow: hidden;text-align:center;border:#bdbdbd 1px solid;padding:0 0 10px;border-radius:4px;margin:0 0 6px;background:rgba(255,255,255,0.6);}
.covid-small h2{font-size:95%;margin:0 0 10px;padding:10px 5px;line-height:1.1;font-weight:bold;}
.covid-small h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.covid-small p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.covid-box{position:relative;overflow:hidden;border-radius:5px;padding:10px;text-align:center;border:#bdbdbd 1px solid;}
.covid-box h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.covid-box p{font-size:100%;margin:5px 0 0;padding:0;line-height:1.2;font-weight:normal;}
.covid-angka{font-size:100%;font-weight:bold;line-height:1.1;padding:0;margin:0;height:24px;}
.covid-box img {width:auto;height:10px;}
.head-covid{position:relative;overflow:hidden;margin:0 0 7px;text-align:center;}
.head-covid h2{position:relative;font-size:110%;margin:10px 0 0;padding:0;line-height:1.2;font-weight:bold;}
.head-covid img{width:auto;height:10px;margin:0 0 0 5px;}
.covid-banner{position:relative;overflow:hidden;}
.covid-banner-item{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.covid-banner-item img{float:left;width:auto;height:90px;margin:0 5px 0 0;}
.covid-backg1{position:absolute;top:10%;left:10%;width:20%;opacity:0.2;}
.covid-backg2{position:absolute;top:10%;right:-2%;width:15%;opacity:0.2;}
.covid-backg1 img, .covid-backg2 img{display:block;width:100%;height:auto;opacity:0.5;}
.covid-desa{position:relative;overflow:hidden;margin:0 0 15px;text-align:center;}
.terdata{font-size:100%;margin:5px auto 0;padding:0;line-height:1.2;font-weight:bold;text-align:center;}
.heading-covid h1{font-size:100%;padding:10px 15px;margin:0;line-height:1.1;font-weight:normal;color:#fff;}
/* finish covid */

/* start komentar agenda */
.komentar{width:100%;float:left;margin:0 0 15px;}
.komentar h2, .komentar h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.komentar h3{font-weight:normal;margin:0 0 5px 15px;}
.speak{position: relative;overflow:hidden;margin:0 0 0 15px;font-size:100%;line-height:1.1;padding:0;color:#919191;}
.speak-quote{width:20px;float:left;}
.speak-quote img{width:100%;height:auto;}
.speak-title{position:relative;overflow:hidden;margin-left:25px;}
.agenda{margin:0 0 20px;}
.agenda-row{position: relative;overflow: hidden;}
.agenda-row h3{font-size:100%;font-weight:500;margin:0;line-height: 1.2;padding:0;}
.agenda-title{position:relative;font-size:100%;font-weight:bold;margin:0 0 10px;line-height: 1.2;padding:0 0 0 20px;display:block;}
.agenda-title:before{content:"";position:absolute;left:0;top:4px;border-top:#bdbdbd 12px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;}
.agenda h2{font-size:100%;font-weight:bold;margin:0 0 5px 46px;line-height: 1.2;padding:0;color:#000;display:block;}
.agenda p{font-size:100%;font-weight:500;margin:0 0 0 46px;line-height: 1.2;padding:0;display:block;}
.agenda-row img{float:left;width:auto;height:38px;margin:0 5px 0 0;vertical-align:text-top;}
.no-data{margin:0 0 20px;position: relative;overflow: hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align: center !important; }
.no-data p{font-size:100%;font-weight:normal;margin:0 auto 0 0;line-height: 1.2;padding:0;color:#000;float:left;text-align: left;}
.no-data img{float:left;margin:0 0 0 auto;width:auto;height: 70px;margin:0 5px 0 0;}
/* finish komentar agenda */

/* start statistik */

.stat-penduduk{width:30%;float:left;}
.stat-next{width:70%;float:right;}
.stat-next-padding{padding:0 10px 0 20px;}
.stat-symbol, .stat-box {text-align:center;}
.stat-symbol .fa{position:relative;width:100%;height:auto;padding:30px 0;border-radius:5px;-webkit-box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.15);}
.stat-symbol .fa:after{content:"";position:absolute;top:0;left:0;right:10px;bottom:20px;border-radius:0 0 100% 0 ;opacity:0.2;background:#fff;}
.stat-symbol i.fa{font-size:200%;color:#fff;}
.stat-box h3{font-size:150%;font-weight:bold;margin:10px auto 5px;line-height: 1;padding:0;color:#919191;}
.stat-box p{font-size:100%;font-weight:normal;margin:0 auto;line-height: 1;padding:0;}
.box-stat{position:relative;overflow:hidden;padding:20px;border-radius:7px;border:#fff 2px solid;text-align:center;}
.box-stat h1{font-size:120%;font-weight:bold;margin:0 0 20px;line-height: 1.1;padding:0;color:#000;}
.box-statistik{text-align:center;position:relative;overflow:hidden;}
.box-statistik img{width:70%;margin:0 auto 10px;}
.box-statistik h2{font-size:100%;font-weight:bold;margin:0 auto;line-height: 1.1;padding:0 10px;color:#004b67;}
.box-statistik:hover h2{color:#000;}
/* finish statistik */

/* start content */
.head-content{width:100%;position: relative;overflow: hidden;padding:0 0 10px;margin:0 0 10px;}
.head-content h1{font-size:200%;margin:0 0 10px;padding:0;line-height:1.1;color:#000;font-weight:bold;}
.head-content h2{font-size:150%;margin:0;padding:0;line-height:1.2;color:#000;font-weight:bold;}
.pageimage{position: relative;z-index:1;}
.image-link{position: absolute;width:50px;height:50px;border-radius:50px;background:rgba(0,0,0,0.6);top: 50%;left: 50%;margin:0 auto;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index:9;display:none;}
.pageimage:hover .image-link{display:flex;}
.image-link img{width:24px;height:24px;}
.category-content{position: relative;overflow: hidden;height:30px;font-size: 100%;margin:10px 0 ;padding:0;line-height: 1.2;font-weight:bold;}
.category-content img{float:left;width:auto;height:100%;margin:0 5px 0 0;}
.head-category{position:relative;overflow:hidden;margin:0 0 0;padding:15px;}
.head-category{padding:30px 0;margin:0 0 0;text-align:center !important;}
.head-category-image{float:left;margin:0 0 0 auto;}
.head-category-image img{width:auto;height:30px;float:left;margin:0 10px 0 0;}
.head-category-title{float:left;margin:0 auto 0 0;}
.head-category-title h1{font-size:110%;margin:0;padding:0;line-height:1.2;color:#fff;font-weight:bold;}
.head-category h2{font-size:110%;margin:0 auto;padding:0;line-height:1.2;color:#fff;font-weight:bold;font-family: 'MDGroteskRegular';text-align:center !important;}
.lampiran{width:100%;float:left;margin:20px 0 0;text-align:center;}
.lampiran p {font-size:100%;margin:0 0 0;padding:0;line-height:1.1;}

/* finish content */

/* start share komen */
.share{width:100%;position: relative;overflow: hidden;}
.social-icon{float:left;width:34px;height:34px;padding:0 0;margin:0 5px 0 0;position:relative;border-radius:4px;}
.social-icon img{float:left;width:18px;height:18px;display:block;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.twitter{background:#00bbf1;}
.facebook{background:#006da5;}
.whatsapp{background:#00ae21;}
.print{background:#eab535;}
.telegram{background:#0085c3;}
.email{background:#a664b7;}
.comment-head{position: relative;overflow: hidden;margin:0 0 10px;}
.comment-head:after{content:"";position: absolute;top:0;left:0;width:100%;height:1px;top:50%;border-top:#bdbdbd 1px solid;z-index: 1;}
.comment-head h2{font-size:100%;position: relative;padding:0 10px 0 0;margin:0 0;float:left;font-weight:bold;background: #fff;z-index: 2;}
.comment-head h1{font-size:110%;padding:0 10px;margin:0 auto;font-weight:bold;background: #fff;z-index: 2;}
.comment-content{margin:20px 0 0;width:100%;float:left;}
.comment-content .speak{padding:0 0 0 30px;border:none;margin:0 0 0 0;}
.comment-content .speak:before{left:0;top:0;width:25px;height:25px;background-size:100% 100%;}
.comment-content .speak:after{display:none;}
.comment-content .speak p{font-size:100%;margin:0;line-height: 1.2;padding:0 0 0 5px;border-left:#bdbdbd 1px solid;}
.box-isian-title{width:30%;float:left;margin:0 0 15px;}
.box-isian-isi{width:70%;float:right;margin:0 0 15px;}
.column-comment-left{width:60%;float:left;}
.column-comment-left img{width:60%;opacity: 1;margin-right:10px;}
.column-comment-right{width:40%;float:right;}
.comment-fb{width:100%;float:left;margin:30px 0 40px;}
.comment-fb-inner{background:#fff;padding:0;position: relative;overflow: hidden;}
/* finish share komen */

/* start number-ol */
.number-ol{padding:0 0;margin:0 !important;position:relative;overflow:hidden;padding:10px 0 0;}
.number-ol-row{width:100%;padding:0 0 0;margin:0 0 10px;text-align:left !important;}
.number-ol-row:last-child{border-bottom:none;}
.number-ol li{margin:0;padding:0;line-height:1.2;font-size:100%;font-weight:500;}
.number-ol ol{counter-reset:li;list-style:none; 
    *list-style:decimal;font-size:100%;padding: 0;margin:0;text-shadow:0 1px 1px rgba(255,255,255,.8);}
.number-ol ol ol{margin:0 0 0 60px;}
.number-ol-list li{position: relative;display:block;padding:0 0 0 30px;margin:0 0 0 0;background:none;color:#414141;text-decoration:none;text-shadow:none;}
.number-ol-list li:before{content:counter(li);counter-increment:li;position:absolute;left:0;text-align:left;font-weight:400;font-size:42px;color:#86b03c;text-align:center;top:-6px;opacity:0.6;}
.number-ol-list li:hover{color:#009500;}
.number-ol-list li:hover:before{color:#919191;}
/* finish number-ol */

/* start panel */
.panel-heading a {
  position: relative;
  display: flex;justify-content: center;align-items: center;
  font-weight: bold;
  width:auto;display: flex;justify-content: center;align-items: center;
}
.panel-heading a::after {
  content: "";
  border: solid #919191;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 25px !important;
  top: 15px;
  float:right;
  transform: rotate(45deg);
}
.panel-heading a[aria-expanded=true]::after {
  transform: rotate(-135deg);
  top: 20px;
}
.panel-heading img{width:auto;height:34px;margin:0 5px 0 0;}
.panel-title{height:50px;width:auto;display: flex;justify-content: center;align-items: center;padding:0 60px 0 25px;border-radius:5px;}

/* finish panel */

/* start category */
.category-row{position:relative;overflow:hidden;margin:0;padding:10px 0;}
.category-image{width:30%;float:left;}
.category-title{width:70%;float:right;}
.category-title h2 {font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.category-isi{position:relative;overflow:hidden;width:100%;margin:0;padding:0;font-size:100%;line-height:1.1;}
.category-row a{color:#414141;}
.category-row:hover .category-title h2 {color:#009500;}
/* finish category */

/* start sinergi */
.sinergi img{width:40%;height:auto;display:block;margin:0 auto 0;}
.sinergi p{font-size:100%;margin:5px 0 0;padding:0;line-height:1.2;font-weight:normal;}
/* finish sinergi */

/* start pencarian */
.pencarian{position:relative;overflow:hidden;width:100%;}
.pencarian .form-control, .pengaduan .form-control {
display:block;
width:100%;
  position:relative;
  height:40px;
  padding: 0 10px;
  font-size: 100%;
  color: #313131;
  line-height:40px;
  background-color:fff;
  background-image: none;
  margin:0 0 10px!important;
  border:#bdbdbd 1px solid;
  border-radius:4px;
}
.pencarian .form-control:focus, .pencarian .form-control.active{color: #313131;box-shadow:none;border-color:#919191;}
.pencarian .form-control::-moz-placeholder {color: #313131;}
.pencarian .form-control:-ms-input-placeholder {color: #313131;}
.pencarian .form-control::-webkit-input-placeholder {color: #313131;}
.go-search img{width:22px;height:22px;opacity:0.7;}
.go-search{position:absolute;right:5px;top:0;height:40px;width:40px;padding:0;margin:0;border:none;outline:none;box-shadow:none;background:transparent;}
/* finish pencarian */

/* start lapak */
.column-lapak{width:25%;float:left;}
.lapak-inner{position:relative;}
.info-lapak{position:relative;overflow:hidden;border-radius:0 0 5px 5px;margin:0 0 15px;padding:0 0 15px;}
.deskripsi-lapak{position:relative;overflow:hidden;border-radius:5px;margin:0 15%;padding:60px 15px 30px;color:#dbdbdb;}
.deskripsi-lapak h1 {font-size:100%;margin:0 0 10px;line-height:1.1;padding:0;font-weight:bold;}
.deskripsi-lapak p {font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:normal;}
.deskripsi-lapak h3 {font-size:100%;margin:20px 0 0;line-height:1.1;padding:0;font-weight:normal;}
.lapak-judul-box{position:relative;overflow:hidden;padding:0 0;margin:5px 0 0;z-index:1;}
.pelapak{font-size:100%;margin:0 0 0;line-height:1.2;padding:0;font-weight:normal;position:relative;overflow:hidden;height:65px;}
.harga-produk{position:relative;overflow:hidden;height:50px;}
.harga-produk p{font-size:90%;margin:0 5px 0 auto;padding:0;line-height:1.1;}
.harga-produk h3{font-size:90%;margin:0 auto 0 5px;padding:0;line-height:1.1;}
.harga-produk2{width:100%;float:left;margin:10px 0;}
.harga-produk2 p, .harga-produk2 h2{font-size:100%;margin:0 0 0;padding:0;line-height:1.1;}
.harga-produk2 h3{font-size:100%;margin:0 0 0 5px;padding:0;line-height:1.1;}
.lapak-open {display: none;position: fixed;top: 50px;left:0;bottom:0;right:0;background: #ff0000;z-index: 99;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
/* finish lapak */

/* start no-found */
.no-found{position:relative;overflow:hidden;padding:20px;margin:0 10%;}
.no-found-title{float:left;width:60%;text-align:left;}
.no-found-image{float:right;width:40%;}
.no-found-image img{width:100%;height:auto;}
.no-found h1{text-align:left;font-size:300%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:800;}
.tanda-seru{font-size:170%;-webkit-transform:rotate(20deg);transform:rotate(20deg);margin:0 0 0 10px;}
.no-found h2{text-align:left;font-size:110%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.no-found h3{text-align:left;font-size:110%;margin:0 0;padding:0;line-height:1.2;font-weight:normal;}

/* finish no-found */

.popin{animation: popin 0.7s linear infinite 0.5s;}
@keyframes popin{
    0%{
        opacity: 0.3;
    }
    1%{
        opacity: 1;
    }
    99%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}

/* start footer */
.footer-container{width:100%;font-size:90%;float:left;padding:40px 0;background:#313131;text-align:center;color:#bdbdbd;}
.footer-container a{color:#bdbdbd;}
/* finish footer */

/* start color */
.colorungu{background: #a843bb;background: -moz-linear-gradient(45deg, #a843bb 0%, #9226ad 100%);background: -webkit-linear-gradient(45deg, #a843bb 0%, #9226ad 100%);background: linear-gradient(45deg, #a843bb 0%, #9226ad 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a843bb",endColorstr="#9226ad",GradientType=1);}
.colorkuning{background: #fea31f;background: -moz-linear-gradient(45deg, #fea31f 0%, #fa8f03 100%);background: -webkit-linear-gradient(45deg, #fea31f 0%, #fa8f03 100%);background: linear-gradient(45deg, #fea31f 0%, #fa8f03 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fea31f",endColorstr="#fa8f03",GradientType=1);}
.colormerah{background: #ed4f4c;background: -moz-linear-gradient(45deg, #ed4f4c 0%, #e53c37 100%);background: -webkit-linear-gradient(45deg, #ed4f4c 0%, #e53c37 100%);background: linear-gradient(45deg, #ed4f4c 0%, #e53c37 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed4f4c",endColorstr="#e53c37",GradientType=1);}
.colorhijau{background: #63b865;background: -moz-linear-gradient(45deg, #63b865 0%, #45a14a 100%);background: -webkit-linear-gradient(45deg, #63b865 0%, #45a14a 100%);background: linear-gradient(45deg, #63b865 0%, #45a14a 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b865",endColorstr="#45a14a",GradientType=1);}
.colorbiru{background: #20c3d4;background: -moz-linear-gradient(45deg, #20c3d4 0%, #00aec1 100%);background: -webkit-linear-gradient(45deg, #20c3d4 0%, #00aec1 100%);background: linear-gradient(45deg, #20c3d4 0%, #00aec1 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20c3d4",endColorstr="#00aec1",GradientType=1);}
.bg-greysoft{background:#e9e9e9;}
.bg-greydark{background:#bdbdbd;}
.bg-grey{background:#e0e0e0;}
.bg-menu{background:#004b67;}
.bg-navsub{background:#313131;}
.bg-white{background:#fff;}
.bg-white-gradient{background:rgba(255,255,255,0.3);}
.bg-module{background:#004b67;}
.bg-pattern{background-color: #e9e9e9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23bdbdbd' fill-opacity='0.5'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

/* finish color */


.pengaduan-tombol{float:left;position:relative;}
.pengaduan-content{width:100%;float:left;}
.listrow{position:relative;overflow:hidden;width:100%;border-bottom:#bdbdbd 1px solid;padding:0 0 10px;margin:0 0 10px;cursor:pointer;}
.alertpengaduan{width:100%;float:left;margin:10px 0;}
.foto-pengaduan{width:40px;height:40px;float:left;position:relative;overflow:hidden;}

.listrow-image{width:40px;float:left;margin:0 20px 0 0;}
.listrow-title{position:relative;overflow:hidden;margin-right:120px;}
.listrow-title h2, .listrow-title h3{font-size:100%;margin:0 0 5px;line-height:1.1;padding:0;}
.listrow-title p{font-size:100%;margin:0 0;line-height:1.1;padding:0;}
.tanggapan{position:absolute;bottom:10px;right:0;width:120px;float:right;}
.badge{padding-left:10px;padding-right:10px;font-weight:normal !important;}
.biru{background:#00aec8;}
.ungu{background:#bc90d8;}
.hijau{background:#84d04d;}
.pengaduan-form{position:relative;overflow:hidden;border-radius:7px;padding:20px;}
.pengaduan-form h1{font-size:120%;margin:0 0 10px;line-height:1.1;padding:0;color:#000;font-weight:bold;}
.pengaduan-form h2{font-size:100%;margin:0 0;line-height:30px;padding:0;}
.pengaduan-form h3{font-size:100%;margin:0 0 10px;line-height:1.1;padding:0;}
.pengaduan-form p{font-size:100%;margin:5px 0 0;line-height:1.1;padding:0;}
.symbol-pengaduan{width:25px;float:left;margin:0 10px 0 0;}
.symbol-pengaduan img {width:100%;height:auto;}
.isi-pengaduan{position:relative;overflow:hidden;}
.badge2{padding:0 10px;font-weight:normal !important;line-height:30px;border-radius:30px;color:#fff;margin:0 0;}
.tanggapan-status{width:100%;float:left;}
.withborder{border-bottom:#bdbdbd 1px solid;padding:0 0 5px !important;}
.pengaduan{padding-bottom:60px;}
.pengaduan .form-control {
  height:40px;
  line-height:40px;
  border-radius:5px;
  padding: 0 10px;
  font-size: 90%;
  text-align:left;
  border:#bdbdbd 1px solid;
}
.pengaduan-tombol{float:left;width:40px;height:40px;border:#bdbdbd 1px solid;border-radius:5px;color:#fff;}
.no-pengaduan{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:5px;color:#fff;}
.no-pengaduan:hover{color:#fff;}
.column-30{width:30%;float:left;}
.formulir{float:right;height:40px;border:#bdbdbd 1px solid;border-radius:5px;padding:0 10px;margin:0 0 0 auto;color:#fff;}
.pengaduan .modal-header .close {background:#000;}