.form-control {border-radius: 0 !important}
.btn {border-radius: 0 !important}
#logged_in_info {
    background: #ccc;
    padding: 20px 0;
}
.b5 {margin-bottom: 10px !important;}
.ulq {
    list-style-type: none !important;
}
.ulq li{
}
.ulo {
    list-style-type: none !important;
}

/* UPN theme */
.header {background: #307227; padding: 10px 0 !important;}
.header.header-scrolled {background: #307227 !important;}
.navbar a {color: #333 !important;}
.breadcrumbs {background: #173514 !important;}
.header .logo img {max-height: 100px !important;}
.breadcrumbs {margin-top: 70px !important;}
.breadcrumbs ol {padding: 0 !important;}
img.header-logo {width: 40px;}

.navbar-brand {display: table !important;}
.navbar-brand > img, .navbar-brand span {
  display: table-cell;
  vertical-align: middle;
}

.mobile-nav-toggle {
    color: #fff !important;
}

.logo-head h1 {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.footer {background-color: #eee !important;}
.footer .copyright {color: #333 !important;}

.bayang {
  /* width: 400px;
  height: 200px; */
  border:2px solid #fff;
  /* background: url(img/tiger.png) no-repeat; */
  box-shadow: 10px 10px 5px #ccc;
  -moz-box-shadow: 10px 10px 5px #ccc;
  -webkit-box-shadow: 10px 10px 5px #ccc;
  -khtml-box-shadow: 10px 10px 5px #ccc;
}

.callout-button {
    background: #ffffff !important;
    border: 2px solid #307227 !important;
    margin: 20px 0;
    color: #307227;
    border-radius: 5px !important;
}

.callout-button:hover {color: #307227 !important;}

p.elemen {margin-bottom: 2px !important;}
p.kuk {margin-bottom: 2px !important; margin-left: 20px !important;}
ul.ul_kuk {padding-left: 20px;}
ul.ul_kuk li {list-style-type: none; margin-bottom: 15px;}
table.table-unit-kompetensi {
    margin-bottom: 0px !important;
    border-bottom: 1px dotted #fff !important;
}

table.kuk {
    margin-left: 30px;
}
table.kuk td{
    vertical-align: top;
    padding: 5px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar a {color: #fff !important;}
    img.header-logo {width: 70px;}
    .breadcrumbs {margin-top: 100px !important;}
    .logo-head h1 {font-size: 18px}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}