.tpl-bg-1,
.tpl-bg-1:hover,
.tpl-bg-1:focus {
    background: #00aaf8;
    color: #fff;
}

.tpl-text-1,
.tpl-text-1:hover,
.tpl-text-1:focus {
    color: #00aaf8;
}

.tpl-outline-1,
.tpl-outline-1:hover,
.tpl-outline-1:focus {
    border: 1px solid #00aaf8;
    background: #fff;
}

.tpl-bg-2,
.tpl-bg-2:hover,
.tpl-bg-2:focus {
    background: #6372d3;
    color: #fff;
}

.tpl-text-2,
.tpl-text-2:hover,
.tpl-text-2:focus {
    color: #6372d3;
}

.tpl-outline-2,
.tpl-outline-2:hover,
.tpl-outline-2:focus {
    border: 1px solid #6372d3;
    background: #fff;
}

.tpl-bg-3,
.tpl-bg-3:hover,
.tpl-bg-3:focus {
    background: #b153f1;
    color: #fff;
}

.tpl-text-3,
.tpl-text-3:hover,
.tpl-text-3:focus {
    color: #b153f1;
}

.tpl-outline-3,
.tpl-outline-3:hover,
.tpl-outline-3:focus {
    border: 1px solid #b153f1;
    background: #fff;
}

.tpl-bg-4,
.tpl-bg-4:hover,
.tpl-bg-4:focus {
    background: #ff609a;
    color: #fff;
}

.tpl-text-4,
.tpl-text-4:hover,
.tpl-text-4:focus {
    color: #ff609a;
}

.tpl-outline-4,
.tpl-outline-4:hover,
.tpl-outline-4:focus {
    border: 1px solid #ff609a;
    background: #fff;
}

.tpl-bg-5,
.tpl-bg-5:hover,
.tpl-bg-5:focus {
    background: #df0004;
    color: #fff;
}

.tpl-text-5,
.tpl-text-5:hover,
.tpl-text-5:focus {
    color: #df0004;
}

.tpl-outline-5,
.tpl-outline-5:hover,
.tpl-outline-5:focus {
    border: 1px solid #df0004;
    background: #fff;
}

.tpl-bg-6,
.tpl-bg-6:hover,
.tpl-bg-6:focus {
    background: #ff9124;
    color: #fff;
}

.tpl-text-6,
.tpl-text-6:hover,
.tpl-text-6:focus {
    color: #ff9124;
}

.tpl-outline-6,
.tpl-outline-6:hover,
.tpl-outline-6:focus {
    border: 1px solid #ff9124;
    background: #fff;
}

.tpl-bg-7,
.tpl-bg-7:hover,
.tpl-bg-7:focus {
    background: #f7c400;
    color: #fff;
}

.tpl-text-7,
.tpl-text-7:hover,
.tpl-text-7:focus {
    color: #f7c400;
}

.tpl-outline-7,
.tpl-outline-7:hover,
.tpl-outline-7:focus {
    border: 1px solid #f7c400;
    background: #fff;
}

.tpl-bg-8,
.tpl-bg-8:hover,
.tpl-bg-8:focus {
    background: #56d600;
    color: #fff;
}

.tpl-text-8,
.tpl-text-8:hover,
.tpl-text-8:focus {
    color: #56d600;
}

.tpl-outline-8,
.tpl-outline-8:hover,
.tpl-outline-8:focus {
    border: 1px solid #56d600;
    background: #fff;
}

.tpl-bg-9,
.tpl-bg-9:hover,
.tpl-bg-9:focus {
    background: #2fbd00;
    color: #fff;
}

.tpl-text-9,
.tpl-text-9:hover,
.tpl-text-9:focus {
    color: #2fbd00;
}

.tpl-outline-9,
.tpl-outline-9:hover,
.tpl-outline-9:focus {
    border: 1px solid #2fbd00;
    background: #fff;
}

.tpl-bg-10,
.tpl-bg-10:hover,
.tpl-bg-10:focus {
    background: #00cfba;
    color: #fff;
}

.tpl-text-10,
.tpl-text-10:hover,
.tpl-text-10:focus {
    color: #00cfba;
}

.tpl-outline-10,
.tpl-outline-10:hover,
.tpl-outline-10:focus {
    border: 1px solid #00cfba;
    background: #fff;
}

.tpl-bg-11,
.tpl-bg-11:hover,
.tpl-bg-11:focus {
    background: linear-gradient(to right, #ffbc5d, #f25771);
    color: #fff;
}

.tpl-text-11,
.tpl-text-11:hover,
.tpl-text-11:focus {
    color: #ffbc5d;
}

.tpl-outline-11,
.tpl-outline-11:hover,
.tpl-outline-11:focus {
    border: 1px solid #ffbc5d;
    background: #fff;
}

.tpl-bg-12,
.tpl-bg-12:hover,
.tpl-bg-12:focus {
    background: linear-gradient(to right, #e584ff, #9e77ff);
    color: #fff;
}

.tpl-text-12,
.tpl-text-12:hover,
.tpl-text-12:focus {
    color: #e584ff;
}

.tpl-outline-12,
.tpl-outline-12:hover,
.tpl-outline-12:focus {
    border: 1px solid #e584ff;
    background: #fff;
}

.tpl-bg-13,
.tpl-bg-13:hover,
.tpl-bg-13:focus {
    background: linear-gradient(to right, #77a6ff, #9784ff);
    color: #fff;
}

.tpl-text-13,
.tpl-text-13:hover,
.tpl-text-13:focus {
    color: #77a6ff;
}

.tpl-outline-13,
.tpl-outline-13:hover,
.tpl-outline-13:focus {
    border: 1px solid #77a6ff;
    background: #fff;
}

.tpl-bg-14,
.tpl-bg-14:hover,
.tpl-bg-14:focus {
    background: linear-gradient(to right, #4facfe, #1ce6e6);
    color: #fff;
}

.tpl-text-14,
.tpl-text-14:hover,
.tpl-text-14:focus {
    color: #41bcf7;
}

.tpl-outline-14,
.tpl-outline-14:hover,
.tpl-outline-14:focus {
    border: 1px solid #41bcf7;
    background: #fff;
}

.tpl-bg-15,
.tpl-bg-15:hover,
.tpl-bg-15:focus {
    background: linear-gradient(to right, #33c7ff, #4391f5);
    color: #fff;
}

.tpl-text-15,
.tpl-text-15:hover,
.tpl-text-15:focus {
    color: #33c7ff;
}

.tpl-outline-15,
.tpl-outline-15:hover,
.tpl-outline-15:focus {
    border: 1px solid #33c7ff;
    background: #fff;
}

.tpl-bg-16,
.tpl-bg-16:hover,
.tpl-bg-16:focus {
    background: linear-gradient(to right, #cf9bff, #5bb8ff);
    color: #fff;
}

.tpl-text-16,
.tpl-text-16:hover,
.tpl-text-16:focus {
    color: #b0a3ff;
}

.tpl-outline-16,
.tpl-outline-16:hover,
.tpl-outline-16:focus {
    border: 1px solid #b0a3ff;
    background: #fff;
}

.tpl-bg-17,
.tpl-bg-17:hover,
.tpl-bg-17:focus {
    background: linear-gradient(to right, #f093fb, #f5576c);
    color: #fff;
}

.tpl-text-17,
.tpl-text-17:hover,
.tpl-text-17:focus {
    color: #f183d4;
}

.tpl-outline-17,
.tpl-outline-17:hover,
.tpl-outline-17:focus {
    border: 1px solid #f183d4;
    background: #fff;
}

.tpl-bg-101,
.tpl-bg-101:hover,
.tpl-bg-101:focus {
    background: #000;
    color: #fff;
}

.tpl-text-101,
.tpl-text-101:hover,
.tpl-text-101:focus {
    color: #000;
}

.tpl-outline-101,
.tpl-outline-101:hover,
.tpl-outline-101:focus {
    border: 1px solid #000;
    background: #fff;
}

.tpl-bg-102,
.tpl-bg-102:hover,
.tpl-bg-102:focus {
    background: #f2f2f2;
    color: #666;
}

.tpl-text-102,
.tpl-text-102:hover,
.tpl-text-102:focus {
    color: #666;
}

.tpl-outline-102,
.tpl-outline-102:hover,
.tpl-outline-102:focus {
    border: 1px solid #f2f2f2;
    background: #fff;
}

.fill-style-1 {
    fill: #00aaf8;
}

.fill-style-2 {
    fill: #6372d3;
}

.fill-style-3 {
    fill: #b153f1;
}

.fill-style-4 {
    fill: #ff609a;
}

.fill-style-5 {
    fill: #df0004;
}

.fill-style-6 {
    fill: #ff9124;
}

.fill-style-7 {
    fill: #f7c400;
}

.fill-style-8 {
    fill: #56d600;
}

.fill-style-9 {
    fill: #2fbd00;
}

.fill-style-10 {
    fill: #00cfba;
}

.fill-style-11 {
    fill: #ffbc5d;
}

.fill-style-12 {
    fill: #e584ff;
}

.fill-style-13 {
    fill: #77a6ff;
}

.fill-style-14 {
    fill: #41bcf7;
}

.fill-style-15 {
    fill: #33c7ff;
}

.fill-style-16 {
    fill: #b0a3ff;
}

.fill-style-17 {
    fill: #f183d4;
}

.fill-style-101 {
    fill: #000;
}

.fill-style-102 {
    fill: #666;
}