.bound-box {

}

.bound-box:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.error {
	font-size:12px;
	font-style:italic;	
	color: rgb(243,150,154);
}

.list_investasi {
    text-align: left;
    width:100%;
    border:1px solid whitesmoke;
    counter-reset: serial-number;
    border:0px solid red;
}

.list_investasi th {
    /*font-size:14px;*/
    font-weight:bold;
    border:1px solid whitesmoke;
}

.list_investasi tr {
    /*font-size:14px;*/
    font-weight:bold;
    border:1px solid whitesmoke;
}

.list_investasi td {
    /*font-size:12px;*/
    font-weight:normal;
    border:0px solid whitesmoke;
}

.list_investasi td:first-child:before {
    counter-increment: serial-number;  /* Kenaikan penomoran */
    content: counter(serial-number);
}

.small-box {
    border-radius:5px;
}

.inner {
    padding:10px;
}

.bottom {
    border-radius:0 0 5px 5px;
    padding:5px;
    bottom:0;
    position:absolute;
    width:100%;
    height:auto;
    max-height:20%;
}

.bottom1 {
    border-radius:0 0 5px 5px;
    padding:5px;
    bottom:0;
    position:absolute;
    width:100%;
    height:auto;
    max-height:25%;
}

.col-md-2 {
    -ms-flex:0 0 50%;
    flex:0 0 30%;
    max-width:30%;
}

@media (min-width:992px) {
    .col-sm-2 {
        -ms-flex:0 0 25%;
        flex:0 0 19%;
        max-width:16%;
    }
}

.vertical-nav.stick {
    position:fixed;
}

.tableFixHead          { overflow-y: auto; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th { background:whitesmoke; color:#333; }
th, td { padding: 8px 16px; }

@media only screen and (max-width: 600px) {
    .datepicker table tr td,
    .datepicker table tr th {
      text-align: center;
      width: 15px;
      height: 15px;
      padding:5px;
      border-radius: 4px;
      border: none;
      font-size:14px;
    }
}

.anchor::before {
  content: "";
  border:0px solid red;
  display: block;
  height: 60px; /* fixed header height*/
  margin: -30px 0 0; /* negative fixed header height */
}

#video {
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width:320px;
  height:240px;
}

#photo {
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width:320px;
  height:240px;
}

#canvas {
  display:none;
}

.camera {
  width: 340px;
  display:inline-block;
}

.output {
  width: 340px;
  display:inline-block;
}

#startbutton {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  bottom:32px;
  background-color: rgba(0, 150, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  color: rgba(255, 255, 255, 1.0);
}

.contentarea {
  font-size: 16px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  width: 760px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  color: #333;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 70%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.swal-overlay {
  #background-color: rgba(43, 165, 137, 0.45);
}

.swal-title {
  margin: 0px;
  font-size: 16px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.21);
  margin-bottom: 28px;
}

.swal-text {
    font-size: 14px;
  background-color: #FEFAE3;
  padding: 17px;
  border: 1px solid #F0E1A1;
  display: block;
  margin: 22px;
  text-align: center;
  color: #61534e;
}

.swal-footer {
  background-color: rgb(245, 248, 250);
  margin-top: 32px;
  border-top: 1px solid #E9EEF1;
  overflow: hidden;
}