body {
	margin:0;
	padding:0;
	text-align: justify;
}

#headerNavigationContainer {
 box-shadow: 1px 1px 12px 8px rgba(74,72,72,.30);
}

/*
.container .header_content .col-md-12 img {background-image: url(https://ejournal.publine.or.id/public/site/images/admin/lowpolyred.jpg) !important;}
*/

.container .header_content { padding-right: 1.25rem;}
/*
header {
	background-image: url(https://ejournal.kalibra.or.id/public/site/images/super/Header-EDUNOTE.png) !important;
	height: 200px;
    	width: 0 auto;

    z-index: 1;
    opacity: .25;
    box-shadow: inset 8px 3px 20px 1px rgba(0,0,0,.75);
    border: 1px solid #9a9a9a
}
*/

header .container-fluid .header_content { 
   /*background-image: url(https://ejournal.kalibra.or.id/public/site/images/super/header-edures.png) !important;*/
    width: 100%;
    height: 120px;
}

.pull-right {
    padding-right: 2rem;
}
.navbar-brand-logo img {
	max-height: 100%;
    	width: auto;
}

#sidebar .pkp_block .title {
	background: #3060c0; 
	color: #ffffff;
	font-size: 2.25rem;
}

.pkp_block .content ul {
	margin-top: -25px;
}

.navbar-default,.header_view {
  	background-color: #3060c0;
    	border-color: #2a54a7;
	border-style: none;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form,.header_view .navbar-collapse,.header_view .navbar-form {
    border-color: #2a54a7;
}


.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus,.header_view .navbar-nav>.open>a,.header_view .navbar-nav>.open>a:hover,.header_view .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #274e9b;
}

.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:active,.header_view .nav>li>a:hover,.header_view .nav>li>a:focus,.header_view .nav>li>a:active {
    color: #fff;
    background: #214183;
    border-radius: 5px !important;
}

.navbar-default .navbar-toggle {
    border-color: #214183;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
    background-color: #214183;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #3060c0;
}


.navbar-default .badge {
    background-color: #fff;
    color: #3060c0;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #214183;
}
}

.header_shadow {
    background: url(https://ejournal.actama.or.id/public/site/images/headow.png) no-repeat scroll center -8px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    /*margin-top: 1px;*/
}

.journal_index {
    min-height: 140px;
    margin: -21px 0 20px;
    padding: 20px 0 20px;
    -webkit-box-shadow: inset 0 -4px 5px -3px rgba(166,166,166,.29);
    -moz-box-shadow: inset 0 -4px 5px -3px rgba(166,166,166,.29);
    box-shadow: inset 0 -4px 5px -3px rgba(166,166,166,.29);
    border-bottom: 2px solid #fff;
}

.journal_index { 
    background: url(https://ejournal.actama.or.id/public/site/images/headmond.png) repeat;  
}

.pkp_structure_page {
    background: #fafafa !important;
    /*font-size: 1.1em;*/
    text-align: justify;
    text-justify: inter-word;
}

.pkp_structure_main {
    background: #fff;
}

#main_content {
    padding-top: 20px
}

.main_content main {
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    background: #fff;
    padding: 30px;
    margin-top: -2px;
    border-radius: 4px;
}

.panel-default,.pkp_block {
    border-color: #fff !important;
    box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
}

/*Tambah CSS*/

a {
    color: #3060c0;
    text-decoration: none;
}

a:hover,a:focus {
    color: #214183;
}

.btn-primary {
    color: #fff;
    background-color: #3060c0;
    border-color: #3060c0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #274e9b;
    border-color: #24478f;
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #274e9b;
    background-image: none;
    border-color: #24478f;
}

.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #1f3d7a;
    border-color: #162d5a;
}

.btn-submission-block {
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-decoration: none;
    display: flow-root;
    align-items: center;
    text-align: center;
    /* position: relative; */
    border-radius: 4px;
    /* background: linear-gradient(0deg, 40#32479a 4%, 30#253574 15%, 20#19234d 54%, 40#32479a 95%, 19#18224a 120%);  */
    background: linear-gradient(0deg, #507bd3 4%, #3060c0 15%, #264b97 54%, #507bd3 95%, #24478f 120%);
    border: 0;
    transition: all ease-in-out 300ms;
    box-shadow: 0 0 5px rgb(0 100 255 / 57%);
    margin: 0px;
    /* text-transform: uppercase;  */
    letter-spacing: 1px;
}

.btn-submission-block:hover {
	color: #fff !important;
	background: rgb(0 0 0 / 49%);
	transition: 2s;
	box-shadow: 0 0 5px #fbfbfb;
	text-align: center;
	text-decoration: none;
    	font-weight: bold;

}

footer[role="contentinfo"] {
    margin-top: 2em;
}

.pkp_brand_footer, .img-pkpfooter {display:  !important;}
.pkp_brand_footer, .img-pkpfooter {float: right !important; width: 180px !important; height: auto;}

@media (min-width: 320px) and (max-width:440px) {
    button[class~=pkp_site_nav_toggle] {
        background:var(--primary-color);
    }
    header .container-fluid .header_content { 
        width: 100%;
        height: 60px;
    }

    .jurnal-about {
    font-size: 0.75rem;
    }
}

@media (min-width: 441px) and (max-width:991px) {
    header .container-fluid .header_content { 
        width: 100%;
        height: 60px;
    }
    .jurnal-about {
    font-size: 0.75rem;
    }
}

@media screen and (min-width: 992px) {
    [class~=pkp_site_name] [class~=is_img] img {
        max-height:fit-content;
    }
}
