/* berbagai style header */
/** nopinop */

.pkp_structure_main, .pkp_structure_sidebar {margin-top:250px; }

header#headerNavigationContainer{border:0px ;   background:rgb(3, 87, 21); border-radius: 2px;margin-bottom: 0px; position: fixed; width: 100%; z-index: 20;     border-bottom: 2px solid #989898;     box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);}

h1, h2 {font-family:'Open Sans', sans-serif; color: #333; font-weight: 300; font-size: 26px !important;}
/* badge */
span.badge{
    background-color: red !important;
    color: white !important;
}
/* end badge */

/* font color header row login and registration*/
header#headerNavigationContainer .container-fluid .row, header#headerNavigationContainer .container-fluid .row nav ul#navigationUser.nav.nav-pills.tab-list.pull-right li.dropdown a.dropdown-toggle, header#headerNavigationContainer .container-fluid .row nav ul#navigationUser.nav.nav-pills.tab-list.pull-right li a{
    background-color:rgb(220, 240, 227) !important;
    color:darkgreen !important;
    
}
/* end font color header row login and registration */
header#headerNavigationContainer .container-fluid .row::after{
     position: relative !important;
     display: inline-block !important;
     width:1500px !important; 
     min-width:100% !important;
     height:125px;
      margin-bottom:-5px !important; 
     /* min-height: 25px !important; */
     /* background-image: url(http://localhost/ojs3124/public/journals/1/homepageImage_en_US.jpg?2020-08-03%2001:29:04); */
     background-size: cover !important;
    

    /* background-image: image(url(http://localhost/ojs3124/public/journals/1/homepageImage_en_US.jpg?2020-08-03%2001:29:04)); */
    /* background-image: url(http://localhost/ojs3124/public/journals/1/homepageImage_en_US.jpg?2020-08-03%2001:29:04) !important; */
    background-image:url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg);
}
/* .continer-fluid{
    display: inline-block !important;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 4px;
    background-color: rgb(47, 255, 141) !important;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    
}

.navbar-header, .nav-menu,.nav-menu ul, .nav-menu li,.nav-menu ul li a{
    display: inline-block;
    widows: 110%;
    
    background-color: #1b91f7;
    font-family:'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
}  */
body{font-family:'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400;    -moz-font-smoothing: antialiased; font-smoothing: antialiased; color:#222; font-size: 15px;}

.img-responsive{
    float: right; 
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
    height: 350px;
    
    
}
.journal-description, .journal-description p{
    position: static;
    font-family: cursive;
    font-size: 28px;
    
    


}
.user_navigation {

    background: #d40202; /* Old browsers */
    background: -moz-linear-gradient(left, #d40202 0%, #ff2929 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d40202 0%, #ff2929 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d40202 0%, #ff2929 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40202', endColorstr='#ff2929',GradientType=1 ); /* IE6-9 */
  }
  
#main-navigation > li:not(#searchWrpNav){  border-right:1px solid #ebebeb;}
#main-navigation > li > a:focus{background: transparent;}

#main-navigation > li > a:not(.show-search).active, #main-navigation  > li > a:not(.show-search):hover{color:#ed3733 }

#main-navigation .dropdown .dropdown-menu{display: block; top:90%; padding: 5px 5px;  transition:all 0.5s; -webkit-transition:all 0.5s; visibility: hidden; opacity: 0; border: 0px; border-radius: 0px;       -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);}
#main-navigation .dropdown .dropdown-menu li:not(:last-child) {border-bottom: 2px solid #f2f2f2}
#main-navigation .dropdown .dropdown-menu li a{ padding: 10px 10px; color: #777;}
#main-navigation .dropdown:hover .dropdown-menu{ visibility: visible; opacity: 1; top:100%; }

.newDropDown {position: relative;}
.newDropDown ul{visibility: hidden; opacity: 0;  right: 0px; position: absolute; top:90%; background: #ed3733; list-style: none; margin: 0px; padding: 0px; min-width: 150px; text-align: left; transition:all 0.2s; -webkit-transition:all 0.2s;}
.newDropDown ul:before{    content: ''; position: absolute; top: -13px; border-width: 6px; border-color: transparent; border-style: solid; border-bottom: 8px solid #ffffff; display: inline-block; left: 95px} .newDropDown ul li{border:0px; display: block; width: 100%; padding: 0px;}
.newDropDown ul li a{ display: block; padding: 5px 10px; color: #fff !important}
.newDropDown ul li:hover a{background: #fff;  color: #ed3733 !important; }
.newDropDown:hover ul{opacity: 1; visibility: visible; top:100%; }
.newDropDown:hover  ul{display: block;}


#main-navigation > li a { color: white;}

#user_navigation > li > a:not(.show-search).active, #user_navigation  > li > a:not(.show-search):hover{color:#ed3733 }

.user_navigation a {
    color: rgb(7, 87, 31) !important ;
}

.user_navigation .dropdown-menu li a { 
    color: rgb(240, 231, 231) !important;
}



.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 {
    background-color: #ffffff;
    color: rgb(77, 77, 77);
}

.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 {

    background: none;
    font-weight: bold;
}


.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > .active > a, .navbar-default .dropdown-menu > .active > a:hover {
    background-color: #ffffff !important;
}




.pkp_structure_page {
    background:transparent;
}

  .navbar-toggle collapsed .icon-bar {
      background-color: #1b91f7;
    }


/* berbagai style header */

/* berbagai style halaman */
.article-summary { padding-bottom: 16px; }
.article-summary .article-abstract {  text-align: justify;    text-justify: inter-word;}
div.article-summary > div > h3 > a > p { margin: 5px 0px 15px 0px; }
div.article-summary > div > h3 > a > p > small { color: rgb(140, 140, 141);}
.article-summary .meta { margin-bottom: 4px}
.article-summary .author {    font-size: 1em;}
.article-summary .pages {  font-size: 1em;}
.article-summary .pages .page_number { font-family: 'Lora', serif;   color: #a7a7a7}


.page_submissions .alert-info a:hover{text-decoration: underline;}

.block_make_submission_link{ display: inline-block;text-align: center; border: 1px solid; transition:all 0.5s; -webkit-transition:all 0.5s;  font-size: 18px; cursor: pointer;color: #ffffff ;    width: 100%; padding: 10px;}
 

 .block_make_submission_link{border:1px solid #bf9a64;  background-color: #d4ac71;display: inline-block;text-align: center;  transition:all 0.5s; -webkit-transition:all 0.5s;  font-size: 16px; cursor: pointer;color: #ffffff !important;    width: 100%;     padding: 7px; border-radius:2px;}
.block_make_submission_link:hover{    background: rgb(181, 131, 58);}

 
* {

box-sizing: border-box;

}

a{text-decoration: none; color:rgb(6, 75, 34); word-wrap: break-word;}

a:hover, a:focus{text-decoration: none; color: #7E7E7F;}

.page_submissions .alert-info {border: 0; border-left: 5px solid #8e9193; border-radius: 0px; background: #ddd; color: #000;}

.page_submissions .alert-info a{

background-color: #8e9193;
display: inline-block;
text-align: center;
cursor: pointer;
color: #ffffff !important;
border-radius: 0.375rem;
line-height: 2.1875rem;
padding: 1rem 6rem;

}

 .article-summary.media {
    border-left: 3px solid #777;
    padding-left: 22px;
    margin-top: 0px;
    border-bottom: 0px solid #ccc;
    margin-bottom: 27px;
	padding-bottom: 0px;
}

/* akhir style halaman dalam jurnal */

/** nopinop- style tombol-tombol */

.btn-default {
    background:rgba(245, 52, 27, 0.651) !important;
    color: #fff !important;
border-color: rgba(238, 238, 238, 0.651);
}

.btn-primary:hover, .btn-primary:visited:hover {
     background: rgb(64, 213, 224);
    color: #fff;
border-color: rgb(64, 213, 224);
}

.btn-default:hover, .btn-default:visited:hover {
    background: rgb(64, 213, 224);
    color: #fff;
border-color: rgb(64, 213, 224);
}

.btn-primary:hover, .btn-primary:visited:hover {
     background: rgba(239, 130, 0, 0.84);
    color: #fff;
border-color: rgba(239, 130, 0, 0.84);
}

/** end---nopinop- style tombol-tombol */

/** ---nopinop- style menu samping */

.panel-default > .panel-heading, .pkp_block .title {   
    background: rgb(64, 213, 224); /* Old browsers */
    background: -moz-linear-gradient(left, rgb(64, 213, 224) 0%, rgb(64, 213, 224) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgb(64, 213, 224) 0%,rgb(64, 213, 224) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(64, 213, 224) 0%,rgb(64, 213, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40202', endColorstr='#ff2929',GradientType=1 ); /* IE6-9 */
  }


#sidebar .blockTitle, #sidebar .title {


    font-size: 14px;

    font-weight: 500;

    color: #fff;

    display: none;

    width: 100%;

    position: relative;

}

.panel-default > .panel-heading, .pkp_block .title {font-size: 14px;

    font-weight: 500;

    color: #fff;}
    
    
.titleSide{
    background: rgb(64, 213, 224);
    color: #FFFFFF;
    font-size: 15px;
    padding: 10px 5px 10px 20px;
        border-radius: 2px;
    position: relative;
        width: 100% ;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto 30px;

    display: inline-block;}
    
    .titleSide:after{
    content: ''; 
    border-width: 0px; border-color: transparent; border-style: solid;
    border-width: 15px;
    border-top-color: #D73C2C;
    left: 10px;
    top: 100%;

    content: " ";
    height: 0;
    width: 0;
    position: absolute;

}


 #sidebar .block_make_submission .content{padding-bottom: 10px;}
 .pkp-block{padding: 0px;}
    #cssmenu2 {padding: 0; margin: 0; border: 0; line-height: 1;}
    #cssmenu2 ul,
    #cssmenu2 ul li{list-style: none; margin: 0; padding: 0;}

    #cssmenu2 ul li.hover,
    #cssmenu2 ul li:hover {position: relative; z-index: 599; cursor: default;}

    #cssmenu2 { background: #f7f7f7; font-family:sans-serif; font-weight:bold;
    zoom: 1; font-size: 12px;}
    #cssmenu2:before {content: ''; display: block;}

    #cssmenu2:after{content: ''; display: table; clear: both;}
    #cssmenu2 a {display: block; padding: 15px 20px; color: #f26724; text-decoration: none;
    text-transform: uppercase; border-bottom: 1px solid #ffffff;}


    #cssmenu2 > ul > li > a {border-left: 4px solid #1b91f7; color: #1b91f7;}

    #cssmenu2 > ul > li a:hover {background: #1b91f7; color:#f1f1f1;}
    
/** end---nopinop- style menu samping */



/**nopinop footer copyright*/
footer.footer .container{
    position: relative !important;
    background-size: cover !important;
    width:100% !important;
    height:auto !important;
    display:block !important;
}
footer.footer .container img:nth-child(1){
    position: relative !important;
    background-size: cover !important;
    width:40% !important;
    height:auto !important;
    display:block !important;
} 
/**end---nopinop footer copyright*/



.infoJournalAtas{background: #e4e4e4; padding: 130px 0px 30px 0px; clear: both;}
.infoJournalAtas > div{display: table-row; }
.infoJournalAtas > div > div{display: table-cell; vertical-align: middle;  padding:30px 10px; font-weight: 300; }
.infoJournalAtas > div > div:first-child{color: #fff;    background: rgba(0, 0, 0, 0.51);   min-width: 700px;font-size: 40px; padding-left: 30px; padding-right: 30px;}
.infoJournalAtas > div > div.infoRelatedJr{width: 250px; background:#fff;}
.infoJournalAtas > div > div.infoRelatedJr ul{list-style: none; padding: 0px; margin: 0px;}
.infoJournalAtas > div > div.infoRelatedJr ul li a{display:block; padding: 5px 10px; color: #0e2d46; font-size: 16px; -webkit-transition: .2s; transition: .2s;}
.infoJournalAtas > div > div.infoRelatedJr ul li a:hover{color:#337ab7; }

#mainContainer{padding:0px 0px; padding-top: 0px; background: #fff; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex;}
#mainContainer, .topHeader .container{ width: 90% }
.container{width: 100% !important}


    .journals .media-list .media{width: 50%}
    .journals .media-list .media-left, .journals .media-list .media-body{display: block; width: 100%}
    .journals .media-list .media-body{padding-top: 20px}

    .journals{width: 100%}
@media (min-width: 100px) and (max-width: 300px) {  
    header#headerNavigationContainer .container-fluid .row{
        width: 110%;
        height: 60px !important;
        background-color:rgb(232, 241, 146) !important;
    }
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width: 300px !important;
        height: 25px !important;
        display: block !important;
        /* background-size: cover !important; */
        
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
    } }

    @media (min-width: 300px) and (max-width: 450px) {  
    
    header#headerNavigationContainer .container-fluid .row{
        width: 110%;
        height: 80px !important;
        background-color:rgb(232, 241, 146) !important;
    }
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:450px !important;
        height:38px !important;
        margin-bottom: 90px !important;
        background-size: cover !important;
        display: block !important;

         background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
        /* background-image: url(https://1.bp.blogspot.com/-lZxs9wC67bc/Xyio424HhTI/AAAAAAAADFE/O2amUXdG6yQu-rDtc1bTwnEqwkLSWWVCACLcBGAsYHQ/s450/header_upload_450px.jpg) !important; */
    }
    
}


@media(min-width: 450px) and (max-width: 768px) { 
    
    header#headerNavigationContainer .container-fluid .row{
        width: 110%;
        height: 110px !important;
        background-color:rgb(232, 241, 146) !important;
    }
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:768px !important;
        height:64px !important;
        display: inline-block !important;
        background-size: cover !important;
        margin-bottom: 50px !important;
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
        /* background-image: url(https://1.bp.blogspot.com/-RVTA_FU7um0/XyipI6Zah2I/AAAAAAAADFM/738psBSb85g5c6imgVuRdjw8pWyFQbBywCLcBGAsYHQ/s768/header_upload_768px.jpg) !important; */
    }
    
}
    
@media(min-width: 768px) and (max-width: 992px) { 
    header#headerNavigationContainer .container-fluid .row{
    width: 110%;
    height: 120px !important;
    background-color:rgb(232, 241, 146) !important;
}
    .infoJournalAtas > div > div{display: block;     padding: 20px 20px;}
    .infoJournalAtas > div > div.infoRelatedJr, .infoJournalAtas > div{width: 100%; display: block;}
    .journals .media-list .media{width: 50%; float: left;}

    .infoJournalAtas > div > div:first-child{min-width: 100%;}
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:992px !important;
        height:82px !important;
        display:block !important;
        margin-bottom: 60px !important;
        background-size: cover !important;
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
}
 }


@media (min-width: 993px) and (max-width: 1200px) { 
    header#headerNavigationContainer .container-fluid .row{
        width: 110%;
        height: 60px !important;
        background-color:rgb(232, 241, 146) !important;
    }
    
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:1200px !important;
        height: 100px !important;
        display: block !important;
         margin-bottom: 60px !important;
        background-size: cover !important;
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
        /* background-image: url(https://1.bp.blogspot.com/-7xPho2PFAd0/XyipiBinEDI/AAAAAAAADFY/kFD04Ceg3NUhzmLO785fBB-v3fwkhhTngCLcBGAsYHQ/s1200/header_upload_1200px.jpg) !important; */
    }
    
}
 @media only screen and(min-width: 1201px) and (max-width: 1360px) {  
    header#headerNavigationContainer .container-fluid .row{
        width: 110%;
        height: 50px !important;
        background-color:rgb(232, 241, 146) !important;
    }
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:1360px !important;
        height:113px !important;
        display: block !important;
        background-size: cover;
        
     
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
    }
    
}
@media  only screen and(min-width: 1361px) { 
    header#headerNavigationContainer .container-fluid .row{
    width: 110%;
    height: 50px !important;
    background-color:rgb(232, 241, 146) !important;
}
    .pkp_structure_main, .pkp_structure_sidebar {margin-top:150px; }
    header#headerNavigationContainer .container-fluid .row::after{
        position: relative !important;
        width:1500px !important; 
        min-width:100% !important;
        height:125px !important; 
        margin-bottom:-10px !important;
        display: block !important;
        background-size: cover !important;
        background-image: url(https://1.bp.blogspot.com/-YsGiwIBF7Hs/X2aCmAzpVjI/AAAAAAAADKY/T3HBmd70HgQ8DRs4G6vidVXtm6p2xsvNACLcBGAsYHQ/s1800/header_BC_web-Recovered_1800.jpg) !important;
    } 
    
}
/* @media only screen and(max-width:600px){
    header#headerNavigationContainer .container-fluid .row::after{
     position: relative !important;
     display: inline-block;
     width: 100%;
     max-width:auto !important;
     min-height: auto !important;
     /* background-image: url(http://localhost/ojs3124/public/journals/1/homepageImage_en_US.jpg?2020-08-03%2001:29:04); */
     /* background-size: cover; */
    /* } */ 
    
/*  }  */