/*

* Override Pages default styles or create your own styles here

*/
html{
    background:#FFF;
}
body {
    font-family: "Microsoft JhengHei UI" !important;
}

.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    color: #255dba;
}

.page-sidebar .sidebar-menu .menu-items li:hover > a, .page-sidebar .sidebar-menu .menu-items li.open > a, .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #255dba;
    font-weight: bold;
}
@media( min-width: 576px){
    div.dataTables_wrapper div.dataTables_info {

        margin-right: auto;
    }

    .dataTables_length {
        margin-left: 6px;
        margin-right: auto;
    }

}

.dataTables_wrapper .dataTables_info {
    padding: 0 6px;
}

.card .card-header .card-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #2161aa;
}

.card .card-header {
    padding: 24px;
}
.dataTables_wrapper .row > div:nth-child(2){
    flex-direction: row-reverse !important;
}