/*Layout styles*/
.login .login-content {
    margin: -80px auto 0;
}

.print-body {
    background-color: white;
}

.app-sidebar {
    background-color: #242c51;
}

    .app-sidebar .menu .menu-header,
    .app-sidebar .menu .menu-item .menu-link,
    .app-sidebar .menu .menu-item .menu-icon,
    .app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link,
    .app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link .menu-icon {
        color: whitesmoke;
    }

.app-header {
    box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
    background-color: #e4b123;
    color: white;
}

    .app-header .menu .menu-search {
        margin: 0 auto 0 20px;
    }

    .app-header .menu .menu-item .menu-link {
        color: white;
    }

.app-content {
    background-color: #bcbec0;
    padding: 20px 20px;
}

.app-without-header {
    background-color: white;
}

/*Major overrides*/
.btn-dark, .btn-dark:hover, .btn-dark:active {
    background-color: #242c5b;
    border-color: #242c5b;
}

/*Nav styles*/
.nav-tabs .nav-link {
    background-color: whitesmoke;
    color: #242c5b;
    margin-left: 2px;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #242c5b;
        
    }

/*Card styles*/
.card .card-header {
    background-color: #242c5b;
    color: whitesmoke;
}

    .card .card-header a {
        color: whitesmoke;
    }

.card.card-compact .card-body {
    padding: 10px !important;
}

/*General styles*/
a {
    color: var(--bs-dark);
}

.btn-xs {
    padding: 1px 3px !important;
}

/*Form styles*/
#lookup-container .form-select {
    color: black !important;
    font-size: 17px !important;
    margin-right: 10px;
    width: initial;
}

/*Panel styles*/

/*Datatables Styles*/
table.dataTable {
    color: #000;
}

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding-left: 5px !important;
    }

    table.dataTable tr th {
        background-color: #242c5b !important;
        color: whitesmoke !important;
    }

        table.dataTable tr th:first-child {
            border-top-left-radius: 4px;
        }

        table.dataTable tr th:last-child {
            border-top-right-radius: 4px;
        }

    table.dataTable tr td {
        border-bottom-color: #ddd;
    }

.dataTables_wrapper .fixedHeader-floating {
    border-top: solid 1px;
}

.dataTables_wrapper .dataTables_length select {
    background-color: white;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 8px;
}

    .dataTables_wrapper .dataTables_filter input {
        outline-offset: 0 !important;
        background-color: white;
    }

.dataTables_wrapper .dt-buttons {
    float: right !important;
    margin-left: 25px;
}

    .dataTables_wrapper .dt-buttons .dt-button {
        background: #242c5b !important;
        border-radius: 6px;
        color: whitesmoke !important;
        font-size: 13px;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #242c5b !important;
    border-radius: 6px;
    color: whitesmoke !important;
}