/****Start of Quality Measures CSS****/
.filtercategory-row {
    display: flex;
    padding: 0;
}

    .filtercategory-row > .editor-label {
        justify-content: center;
        display: flex;
        align-items: center;
        margin-right: 1.5rem;
    }

.table-container {
    width: 100%;
    position: relative;
}

.tbl-container {
    max-height: 46.5rem;
    overflow-y: auto;
    border-top-left-radius: 1.5rem;
    border-bottom: .1rem solid var(--gw-color-neutral-5);
    border-top-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top: .1rem solid var(--gw-color-neutral-5);
}

.table-container .tbl-tilesection {
    display: flex;
    align-items: center;
    border-top: .1rem solid var(--gw-color-neutral-5);
    margin: 3rem 0 .5rem 0;
    padding-top: 1rem;
}

    .table-container .tbl-tilesection .tbl-title {
        display: flex;
        flex-grow: 1;
    }

.tbl-title .editor-label label {
    display: flex;
    align-items: center;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
}

.legend-oqm {
    display: flex;
    margin-bottom: .9rem;
    gap: 1.6rem;
    border: .1rem solid var(--gw-color-neutral-5);
    padding: 1rem 1.5rem;
    justify-self: end;
    border-radius: .5rem;
    margin-top: .9rem;
}

    .legend-oqm .legend-item {
        display: flex;
        align-items: center;
        gap: .6rem;
        font-size: 1.4rem;
    }

        .legend-oqm .legend-item .square,
        .category-item .square {
            width: 1.2rem;
            height: 1.2rem;
            background-color: var(--gw-color-purple);
            display: inline-block;
        }

        .legend-oqm .legend-item .diamond,
        .category-item .diamond {
            width: 1.2rem;
            height: 1.2rem;
            background-color: transparent;
            border: .2rem solid var(--gw-color-purple);
            transform: rotate(45deg);
            display: inline-block;
        }

.square {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--gw-color-purple);
    display: inline-block;
}

.diamond {
    width: 1.2rem;
    height: 1.2rem;
    background-color: transparent;
    border: .2rem solid var(--gw-color-purple);
    transform: rotate(45deg);
    display: inline-block;
}

table.oqmtbl {
    width: 100%;
    border-collapse: collapse;
}

.oqmtbl td {
    text-align: center;
}

    .oqmtbl td:first-child, .oqmtbl th:first-child {
        text-align: left;
        font-size: 1.4rem;
    }

.oqmtbl th, .oqmtbl td {
    border: .1rem solid var(--gw-color-neutral-5);
    padding: 1.2rem;
    text-align: center;
}

.oqmtbl tr:last-child th, .oqmtbl tr:last-child td {
    border-bottom: 0;
}

.oqmtbl thead tr > th {
    background-color: var(--gw-primary-soft-black);
    color: var(--gw-color-neutral-0);
    font-size: 1.4rem;
    padding: .7rem;
}

.oqmtbl .w-60 {
    width: 60%;
}


.oqmtbl .category {
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    position: relative;
    background-color: var(--gw-color-neutral-1);
}



.oqmtbl .category-item > th {
    font-size: 1.4rem;
    font-weight: 400;
}

.oqmtbl .category.rowcollhidden {
    background-color: var(--gw-color-royal-blue-10);
}

.oqmtbl .category i.arrow {
    position: absolute;
    margin-left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    left: 55%;
}

.oqmtbl .hidden {
    display: none;
}


.filtercategory-row .k-multiselect {
    width: auto;
    height: 6.2rem;
}

.filtercategory-row .k-input-values {
    min-width: 24rem;
}

.filtercategory-row .k-input-inner, .filtercategory-row .k-textbox > input {
    width: auto !important;
}

.tllerikdropdownfocus .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .tllerikdropdownfocus .k-focus.k-list-optionlabel {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12) !important;
}
/****End of Quality Measures CSS****/