* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    transition: background-color 0.3s ease;
}

#themeSwitch + label {
    width: 30px;
    height: 30px;
}
#themeSwitch + label .fa-lightbulb {
    color: var(--bs-warning);
    transition: color 0.3s ease;
}
#themeSwitch:checked + label .fa-lightbulb {
    color: var(--bs-info);
}

.main,
.header {
    inline-size: 100%;
    max-inline-size: 1600px;
    margin-inline: auto;
}

.container-fluid,
.container {
    font-size: 12px;
    font-family: "poppins";
    text-transform: none;
}
a {
    text-decoration: none;
    color: inherit;
}

.nav-item a {
    background-color: var(--bs-secondary-bg-subtle);
    border-radius: 5px;
    color: var(--bs-primary-text-emphasis);
    border: 1px solid;
    border-color: var(--bs-secondary-border-subtle);
}
.table {
    text-transform: none;
}

.table::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.table {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}
#myjobtable td,
#mySearchTable td {
    font-size: 10px;
}

@media screen and (min-width: 1400px) {
    /* CSS styles applied when the viewport width is 1200px or more */
    #myjobtable td,
    #mySearchTable td {
        font-weight: 500;
        font-size: 12px;
    }
}

#activities td {
    background-color: var(--bs-cyan);
    color: var(--bs-dark);
}
#activities th {
    background-color: var(--bs-gray-500);
    color: var(--bs-dark);
}

.bgFooter {
    background: -webkit-linear-gradient(
        55deg,
        var(--bs-primary-bg-subtle),
        var(--bs-primary) 50%,
        var(--bs-primary-bg-subtle)
    );
    background: linear-gradient(55deg, var(--bs-primary-bg-subtle), var(--bs-primary) 50%, var(--bs-primary-bg-subtle));
}

.archive-form-section {
    display: none;
}
.archive-form-section.active {
    display: block;
}

table.dataTable tbody tr.row-cancelled td {
    background-color: var(--bs-warning);
    color: var(--bs-gray-900);
    text-decoration-color: var(--bs-red);
}

.shadow-light {
    box-shadow: 0px 4px 12px 0px rgba(13, 110, 235, 0.3);
}