#config-url{
	display: hidden;
}

.hidden {
  visibility: hidden; 
}

.dis-none{
  display: none !important; 
}

table.tab-ringkasan{
  border-collapse: collapse;
  width: 100%;
}
table.tab-ringkasan, table.tab-ringkasan tr, table.tab-ringkasan tr td{
  border: 0;
  padding: 5px 8px;
  font-size: 10.5pt;
  vertical-align: top;
}
table.tab-ringkasan tr td:first-child{
  padding-left: 0;
  width: 170px;
}
table.tab-ringkasan tr td:last-child{
  background-color: #f2f2f2; 
  border-bottom: 1px solid #fff;
  border-radius: 4px;
}
.pull-right{
  float: right; 
}
.text-center{
  text-align: center;
}
.div-selesai{
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 8px;
}

@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes jumpUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translate(70px, 70px);
  }
  80% {
    opacity: 1;
    transform: scale(1.1) translate(-10px, -10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0px);
  }
}

.animate-box {
  animation-name: fadeUp;
  animation-duration: 1s;
}
.animate-box-right {
  animation-name: fadeRight;
  animation-duration: 1s;
}
.animate-box-left {
  animation-name: fadeLeft;
  animation-duration: 1s;
}