/************************ 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;
}