body {
    color: #343a40;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.471;
}

.navbar{ padding: 0 0 0 0.5rem; }
/*.navbar-brand { padding: 0; }*/
.layout-top-nav .wrapper .main-header .brand-image { margin: 0; height: 47px; }
/*.nav-link { padding: 0; }*/

/*.card{ box-shadow: none !important; }*/

.hidden{
  display: none !important;
  visibility: hidden !important;
}

.dropdown-item,
.nav .nav-tabs .nav-link,
.navbar-nav li.nav-item a{
  font-size: 1rem;
}

/*STYLE UNTUK HALAMAN BIODATA*/

.form-check-input {
  margin-top: 3px;
}

ul#custom-tabs-three-tab li.nav-item a{
	color: #343a40;
}

.biodata-peserta .tab-content .card{
  box-shadow: none;
  margin-bottom: 0;
}

.biodata-peserta .tab-content .card .card-header {
  border-bottom: 0;
}

.biodata-peserta .tab-content .card .card-header h5 {
  font-weight: bold;
}

.biodata-peserta .tab-content .card .card-body{padding-top: 0;padding-bottom: 0;}

.biodata-peserta .tab-content .card .card-body label {
  font-weight: bold;
}

.biodata-peserta .tab-content .card .card-footer{background-color: #FFF;}

/*MODAL*/

.modal-content{
	border: 3px solid rgba(0,0,0,.2);
	border-radius: 0;
}

/*FORM*/

.form-control{
	/*border-radius: 0;*/
}
.form-control:disabled{
  background-color: white;
}

/*TABEL DENGAN CLASS MY TABEL*/

.mytable tr th{ padding: 5px; }
.mytable tr td{ padding: 3px; }

.sidebar .tabelku tr td,
.sidebar .tabelku tr th{
  padding: 10px 0 10px 5px;
  border-top: 0.5px solid #ddd;
  border-bottom: 0.5px solid #ddd;
}
.sidebar .tabelku tr th{
  vertical-align: top;
  background-color: #F5F5F5;
}

/*ALERT*/
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

#toast-container>div{
  box-shadow: none;
  opacity: 0.7;
}

#toast-container>div:hover {
  box-shadow: none;
  opacity: 1;
}

label.error{ font-weight: normal !important; color: red; }