.datepicker {
    z-index: 2000 !important;
}

.login-box,
.register-box {
    width: 430px;
    margin: 4% auto;
}

.login-page,
.register-page {
    background: #f39c12;
    height: 100px;
}

.login-box-body,
.register-box-body {
    box-shadow: 1px 1px 10px 2px;
}

.copyright {
    margin-top: 10px;
    text-align: right;
    font-style: italic;
    font-size: 9pt;
}

.user-panel>.image>img {
    width: 100%;
    max-width: 50px;
    height: auto;
    padding-top: 5px;
}

.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 5px;
}

.user-panel>.info {
    padding: 6px 5px 5px 10px;
}

.garis-pembatas {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #1a2226;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    text-align: center;
    vertical-align: middle;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    width: 210px;
}

.garis-tebal,
.garis-tebal>thead>tr>th,
.garis-tebal>tbody>tr>td {
    border: 1px solid #000;
}

.label-header,
.label-header:hover {
    display: block;
    float: left;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    width: 70%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    color: #fff;
}