/* 
Azzarqo 2;
2022
*/

div {
	font-size:104%;
	}
body {
	background-color: transparent;
}
p {
	text-align: justify;
	line-height: 1.4;
}
#link a:active, a:link, a:visited {
	color: #2502b1;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	/*text-decoration: underline dotted #078a6c;*/
}
#link:hover a:active:hover, a:link:hover, a:visited:hover {
	text-decoration: underline dotted #222ba0;

}
a {
	text-decoration: none;
}
a:hover {
	color: #3cb467 !important;
	text-decoration: none;
	background: none;
}
#rightSidebar {float: right;
	font-size: 0.9em;
	}
.app_header-top {
    background: rgba(0, 0, 0, 0) url("../images/bg-top-header.png") repeat-x scroll left bottom;
    color: #fff;
    height: 5px;
    width: 80%;
}
#header {
	width: 80%;
	padding: 0;
	margin: 0 auto;
	/*background:#C2EBFE;*/
	/*background-image:url(http://google.id/images/header-bg.jpg);*/
	background-color:#111d2f;
	color:#FFFFFF;
	text-align: center;
	/*height: 120px;*/
	border-top: 8px solid #47556a;
	border-bottom: 4px solid #111d2f;
	
	/*-webkit-box-shadow: 0px 0px 6px #3F88A0; 
	box-shadow: 0px 0px 6px #3F88A0;
	-moz-box-shadow: 0px 0px 6px #3F88A0;
	-o-box-shadow: 0px 0px 6px #3F88A0;*/
	}
#header h1 {
	margin: 0 auto;
	padding: 0 0 0.2em 0;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	}
#headerTitle, #headerTitle img {
	height: auto;
	margin-top: 0;
	width: 100%;
	display: inline-block;
	}
#journalDescription {
	font-size: 13px;
	float: left;
	width: 60%;
}
#homepageImage {
    height: auto;
    max-width: 100%;
    margin-top: -1em;
}
#homepageImage img {
    height: auto;
    max-width: 100%;
    margin-top: -1em;
}
#announcementsHome {
    display: block;
    width: 100%;
    margin: 21em 0 2em 0;
}
#content {
	font-size: 0.73em;
	border-top: 1px solid #ccac00;
}

#navbar { 
	margin-top: -17px;
	margin-bottom:10px;
	padding-top: 15px;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 4px; 	
	background-color:#111d2f; 
	border-left:1px solid #111d2f;  border-right:1px solid #111d2f; border-bottom:1px solid #111d2f; 
	-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; 
	border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
	border-bottom:none;
	text-align:center;
	min-height: 37px;
	}

#navbar ul {
	/*min-width: 140px;*/
	
}

/* First Level - Menu Primary */

#navbar li a {
    color: #fff;
    padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: normal;
	
}

#navbar li a:hover, .menu-primary li a:active, .menu-primary li a:focus, 
#navbar li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #111d2f;
    outline: 0;
    background: #3a2a96;
}

#topnav{	
	position:absolute;
	margin-top: -168px;
	margin-left: -40px;
	padding-top: 0px;
	text-align:left;
	list-style-type:none;
	font-size: 0.7em;
	
	}
#topnav a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000000;
}

#topnav ul { float: left; }
#topnav ul li { list-style-type: none; float: left; }
#topnav a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000000;
}
#topnav a:hover, nav ul li.current_page_item a {
			color: #2502b1;
			font-weight: bold;
			margin: 0 5px;
			padding: 5px 10px;
			text-decoration: none;
			text-shadow: 2px 2px 3px #000;
		}
	
	
#breadcrumb {
	padding-top: 1em;
	font-size: 0.7em;
}
/**
 * Other organizational elements
 */

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
	padding-right: 5px;
	display: inline;
}

ul.menu li.current {
	font-weight: bold;
}

ul.menu a {
	font-size: 0.85em;
	text-transform: uppercase;
	text-decoration: none;
}

ul.steplist {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ul.steplist li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	padding-right: 0.5em;
	display: inline;
	text-transform: uppercase;
}

ul.steplist li.current {
	font-weight: bold;
}

ul.steplist a {
	text-decoration: none;
}

ul.plain {
	list-style-type: none;
	padding-left: 1.5em;
}

ul.filter {
	margin: 0;
	padding: 1.5em 0 1.5em 0;
	list-style-type: none;
}

ul.filter li {
	padding-right: 1.5em;
	display: inline;
}

.responsive {
	max-width: 100%;
	height: auto;
  }


/**
 * Other organizational elements
 */

#rightSidebar {
	margin-left: 10px;
	margin-top: 10px;
	width: 15.1%;
	/*border-top: solid 10px #a6ce39;
	background-color:#FFFFFF;*/
	border: none;
	font-size: 0.7em;
	}

#rightSidebar div.block a:hover {
	text-decoration: underline solid #5c9ac4;	
}	

#rightSidebar div.block a {
	color:#2502b1;
	text-decoration:none;	
	}
#rightSidebar div.block ul {
	padding: 0 0 0 1.5em;
}

#rightSidebar span.blockTitle {
	background-color: #111d2f;
	color:#FFFFFF;
	padding-left: 25px;
	font-weight:bold;
	text-align: center;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#rightSidebar span.blockSubtitle {
	font-weight:bold;
	margin-top: 4px;
}
#rightSidebar div.block {
	margin-top: 8px;
	padding: 5px;
	border: 1px solid #111d2f;
	background-color: #b0aced;
	border-radius: 7px;
}
#sidebar div.block span.blockTitle {
    display: block;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    padding: 0.5em 0;
    text-transform: uppercase;
}
#pageFooter {
    border: 1px solid #111d2f;
    border-radius: 6px;
    font-size: 0.7em;
    padding: 10px;
}
input[type="submit"], input[type="button"] {
    border-radius: 5px;
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 20px;
    border: 0px;
    background: rgb(20, 148, 30);
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover {
    border-radius: 5px;
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 20px;
    border: 0px;
    background: #32a815;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    border-radius: 3px;
    padding: .5em;
    border: 1px solid #CCCCCC;
    color: #333333;
	width: 100%;
    box-sizing:border-box
}
input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
    border: 1px solid #182d4d;
}
.tombol {
    display: inline-block;
    padding: 10px 20px;
    margin: 0.3rem auto;
    border-radius: 5px;
    background-color: #4C505B;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    min-width: 85%;
}
.tombol:hover {
    display: inline-block;
    padding: 10px 20px;
    margin: 0.3rem auto;
    border-radius: 5px;
    background-color: #efefef;
    color: #333333 !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    min-width: 85%;
}
.tocArticle {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #ccac00;
}

.tocAuthors {
    background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAigAAAIoBlCJR2wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIUSURBVDiNjZNBSFRRFIa/c9/TBpxGBwtGNCwNkTFoLIzMVYVSWa0aijYupMRAUVwULiQJjGrRyo1gLQITpk2FrqyIaqSFtdGNMIYS0sJyyrBmHN9p4YzzbCD7V/ece7///BfuFVUlo/jbBwcx2gWcE3jv6Hq7v+HqAlNDuyhMrLC/I8FfkqxBv4lHy+aA8o1afxlL2rwe061ILZAEHll5q10Er/3MGNiZxbfJsiazCYOI3CrwWHcUStKtfKB1PVmgFlzJnDNZgBV3tPx8SZCF3ZkvE4lYOQb+o61RYDEbTX7kwBtKUUOuAaCq3M4UqwldBlZzeXlGMJzMMVi6e30nL2bmjWqzit5LSWoGeJ7Dq/PEXdoASwPdJfaajgMhZ2J6TuCpBcNO9e4eU116BNiXnv7QCs1vMTUMteXZaxoFQulehUD7px3+4Uo9Wf9GOYTIBUeor5o9cLN8pKlDQDYvtNzfeRyVly7Tr2O+is7eQN0AUC7oLJgJVacYkdOAT5BRr+1rmQ4HkzYqze5Ir72lN3oDdYNAEYAiVaBVyOZQFL20kooXA01GRV4BsfTe565Aw4kM/G9J496Rd2eMv+/+WBH+IEiPwqBj5Oz2cDqJmPPi/kyVkanCVCr5BfD8j4Ego+6HRCx8+Du6XgMyvg37W5Q+r+1r2ZLArT2PJ09ZaKNiakFDCHFUPih8xDijCxePxQD+AGYytfuLTYUdAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    font-style: italic;
    margin-top: 4px;
    margin-left: 26px;
    padding-left: 20px;
}
.tocPages {
	font-size: 0.8em;
	color: #6d7587;
}
.tocGalleys {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAFvAAABbwFWF73AAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAKVQTFRF////4VVNxUI1xkI1xUI2xkI2xUI2x0I2xkM1x0M14lhMtTYpvz0w109E4ldM4lpP41xR42BV5GBW5GJX5GVb5WVb53Vs53du6Hpx6YF56oN76oR86oiA7JKK7ZWO7ZmS76Od76Se8Kag8Keh8a2o87m19MG99s7K98/M+drY+dvY+d3a+d3b+d7c+d/d+uLg++Xk++jm++no/fLy/vr6/vv7////5h3q2QAAAAt0Uk5TADy8vL29vr6/v8k2leRxAAAAm0lEQVQ4y9XQxxLCMAwEUJmODaLXEAi9hhJA//9pJMAwHpDG17CHvew7LQAojd/JgJ3fHU3WBsgAk3MBk3cBSwjAFFzAFGVQeYmSCKpvUZbAJ2kDewo93NF11cIjbRlAo0WINPajGdKwI4IBTuPu1zlwP3gJCM5ItORAL6mJH82RujUGbNpxXW6noInrRlqf/HOg5V0/gRKFVgAPp7E0f2+Gbt8AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin: 10px 20px;
}
.tocGalleys a.file {
    display: block;
    padding: 10px;
    color: transparent;
}