@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans);

#body,#main{
	background-color:white;
	}
	
#body {
	border: 1px solid;
}

#additionalHomeContent,#announcementsHome,#navbar{
	clear:both
	}

#container,#headerTitle{
	margin:0 auto;
	display:inline-block
	}

#announcements,#container{
	width:auto
	}

#body,#container,#headerTitle,#headerTitle img{
	display:inline-block
	}

#header,#navbar,ul.sidemenu li:before{
	display:none
	}

/*start*/

#header{
 	background-color:transparent;
 	padding-bottom:0px;
 	margin-top: 0; /* 40px */
 	width: 100%;
 	}

#navbar{
 	background-color:#060042; /* #201c19 */
 	background-repeat:repeat-x;
 	border:0;
 	height:40px;
 	margin-bottom:10px;
 	margin-left:-211px !important;
 	padding:0;
 	text-align:left;
 	width:950px
 	}

 #navbar ul{
 	margin:0;
 	padding:0 0 0 10px
 	}

 #navbar ul li{
 	float:left;
 	margin:0;
 	padding:0
 	}

 #navbar a,#navbar a:link,
 #navbar a:visited{
 	color:white;
 	display:inline-block;
 	font-size:.6em;
 	font-weight:700;
 	line-height:40px;
 	margin:0;
 	padding-left:10px;
 	padding-right:10px
 	}

 #navbar a::after,#navbar a::before{
 	content:"";
 	display:block;
 	height:30px;
 	position:absolute;
 	top:5px;
 	width:1px
 	}

 #navbar a::before{
 	/* background:-moz-linear-gradient(center top,rgba(0,0,0,0),#000,rgba(0,0,0,0)) rgba(0,0,0,0); */
 	background:-moz-linear-gradient(center top,rgba(6,0,66,1),#060042,rgba(6,0,66,1)) rgba(6,0,66,1);
 	margin-left:-10px;
 	opacity:.15
 	}

 #navbar a::after{
 	/*background:-moz-linear-gradient(center top,rgba(255,255,255,.01),#fff,rgba(255,255,255,.01)) rgba(0,0,0,0); */
 	background:-moz-linear-gradient(center top,rgba(6,0,66,1),#060042,rgba(6,0,66,1)) rgba(6,0,66,1);
 	margin-left:-9px;
 	opacity:.35
 	}

 #navbar li:first-child a::after,
 #navbar li:first-child a::before{	background-color:#060042;
 	display:none
 	}

 #navbar a:hover{
 	background:#7c70ff;
 	}

 #header,#navbar,#sidebar,#main{
 	display:inline-block!important;
 	}

 #leftSidebar div.block span.blockTitle,
 #rightSidebar div.block span.blockTitle,
 #sidebarDevelopedBy.block,
 #sidebarHelp.block,span.template{
 	background-color: #ccc;
    border-bottom-style: outset;
    border-bottom-width: thin;
 }

/*end of global*/

/**  Special Issues block styles  */
.spHeading {
	border-bottom: 3px solid #ddd;
	width: 100%;
}


/*end of additional content*/

.buttonn {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 0;
    margin: 2% 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 100%;
    white-space: normal;
    border-radius: 0;
    height: 75px;
    word-wrap: break-word;
}

.button2 {
    background-color: #f3d304;
    color: white;
    border: 2px solid #f3d304;
    width: 100%;    
}

.button2:hover {
    background-color: white;
    color: black;
}

.button3 {
    background-color: #008CBA;
    color: white;
    border: 2px solid #008CBA;
    width: 100%;    
}

.button3:hover {
    background-color: white;
    color: black;
}

.button1 {
    background-color: #f44336;
    color: white;
    border: 2px solid #f44336;
    width: 100%;
}

.button1:hover {
	background-color: white;
	color: black;
}

/*end of button*/

.full{
	padding: 0 5px !important;
}

.full1{
	margin: 0px !important;
    padding: 0 5px;
}	

.full2{
	margin: 0;    
    padding: 0 5px;
}

/*end of full*/

#pageFooter .kiri>h4 {
    color: white;
    margin:0;
}

.kiri{
	width: 590px;
}

.kiri>p {
    margin: 0;
    margin-bottom: 10px;
}

.kiri p{
	text-align: left;
}

.ikon {
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.text>p {
    margin: 0;
    margin-left: 10px;
}

.kanan ul li {
    display: inline-table;
    margin: 0 5%;
    width: 25%;
}

.kanan ul {
    display: flex;
    align-items: flex-end;
    float: right;
    /* padding: 0px; */
    margin: 0;
    height: 200px;
}

.kanan {
    display: block;
    bottom: 0;
    overflow: hidden;
}

.col-xs-12.col-sm-6.col-md-6.col-lg-6.kanan> ul > li > span > a > img{
    width: 160px;
}

.footer2 {	
	margin: 0;
	padding: 0;
	bottom: 0;
	float: left;
	word-wrap: break-word;
	width: 100%;
}

.footer2>.kiri>h4 {
    border-bottom: 0px solid #E7E7E7 !important;
    padding: 5px 0;
    margin: 5px 0;
}

.cc {
    display: inline-flex;
    align-items: center;
    float: right;
}

.cc>p {
    font-size: 10px;
    margin-left: 5px;
}

/*end of footer*/

body{
	color:#333;
	font-family:'Open Sans',sans-serif;	
	max-width: 1245px !important;
	margin: auto !important;
	background-color: #cccccc;
	font-size: 150% !important;
	}

a:active,a:link,a:visited{
	color:#009933;
	text-decoration:none
	}

#navbar a:active,a:hover{
	background:transparent;
	text-decoration:underline;		
	}

#container{		
	background-color: white;
	max-width:1245px !important;
	width: 100%;
	text-align:left;
	/*box-shadow: 1px 0px 14px #606060;*/
	padding: 0;
	margin-top: -5px;
	}

#headerTitle{
	max-width:1245px;
	}

#header h1{
	color:#111;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.4em;
	font-weight:400;
	letter-spacing:1px;
	line-height:120px;
	padding:0;
	text-shadow:1px 1px #fff
	}

#headerTitle img{
	float:left;	
	}

#body{
	margin:auto;
	box-shadow: 1px 1px 5px #bfbfbf;
	width: 100%;
	}

#main{
	float:left;
	margin-left:0;
	margin-right:0!important;
	overflow:visible!important;
	padding:15px;
	position:relative;	
	display:none;
	/*min-height:1500px;*/
	/* width: 75%; */
	word-wrap: break-word;
	}

#content h1,#content h2,#content h3,#content h4,#main>h2,#main>h3{
	color:#009933;
	font-family: Verdana, Calibri, sans-serif;	
	}

#breadcrumb + #content {
    min-height: 1870px;
}

#content{
	border-top:0 dotted #000;
	padding-bottom: 210px;	
	}

ul.sidemenu li a,ul.sidemenu li:first-child a{
	border-top:0;
	}

ul.sidemenu{
	padding-left:0!important;
	padding-bottom: 0 !important;
	margin: -10px -10px 10px -10px !important;
	}

ul.sidemenu li{
	padding:0;
	}

ul.sidemenu li a{
	background-color:#1e195d; /* #46b46d */
	border-bottom:1px solid #3d33c1;  /* #31804d */
	color:#fff;
	display:block;
	padding:0.66em 10px .6em 13px;
	text-decoration:none}

#leftSidebar{
	border-right: 1px solid #ccc;
	float: left;
	/* width: 250px; */
	background-color: #f2f2f2;
}

ul.sidemenu li:last-child a{
	border-bottom:0
	}

ul.sidemenu li a:hover{
	background-color:#7c70ff;  /* #3a9853 */
	text-decoration:none;
	}

#breadcrumb{
	margin:0 20px;
	padding:.7em 0;
	border-bottom:1px dotted #333
	}

#content,#main>h3{
	padding-left:20px;
	padding-right:20px
	}

#main>h2{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 0;
	font-size: 200%;
}

#cpr{
	border:0 #fff
	}

#leftSidebar,#rightSidebar{
	font-size:100% !important;
	height:100%;
	/* margin-left:0; */
	/* margin-right:0; */
	/* overflow:hidden; */
	padding:0;
	}

#rightSidebar{
	border-left:1px solid #ccc;
	float:right;
	/* width:190px; */
	background-color:#f2f2f2
	}

#leftSidebar div.block,#rightSidebar div.block{
	border:0;
	color:inherit;
	padding:0 0 10px;
	margin-bottom:10px;
	margin-top:10px;
	}

#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle,
#sidebarDevelopedBy.block,#sidebarHelp.block,span.template{
	color:#222;
	display:block;
	letter-spacing:0;
	margin-bottom:10px;
	padding:4.8px 10px!important;
	text-transform:uppercase;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;;
	}

#sidebarDevelopedBy.block a,#sidebarHelp.block a{
	color:#222;
	text-transform:uppercase;
	text-decoration:underline
	}


#content h4 a,input[type=button],input[type=submit],
table.tocArticle a{
	text-decoration:none
	}

.block p{
	margin:0!important
	}

.block ul{
	list-style:none;
	padding-left:1.2em
	}

.block li:before{
	content:"\25b6";
	display:inline;
	height:0;	
	position:relative;
	width:0;
	margin-right: 3px;
	}

.banner-img,.indexers a,.intro{
	display:inline-block
	}

#sidebarFontSize.block{
	padding-bottom:35px!important
	}

table.tocArticle:nth-child(2n+1) tr{
	background-color:#f0f0ff
	}

table.tocArticle:nth-child(2n) tr{
	background-color:#f4f4f4
	}

table.tocArticle tr:hover{
	background-color:#ccffed
	}

table.tocArticle td{
	padding:5px 10px
	}

.tocTitle{
	font-weight:700
	}

.tocAuthors{
	font-style:italic
	}

td.tocGalleys{
	padding-right:10px
	}

#content ul.menu{
	margin:0
	}

#content ul.menu li{
	background-image:linear-gradient(to bottom,#2651ff 0,#4f72ff 100%);
	background-repeat:repeat-x;
	border-radius:3px;
	padding:5px 8px
	}

#content ul.menu li.current,#content ul.menu li:hover{
	background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);
	background-repeat:repeat-x
	}

#content ul.menu a{
	color:#fff
	}

#content ul.menu a:hover{
	color:#ff0
	}

input.textField,input.uploadField,
select.selectMenu,textarea.textArea{
	background-color:#f1f1f1;
	border:1px solid #aaa;
	color:#444;
	padding:.3em;
	width:55%;
	border-radius: 0;
	}

input.textField:focus,input.uploadField:focus,
select.selectMenu:focus,textarea.textArea:focus{
	border:1px solid #0d355e
	}

input[type=button],input[type=submit]{
	background-image:linear-gradient(to bottom,#ddd 0,#c4c4c4 100%);
	background-repeat:repeat-x;
	border:1px solid #9d9d9d;
	border-radius:0;
	color:#444;
	padding:3px 5px;
	text-shadow:1px 1px #f6f6f6;
	}

input[type=button]:hover,input[type=submit]:hover{
	/* background-image:linear-gradient(to bottom,#c4c4c4 0,#aaa 100%); */
	/* background-repeat:repeat-x; */
	/* cursor:pointer; */
	/* text-decoration:none; */
	}

input.defaultButton{
	color:#2b2b2b;
	font-weight:700
	}

div.separator{
	border-bottom:1px dotted #222
	}

.banner-img{
	margin-bottom:10px
	}

.banner-img:hover{
	opacity:.7;
	filter:alpha(opacity=70)
	}


a img{
	border:0;
	}

div.thickSeparator{
	margin-bottom:10px
	}

span.highlight{
	background-color:#ffff80
	}

.intro{
	background-color:#fff2db;
	border:1px dotted Orange;
	padding:10px
	}

.intro ul{
	margin:0;
	padding-left:1em
	}

.highlight{
	background-color:ivory;
	border:1px dashed #ffa851;
	padding-bottom:6px;
	padding-top:6px
	}

.issueCoverImage{
	border:1px solid #fff;
	margin:0;
	padding:0
	}

.issueCoverImage img{
	border:0 solid #fff;
	box-shadow:4px 4px 6px #aaa;
	margin:1em 2em 1em 0;
	width:100px
	}

.cover-image-intro{
	border:1px solid #eee;
	box-shadow:1px 1px 12px #ccc;
	margin:0 0 0 1em;
	width:100px
	}

.color-box{
	display:block;
	float:left;
	height:40px;
	margin-right:5px;
	width:60px
	}

.color1{
	background-color:#0d355e
	}

.color1-light{
	background-color:#f0f0ff
	}

.color2{
	background-color:Orange
	}

.color2-light{
	background-color:#ffedcc
	}

.color-grey-light{
	background-color:#f4f4f4
	}

#journalDescription{
	float:left;
	width:100%;
	text-align:justify;
	}

#homepageImage{
	float:right;
	width:38%;
	margin-bottom:10px
	}

#homepageImage img{
	height:auto;
	max-width:100%;
	margin-top:-1em
	}

#setupForm #homepageImage,
#setupForm #journalDescription{
	width:100%
	}

#setupForm #homepageImage img{
	margin-left:0;
	margin-top:0
	}

#setupForm .uploadField {
	width:400px !important;	
	margin-right: 10px;
	float: left !important;
	}

#sidebar{ 
	float:left;
}

ul.nav.navbar-nav {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: 0;
    height: 50px;
}

ul.nav.nav-list {
    margin: 0;
    padding: 0 10px;
}

/* ganti warna navbar */
nav#mainmenu{
	/*margin-top: -6px;*/
	margin-top: 0;
	margin-bottom: 0;
	min-height: 50px;
	background-color: #060042; /* black */
	border: 0 solid transparent;
/*	position: fixed; */
	z-index: 1;
	top: 0;
	width: 100%;
	max-width: 1245px;	
}

#mainmenu a {
    color: #ffffff;
    padding: 15px 11px;
    text-transform: uppercase;
}

#mainmenu .dropdown-menu>li>a {
    margin: 0;
    padding: 10px;
}

.container, .row{
	padding: 0 !important;	
	margin:0 !important;
	max-width: 1245px !important;
}

.breadcrumb{
	background-color: transparent;
	font-size: 12.6px;
}

ol.breadcrumb{
	font-size: 100%;
	background-color: transparent;
	border-radius: 0;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #333;
}

ul#indexTab{
    font-size: 100%;
}

ul#indexTab>li>a {
    height: 35px;
    width: 131px;
    padding: 5%;
    margin-top: 5%;
    text-align: center;
    vertical-align: middle;
}

.nav-tabs>li>a{
	margin-right: 5px !important;
}

.nav-tabs {
    border-bottom: 3px solid #E7E7E7;
}

.navbar-collapse.navbar-ex1-collapse.collapse{
	padding-left: 0 !important;
}

/* warna hover navbar */
.navbar-nav>li>a:hover {
    background-color: #7c70ff !important; /* #009933 */
}

.navbar-default .navbar-nav>.open>a {
    background-color: #7c70ff !important;
}

/* warna background navbar transparan */
ul.dropdown-menu {
    background-color: #060042; /* black */
    border-color: transparent;
    border-width: 0;
    opacity: 0.8;
}

.user-dropdown>.dropdown-menu{
	min-width: 360px !important;
}

ul.dropdown-menu>li>a {
    text-transform: none !important;
}

#searchForm>.form-group {
    width: 328px;
}

.form-control {
    border-radius: 0;
}

.navbar-nav>li>.dropdown-menu:focus {
    outline-color: transparent !important;
}

.navbar-default .navbar-nav > li > a:focus {
    background-color: #7c70ff; /* #009933 */
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #7c70ff; /* #009933 */
}

h4.spHeading {
    color: #009933;
}

/*
div#pageFooter-bottom>div.container>div.row>div.col-md-6.footer-left>p {
    color: transparent !important;
    font-size: 0px !important;
}

div#pageFooter-bottom>div.container>div.row>div.col-md-6.footer-left {
    position: absolute;
    min-height: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
*/

div#pageFooter-bottom {
	padding: 10pt 0 10pt 0;
}
.text>p>a>img {
    height: 15px;
}

.row h3 {
    color: #7c70ff;    
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background-color: #7c70ff; /* #009933 */
}

#notification li {
    display: block;
}

#pageFooter{
	padding: 0;
	margin: 0;
	margin-top: -4px;
}

#pageFooter-bottom{
	padding: 0;
	margin: 0;
}

h3>label {
    font-weight: normal;
}


.navbar-collapse.navbar-ex1-collapse.collapse.in {
	height: 650px;
	max-height: 430px
}

.navbar-collapse.navbar-ex1-collapse.collapse.in> .nav.navbar-nav{
    height: 330px;
}

.navbar-collapse.navbar-ex1-collapse.collapse.in> .nav.navbar-nav.navbar-right{
    height: 100px;
}

#mainmenu>.navbar-collapse.navbar-ex1-collapse.collapse.in>.nav.navbar-nav>li>a {
    padding: 5px 10px;
}

#pageFooter-bottom>.container>.row>.col-md-6.footer-right {
    width: 100%;
    padding: 15px;
}

#simpleSearchForm #simpleSearchInput input#simpleQuery, select#searchField {
    width: 130%;
}

input#sidebar-username, input#sidebar-password{
	width: 100%;
}

.footer-right p{
	text-align: left;
}

.footer2 p{
	margin: 0 0 3px 0;
}

.footer2 h4 {
    border-bottom: 0 solid transparent;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #main {
        width: 100% !important;
    }	
}

@media only screen and (max-width: 455px){	
	ul#indexTab>li, ul#indexTab>li>a {
		width:100% !important;
	}
}