/************************ Metagen styling ***********************/
:root {
    /*
    --bs-primary: #007db8;
    --bs-dark: #4d4d4f;
    --bs-info: #409eca;
    --bs-warning: #f79779;
    --bs-danger: #f15b40;
    --bs-secondary: #7fbed8;
    */
}

.meta-form-label {
    font-size: .8rem;
}

.mb-1 {
    margin-bottom: 3px;
}

.bg-primary {
    background-color: var(--bs-primary);
}

.meta-bg-primary {
    background-color: var(--bs-primary);
}

.meta-bg-info {
    background-color: var(--bs-info);
}

.meta-sidebar {
    /*background-image: linear-gradient(180deg, #409eca 0%, #007db8 80%);*/
    background-image: linear-gradient(180deg, #000000 0%, #4d4d4f 30%);
}

.dxbl-drawer-content {
    height: 400px;
}

.meta-viewport {
    height: 85vh;
    width: 85vw;
    overflow-y: scroll;
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
}

.meta-detail-holder {
}

.bg-soil {
    background-color: #8B4513; /* Saddle Brown */
}

.bg-pathogen {
    background-color: #800080; /* Firebrick */
}

.bg-nematode {
    background-color: #9ACD32; /* Dark Olive Green */
}

.bg-bpa {
    background-color: #4682B4; /* Steel Blue */
}

.bg-metabarcoding {
    background-color: #6A0DAD; /* Royal Purple */
}

.meta-scroll-horizontal {
    overflow-x: auto;
}

.meta-popup-w70 {
    width: 70% !important;
    max-width: 70% !important;
}

/* Financial grids - these rules are so complex because they handle dxgrids */
.fin-grid .dxbl-grid-table tbody tr:first-child td,
.fin-grid .dxbl-grid-table tbody tr:first-child td * {
    /* Styles for the first row only */
}

.fin-grid .dxbl-grid-table tbody tr:not(:first-child) td,
.fin-grid .dxbl-grid-table tbody tr:not(:first-child) td * {
    /* Styles for all rows except the first */
}

.fin-chart_container {
    height: 420px;
}

.fin-summary {
    height: 125px;
}

.consignment-holder {
    height: 600px;
    overflow: auto;
}

.product-summary-container {
    height: 140px;
}