/* put your own styles to customize and override the theme */
body {
    font-family: Helvetica, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', helvetica, sans-serif;
}

.user-avatar-slim-xl {
    width: 10rem;
    height: 10rem;
    font-size: 10rem;
}

.user-avatar-slim {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    width: 10rem;
    height: 10rem;
    font-size: 10rem;
    border-radius: 9rem;
    background-color: #fff;
    vertical-align: middle;
}

.modal-xg {
    width: 95%;
    max-width: 1600px;
}

.dataTables_wrapper .dt-buttons {
    position: relative;
    float: right;
}

.modal-backdrop.in {
    opacity: 0.75;
}

.modal {
    overflow: auto !important;
}

.colWidth {
    width: 0px !important;
    background-color: #FFCC66;
}

.colColor {
    background-color: #CCECFF;
}

.tableMax {
    width: 100% !important;
    max-width: 1750px !important;
}

@media (min-width: 768px) {
    .app-main {
        /*padding-right: 10px;
        padding-left: 190px; /* 180 + 40 */
    }
}

.top-bar-brand {
    width: 180px;
}

.popover-header {
    font-family: Helvetica, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', helvetica, sans-serif !important;
    font-size: 14px !important;
}

.popover-body {
    font-family: Helvetica, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', helvetica, sans-serif !important;
    font-size: 12px !important;
}

div#pop-up {
    display: none;
    position: absolute;
    width: 385px;
    height: 687px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
}

table.dataTable tbody tr.selected {
    color: black;
    background-color: #cfcfcf;
}