/* Toggle Styles */
ul.sidebar-nav:after{
  content: ' ';
}

.visibleFalse{
  display:none !important;
}

.visibleTrue{
  display:block !important;
}
#wrapper {
  padding-left: 0;
}

.judul_berita{
  color:#f44336 !important;
}

.mega-dropdown-menu>li>ul>li.dropdown-header>a{
  color:#1d1da3;
  font-weight:bolder;
  text-decoration:underline;
}

.navbar-inverse{
  /* background-color:#ba000d; */
  /* border-color:#ff7961; */
  background-color: #fff;
  border-color: #ffffff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color:#1b316c;
}
.navbar-inverse .navbar-toggle{
  border-color:#4d5a9b;
}

.dropdown-menu{
  font-size:16px;
}


.mega-dropdown-menu>li>ul>li>a{
  color:#000;
  font-weight:normal;
  text-decoration:none;
}
.mega-dropdown-menu>li>ul>li>a:hover{
  color:#000;
  font-weight:bold;
  text-decoration:underline;
}

@media(max-width:768px){
  .mega-dropdown-menu>li>ul>li.dropdown-header>a{
    color:#ffffff;
    font-weight:bolder;
    text-decoration:underline;
  }
  .mega-dropdown-menu>li>ul>li>a{
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;
  }
  .mega-dropdown-menu>li>ul>li>a:hover{
    color:#ffffff;
    font-weight:bold;
    text-decoration:underline;
  }
}

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

.ads-slider>a>img{
  margin-top:10px;
  width:100%;
}


#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px !important;
}

/* Sidebar Styles */

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

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

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

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

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

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

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

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

#page-content-wrapper{
  width: 100%;
  position: absolute;
  padding: 15px;
}

/* end of sidebar*/

.navbar{
  border-radius: 0px;
  color:#999999;
}
.navbar-toggle{
  float: left;
  margin-left: 15px;
}

.header{
  z-index: 100 !important;
  background-color: #FFF;
  padding-top: 10px !important;
}

.logo{
  margin-bottom: 10px;
}

.textboxbox{
  flex:1;
  display:flex;
  justify-content:center;
}

.textboxsearch{
  border: 1px solid #3372e0 !important;
  height: 34px;
  border-radius: 2px !important;
  font-size: 17px !important;
  width:50%;
  display:inline-block;
  margin-right: 10px;
}

.btnSearch{
  height: 34px;
  border-radius: 4px !important;
  background-color: #3775dd;
  box-shadow: 0 2px #21487f;
  border: none;
  color: #FFF;
}

.btnMobileSearch{
  height: 32px;
  background-color: transparent;
  background-image: url("../img/searchicon.png");
  background-repeat: no-repeat;
  border: none;
  margin-left: -100px;
}

.content{
  margin-top: 50px;
}



.daftarberita{
  /*//height: 100%;
 // border-top: 1px solid #ff7961;
 //border-bottom : 1px solid #ba000d;*/
 padding: 5px;
 /* //background:#f44336;*/
 color:white;
}

.gambarberita{
 /* width: 180px !important;*/
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.kotakgambar{
  padding-right: 8px; padding-left: 8px; text-align: -webkit-center;

}

.kotakberita{
  padding-right: 0px; padding-left: 0px;font-size: 16px;
}

.waktuberita{
  margin:0;padding:0;
  color:#A9A9A9;
  font-size:80%;
}

.judulberita{
  width: 100%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #020e65 !important;
}

.kontenberita{
  width: 100%;
  font-size:16px;
  text-align: justify !important;
}

.berita{
  margin-bottom: 20px;
  
}

.berita h4{
  //background-color: #ba000d;
  color: #020e65;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 0px;
}

.teksberita{
  margin-bottom: 30px;
}

.berita a{

  text-decoration: none;
}

.daftarberitatepi{
  //height: 100%;
  border: 1px solid #e2e2e6;
  padding: 5px;
}

.kotakgambartepi{
  padding-right: 8px; padding-left: 8px; text-align: -webkit-center;
}

.kotakberitatepi{
  padding-right: 0px; padding-left: 0px;font-size: 16px;
}

.judulberitatepi{
  color:#f44336 !important;
  font-size:16px;
  font-weight:bold;
}

.displayText{
  color:#565353  !important;font-weight:normal !important;text-decoration:none !important;
}

.tag{
 display: block;
 float: left;
 padding: 2px 5px;
 text-decoration:none;
 background: #3bc0c3;
 color: #fff;
 margin-right: 5px;
 margin-bottom:5px;
 margin-top: 5px;
 font-size:13px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}

.category a{
  font-size: 16px !important;
  color: #1d1da3 !important;
  font-weight: bold;
}

.daftar-iklan{
  margin-bottom: 20px;
}

.navbar-inverse .navbar-nav>li>a{
  /* color: #FFF; */
  color: #020e65;
  font-weight: bold;
}
.navbar-inverse .navbar-nav>li>a:hover {
  color: #020e65;
  text-decoration:underline; 
}

.footer{
  margin-top: 20px;
  margin-bottom: 20px;
}

.banner{
  margin-bottom: 30px;
  /* //max-width: 653px;*/
}

.banner img{
  height: 350px;
}

.ads-slider{
  margin-bottom: 10px;
  max-width: 653px;
}

.ads-slider img{
  height: auto;
}

.sy-pager li.sy-active a{
  background-color: #000;
}

.sy-caption-wrap .sy-caption{
  padding: 20px;
  width: 100% !important;
  border-radius: 0px;
  position: static;
  font-size:19px;
}

.topikhangat{
  border: 1px solid #000;
  margin-bottom: 30px;
  height: auto;
  width: 100%;
}

.topikhangat h4{
  background-color: #1b316c;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  margin-top: 0px;

}

.pgwSlider .ps-current{
  font-size: 20px ;
}
.daftartopikhangat{
  height: auto;
  display: block;
  padding: 5px;
  float: left;
}

.footer{
  text-align: center;
}

.footer a{
  font-size: 14px !important;
  color: #1d1da3 !important;
  font-weight: bold;
}

.sidebar-nav li a:hover{
  background-color: #000;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #020e65;
}
body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

@media (max-width:767px) {
  .heigtimg{
    height: 50px !important;
    width:auto;
  }
}
@media (min-width:768px) {
  .heigtimg{
    height: 70px !important;
    width:auto; 
  }
}
@media (min-width:992px) {
  .heigtimg{
    height: 100px !important;
    width:auto; 
  }
}