body.modal-open {overflow: auto;}
body.modal-open[style] {padding-right: 0px !important;}
.atas {min-height:120px;padding: 15px 20px;background:#0BB067 url(../banner.png) right top no-repeat;}
.run {margin-top:-20px;padding:5px 0 0 0}
.intro {padding: 30px 0;margin-bottom:30px;background:url(../latar.jpg) left top no-repeat}
.penuh {min-height: 100vh;margin-bottom:50px;}
.carousel {border:4px solid rgba(255, 255, 255, 0.5);border-radius: 4px;}
.carousel-caption {right:0;left:0;bottom: 0;padding-bottom:30px;background:#06693D;opacity: 0.5; filter: alpha(opacity=50);}
.carousel-caption:hover {opacity: 0.8; filter: alpha(opacity=80);}
.carousel-indicators {bottom: 0}
.breadcrumb{background:transparent}
.thumbnail:hover{box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);}
.thumbnail a{text-decoration:none}
footer {margin-top:50px;padding: 20px 0;color:#ccc;text-shadow: 2px 2px 4px #000;background: #000 url("../kaki.jpg") no-repeat center top;min-height:240px}
.text-warning {color:#f90}
.blur {opacity: 0.4; filter: alpha(opacity=40);}
.dropdown-menu > li > a {padding:7px 20px;border-top: 1px solid #ddd;}
#peringatan,.peringatan{background-color:#F2DEDE;color:#A94442;padding:10px}
#oke{background-color:#D3EAC9;color:#3C763D;padding:10px}
.well-success {background:#DFF0D8}
.well-warning {background:#FCF8E3}
.bg-blur {background-color:rgba(255, 255, 255, 0.5);padding:5px 10px;border-radius: 4px;display:inline-block}

@media (min-width: 992px) {
.dropdown:hover .dropdown-menu {display: block;}
}