#tablelog th { padding: 5px !important; }
#tablelog td { padding: 5px !important; }
#tablelog .th-inner { padding: 0px !important; }

/* CSS Log Pannel */
.datePickerRefreshControl {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: flex;
}
.datePickerInputgroup { width: 170px; }

#LogSystem .nav-link.active{
    background-color: var(--main-color);
    color: white !important;
}

/* Filter button */
.filter-option {
    margin-left: 5px;
    width: 47px;
    border-color: #6c757d;
    /* border-color: #17a2b8 */
}
.filter-option.checked { background-color: #DDDDDD; }
.filter-option.btn.focus, .filter-option.btn:focus { box-shadow: unset; }


.filter-option[tag="error"],
.filter-option[tag="stopPrint"],
.log-status-option[tag="error"],
.log-status-option[tag="stopPrint"],
.log-filter-total [tag="error"],
.log-filter-total [tag="stopPrint"]  {
    color: var(--error-color);
}

.filter-option[tag="warning"],
.log-status-option[tag="warning"],
.log-filter-total [tag="warning"] {
    color: var(--warning-color);
}

.filter-option[tag="info"],
.log-status-option[tag="info"],
.log-filter-total [tag="info"] {
    color: var(--informations-color);
}

.filter-option[tag="startPrint"],
.log-status-option[tag="startPrint"],
.log-filter-total [tag="startPrint"] {
    color: rgba(17,185,150,255);
}

.total-filter-label { margin-left: 10px; }
.total-filter-total-items { margin-left: 5px; }
/* 25/02/2022 - SoPhol.Truong: hide scrollbar log statics */
.nav-statistic-tab-parrent::-webkit-scrollbar { display: none; }
.nav-statistic-tab-parrent::-webkit-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.selected-log{
    background: var(--setting-title-active-color) !important;
    color: #ffffff;
}

/* [1.0.3.2] 05/05/2023 - SoPhol.Truong: add */
.logDetailsTitle {
    vertical-align: top;
    width: 35%;
}
.logDetailsContent {
    padding-left: 10px;
}
.tablelogStatus {
    width: 10%;
    vertical-align: middle !important;
}
.tablelogDate {
    width: 25%;
    vertical-align: middle !important;
}
.tablelogUser {
    width: 15%;
    vertical-align: middle !important;
}
.tablelogAction {
    width: 20%;
    vertical-align: middle !important;
}
.tablelogComment { vertical-align: middle !important; }
/* [1.0.5.G+] 08/08/2024 - SoPhol.Truong: Add */
#tablelog tbody td {
    word-break: break-all;
}