.blue1-bg {
    background: #10a0b6
}

.blue1-text,
.blue1-text:hover {
    color: #10a0b6
}

.blue1-fill-svg {
    fill: #10a0b6
}

.blue1-bdr {
    border-color: #10a0b6
}

.blue1-opaque-button {
    border-color: rgba(16, 160, 182, .12)
}

.blue1-opaque-button:hover {
    background: rgba(16, 160, 182, .12)
}

.skill-tree-grade-bubble.blue1-bg {
    background: #00abc6
}

.orange1-bg {
    background: #f39317
}

.orange1-text,
.orange1-text:hover {
    color: #f39317
}

.orange1-fill-svg {
    fill: #f39317
}

.orange1-bdr {
    border-color: #f39317
}

.orange1-opaque-button {
    border-color: rgba(243, 147, 23, .12)
}

.orange1-opaque-button:hover {
    background: rgba(243, 147, 23, .12)
}

.skill-tree-grade-bubble.orange1-bg {
    background: #ff940b
}

.pink1-bg {
    background: #42ae18
}

.pink1-text,
.pink1-text:hover {
    color: #42ae18
}

.pink1-fill-svg {
    fill: #42ae18
}

.pink1-bdr {
    border-color: #42ae18
}

.pink1-opaque-button {
    border-color: rgba(66, 174, 24, .12)
}

.pink1-opaque-button:hover {
    background: rgba(66, 174, 24, .12)
}

.skill-tree-grade-bubble.pink1-bg {
    background: #78c72f
}

.green1-bg {
    background: #d74726
}

.green1-text,
.green1-text:hover {
    color: #d74726
}

.green1-fill-svg {
    fill: #d74726
}

.green1-bdr {
    border-color: #d74726
}

.green1-opaque-button {
    border-color: rgba(215, 71, 38, .12)
}

.green1-opaque-button:hover {
    background: rgba(215, 71, 38, .12)
}

.skill-tree-grade-bubble.green1-bg {
    background: #c64123
}

.purple1-bg {
    background: #00a1de
}

.purple1-text,
.purple1-text:hover {
    color: #00a1de
}

.purple1-fill-svg {
    fill: #00a1de
}

.purple1-bdr {
    border-color: #00a1de
}

.purple1-opaque-button {
    border-color: rgba(0, 161, 222, .12)
}

.purple1-opaque-button:hover {
    background: rgba(0, 161, 222, .12)
}

.skill-tree-grade-bubble.purple1-bg {
    background: #00a0de
}

.blue2-bg {
    background: #8d33aa
}

.blue2-text,
.blue2-text:hover {
    color: #8d33aa
}

.blue2-fill-svg {
    fill: #8d33aa
}

.blue2-bdr {
    border-color: #8d33aa
}

.blue2-opaque-button {
    border-color: rgba(141, 51, 170, .12)
}

.blue2-opaque-button:hover {
    background: rgba(141, 51, 170, .12)
}

.skill-tree-grade-bubble.blue2-bg {
    background: #9424b8
}

.orange2-bg {
    background: #00b971
}

.orange2-text,
.orange2-text:hover {
    color: #00b971
}

.orange2-fill-svg {
    fill: #00b971
}

.orange2-bdr {
    border-color: #00b971
}

.orange2-opaque-button {
    border-color: rgba(0, 185, 113, .12)
}

.orange2-opaque-button:hover {
    background: rgba(0, 185, 113, .12)
}

.skill-tree-grade-bubble.orange2-bg {
    background: #00b971
}

.blue3-bg {
    background: #e9681b
}

.blue3-text,
.blue3-text:hover {
    color: #e9681b
}

.blue3-fill-svg {
    fill: #e9681b
}

.blue3-bdr {
    border-color: #e9681b
}

.blue3-opaque-button {
    border-color: rgba(233, 104, 27, .12)
}

.blue3-opaque-button:hover {
    background: rgba(233, 104, 27, .12)
}

.skill-tree-grade-bubble.blue3-bg {
    background: #ff6205
}

.pink2-bg {
    background: #0b863c
}

.pink2-text,
.pink2-text:hover {
    color: #0b863c
}

.pink2-fill-svg {
    fill: #0b863c
}

.pink2-bdr {
    border-color: #0b863c
}

.pink2-opaque-button {
    border-color: rgba(11, 134, 60, .12)
}

.pink2-opaque-button:hover {
    background: rgba(11, 134, 60, .12)
}

.skill-tree-grade-bubble.pink2-bg {
    background: #00913a
}

.purple2-bg {
    background: #eabc00
}

.purple2-text,
.purple2-text:hover {
    color: #eabc00
}

.purple2-fill-svg {
    fill: #eabc00
}

.purple2-bdr {
    border-color: #eabc00
}

.purple2-opaque-button {
    border-color: rgba(234, 188, 0, .12)
}

.purple2-opaque-button:hover {
    background: rgba(234, 188, 0, .12)
}

.skill-tree-grade-bubble.purple2-bg {
    background: #eabb00
}

.red1-bg {
    background: #7027a5
}

.red1-text,
.red1-text:hover {
    color: #7027a5
}

.red1-fill-svg {
    fill: #7027a5
}

.red1-bdr {
    border-color: #7027a5
}

.red1-opaque-button {
    border-color: rgba(112, 39, 165, .12)
}

.red1-opaque-button:hover {
    background: rgba(112, 39, 165, .12)
}

.skill-tree-grade-bubble.red1-bg {
    background: #7217b4
}

.lk-math-sub-hdr.red1-bg {
    background: #8738c0
}

.green2-bg {
    background: #c83131
}

.green2-text,
.green2-text:hover {
    color: #c83131
}

.green2-fill-svg {
    fill: #c83131
}

.green2-bdr {
    border-color: #c83131
}

.green2-opaque-button {
    border-color: rgba(200, 49, 49, .12)
}

.green2-opaque-button:hover {
    background: rgba(200, 49, 49, .12)
}

.skill-tree-grade-bubble.green2-bg {
    background: #da1e1e
}

.lk-math-sub-hdr.green2-bg {
    background: #dd3f3f
}

.orange3-bg {
    background: #147cc4
}

.orange3-text,
.orange3-text:hover {
    color: #147cc4
}

.orange3-fill-svg {
    fill: #147cc4
}

.orange3-bdr {
    border-color: #147cc4
}

.orange3-opaque-button {
    border-color: rgba(20, 124, 196, .12)
}

.orange3-opaque-button:hover {
    background: rgba(20, 124, 196, .12)
}

.skill-tree-grade-bubble.orange3-bg {
    background: #007fd8
}

.lk-math-sub-hdr.orange3-bg {
    background: #1e8edb
}

.green3-bg {
    background: #0bc1b6
}

.green3-text,
.green3-text:hover {
    color: #0bc1b6
}

.green3-fill-svg {
    fill: #0bc1b6
}

.green3-bdr {
    border-color: #0bc1b6
}

.green3-opaque-button {
    border-color: rgba(11, 193, 182, .12)
}

.green3-opaque-button:hover {
    background: rgba(11, 193, 182, .12)
}

.skill-tree-grade-bubble.green3-bg {
    background: #00ccbf
}

.lk-math-sub-hdr.green3-bg {
    background: #27d3c9
}

.orange4-bg {
    background: #de9715
}

.orange4-text,
.orange4-text:hover {
    color: #de9715
}

.orange4-fill-svg {
    fill: #de9715
}

.orange4-bdr {
    border-color: #de9715
}

.orange4-opaque-button {
    border-color: rgba(222, 151, 21, .12)
}

.orange4-opaque-button:hover {
    background: rgba(222, 151, 21, .12)
}

.skill-tree-grade-bubble.orange4-bg {
    background: #de9715
}

.gray1-bg {
    background: #bfb9c7
}

.gray1-text,
.gray1-text:hover {
    color: #8c8898
}

.gray1-fill-svg {
    fill: #8c8898
}

.white-bg {
    background: #fff
}

.white-text,
.white-text:hover {
    color: #fff
}

.white-fill-svg {
    fill: #fff
}

@media screen and (max-width:480px) {
    .blue1-opaque-button {
        border-color: #10a0b6;
        background: #10a0b6
    }

    .blue1-opaque-button:hover {
        background: rgba(16, 160, 182, .75)
    }

    .orange1-opaque-button {
        border-color: #f39317;
        background: #f39317
    }

    .orange1-opaque-button:hover {
        background: rgba(243, 147, 23, .75)
    }

    .pink1-opaque-button {
        border-color: #42ae18;
        background: #42ae18
    }

    .pink1-opaque-button:hover {
        background: rgba(66, 174, 24, .75)
    }

    .green1-opaque-button {
        border-color: #d74726;
        background: #d74726
    }

    .green1-opaque-button:hover {
        background: rgba(215, 71, 38, .75)
    }

    .purple1-opaque-button {
        border-color: #00a1de;
        background: #00a1de
    }

    .purple1-opaque-button:hover {
        background: rgba(0, 161, 222, .75)
    }

    .blue2-opaque-button {
        border-color: #8d33aa;
        background: #8d33aa
    }

    .blue2-opaque-button:hover {
        background: rgba(141, 51, 170, .75)
    }

    .orange2-opaque-button {
        border-color: #00b971;
        background: #00b971
    }

    .orange2-opaque-button:hover {
        background: rgba(0, 185, 113, .75)
    }

    .blue3-opaque-button {
        border-color: #e9681b;
        background: #e9681b
    }

    .blue3-opaque-button:hover {
        background: rgba(233, 104, 27, .75)
    }

    .pink2-opaque-button {
        border-color: #0b863c;
        background: #0b863c
    }

    .pink2-opaque-button:hover {
        background: rgba(11, 134, 60, .75)
    }

    .purple2-opaque-button {
        border-color: #eabc00;
        background: #eabc00
    }

    .purple2-opaque-button:hover {
        background: rgba(234, 188, 0, .75)
    }

    .red1-opaque-button {
        border-color: #7027a5;
        background: #7027a5
    }

    .red1-opaque-button:hover {
        background: rgba(112, 39, 165, .75)
    }

    .green2-opaque-button {
        border-color: #c83131;
        background: #c83131
    }

    .green2-opaque-button:hover {
        background: rgba(200, 49, 49, .75)
    }

    .orange3-opaque-button {
        border-color: #147cc4;
        background: #147cc4
    }

    .orange3-opaque-button:hover {
        background: rgba(20, 124, 196, .75)
    }

    .green3-opaque-button {
        border-color: #0bc1b6;
        background: #0bc1b6
    }

    .green3-opaque-button:hover {
        background: rgba(11, 193, 182, .75)
    }

    .orange4-opaque-button {
        border-color: #de9715;
        background: #de9715
    }

    .orange4-opaque-button:hover {
        background: rgba(222, 151, 21, .75)
    }

    .gray1-opaque-button {
        border-color: #bfb9c7;
        background: #bfb9c7
    }

    .gray1-opaque-button:hover {
        background: rgba(191, 185, 199, .75)
    }

    .white-opaque-button {
        border-color: #fff;
        background: #fff
    }

    .white-opaque-button:hover {
        background: rgba(255, 255, 255, .75)
    }
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.skill-tree-css-skill-tree-colors-min {
    display: none;
}