.navbar{
/*background: #a90329;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );*/

color :#FFF;
	z-index: 99;
}

.spanslide{
	/*position: absolute;
	top: 50%;
	left: 13%;*/
  background:rgba(0,0,0,0.5);
  position:absolute;
  bottom: 0;
}

@media (max-width: 900px) {
    .spanslide {
        height: 25px;
        width: 100%;
        font-size: 12px
        position:absolute;
        bottom: 0;
        display: none;
    }
}
@media (min-width: 900px) {
    .spanslide {
    }
}

.header {
  background-color: transparent;
  padding: 30px;
  text-align: center;
}

#navbar{
	background: #a90329;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
background: #a90329;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
color :#FFF;
	z-index: 99;
}
.sticky2 {
  position: fixed;
  top: 0;
  /*width: 100%;*/
	z-index: 99;
}



/*wrapper sidebar*/
 #wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -250px;
  left: 250px;
  width: 250px;
  background: #000;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#wrapper.active {
  padding-left: 0;
}

#wrapper.active #sidebar-wrapper {
  left: 0;
}

#page-content-wrapper {
  width: 100%;
}



.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
  padding-left: 60px;
}

.sidebar-nav li a span:before {
  position: absolute;
  left: 0;
  color: #41484c;
  text-align: center;
  width: 20px;
  line-height: 18px;
}

.sidebar-nav li a:hover,
.sidebar-nav li.active {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}



.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#menu-toggle {

}

.btn-menu {
  color: #000;
} 

.inset {
  padding: 20px;
}

@media (max-width:767px) {

#wrapper {
  padding-left: 0;
}

#sidebar-wrapper {
  left: 0;
}

#wrapper.active {
  position: relative;
  left: 250px;
}

#wrapper.active #sidebar-wrapper {
  left: 250px;
  width: 250px;
  transition: all 0.4s ease 0s;
}

#menu-toggle {
  display: inline-block;
}

.inset {
  padding: 15px;
}

}

/*.end sidebar wrapper*/
.rsskemkes{
  background: rgb(41,165,3); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,165,3,1) 0%, rgba(2,124,6,1) 44%, rgba(18,102,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(41,165,3,1) 0%,rgba(2,124,6,1) 44%,rgba(18,102,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(41,165,3,1) 0%,rgba(2,124,6,1) 44%,rgba(18,102,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a503', endColorstr='#126600',GradientType=0 ); /* IE6-9 */
}
.rsspom{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: #2c539e; /* Old browsers */
background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
}
.rssjambi{
	background: #030fb2; /* Old browsers */
background: -moz-linear-gradient(top, #030fb2 0%, #030d9b 44%, #00087f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #030fb2 0%,#030d9b 44%,#00087f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #030fb2 0%,#030d9b 44%,#00087f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030fb2', endColorstr='#00087f',GradientType=0 ); /* IE6-9 */
}
.gpr{
	background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
border:2px solid #970224;
}
.isi-gpr{
	background: #FFF;
	border-radius: 0 20px 20px 0;
	/*min-height: 300px;*/
	padding: 3px;
}

#preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
border:2px solid #970224;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000000; }

#world-load {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #f1f1f1;
  -webkit-animation: world 2400ms linear infinite;
  animation: world 2400ms linear infinite;
  z-index: 999; }
  #world-load:before {
    content: "";
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    border-radius: 50%;
    border: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #f1f1f1;
    -webkit-animation: world 2700ms linear infinite;
    animation: world 2700ms linear infinite; }
  #world-load:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    border: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #f1f1f1;
    -webkit-animation: world 1800ms linear infinite;
    animation: world 1800ms linear infinite; }

@-webkit-keyframes world {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes world {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.affix {
    top: 110px;
    z-index: 9999 !important;
    /*box-shadow: 0 0 18px #000 inset;*/
    box-shadow: 0 0 5px #000;
    /*display: block;*/
  }
@media (max-width: 900px) {
    .affix {
        position: static;
        /*display: none;*/
    }
}
@media (min-width: 900px) {
    .affix {
        position: fixed;
        /*display: block;*/
        width: 25%;
    }
}


.gpr-kominfo-widget-icon-rilis-media-gpr{background:url(https://widget.kominfo.go.id/images/rilismediagpr.png) left center no-repeat;background-size:55px!important}.gpr-kominfo-widget-icon-artikel-berita-gpr{background:url(https://widget.kominfo.go.id/images/artikelberitagpr.png) left center no-repeat;background-size:55px!important}.gpr-kominfo-widget-icon-infografis-gpr{background:url(https://widget.kominfo.go.id/images/infografisgpr.png) left center no-repeat;background-size:55px!important}.gpr-kominfo-widget-icon-laporan-gpr{background:url(https://widget.kominfo.go.id/images/laporangpr.png)}

#btt {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  background: rgba(0,0,0,0.8);
}

#btt:hover {
  background: rgba(0,0,0,0.4);
}
.panel-heading{
	margin-top: 5px;
}


/* Style the tab */
.tabgpr {
  float: left;
  /*border: 1px solid none;*/
  width: 25%;
  height: 20%;
  /*border-right: 1px solid #900;*/
  /*margin-right: 20px;*/
}
.tabkemkes {
  float: left;
  width: 25%;
  height: 20%;
}
.tabpom {
  float: left;
  width: 25%;
  height: 20%;
}
.tabjambi {
  float: left;
  width: 25%;
  height: 20%;
}

/* Style the buttons inside the tab */
.tabgpr button {
  /*display: inline-block;*/
  display: inline;
  /*background-color: inherit;*/
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 50px;
  background: #EEE
}
.tabkemkes button {
  display: inline;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 50px;
  background: #EEE
}
.tabjambi button {
  display: inline;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 50px;
  background: #EEE
}
.tabpom button {
  display: inline;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 50px;
  background: #EEE
}
.tabgprlinks{
	border:1px solid #900;
	border-radius: 10px;
  	box-shadow: 0 0 18px rgba(0,0,0,0.3) inset;
}
.linkkemkes{
  border:1px solid #090;
  border-radius: 10px;
    box-shadow: 0 0 18px rgba(0,0,0,0.3) inset; 
}
.linkpom{
  border:1px solid #090;
  border-radius: 10px;
    box-shadow: 0 0 18px rgba(0,0,0,0.3) inset; 
}
.linkjambi{
	border:1px solid #009;
	border-radius: 10px;
  	box-shadow: 0 0 18px rgba(0,0,0,0.3) inset;	
}
/* Change background color of buttons on hover */
.tabgpr .tabgprlinks:hover {
  /*background-color: #333;*/
  /*box-shadow: 0 0 18px rgba(0,0,0,0.3) inset;*/
}

/* Create an active/current "tab button" class */
.tabgpr .active {
  /*background-color: #ccc;*/
  /*box-shadow: 0 0 18px rgba(255,0,0,0.3) inset;*/
  background: #FFF;
  box-shadow: none;
  border:none;
}
.tabkemkes .active {
  background: #FFF;
  box-shadow: none;
  border:none;
}
.tabpom .active {
  background: #FFF;
  box-shadow: none;
  border:none;
}

.tabjambi .active {
  background: #FFF;
  box-shadow: none;
  border:none;
}

/* Style the tab content */
div .tabgprcontent {
  float: left;
  padding: 0 10px ;
  /*border: 1px solid #ccc;*/
  /*border-radius:  ;*/
  width: 70%;
  border-left: none;
  /*height: 300px;*/
}
div .contentkemkes {
  float: left;
  padding: 0 10px ;
  width: 70%;
  border-left: none;
}
div .contentpom {
  float: left;
  padding: 0 10px ;
  width: 70%;
  border-left: none;
}
div .contentjambi {
  float: left;
  padding: 0 10px ;
  width: 70%;
  border-left: none;
}
.tabgprcontent div{
	width: 100%;
}
.contentkemkes div{
  width: 100%;
}
.contentpom div{
  width: 100%;
}
.contentjambi div{
	width: 100%;
}
.tabgprcontent div li{
  float: left;
  margin-top:10px;
  font-size: 12px;
}
.contentkemkes div li{
  float: left;
  margin-top:10px;
  font-size: 12px;
}
.contentjambi div li{
  float: left;
  margin-top:10px;
  font-size: 12px;
}
.tabgprcontent div li small{
  float: right;
}
.contentkemkes div li small{
  float: right;
}
.tabgprlinks{
	white-space: pre-wrap;
	text-align: center;
	padding-top: 45px;
	vertical-align: bottom;
	cursor: pointer;
	/*width: 50px;
	height: 50px;*/
}
.linkkemkes{
  white-space: pre-wrap;
  text-align: center;
  padding-top: 45px;
  vertical-align: bottom;
  cursor: pointer;
}
.linkpom{
  white-space: pre-wrap;
  text-align: center;
  padding-top: 45px;
  vertical-align: bottom;
  cursor: pointer;
}
.linkjambi{
	white-space: pre-wrap;
	text-align: center;
	padding-top: 50px;
	vertical-align: bottom;
	cursor: pointer;
}
.tabgprkat{
	border-bottom: 2px solid #CCC;
	padding-top: 5px;
	/*font-weight: 600*/
}
.carousel-caption{
  color: #FFF;
  font-weight: 600;
}
.carousel-caption h3{
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 900px) {
    .carousel-caption h3{
        font-size: 12px;
        display: none;
    }
}
@media (min-width: 900px) {
    .carousel-caption h3{
        font-size: 16px;
        display: block;
    }
}