.uk-button-secondary {
    background-color: #333F48 !important;
}

.uk-offcanvas-bar {
    background-color: #333F48 !important;
}

table.sortable th {
    cursor: pointer;
}

table.sortable th,
table.sortable td {
    font-size: 12px;
}

table.sortable th.sort-desc span::after {
    content: " ▼ ";
    color: #1a1717;
    font-size: 10px;
    top: 0;
    float: right;
}

table.sortable th.sort-asc span::after {
    content: " ▲ ";
    color: #ccc;
    font-size: 10px;
    top: 0;
    float: right;
}
.uk-accordion > li > a {
    padding: 10px;
    background-color: #eee !important;
}
.uk-accordion > li:hover > a {
    background-color: #ccc !important;
    color: #000;
}
.uk-accordion-content,
.uk-accordion > li {
    background-color: #fff;
}
.uk-accordion-content {
    padding: 0;
}
.uk-subnav-pill>*>a:hover {
    background-color: #ccc !important;
    color: #000;
}
.uk-accordion > li:hover > a {
    background-color: #ccc !important;
    color: #000;
}
.uk-subnav-pill>.uk-active>a {
    background-color: #000 !important;
    color: #fff !important;
}
.uk-subnav-pill>*>a {
    background-color: #eee !important;
    color: #000 !important;
}

.tutorial-card::before {
    content:"";
    position: absolute;
    height: 0px;
    width: 0px;
    top: -29px;
    left: 20px; /* 1px buffer for zooming problems while rendering*/
    border-width: 15px;
    border-color: transparent transparent #222 transparent;
    border-style: solid;
}