.navku > li > a {
        position: relative;
        display: block;
        padding: 0px 10px;
        color: white;
        font-size: 13px;
    }
    .navku > li > a:hover, .navku > li > a:focus {
        text-decoration: none;
        background-color: #060342;
        color: yellow;
    }
    .navbar {
        padding: 5px 0px;
    }
    .navbar-nav > li {
        padding-bottom: 15px;
        margin-left: 10px;
    }
    #logo-udb {
        width: 260px;
    }
    .top-bar {
        padding: 2px 0;
        background: #060342;
        border-bottom: 1px solid #04013e;
    }
    .gambar-responsive {
        width: 90%;
    }

    @media only screen and (max-width: 600px) {
        #logo-udb {
            width: 200px;
        }
        .navbar-nav > li {
            margin-left: 0px;
            padding-bottom: 5px !important;
        }
        .gambar-responsive { 
            width: 90%;
        }
    }

    h1, h2, h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .welcome{
        background: #f6f6f6;
        padding: 10px;
        margin-bottom: 30px;
        border-radius: 3px;
        border: 1px solid #e8e8e8;
    }
    .bs-callout {
        padding: 15px;
        margin-bottom: 10px;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
    }
    .bs-callout-warning {
        border-left-color: #f0ad4e;
    }

        .icon-menu {
        margin-right: 10px;
    }
    .list-article {
        list-style: none;
        padding-left: 0px;
        margin-top: 20px;
    }
    .list-article h3 {
        margin:0px;
        font-weight: bold;
    }
    .item-article {
        margin-top: 0px !important;
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid #eee;
    }
    .article-info{
        padding-bottom: 5px;
        border-bottom: 1px dotted #c3c3c3;
        margin-bottom: 5px;
    }
    .article-info span{
        margin-right: 15px; 
        font-size: 13px !important;
        color: #050150;
    }
    .article-title {
        font-size: 22px;
    }
    @media only screen and (max-width: 600px) {
        .article-identitas span{
            width: 100%;
        }
    }
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 0px 0;
        border-radius: 4px;
        float: right;
    }
    .loader,
    .loader:before,
    .loader:after {
      background: #ffffff;
      -webkit-animation: load1 1s infinite ease-in-out;
      animation: load1 1s infinite ease-in-out;
      width: 1em;
      height: 4em;
    }
    .loader {
      color: #ffffff;
      text-indent: -9999em;
      margin: 88px auto;
      position: relative;
      font-size: 11px;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }
    .loader:before,
    .loader:after {
      position: absolute;
      top: 0;
      content: '';
    }
    .loader:before {
      left: -1.5em;
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }
    .loader:after {
      left: 1.5em;
    }
    @-webkit-keyframes load1 {
      0%,
      80%,
      100% {
        box-shadow: 0 0;
        height: 4em;
      }
      40% {
        box-shadow: 0 -2em;
        height: 5em;
      }
    }
    @keyframes load1 {
      0%,
      80%,
      100% {
        box-shadow: 0 0;
        height: 4em;
      }
      40% {
        box-shadow: 0 -2em;
        height: 5em;
      }
    }