﻿.filter-button {
    background-color: #FFFFFF !important;
    color: #414651 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.filter-button-selected {
    background-color: #FAFAFA !important;
    color: #414651 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.filter-button-left {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.filter-button-right {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.mud-button-group-outlined.mud-button-group-override-styles .mud-button-root {
    border: 1px solid color(srgb 0.84 0.83 0.83) !important;
}

#splitView {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#splitView .sv-columns-container {
    display: table-row;
}

#splitView .sv-column {
    display: table-cell;
    border: 0;
    margin: 0;
    border-bottom: 3px solid #AEBBB1;
    background: #E2E7E4;
    color: #4C4C4C;
    padding: 16px 30px 18px 30px;
    width: 50%;
}

#splitView .sv-column img {
    max-width: 100%;
}

#splitView .sv-column + .sv-column {
    border-left: 10px solid #FFF;
}

#splitView .sv-columns-container + .sv-columns-container .sv-column {
    border-top: 10px solid #FFF !important;
}

.pageTitleBox + #splitView {
    margin-top: 10px;
}

/* Quill editor list rendering outside the editor */
ol li[data-list="bullet"] {
    list-style-type: disc;
}

ol li[data-list="ordered"] {
    list-style-type: decimal;
}

ol li[data-list="bullet"],
ol li[data-list="ordered"] {
    margin-left: 1.5em;
    padding-left: 0.5em;
}

ol li[data-list="bullet"] > .ql-ui,
ol li[data-list="ordered"] > .ql-ui {
    display: none;
}