﻿.main-header {
    background: #1570e8;
    min-height: 60px;
    width: 100%;
    position: fixed;
    z-index: 1001;
    box-shadow: 0px 0px 5px rgba(18, 23, 39, 0.5);
}

    .main-header .navbar-header {
        min-height: 62px;
    }

        .main-header .navbar-header .btn-toggle {
            margin-right: 30px;
            margin-left: 20px;
        }
[data-negative] {
    color: red;
}
.table {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.table > tbody > tr > td, .table > tbody > tr > th {
    padding: 1px;
}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    padding: 1px;
}

    .table thead th {
        border-bottom-width: 2px;
        font-weight: 600;
        background-color: #e2f3f5;
    }

.table td, .table th {
    font-size: 14px;
    border-top-width: 0px;
    border-bottom: 1px solid;
    border-color: #ebedf2 !important;
    padding: 0 5px !important;
    height: 30px;
    vertical-align: middle !important;
}
.table tr {
    height: 20px;
}
.form-check-input {
    margin-left: .2rem;
}
.no-margin {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.btn-link {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

form {
    padding: 0; /* Remove padding */
}
/* Custom CSS to style the grid as a table */
.grid-table {
    display: grid;
    border: 1px solid #dee2e6; /* Border */
    /*border-collapse: collapse; /* Collapse borders */
    border-collapse: var(--border-collapse, collapse); /* Collapse borders */
    width: 100%; /* Full width */
    grid-template-columns: repeat(var(--num-columns, 4), 1fr); /* Number of columns */
    grid-auto-rows: minmax(auto, auto); /* Auto-size rows */
}

.grid-table-header {
    background-color: #ffffff; /* Header background color */
    /*border-bottom: 2px solid #dee2e6; /* Header bottom border */
    border-bottom: var(--header-border, 2px solid #dee2e6); /* Header bottom border */
    font-weight: bold; /* Bold font for header */
    padding: 8px; /* Cell padding */
    font-size: 11pt;
}

.grid-table-column-span {
    grid-column: span var(--column-span, 1); /* Span the specified number of columns */
}

.grid-table-cell {
    /*border-bottom: 1px solid #dee2e6; /* Cell bottom border */
    border-bottom: var(--cell-border, 1px solid #dee2e6); /* Cell bottom border */
    padding: 8px; /* Cell padding */
    font-size: 11pt;
}
.card-title {
    color: red;
}