body {
    font-size: 0.8rem;
}

.nav-link {
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
}
.sidebar-menu .nav-header{
    font-size: 0.8rem;
    border-bottom: 1px solid #252222;
    box-shadow: inset 10px 1px 7px -6px #252222;
    font-weight: bold;
}

.table> :not(caption)>*>* {
    padding: 0.2rem 0.5rem;
}

.dt-buttons .btn-group{
    position: relative !important;
}

.dt-button-collection {
    position: absolute;
    top: auto !important;
    bottom: 100%; /* This positions it above the button */
    left: 0 !important; /* Adjust as needed */
    margin-bottom: 5px; /* Add some space above the button */
 }

/* table.dataTable th, table.dataTable td{
    vertical-align: middle;
} */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #0d6efd;
    color: #fff;
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}

.loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loader-content .spinner-border {
    width: 3rem;
    height: 3rem;
}

.select2-container--bootstrap-5 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--bootstrap-5 .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--bootstrap-5 .select2-selection__arrow {
    height: calc(1.5em + 0.75rem + 2px);
}

div.dt-paging{
    float: right;
}

div.dt-info{
    margin-top: 3%;
}
div.dt-length{
    margin-top: 1%;
}
.page-link{
    font-size: 0.8em;
}
div.dt-container div.dt-length select{
    padding: 1px 8px;
}
div.dt-buttons .btn{
    padding: 3px 10px;
    font-size: 0.95em;
    background-color: #147bbb;
    border-color: #b4c3d1;
}
div.dt-buttons .btn:hover{
    background-color: #103b7f;
}
.page-link.active, .active > .page-link{
    background-color: #237cb8;
    border-color: #00538b;
}
.btn{
    font-size: 0.95em;
    padding: 3px 6px;
}
.btn-sm, .btn-group-sm > .btn{
    font-size: 0.875em;
    padding: 2px 10px;
}
.btn-sm.iconBtn, .btn-group-sm.iconBtn > .btn.iconBtn{
    padding: 2px 3px;
}
textarea {
    width: 100%;
    height: calc(30px * 5);
    font-family: monospace;
    white-space: pre;
}

.select2-container--default .select2-search--inline .select2-search__field{
    font-size: 0.7rem;
    margin-top: 0px;
}

.select2-results__option{
    font-size: 0.7rem;
}

.select2-container .select2-selection--multiple{
    min-height: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-right: 3px;
    margin-top: 2px;
}

.form-control,.form-select{
    font-size: 0.8rem;
}

.form-control{
    padding: 0.3rem 0.6rem;
}

.form-control-sm{
    padding: 0.2rem 0.5rem;
}

h3, .h3{
    font-size: 1.5rem;
}
h5, .h5{
    font-size: 1rem;
}
.app-sidebar{
    min-width: 220px;
    max-width: 220px;
}

/* Set a fixed height for table rows */
table.dataTable.singleLineTr tbody tr {
    height: 25px; /* Adjust the height as needed */
}
table.dataTable.singleLineTr tbody td, table.dataTable.singleLineTr thead th {
    overflow: hidden;
    text-overflow: ellipsis; /* Optionally, add ellipsis for overflowing text */
    white-space: nowrap;     /* Prevent text from wrapping */
}
table.table.dataTable thead tr.table-dark{
    border-color: #343a40;
}
table.table.dataTable thead tr.table-dark th{
    background-color: #0e5c89;
}
table.table.dataTable>tbody>tr.selected>*{
    box-shadow: inset 0 0 0 9999px rgb(155 163 72);
    vertical-align: middle;
}

.code-container {
    background-color: #f7f7f9;
    border: 1px solid #ddd;
    padding: 10px;
    overflow-x: auto;
    white-space: pre-wrap; /* Allows content to wrap */
    font-family: 'Courier New', Courier, monospace; /* Monospace font */
}