.field-bibliografi {
  width: 300px;
}

.login {
  text-align: right;
  color: red;
}
.background-login {
  background: url("images/swirl_pattern.png") repeat;
}

.l-btn {
  vertical-align: middle;
}
.button-sep {
  display: inline-block;
  width: 0;
  height: 22px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  vertical-align: middle;
}

.info_import {
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #0097bc;
  background-color: #00c0ef;
  color: #fff;
  font-weight: bold;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
/* Create two equal columns that sits next to each other */
.column-2-flex {
  flex: 50%;
}
.kiri {
  text-align: left;
}
.kanan {
  text-align: right;
}

fieldset {
  border: 1px solid rgb(123, 174, 255);
  margin-bottom: 5px;
}

legend {
  padding: 0.2em 0.5em;
  border: 1px solid rgb(123, 174, 255);
  color: white;
  background: rgb(123, 174, 255);
  font-size: 90%;
  font-weight: bold;
  text-align: left;
}