.loginbox select,
textarea,
input[type=text],
input[type=number],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=date],
input[type=file] {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 5px;
  resize: vertical;
  font-size: 16px;

}

.tampil_kecil input[type=date] {
  width: 50px !important;

}







.loginbox label {
  font-size: 14px;
  font-family: Arial;
  color: #343D46;
  margin-bottom: 15px;
  font-weight: bold;
}


.input-field {
  width: 100%;
  padding: 2px;
  outline: none;
  font-size: 16px;
  font-family: Arial;

}

.input-field:focus {
  border: 2px solid dodgerblue;
  font-size: 16px;
  font-family: Arial;
  border-radius: 2px;
}

input[type=submit] {
  margin: 5px 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #4285f4;
  border: solid 0px #FFFFFF;
  font-family: Arial;
  font-size: 16px;
  color: white;
  margin-top: 10px;
}

input[type=submit]:hover {
  background-color: #4285f4;
}

input[type=button] {
  margin: 5px 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #666666;
  border: solid 0px #FFFFFF;
  font-family: Arial;
  font-size: 16px;
  color: white;
}



.container-depan {
  border-radius: 1px;
  margin: 10px;
}

/* ini untuk scroll*/
/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  box-shadow: inset 0 0 2px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  background: #2196F3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  width: 5px;

}



td.center {
  text-align: center;
  width: 50px;
}

th.center {
  text-align: center;
  width: 50px;
}

/* Css File Upload */
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: 'Choose Files';
  /*display: inline-block;*/
  background: #3399FF;
  border: 0px solid #FFFFFF;
  border-radius: 0px;
  padding: 5px 5px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  /*text-shadow: 1px 1px #fff;*/
  /*font-weight: 700;*/
  font-size: 16px;
  color: white !important;
}

.custom-file-input:hover::before {
  border-color: #FFFFFF;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}