/* general */
.kt-aside-menu .kt-menu__nav {
    padding-top: 0px;
    padding-bottom: 0px;
}
label[required]::after {
    content: " *";
    color: red;
}
.form-group {
    margin-bottom: 5px;
}
.garisbawah {
    text-decoration: underline;
}
.tinggi-baris-kartu {
    line-height: 1.8em;
}
.teks-tebal{
    font-weight: 500;
}
/* navigasi */
.navigasi{
    max-width: 120px;
    text-align: center;
}
.navigasi1{
    width: 50px;
    text-align: center;
}
.navigasi2{
    width: 100px;
    text-align: center;
}
.navigasi3{
    width: 150px;
    text-align: center;
}
.navigasi4{
    width: 200px;
    text-align: center;
}
.navigasi5{
    width: 250px;
}

/* segmen warna */
.orange{
    background-color: orangered;
}
/* layout */
.vtengah {
    vertical-align: middle;
}
.tengah{
    text-align: center;
}
.hide-div{
    display: none;
}

/* tabel */
.thhitam {
    background-color: rgba(27, 27, 40, 0.8);
    color: white;
}
/* Tabel */
table.table-baris-rapat2 thead th, table.table-baris-rapat2 tbody td {
    padding: 0.5rem;
}
table.table-vcenter th, table.table-vcenter td {
    vertical-align: middle;
}

.table-baris-rapat th, .table-baris-rapat td {
    padding: 0.5rem;
}
.table-head-baris-rapat thead th, .table-head-baris-rapat th, .table-head-baris-rapat td, .table-head-baris-rapat tbody td {
    padding: 0.5rem;
}
.table .thead-light-garis th {
  color: #595d6e;
  background-color: #ebedf2;
  border-color: #CCD1DE; 
}
.table-hover tbody tr:hover {
/*    color: #212529;*/
    color: #273ED5;
    background-color: #FDFFE7;/*#fafbfc;*/
}
.table-vcenter th, .table-vcenter td {
    vertical-align: middle;
}
.table thead th, .table thead td {
    font-weight: 500;
    /*font-size:*/ 
}
.table .teks-tengah {
    text-align: center;
}
.table .nomor {
    text-align: center;
    width: 46px;
}
.table .huruf {
    text-align: center;
    width: 28px;
}
.table .huruf2 {
    text-align: center;
    width: 102px;
}
.table .navigasi {
    text-align: right;
}
.table .navigasi1 {
    width: 70px;
    text-align: center;
}
.table .navigasi2 {
    width: 80px;
    text-align: right;
}
.table .navigasi3 {
    width: 115px;
    text-align: right;
}
.table .navigasi4 {
    width: 150px;
    text-align: right;
}
.table .navigasi5 {
    width: 180px;
    text-align: right;
}

.kt-form .kt-section__body-view .form-group:nth-child(even) {
    background-color: #fff;
    /*margin: 0px;*/
}
.kt-form .kt-section__body-view .form-group:nth-child(odd) {
    background-color: #EFF2F9;
    /*margin: 0px;*/
}
.kt-form .kt-section__body-view .form-group label {
    text-align: right;
}
.form-group-inline{
    width: 40%;
    display: inline-block;
}
div.input-group.jadwal{
    width: 40%;
    display: inline-flex;
}

/* tombol */
.btn-kecil {
    padding: 5px 5px 5px 5px;
    font-size: 0.675rem;
    line-height: 1;
    border-radius: 0.2rem;
}

.btn-edit {
    color: #fff;
    background-color: #9058DD;
    border-color: #9058DD; }
.btn-edit:hover {
    color: #fff;
    background-color: #9900CC;
    border-color: #742ED4; }
.btn-edit:focus, .btn-edit.focus {
    box-shadow: 0 0 0 0.2rem rgba(160, 113, 226, 0.5); }
.btn-edit.disabled, .btn-edit:disabled {
    color: #fff;
    background-color: #9058DD;
    border-color: #9058DD; }
.btn-edit:not(:disabled):not(.disabled):active, .btn-edit:not(:disabled):not(.disabled).active,
.show > .btn-edit.dropdown-toggle {
    color: #fff;
    background-color: #742ED4;
    border-color: #6D29CC; }
.btn-edit:not(:disabled):not(.disabled):active:focus, .btn-edit:not(:disabled):not(.disabled).active:focus,
.show > .btn-edit.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(160, 113, 226, 0.5); }


.btn-hapus {
    color: #fff;
    background-color: #EC5E75;
    border-color: #EC5E75; }
.btn-hapus:hover {
    color: #fff;
    background-color: #E02A1E;
    border-color: #E83250; }
.btn-hapus:focus, .btn-hapus.focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 119, 139, 0.5); }
.btn-hapus.disabled, .btn-hapus:disabled {
    color: #fff;
    background-color: #EC5E75;
    border-color: #EC5E75; }
.btn-hapus:not(:disabled):not(.disabled):active, .btn-hapus:not(:disabled):not(.disabled).active,
.show > .btn-hapus.dropdown-toggle {
    color: #fff;
    background-color: #E83250;
    border-color: #DF2D4B; }
.btn-hapus:not(:disabled):not(.disabled):active:focus, .btn-hapus:not(:disabled):not(.disabled).active:focus,
.show > .btn-hapus.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 119, 139, 0.5); }

.btn-ubah-admin {
    color: #fff;
    background-color: #FBB13C;
    border-color: #FBB13C; }
.btn-ubah-admin:hover {
    color: #fff;
    background-color: #D81159;
    border-color: #E83250; }
.btn-ubah-admin:focus, .btn-ubah-admin.focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 119, 139, 0.5); }
.btn-ubah-admin.disabled, .btn-ubah-admin:disabled {
    color: #fff;
    background-color: #FBB13C;
    border-color: #FBB13C; }
.btn-ubah-admin:not(:disabled):not(.disabled):active, .btn-ubah-admin:not(:disabled):not(.disabled).active,
.show > .btn-ubah-admin.dropdown-toggle {
    color: #fff;
    background-color: #E83250;
    border-color: #DF2D4B; }
.btn-ubah-admin:not(:disabled):not(.disabled):active:focus, .btn-ubah-admin:not(:disabled):not(.disabled).active:focus,
.show > .btn-ubah-admin.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 119, 139, 0.5); }