/**
 *
 * Mochamad Ridam @mochamadridam
 * Distributed under the GNU GPL v2.
 *
 * Journal of Croppsaver
 *
 */
 
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");

html {
    font-size: 110%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
body {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555555;
	background: #eee;
}

input.button {
	padding-left: 0;
	padding-right: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-width: 0 1px 4px 1px;
	font-size: 1em;
	color: #ffffff;
	background-color: #28b62c;
	border-color: #23a127;
	transition: background 0.5s ease, padding 0.8s linear;
}
input.button:hover {
	color: #ffffff;
	background-color: #219524;
	border-color: #186f1b;
}
input.textField, textarea.textArea, input.uploadField {
	display: block;
	width: 90%;
	height: 20px;
	padding: 5px 5px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-bottom: 5px;
	-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
}
input.uploadField{
font-size: 9px;
}

select.selectMenu {
	display: block;
	width: 95%;
	height: 30px;
	padding: 5px 5px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #BEBEBE;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-bottom: 5px;

	cursor: pointer;
} 

select.selectMenu multiple{
height:120px;
}

input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
a {
	color: #158cba;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #158cba;
	text-decoration: underline;
	background:transparent;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:link {
	color: #158cba;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

#header {
	text-align: center;
	background-attachment: fixed;
	border-bottom:10px solid #e7e7e7;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #1883D7;
	background-image: url(//jurnal.unpad.ac.id/public/journals/19/logo3.png);
	background-position: 50% top;
box-shadow: 1px 1px 2px #888;
}

#header h1 {
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: "Poor Richard";
	font-size: 66px;
	text-shadow: 4px 4px 2px rgba(38, 38, 38, 1);
	color: #fff;
}

#navbar {
	padding-left:15px;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:5px;
	list-style: none;
	background-color: #eeeeee;
	border-color: #e2e2e2;
	border-width: 0 1px 4px 1px;
	border-radius: 4px;
	border-bottom: 1px;
}
#navbar a{
	color: #333;
	text-transform:uppercase;
}
#navbar a:hover{
	background:none;
	color:#000;
}
#navbar > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  }
ul.menu li {
	margin: 0;
	padding: 0;
	padding-right: 0.5em;
	display: inline;
}
#main {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #white;
	border:none;
}
#main h2, #main h3 {
	padding-left: 0px;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
#content {
	padding-left: 0px;
	border-top: none;
}
*/
#content{
width:94%;
background-color: white;
border: 1px solid #8493a6;
padding: 2%;
padding-top: 2%;
box-shadow: 0 1px 1px #8493a6;
margin: 3px auto 2em;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#home a, #browse a, #announcements, #help {
	color: #A5A5A5;
	pointer-events: none;
	cursor: default;
	display: none;
}
#sidebar div.block {
	padding-bottom: 1em;
	padding-top: 1em;
	border-top: 1px solid #eeeeee;
}
ul.steplist li {
	display: inline;
	text-transform: uppercase;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	user-select: none;
	border-width: 0 1px 4px 1px;
	margin-right: 5px;
	margin-top: 5px;
	transition: background 0.5s ease, padding 0.8s linear;
	background-color: #eeeeee;
	border-color: #e2e2e2;
	cursor: not-allowed;
	color: #fff;
	opacity: 0.65;
}
ul.steplist li.current {
	font-weight: bold;
	background-color: #eeeeee;
	border-color: #e2e2e2;
	
	opacity: 1;
	cursor: pointer;
}
/** twitter bootstrap, btn, jumbotron **/

#breadcrumb {
  padding: 8px 15px;
  margin-top:20px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fafafa;
  border-radius: 4px;
  /*text-transform: lowercase;*/
}
#breadcrumb > li {
  display: inline-block;
}
#breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #999999;
}
#breadcrumb > .active {
  color: #999999;
}
#breadcrumb {
  border-color: #ededed;
  border-style: solid;
  border-width: 0 1px 4px 1px;
}
#breadcrumb a.current {
	font-weight: normal;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 0 1px 4px 1px;
  margin-right: 10px;
  transition: background 0.5s ease, padding 0.8s linear;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #555555;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #555555;
  background-color: #eeeeee;
  border-color: #e2e2e2;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #555555;
  background-color: #dadada;
  border-color: #c3c3c3;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #eeeeee;
  border-color: #e2e2e2;
}
.btn-default .badge {
  color: #eeeeee;
  background-color: #555555;
}
.btn-primary {
  color: #ffffff;
  background-color: #158cba;
  border-color: #127ba3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #117095;
  border-color: #0c516c;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #158cba;
  border-color: #127ba3;
}
.btn-primary .badge {
  color: #158cba;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #28b62c;
  border-color: #23a127;
  transition: background 0.5s ease,               padding 0.8s linear;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #219524;
  border-color: #186f1b;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #28b62c;
  border-color: #23a127;
}
.btn-success .badge {
  color: #28b62c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #75caeb;
  border-color: #5fc1e8;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #51bce6;
  border-color: #29ade0;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #75caeb;
  border-color: #5fc1e8;
}
.btn-info .badge {
  color: #75caeb;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #ff851b;
  border-color: #ff7701;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #f17000;
  border-color: #c35b00;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ff851b;
  border-color: #ff7701;
}
.btn-warning .badge {
  color: #ff851b;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #ff4136;
  border-color: #ff291c;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #ff1a0d;
  border-color: #de0c00;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff4136;
  border-color: #ff291c;
}
.btn-danger .badge {
  color: #ff4136;
  background-color: #ffffff;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #fafafa;
  border-radius: 4px;
}
.jumbotron {
  border: 1px solid #e7e7e7;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 5px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  
}
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }