#sidebar {
    width: 335px;
    min-height: 100%;
    display: flex;
    flex-direction: column;

    padding: 30px;
    font-size: 14px;
    background-color: #fdfdfd;
    /*border-radius: 2px solid #f0f0f0;*/
    box-shadow: 0 0 10px var(--shadow-gray);
}

#sidebar.disabled {
    /* same as modify_data_grid */
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

#sidebar .section {
    margin: 20px 5px 5px 5px;
}

#sidebar p {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

#sidebar .mantine-Accordion-label {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.colormap {
    width: 30px;
    height: 30px;
    border: 1px solid black;
    border-radius: 5px;
    background-size: cover;
}

.colormap:hover {
    opacity: 0.8;
}


.colormap.Blues {
    background-image: url("/assets/img/colormap/Blues.svg");
}
.colormap.Greens {
    background-image: url("/assets/img/colormap/Greens.svg");
}
.colormap.Greys {
    background-image: url("/assets/img/colormap/Greys.svg");
}
.colormap.Oranges {
    background-image: url("/assets/img/colormap/Oranges.svg");
}
.colormap.Purples {
    background-image: url("/assets/img/colormap/Purples.svg");
}
.colormap.Reds {
    background-image: url("/assets/img/colormap/Reds.svg");
}
.colormap.BuGn {
    background-image: url("/assets/img/colormap/BuGn.svg");
}
.colormap.BuPu {
    background-image: url("/assets/img/colormap/BuPu.svg");
}
.colormap.PuRd {
    background-image: url("/assets/img/colormap/PuRd.svg");
}
.colormap.RdPu {
    background-image: url("/assets/img/colormap/RdPu.svg");
}
.colormap.YlGnBu {
    background-image: url("/assets/img/colormap/YlGnBu.svg");
}
.colormap.YlOrBr {
    background-image: url("/assets/img/colormap/YlOrBr.svg");
}
.colormap.BrBG {
    background-image: url("/assets/img/colormap/BrBG.svg");
}
.colormap.PiYG {
    background-image: url("/assets/img/colormap/PiYG.svg");
}
.colormap.PRGn {
    background-image: url("/assets/img/colormap/PRGn.svg");
}
.colormap.PuOr {
    background-image: url("/assets/img/colormap/PuOr.svg");
}
.colormap.RdBu {
    background-image: url("/assets/img/colormap/RdBu.svg");
}
.colormap.RdGy {
    background-image: url("/assets/img/colormap/RdGy.svg");
}

.colormap.Accent {
    background-image: url("/assets/img/colormap/Accent.svg");
}
.colormap.Paired {
    background-image: url("/assets/img/colormap/Paired.svg");
}
.colormap.Dark2 {
    background-image: url("/assets/img/colormap/Dark2.svg");
}
.colormap.Pastel1 {
    background-image: url("/assets/img/colormap/Pastel1.svg");
}
.colormap.Pastel2 {
    background-image: url("/assets/img/colormap/Pastel2.svg");
}
.colormap.Set1 {
    background-image: url("/assets/img/colormap/Set1.svg");
}
.colormap.Set2 {
    background-image: url("/assets/img/colormap/Set2.svg");
}
.colormap.Set3 {
    background-image: url("/assets/img/colormap/Set3.svg");
}

#null_color_color_button {
    margin-top: 5px;
}