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

#LogSystem .nav-link{
    background-color: #6c757d;
    color: #ffffff ;
    border-radius: 0px;
}
#LogSystem .nav-link.active{
    background-color: var(--main-background-color);
    color: var(--fore-color) !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 */
}

.nav-tabs .nav-link:not(.active):hover{
    background-image: var(--button-gradient-blue) !important;
    color: #ffffff;
}
.selected-log{
    background: var(--main-button-color-hover) !important;
    color: #ffffff;
}
.page-item.disabled .page-link{
    color: var(--outline-color);
}
#log-details .table td{
    padding: 5px;
    width: 50%;
    padding-left: 10px;
}
#log-details .table tbody td:nth-child(even){
    border-left: 1px solid #777777;
}
#log-details .modal-dialog{
    max-width: 700px;
}
/* [1.0.5.G+] 08/08/2024 - SoPhol.Truong: Add */
#tablelog tbody td {
    word-break: break-all;
}