/**
 * CSS for HTML galley
 * 
 * designed for JPK UNDIP
 * developed by AWP
 * 
 * ver 1.0 (23/03/2017)
 *
 **/

#leftSidebar{
	display: none;
}

ol+h2{
		padding: 0;
		margin: 0;
		display: none;
	}

#main{
		width: 100% !important;	
	}	

#main>h2 {   
    border-bottom: 1px solid #E7E7E7;    
}

#mainmenu a{
	text-decoration: none;
}

#konten p{
	text-align: justify;
}

#konten h4{
	padding-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

#konten .panel-heading, #download{
	text-align: center;	
}

#download>.panel{
	/*width: 240px;*/
	margin: auto;
    border: 0 none transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#download{
	margin-bottom: 20px;
}

#download .panel-body{
	padding: 0;
	padding-bottom: 20px;
}

#download .btn-primary{
	color: #ffffff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
    border-radius: 0;
}

#download .btn-primary:hover{
	color: #ffffff;
    background-color: #358753;
    border-color: #2b6e44;    
}

.content-area {
    padding: 15px;
    padding-top: 20px;
}

hr {
    margin: 10px 0;
}

.panel-body a button {
    margin: 2px 0;
}

#toc li {
    list-style-type: disc;
}

h4 #pendahuluan {
    margin-top: 30px;
    padding-top: 0;
}

#beta {    
    text-align: center;
    padding: 10px 0;    
}

.alert-warning {
    background-color: #f5da52;
    border-color: #d2af1c;
    color: #5f4b28;    
}

nav#mainmenu{
	position: absolute;
}

.panel{
	border-radius: 0;
}

#socmed{
	text-align: center;
}

#email img {
    width: 15px;
    height: 15px;
}

#isi{
	padding-top: 10px;
}

#toc.affix {
    top: 20px;        
}

.affix-top{
	position: static;
}

.affix-bottom{
	position: absolute;
	bottom: auto;
}

@media screen and (min-width: 769px){
	.modal-dialog { 
	width: 900px;
	}		

	.affix,.affix-bottom {
    width: 217px;    
	}
}

@media (min-width: 992px) {
	.affix,.affix-bottom {
	width: 291px; /* 852 * .25 */	
	}
}
@media (min-width: 1200px) {
	.affix,.affix-bottom {
	width: 375px; /* 1052 * .25 */	
	}
} 


@media screen and (max-width: 768px){
	.affix{
		position: static;
	}
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav>li>a{
	padding: 5px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    color: #ffffff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
}

	#up img {
    width: 20px;
    height: 20px;
}

#up{
	float: right;
	position: absolute;
	right: 20px;
	display: flex;
	display: -webkit-flex;
}

@media screen and (min-width: 768px){
	#up{
		display: none;
		}
}

#isi img {
    display: block;
    margin: auto;    
}

@media screen and (max-width: 768px){
	.btn-group a {
    font-size: 12px;
	}
}