table {
    width: 100%;
    table-layout: fixed;
	border-color: #b6b6b6 !important;
}

td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

thead {
	font-size: 14px !important;
	font-weight: 400 !important;
	white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

tr.expanded td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
	word-break: break-word;
}

thead th {
	background-color: #9f9f9f !important;
	color: #fff !important;
}

.modal-dialog {
	max-width: 700px;
}

.active-filter {
	background-color: #0d6efd !important;
	color: white !important;
}

.sidebar {
    overflow: hidden;
}

.sidebar-text {
    display: none;
    white-space: nowrap;
}

.main-content {
    flex: 1;
    padding: 20px;
    transition: margin 0.3s;
}

.nav-link {
    border-radius: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
}

.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.nav-link.active {
    background-color: #0d6efd;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

#preloader {
	transition: opacity 0.5s ease-out;
}
.preloader-hidden {
	opacity: 0;
	pointer-events: none;
}