.kontainer-form,
.kontainer-foto{
  width: 100%;
  margin: auto;
  font-family: tahoma;
  font-size: 12px;
  background: #fff;
  margin-bottom: 10px;
  padding: 5px 0 0 0;
}

.border-form{
  border: 0px solid #bbb;
  /* border-bottom: 15px solid #bbb; */
  padding: 5px 10px 5px 5px;
  background: #eee;

}

.btn-upload-foto{
  width: 100%;
  font-weight: bold;
  padding: 15px;
  background: green;
  border: 5px solid #fff;
  color: #fff;
  cursor: pointer;
  opacity: 1;
}
.btn-upload-foto:hover{
  opacity: 0.8;
}

.tabelform{
  width:90%;
  text-align: center;
  padding: 3px;
  margin: 1px;
  background: #003333;
  border: 1px solid #003333;
  font-family: tahoma;
  margin: auto;
  margin-top: 30px;
  border-collapse: collapse;
}
.tabelform td{
  background: #f7f7f7;
  text-align: left;
  color: #000033;
  padding: 5px;
  border-bottom: 1px solid #003333;
}

input[type="text"]{
  border: #006666 1px solid;
}
input[type="button"], input[type="reset"]{
  border-radius: 3px;
  cursor: pointer;
  min-height: 26px;
  display: inline-table;
  line-height: 16px;
  font: bold;
  min-width: 10px;
  padding-right: 6px;
  padding-left: 6px;
}

.a-tombol {
  color: #ffffff !important;
  -moz-box-shadow:inset 0px 1px 0px 0px #006666;
  -webkit-box-shadow:inset 0px 1px 0px 0px #006666;
  box-shadow:inset 0px 1px 0px 0px #006666;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b9ffff), color-stop(1, #006666));
  background:-moz-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-webkit-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-o-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-ms-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:linear-gradient(to bottom, #b9ffff 5%, #006666 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9ffff', endColorstr='#006666',GradientType=0);
  background-color:#b9ffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #006666;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #666666;
}
.a-tombol:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006666), color-stop(1, #b9ffff));
  background:-moz-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-webkit-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-o-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-ms-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:linear-gradient(to bottom, #006666 5%, #b9ffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666', endColorstr='#b9ffff',GradientType=0);
  background-color:#006666;
}
.a-tombol:active {
  position:relative;
  top:1px;
}

.a-tombol-merah {
  color: #ffffff !important;
  -moz-box-shadow:inset 0px 1px 0px 0px #d0451b;
  -webkit-box-shadow:inset 0px 1px 0px 0px #d0451b;
  box-shadow:inset 0px 1px 0px 0px #d0451b;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b9ffff), color-stop(1, #d0451b));
  background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
  background-color:#bc3315;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #d0451b;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #666666;
}
.a-tombol-merah:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
  background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
  background-color:#d0451b;
}
.a-tombol-merah:active {
  position:relative;
  top:1px;
}

.tombol-ijo {
  color: #ffffff !important;
  -moz-box-shadow:inset 0px 1px 0px 0px #006666;
  -webkit-box-shadow:inset 0px 1px 0px 0px #006666;
  box-shadow:inset 0px 1px 0px 0px #006666;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b9ffff), color-stop(1, #006666));
  background:-moz-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-webkit-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-o-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:-ms-linear-gradient(top, #b9ffff 5%, #006666 100%);
  background:linear-gradient(to bottom, #b9ffff 5%, #006666 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9ffff', endColorstr='#006666',GradientType=0);
  background-color:#b9ffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #006666;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #666666;
}
.tombol-ijo:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006666), color-stop(1, #b9ffff));
  background:-moz-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-webkit-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-o-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:-ms-linear-gradient(top, #006666 5%, #b9ffff 100%);
  background:linear-gradient(to bottom, #006666 5%, #b9ffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666', endColorstr='#b9ffff',GradientType=0);
  background-color:#006666;
}
.tombol-ijo:active {
  position:relative;
  top:1px;
}

.tombol-silver {
  -moz-box-shadow:inset 0px 1px 0px 0px #666666;
  -webkit-box-shadow:inset 0px 1px 0px 0px #666666;
  box-shadow:inset 0px 1px 0px 0px #666666;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #aaaaaa));
  background:-moz-linear-gradient(top, #fafafa 5%, #aaaaaa 100%);
  background:-webkit-linear-gradient(top, #fafafa 5%, #aaaaaa 100%);
  background:-o-linear-gradient(top, #fafafa 5%, #aaaaaa 100%);
  background:-ms-linear-gradient(top, #fafafa 5%, #aaaaaa 100%);
  background:linear-gradient(to bottom, #fafafa 5%, #aaaaaa 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#aaaaaa',GradientType=0);
  background-color:#fafafa;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #bbbbbb;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #222222;
}
.tombol-silver:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #fafafa));
  background:-moz-linear-gradient(top, #aaaaaa 5%, #fafafa 100%);
  background:-webkit-linear-gradient(top, #aaaaaa 5%, #fafafa 100%);
  background:-o-linear-gradient(top, #aaaaaa 5%, #fafafa 100%);
  background:-ms-linear-gradient(top, #aaaaaa 5%, #fafafa 100%);
  background:linear-gradient(to bottom, #aaaaaa 5%, #fafafa 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#fafafa',GradientType=0);
  background-color:#aaaaaa;
}
.tombol-silver:active {
  position:relative;
  top:1px;
}

.progress-bar .progress-value {
  padding: 0px 5px;
  line-height: 20px;
  margin-left: 5px;
  font-size: .8em;
  color: #555;
  height: 18px;
  float: right;
}