html,
body {
  height: 100%;
  background: #ededed;
}
.input-group {
 margin: 5px 0px !important;
}
table.tbwarna {
  border-collapse: separate;
  border-spacing: 2px;
  padding: 2px;
  border: 1px solid #adadad;
  margin-left: auto;
  margin-right: auto;
}
table.tbwarna th { color:#fff; background-color: #c91032; padding: 10px 5px; font-size: 14px; text-align: center; }
table.tbfull { width: 100%; margin-left: auto;  margin-right: auto; }
/*table.tbfull th { color:#fff; background-color: #0b859b!important; padding: 10px 5px; font-size: 14px; text-align: center; }*/
table.tbfull th { color:#fff; background-color: #dc3545 !important; padding: 10px 5px; font-size: 14px; text-align: center; }
.tbheading {
  color:#c91032;
}
.tdwarna1 {padding: 0 5px; font-size: 12px; font-weight: bold;}
.tdwarna2 {padding: 0 5px; font-size: 9px;}
.tdaksi {padding: 5px 5px; text-align: center;}
.tr1 {
  background-color: #fff;
}
.tr1 {
  background-color: #e5e5e5;
}
.cari {
  font-weight: 600;
  font-size: 16px;
}
.red { color:#c91032; }
.topinfo {background-color: rgb(255, 255, 255); border: 1px solid #adadad; padding: 10px 20px;}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em!important;
}
.ui-datepicker {
  width: 15em!important;
  padding: .2em .2em 0;
  display: none;
}