.knowledgebase-table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 1220px;
    border-radius: 16px;
    overflow: hidden;
}

.knowledgebase-table th,
.knowledgebase-table td {
    border: 1px solid white;
    padding: 8px;
    overflow: hidden;
}

.knowledgebase-table th:first-child {
    width: 3%;
}

.knowledgebase-table th:nth-child(2) {
    width: 18%;
}

.knowledgebase-horizontal-header{
    border-radius: 16px 16px 0 0;
}

.knowledgebase-vertical-header{
    text-align: center;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(180deg);
    border-radius: 0 16px 16px 0;
}

.knowledgebase-header-dark-blue {
    background-color: #462CE9;
    color: white;
}

.knowledgebase-header-dark-orange {
    background-color: #E9922C;
    color: white;
}

.knowledgebase-header-light-blue {
    background-color: rgba(70, 44, 233, 0.06);
    color: #462CE9;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.knowledgebase-header-light-orange {
    background-color: rgba(233, 146, 44, 0.06);
    color: #E9922C;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

a.knowledgebase-header-light-blue:hover,
a.knowledgebase-header-light-blue:focus {
    background-color: rgba(44, 57, 233, 0.24);
    color: #462CE9;
    cursor: pointer;
}

a.knowledgebase-header-light-orange:hover,
a.knowledgebase-header-light-orange:focus {
    background-color: rgba(233, 146, 44, 0.3);
    color: #E9922C;
    cursor: pointer;
}

.knowledgebase-data-dark-blue {
    background-color: rgba(44, 57, 233, 0.6);
}

.knowledgebase-data-medium-blue {
    background-color: rgba(44, 57, 233, 0.24);
}

.knowledgebase-data-light-blue {
    background-color: rgb(244, 244, 244);
}

.knowledgebase-data-dark-orange {
    background-color: rgba(233, 146, 44, 0.6);
}

.knowledgebase-data-medium-orange {
    background-color: rgba(233, 146, 44, 0.3);
}

.knowledgebase-data-light-orange {
    background-color: rgb(245, 245, 245);
}

.table-legend-color{
    width: 50px;
    height: 16px;
}

@media (max-width: 480px){
    .knowledgebase-table th:nth-child(2) {
        width: 14%;
    }
}

@media (max-width: 1280px) {
    .knowledgebase-table-wrapper{
        overflow-x: scroll;
    }

    .knowledgebase-table {
        border-radius: 16px 16px 0 0;
    }

    .knowledgebase-table,
    .knowledgebase-table-content {
        width: 1220px;
    }

    .knowledgebase-vertical-header{
        border-radius: 0 0 16px 0;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: #FFFFFF;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar-button {
        display: none;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar-track {
        display: none;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar-track-piece {
        display: none;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #462CE9;
    }

    .knowledgebase-table-wrapper::-webkit-scrollbar-corner {
        display: none;
    }

    .knowledgebase-table-wrapper::-webkit-resizer {
        display: none;
    }
}