.default-table-area,
.recent-files {
    width: 100%;
}

.default-table-area .table-responsive,
.recent-files .table-responsive,
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.default-table-area .table,
.recent-files .table,
.table-responsive .table {
    width: 100% !important;
    margin-bottom: 0;
    border: 1px solid #e5e7eb;
    border-collapse: collapse !important;
}

.default-table-area .table > :not(caption) > * > *,
.recent-files .table > :not(caption) > * > *,
.table-responsive .table > :not(caption) > * > * {
    border: 1px solid #e5e7eb;
    vertical-align: middle;
}

.default-table-area .table thead th,
.recent-files .table thead th,
.table-responsive .table thead th {
    background-color: #f8fafc;
    color: #3a4252;
    font-weight: 600;
}

.default-table-area .dataTable,
.recent-files .dataTable,
.table-responsive .dataTable {
    border-spacing: 0 !important;
}

.default-table-area .dataTables_wrapper,
.recent-files .dataTables_wrapper,
.table-responsive .dataTables_wrapper {
    width: 100%;
}

.default-table-area .table th,
.default-table-area .table td,
.recent-files .table th,
.recent-files .table td,
.table-responsive .table th,
.table-responsive .table td {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .default-table-area:not(.aql-table-area) .table,
    .recent-files .table,
    .table-responsive .table {
        min-width: 640px;
    }
}

.btn-add-site-green,
.btn-site-green,
.btn-outline-primary.hover-bg:has(.ri-add-line),
.btn:has(.fa-plus),
button[onclick^="addMore"],
a[onclick^="addMore"],
button[onclick^="addFiles"],
a[onclick^="addFiles"],
#addRequirementButton {
    background-color: var(--qucoso-green, #366A04) !important;
    border-color: var(--qucoso-green, #366A04) !important;
    color: #fff !important;
}

.btn-add-site-green:hover,
.btn-add-site-green:focus,
.btn-add-site-green:active,
.btn-site-green:hover,
.btn-site-green:focus,
.btn-site-green:active,
.btn-outline-primary.hover-bg:has(.ri-add-line):hover,
.btn-outline-primary.hover-bg:has(.ri-add-line):focus,
.btn-outline-primary.hover-bg:has(.ri-add-line):active,
.btn:has(.fa-plus):hover,
.btn:has(.fa-plus):focus,
.btn:has(.fa-plus):active,
button[onclick^="addMore"]:hover,
button[onclick^="addMore"]:focus,
button[onclick^="addMore"]:active,
a[onclick^="addMore"]:hover,
a[onclick^="addMore"]:focus,
a[onclick^="addMore"]:active,
button[onclick^="addFiles"]:hover,
button[onclick^="addFiles"]:focus,
button[onclick^="addFiles"]:active,
a[onclick^="addFiles"]:hover,
a[onclick^="addFiles"]:focus,
a[onclick^="addFiles"]:active,
#addRequirementButton:hover,
#addRequirementButton:focus,
#addRequirementButton:active {
    background-color: var(--qucoso-green, #366A04) !important;
    border-color: var(--qucoso-green, #366A04) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-add-site-green i,
.btn-add-site-green span,
.btn-site-green i,
.btn-site-green span,
.btn-outline-primary.hover-bg:has(.ri-add-line) i,
.btn-outline-primary.hover-bg:has(.ri-add-line) span,
.btn:has(.fa-plus) i,
.btn:has(.fa-plus) span,
button[onclick^="addMore"] i,
button[onclick^="addMore"] span,
a[onclick^="addMore"] i,
a[onclick^="addMore"] span,
button[onclick^="addFiles"] i,
button[onclick^="addFiles"] span,
a[onclick^="addFiles"] i,
a[onclick^="addFiles"] span,
#addRequirementButton i,
#addRequirementButton span {
    color: #fff !important;
}

.booking-list-table .table-responsive {
    max-height: none;
    min-height: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.booking-list-table .table {
    min-width: 1500px;
}

.booking-list-top-scroll {
    width: 100%;
    height: 16px;
    margin-bottom: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

.booking-list-top-scroll-inner {
    height: 1px;
}

.tox .tox-statusbar__branding,
.tox .tox-statusbar__path {
    display: none !important;
}