.dt-slide {
    display: none;
}

.dt-slide.active {
    display: block;
}

.dt-slide .content {
    padding: 0.9rem;
    background: #bee3f8;
    border-left: 3px solid #90cdf4;
}
.dt-slide .more a {
    background: #90cdf4;
}

.decision-tree .dt-slide.history-slide .content {
    /*border-left: 3px solid white;*/
    opacity: 0.3;
}

.decision-tree .history{
    padding: 0.3rem 0.9rem;
    background: #ebf8ff;
    border-left: 3px solid rgba(0, 0, 0, 0.15);
    margin: 2rem 0 1rem;
    display: none;
}

.decision-tree .history.show{
    display: block;
}

.result{
    display: none;
    padding: 0.9rem;
    font-weight: bold;
    border-left: 3px solid #FFFFFF;
    margin-top: 1rem;
    background: #90cdf4;
    border-left: 3px solid #90cdf4;
}
.result.show{
    display: block;
}

.decision-tree{
    width: 100%;
}

.decision-tree p,
.decision-tree ul{
    margin: 0.5rem 0;
}
.decision-tree .history p,
.decision-tree .history ul{
    margin: 0;
}

.decision-tree .history-back {
    padding: 1rem;
    background: none;
    border: none;
    display: none;
}

.decision-tree .history-back.show {
    display: block;
}

#main .decision-tree .history-back:focus:before,
#main .decision-tree .history-back:focus {
    background: none !important;
    color: black !important;
}