/* Knowledge */

.esp-knowledge-icon:before,
.esp-knowledge-desktop-icon:before,
.knowledge-win-shortcut:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f19d";
}
.esp-knowledge-quizQuestion:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f059";
}
.esp-knowledge-question:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f059";
}
.esp-knowledge-quiz:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0cb";
}
.esp-knowledge-folder:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f07c";
}

.esp-know-treeQuestion,
.esp-know-quizTreeQuestion,
.esp-know-treeQuiz,
.esp-know-treeQuizOpen,
.esp-know-treeQuizWorking,
.esp-know-treeQuizDone,
.esp-know-treeQuizClosed {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.esp-know-treeQuestion {
    color:#6666aa;
}
.esp-know-quizTreeQuestion {
    color:#66aaaa;
}
.esp-know-treeDisabled {
    color:#ff0033;
}

.esp-know-treeDisabled .x-tree-node-text:before{
    font-family: 'Font Awesome 5 Free';
    color:#ff0033;
    content: "\f070";
    margin-right:4px;
}

.esp-know-treeQuiz {
    color:#66aaaa;
}

.esp-know-treeQuizOpen {
    color:#ff0033;
}

.esp-know-treeQuizWorking {
    color:#f1df47;
}

.esp-know-treeQuizDone {
    color:#44aa44;
}

.esp-know-correct {
    color: green;
}

.esp-know-incorrect {
    color: red;
}

.esp-know-overdue {
    color: red;
    font-weight: bold;
}
table.esp-know-settings {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
table.esp-know-settings th{
    border-left: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 4px;
    text-align:center;
}

table.esp-know-settings td{
    border-left: 1px solid #ccc;
    padding: 4px;
    text-align:center;
}

table.esp-know-settings th.thick{
    border-left: 5px solid #ccc;
}

table.esp-know-settings td.thick{
    border-left: 5px solid #ccc;
}


table.esp-know-settings tr td:first-child {
    text-align:left;
}
table.esp-know-settings tr td:last-child {
    border-right: 1px solid #ccc;
}
table.esp-know-settings tr:nth-child(even) {
    background-color: #ececff;
}

.esp-know-baseTitle {
    font-size: 1.3em;
}

.esp-know-ruleTable {
    background-color: #fff;
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
.esp-know-ruleTable > thead > tr > th{
    border: 1px solid #ccc;
    padding: 5px;
}
.esp-know-ruleTable > tbody > tr > td{
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
}